@floegence/floe-webapp-core 0.86.62 → 0.86.64

package/dist/components/layout/ThemeToggle.d.ts

@@ -0,0 +1,19 @@
+export interface ThemeToggleProps {
+    /** Box class for the button; defaults to the 32px icon control. */
+    class?: string;
+    /** Box class for the 16px icon frame. */
+    glyphClass?: string;
+    /** Overrides the accessible name. Defaults to the action the click performs. */
+    label?: string;
+    disabled?: boolean;
+}
+/**
+ * Light/dark toggle.
+ *
+ * The two states are one control, so the icon performs the change rather than
+ * being swapped between frames: the outgoing glyph rotates a quarter turn and
+ * leaves upward while the incoming one arrives from below. Both live in the
+ * same 16px frame, so the button never changes size and nothing else on the
+ * bar moves. Reduced-motion users get the instant swap.
+ */
+export declare function ThemeToggle(props: ThemeToggleProps): import("solid-js").JSX.Element;

package/dist/components/layout/ThemeToggle.js

@@ -0,0 +1,39 @@
+import { insert as k, createComponent as w, effect as T, setAttribute as x, className as a, template as p, delegateEvents as C } from "solid-js/web";
+import { cn as r } from "../../utils/cn.js";
+import { useTheme as S } from "../../context/ThemeContext.js";
+import { Sun as j, Moon as A } from "../icons/index.js";
+var D = /* @__PURE__ */ p("<button type=button data-floe-interactive=icon><span aria-hidden=true><span></span><span>");
+function q(o) {
+  const s = S(), n = () => s.resolvedTheme() === "dark", c = () => o.label ?? (n() ? "Switch to light theme" : "Switch to dark theme"), f = (t, i) => r(
+    "absolute inset-0 flex items-center justify-center",
+    /* Tailwind's rotate/translate utilities write the individual properties,
+     * so the transition list has to name them; `transform` alone would leave
+     * the glyphs swapping instead of gliding. */
+    "transition-[opacity,rotate,translate] duration-[var(--floe-duration-base)] ease-[var(--floe-ease-out)]",
+    "motion-reduce:transition-none",
+    t ? "opacity-100 rotate-0 translate-y-0" : r("opacity-0", i === "up" ? "-translate-y-2 rotate-90" : "translate-y-2 -rotate-90")
+  );
+  return (() => {
+    var t = D(), i = t.firstChild, l = i.firstChild, v = l.nextSibling;
+    return t.$$click = () => s.toggleTheme(), k(l, w(j, {
+      class: "h-full w-full"
+    })), k(v, w(A, {
+      class: "h-full w-full"
+    })), T((e) => {
+      var d = o.disabled, u = c(), h = c(), m = r("inline-flex h-[var(--floe-control-height-md)] w-[var(--floe-control-height-md)] shrink-0 items-center justify-center rounded-control cursor-pointer", "text-[var(--floe-ink-soft)] hover:bg-[var(--floe-state-hover)] hover:text-foreground", "transition-colors duration-[var(--floe-duration-fast)] ease-[var(--floe-ease-out)]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-[var(--floe-plane)]", "disabled:pointer-events-none disabled:opacity-50", o.class), b = r("relative block h-4 w-4 overflow-hidden", o.glyphClass), g = f(!n(), "up"), y = f(n(), "down");
+      return d !== e.e && (t.disabled = e.e = d), u !== e.t && x(t, "aria-label", e.t = u), h !== e.a && x(t, "title", e.a = h), m !== e.o && a(t, e.o = m), b !== e.i && a(i, e.i = b), g !== e.n && a(l, e.n = g), y !== e.s && a(v, e.s = y), e;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0
+    }), t;
+  })();
+}
+C(["click"]);
+export {
+  q as ThemeToggle
+};

package/dist/components/layout/index.d.ts

@@ -5,7 +5,6 @@ export type { BarItemContextMenuHandler, BarItemContextMenuRequest, BarItemConte
 export { Sidebar, SidebarContent, SidebarItemList, SidebarSection, SidebarItem, type SidebarProps, type SidebarContentProps, type SidebarItemListProps, type SidebarSectionProps, type SidebarItemProps, } from './Sidebar';
 export { TopBar, type TopBarProps } from './TopBar';
 export { TopBarIconButton, type TopBarIconButtonProps } from './TopBarIconButton';
-export { BottomBar, BottomBarItem, StatusIndicator, type BottomBarProps, type BottomBarItemProps, type StatusIndicatorProps, } from './BottomBar';
 export { BottomBarCompanion, type BottomBarCompanionDismissReason, type BottomBarCompanionPhase, type BottomBarCompanionProps, } from './BottomBarCompanion';
 export { MobileTabBar, type MobileTabBarItem, type MobileTabBarProps } from './MobileTabBar';
 export { ResizeHandle, type ResizeHandleProps } from './ResizeHandle';
@@ -14,4 +13,5 @@ export { Panel, PanelHeader, PanelContent, type PanelProps, type PanelHeaderProp
 export { KeepAliveStack, type KeepAliveStackProps, type KeepAliveView } from './KeepAliveStack';
 export { DisplayModeSwitcher, sanitizeDisplayMode, type DisplayMode, type DisplayModeSwitcherProps, } from './DisplayModeSwitcher';
 export { DisplayModePageShell, type DisplayModePageShellProps } from './DisplayModePageShell';
+export { ThemeToggle, type ThemeToggleProps } from './ThemeToggle';
 export { AppViewport, type AppViewportProps } from './AppViewport';

package/dist/components/ui/Button.js

@@ -1,8 +1,8 @@
-import { spread as g, mergeProps as f, insert as n, createComponent as o, memo as u, Dynamic as v, effect as h, className as m, template as s } from "solid-js/web";
-import { splitProps as p, Show as l } from "solid-js";
+import { spread as h, mergeProps as m, insert as n, createComponent as t, memo as c, Dynamic as p, effect as d, className as g, template as u } from "solid-js/web";
+import { splitProps as b, Show as l } from "solid-js";
 import { cn as i } from "../../utils/cn.js";
-import { Loader2 as b } from "../icons/index.js";
-var x = /* @__PURE__ */ s("<span aria-hidden=true>"), y = /* @__PURE__ */ s("<button type=button data-floe-control=button data-floe-surface-part=action>");
+import { Loader2 as x } from "../icons/index.js";
+var f = /* @__PURE__ */ u("<span aria-hidden=true>"), y = /* @__PURE__ */ u("<button type=button data-floe-control=button data-floe-surface-part=action>");
 const w = {
   default: "bg-primary text-primary-foreground hover:bg-[color-mix(in_srgb,var(--primary)_92%,var(--primary-foreground))]",
   primary: "bg-primary text-primary-foreground hover:bg-[color-mix(in_srgb,var(--primary)_92%,var(--primary-foreground))]",
@@ -25,10 +25,10 @@ const w = {
   icon: "w-4 h-4"
 };
 function P(a) {
-  const [r, c] = p(a, ["variant", "size", "loading", "icon", "class", "children", "disabled"]), d = () => k[r.size ?? "md"];
+  const [r, v] = b(a, ["variant", "size", "loading", "icon", "class", "children", "disabled"]), s = () => k[r.size ?? "md"];
   return (() => {
-    var e = y();
-    return g(e, f({
+    var o = y();
+    return h(o, m({
       get "data-floe-surface"() {
         return r.variant === "ghost" || r.variant === "ghost-destructive" || r.variant === "outline" ? void 0 : "flat";
       },
@@ -41,18 +41,18 @@ function P(a) {
       get "aria-busy"() {
         return r.loading || void 0;
       }
-    }, c), !1, !0), n(e, o(l, {
+    }, v), !1, !0), n(o, t(l, {
       get when() {
         return r.icon || "loading" in a;
       },
       get children() {
-        var t = x();
-        return n(t, o(l, {
+        var e = f();
+        return n(e, t(l, {
           get when() {
             return r.loading;
           },
           get fallback() {
-            return u(() => !!r.icon)() && o(v, {
+            return c(() => !!r.icon)() && t(p, {
               get component() {
                 return r.icon;
               },
@@ -60,13 +60,21 @@ function P(a) {
             });
           },
           get children() {
-            return o(b, {
+            return t(x, {
               class: "h-full w-full animate-spin"
             });
           }
-        })), h(() => m(t, i("inline-flex shrink-0 items-center justify-center", d()))), t;
+        })), d(() => g(e, i("inline-flex shrink-0 items-center justify-center", s()))), e;
       }
-    }), null), n(e, () => r.children, null), e;
+    }), null), n(o, () => r.children, null), n(o, t(l, {
+      get when() {
+        return c(() => !r.icon)() && "loading" in a;
+      },
+      get children() {
+        var e = f();
+        return d(() => g(e, i("inline-flex shrink-0", s()))), e;
+      }
+    }), null), o;
   })();
 }
 export {

package/dist/components/ui/Dialog.js

@@ -1,21 +1,22 @@
-import { createComponent as r, use as G, setAttribute as c, style as ne, Portal as ae, spread as I, mergeProps as E, memo as p, insert as i, effect as P, className as q, template as m } from "solid-js/web";
-import { createSignal as T, onMount as le, onCleanup as M, createUniqueId as ie, createEffect as K, createMemo as U, Show as u, untrack as V } from "solid-js";
+import { createComponent as r, use as q, setAttribute as c, style as ne, Portal as ae, spread as E, mergeProps as M, memo as x, insert as s, effect as P, className as K, template as m } from "solid-js/web";
+import { createSignal as T, onMount as le, onCleanup as B, createUniqueId as ie, createEffect as j, createMemo as U, Show as u, untrack as V } from "solid-js";
 import { cn as g } from "../../utils/cn.js";
-import { Button as j } from "./Button.js";
+import { Button as H } from "./Button.js";
 import { X as de } from "../icons/index.js";
-import { useResolvedFloeConfig as fe } from "../../context/FloeConfigContext.js";
-import { useOverlayMask as se } from "../../hooks/useOverlayMask.js";
-import { resolveSurfacePortalHost as ce, DIALOG_SURFACE_BOUNDARY_ATTR as k, SURFACE_PORTAL_LAYER_ATTR as ue, DIALOG_SURFACE_HOST_ATTR as ge, isSurfacePortalMode as z, projectSurfacePortalRect as me, resolveSurfacePortalBoundaryRect as he, resolveSurfacePortalMount as ve } from "./dialogSurfaceScope.js";
+import { useResolvedFloeConfig as se } from "../../context/FloeConfigContext.js";
+import { useOverlayMask as fe } from "../../hooks/useOverlayMask.js";
+import { resolveSurfacePortalHost as ce, DIALOG_SURFACE_BOUNDARY_ATTR as S, SURFACE_PORTAL_LAYER_ATTR as ue, DIALOG_SURFACE_HOST_ATTR as ge, isSurfacePortalMode as z, projectSurfacePortalRect as me, resolveSurfacePortalBoundaryRect as he, resolveSurfacePortalMount as ve } from "./dialogSurfaceScope.js";
 import { LOCAL_INTERACTION_SURFACE_ATTR as ye } from "./localInteractionSurface.js";
-import { createFloatingPresence as we } from "./floatingPresence.js";
-import { useDialogPlacement as be } from "./DialogPlacementContext.js";
-import { observeViewport as pe, viewportStyle as xe } from "../../viewport.js";
-import { resolveFloatingBoundary as $e } from "./surfaceFloatingBoundary.js";
-var Ae = /* @__PURE__ */ m("<span aria-hidden=true>"), Ce = /* @__PURE__ */ m('<h2 class="text-[length:var(--floe-type-heading-sm)] font-semibold leading-[var(--floe-line-heading)] tracking-[var(--floe-tracking-tight)] text-[var(--floe-ink)]">'), _e = /* @__PURE__ */ m('<div data-floe-dialog-header class="flex shrink-0 items-start justify-between gap-[var(--floe-gap-control)] px-[var(--floe-pad-group)] py-[var(--floe-pad-control)] border-b border-[var(--floe-line)]"><div>'), ke = /* @__PURE__ */ m('<p class="mb-3 shrink-0 text-[length:var(--floe-type-body)] leading-[var(--floe-line-body)] text-[var(--floe-ink-soft)] last:mb-0">'), Se = /* @__PURE__ */ m('<div data-floe-dialog-footer class="flex shrink-0 items-center justify-end gap-[var(--floe-gap-control)] px-[var(--floe-pad-group)] py-[var(--floe-pad-control)] border-t border-[var(--floe-line)]">'), Oe = /* @__PURE__ */ m("<div><div></div><div><div data-floe-surface=floating><div data-floe-dialog-body>"), Re = /* @__PURE__ */ m("<h2 class=sr-only>");
-const De = {
+import { createFloatingPresence as be } from "./floatingPresence.js";
+import { observeDialogHeight as we } from "./dialogHeightMotion.js";
+import { useDialogPlacement as pe } from "./DialogPlacementContext.js";
+import { observeViewport as xe, viewportStyle as $e } from "../../viewport.js";
+import { resolveFloatingBoundary as Ae } from "./surfaceFloatingBoundary.js";
+var Ce = /* @__PURE__ */ m("<span aria-hidden=true>"), _e = /* @__PURE__ */ m('<h2 class="text-[length:var(--floe-type-heading-sm)] font-semibold leading-[var(--floe-line-heading)] tracking-[var(--floe-tracking-tight)] text-[var(--floe-ink)]">'), ke = /* @__PURE__ */ m('<div data-floe-dialog-header class="flex shrink-0 items-start justify-between gap-[var(--floe-gap-control)] px-[var(--floe-pad-group)] py-[var(--floe-pad-control)] border-b border-[var(--floe-line)]"><div>'), Se = /* @__PURE__ */ m('<p class="mb-3 shrink-0 text-[length:var(--floe-type-body)] leading-[var(--floe-line-body)] text-[var(--floe-ink-soft)] last:mb-0">'), Oe = /* @__PURE__ */ m('<div data-floe-dialog-footer class="flex shrink-0 items-center justify-end gap-[var(--floe-gap-control)] px-[var(--floe-pad-group)] py-[var(--floe-pad-control)] border-t border-[var(--floe-line)]">'), Re = /* @__PURE__ */ m("<div><div></div><div><div data-floe-surface=floating><div data-floe-dialog-body>"), De = /* @__PURE__ */ m("<h2 class=sr-only>");
+const Pe = {
   display: "none"
 };
-function Pe(e) {
+function Te(e) {
   if (typeof queueMicrotask == "function") {
     queueMicrotask(e);
     return;
@@ -25,59 +26,64 @@ function Pe(e) {
 function Z(e) {
   return `${e.left}|${e.top}|${e.right}|${e.bottom}|${e.width}|${e.height}`;
 }
-function Te(e) {
+function Be(e) {
   return typeof window < "u" && typeof window.requestAnimationFrame == "function" ? window.requestAnimationFrame(e) : window.setTimeout(() => e(Date.now()), 16);
 }
-function Be(e) {
+function Fe(e) {
   if (typeof window < "u" && typeof window.cancelAnimationFrame == "function") {
     window.cancelAnimationFrame(e);
     return;
   }
   window.clearTimeout(e);
 }
-function Fe(e) {
-  const x = be(), [n, W] = T();
-  le(() => M(pe(window, W)));
-  const s = ie(), B = () => `dialog-${s}-title`, H = () => `dialog-${s}-description`;
-  let S;
-  const [O, Y] = T(null), [L, X] = T(0), [J, Q] = T(0), $ = () => e.presentation === "side-drawer", h = () => e.presentation === "bottom-drawer", f = we({
-    open: () => e.open && !!O() && L() > 0,
-    element: () => S
-  }), A = () => f.mounted() && !!O() && L() > 0;
-  K(() => e.onPresenceChange?.(A())), M(() => e.onPresenceChange?.(!1));
+function Ie(e) {
+  const $ = pe(), [n, W] = T();
+  le(() => B(xe(window, W)));
+  const f = ie(), F = () => `dialog-${f}-title`, L = () => `dialog-${f}-description`;
+  let A;
+  const [O, Y] = T(null), [N, X] = T(0), [J, Q] = T(0), C = () => e.presentation === "side-drawer", h = () => e.presentation === "bottom-drawer", i = be({
+    open: () => e.open && !!O() && N() > 0,
+    element: () => A
+  }), v = () => i.mounted() && !!O() && N() > 0;
+  j(() => {
+    const t = A, l = i.state();
+    !t || l !== "open" || !v() || B(we(t, {
+      isSettled: () => i.state() === "open"
+    }));
+  }), j(() => e.onPresenceChange?.(v())), B(() => e.onPresenceChange?.(!1));
   const ee = (t) => {
-    Y(t), Pe(() => {
-      V(O) === t && X((d) => d + 1);
+    Y(t), Te(() => {
+      V(O) === t && X((l) => l + 1);
     });
-  }, R = U(() => A() ? ce({
+  }, R = U(() => v() ? ce({
     owner: O()
   }) : {
     host: null,
     boundaryHost: null,
     mountHost: null,
     mode: "global"
-  }), C = () => `dialog-boundary-${s}`, a = () => x.mode() === "auto" && z(R()), te = () => a() ? ve(R()) : void 0, N = () => e.globalZIndex ?? x.globalZIndex(), F = (t) => me($e(t, void 0, V(n)?.safeArea) ?? he(t), t), oe = () => F(R()), D = U(() => (J(), n(), oe())), re = (t) => typeof Element < "u" && t instanceof Element ? !!t.closest(`[${k}="${C()}"]`) : typeof Node < "u" && t instanceof Node ? !!t.parentElement?.closest(`[${k}="${C()}"]`) : !1;
-  return K(() => {
+  }), _ = () => `dialog-boundary-${f}`, a = () => $.mode() === "auto" && z(R()), te = () => a() ? ve(R()) : void 0, G = () => e.globalZIndex ?? $.globalZIndex(), I = (t) => me(Ae(t, void 0, V(n)?.safeArea) ?? he(t), t), oe = () => I(R()), D = U(() => (J(), n(), oe())), re = (t) => typeof Element < "u" && t instanceof Element ? !!t.closest(`[${S}="${_()}"]`) : typeof Node < "u" && t instanceof Node ? !!t.parentElement?.closest(`[${S}="${_()}"]`) : !1;
+  return j(() => {
     const t = R();
-    if (!A() || !a() || typeof window > "u")
+    if (!v() || !a() || typeof window > "u")
       return;
-    let d = !1, v = null, l = Z(F(t));
-    const y = () => {
-      if (d || !z(t))
+    let l = !1, y = null, d = Z(I(t));
+    const b = () => {
+      if (l || !z(t))
         return;
-      const o = Z(F(t));
-      o !== l && (l = o, Q((w) => w + 1));
-    }, _ = () => {
-      d || (v = Te(() => {
-        y(), _();
+      const o = Z(I(t));
+      o !== d && (d = o, Q((w) => w + 1));
+    }, k = () => {
+      l || (y = Be(() => {
+        b(), k();
       }));
     };
-    _(), M(() => {
-      d = !0, v !== null && Be(v);
+    k(), B(() => {
+      l = !0, y !== null && Fe(y);
     });
-  }), se({
-    open: A,
-    root: () => S,
+  }), fe({
+    open: v,
+    root: () => A,
     containsTarget: re,
     onClose: () => e.onOpenChange(!1),
     lockBodyScroll: () => !a(),
@@ -90,11 +96,11 @@ function Fe(e) {
     blockTouchMove: () => a() ? "none" : "outside",
     restoreFocus: !0
   }), [(() => {
-    var t = Ae();
-    return G(ee, t), c(t, "data-floe-dialog-owner-anchor", s), ne(t, De), t;
+    var t = Ce();
+    return q(ee, t), c(t, "data-floe-dialog-owner-anchor", f), ne(t, Pe), t;
   })(), r(u, {
     get when() {
-      return A();
+      return v();
     },
     get children() {
       return r(ae, {
@@ -102,8 +108,8 @@ function Fe(e) {
           return te();
         },
         get children() {
-          var t = Oe(), d = t.firstChild, v = d.nextSibling, l = v.firstChild, y = l.firstChild;
-          c(t, "data-floe-dialog-overlay-root", s), I(t, E({
+          var t = Re(), l = t.firstChild, y = l.nextSibling, d = y.firstChild, b = d.firstChild;
+          c(t, "data-floe-dialog-overlay-root", f), E(t, M({
             get "data-floe-dialog-mode"() {
               return a() ? "surface" : "global";
             },
@@ -111,28 +117,28 @@ function Fe(e) {
               return e.presentation ?? "dialog";
             },
             get "data-floating-presence"() {
-              return f.state();
+              return i.state();
             },
             get "aria-hidden"() {
-              return f.exiting() ? "true" : void 0;
+              return i.exiting() ? "true" : void 0;
             }
           }, {
             [ye]: "true"
           }, () => ({
             [ue]: "true",
-            [k]: C()
+            [S]: _()
           }), {
             get class() {
-              return g(a() ? g("absolute z-20 box-border", !$() && "p-3") : g("fixed box-border p-4", N() === void 0 && "z-50"), h() && "floe-bottom-drawer-overlay", $() && "floe-side-drawer-overlay", f.exiting() && !h() && "pointer-events-none");
+              return g(a() ? g("absolute z-20 box-border", !C() && "p-3") : g("fixed box-border p-4", G() === void 0 && "z-50"), h() && "floe-bottom-drawer-overlay", C() && "floe-side-drawer-overlay", i.exiting() && !h() && "pointer-events-none");
             },
             get style() {
-              return p(() => !!a())() ? {
+              return x(() => !!a())() ? {
                 left: `${D().left}px`,
                 top: `${D().top}px`,
                 width: `${D().width}px`,
                 height: `${D().height}px`
               } : {
-                ...n() ? xe(n()) : {
+                ...n() ? $e(n()) : {
                   inset: "0"
                 },
                 "--floe-dialog-safe-top": `${(n()?.safeArea.top ?? 0) / (n()?.fixedScale ?? 1)}px`,
@@ -143,33 +149,33 @@ function Fe(e) {
                 "padding-right": "max(var(--floe-dialog-gap-x, 1rem), var(--floe-dialog-safe-right))",
                 "padding-bottom": "max(var(--floe-dialog-gap-y, 1rem), var(--floe-dialog-safe-bottom))",
                 "padding-left": "max(var(--floe-dialog-gap-x, 1rem), var(--floe-dialog-safe-left))",
-                "z-index": N()
+                "z-index": G()
               };
             }
-          }), !1, !0), c(d, "data-floe-dialog-backdrop", s), I(d, E(() => ({
-            [k]: C()
+          }), !1, !0), c(l, "data-floe-dialog-backdrop", f), E(l, M(() => ({
+            [S]: _()
           }), {
             get "data-floating-presence"() {
-              return f.state();
+              return i.state();
             },
             get class() {
               return g("absolute inset-0 floe-floating-presence floe-floating-backdrop", e.closeOnBackdropClick === !1 ? "cursor-default" : "cursor-pointer", h() ? "floe-bottom-drawer-backdrop" : a() ? "bg-background/72 backdrop-blur-[2px]" : "bg-background/80 backdrop-blur-sm");
             },
             onClick: () => {
-              !f.exiting() && e.closeOnBackdropClick !== !1 && e.onOpenChange(!1);
+              !i.exiting() && e.closeOnBackdropClick !== !1 && e.onOpenChange(!1);
             }
           }), !1, !1);
-          var _ = S;
-          return typeof _ == "function" ? G(_, l) : S = l, c(l, "data-floe-dialog-panel", s), I(l, E({
+          var k = A;
+          return typeof k == "function" ? q(k, d) : A = d, c(d, "data-floe-dialog-panel", f), E(d, M({
             get "data-floe-drawer-side"() {
-              return p(() => !!$())() ? e.drawerSide ?? "right" : void 0;
+              return x(() => !!C())() ? e.drawerSide ?? "right" : void 0;
             }
           }, () => ({
-            [k]: C(),
+            [S]: _(),
             [ge]: "true"
           }), {
             get class() {
-              return g(a() ? "flex max-h-[calc(100%-1rem)] w-[min(32rem,calc(100%-1rem))] max-w-[calc(100%-1rem)] flex-col" : "w-full max-w-md", "bg-popover text-popover-foreground rounded-panel shadow-[var(--floe-elevation-float-strong)]", "border border-[var(--floe-line)]", "floe-floating-presence", h() ? "floe-bottom-drawer-panel" : $() ? "floe-side-drawer-panel" : "floe-floating-dialog-panel", "pointer-events-auto flex flex-col", e.class);
+              return g(a() ? "flex max-h-[calc(100%-1rem)] w-[min(32rem,calc(100%-1rem))] max-w-[calc(100%-1rem)] flex-col" : "w-full max-w-md", "bg-popover text-popover-foreground rounded-panel shadow-[var(--floe-elevation-float-strong)]", "border border-[var(--floe-line)]", "floe-floating-presence", h() ? "floe-bottom-drawer-panel" : C() ? "floe-side-drawer-panel" : "floe-floating-dialog-panel", "pointer-events-auto flex flex-col", e.class);
             },
             style: {
               "max-height": "100%",
@@ -177,24 +183,24 @@ function Fe(e) {
               "min-width": "0"
             },
             get "data-floating-presence"() {
-              return f.state();
+              return i.state();
             },
             get inert() {
-              return p(() => !!h())() && f.exiting();
+              return x(() => !!h())() && i.exiting();
             },
             role: "dialog",
             get "aria-modal"() {
               return a() ? void 0 : "true";
             },
             get "aria-labelledby"() {
-              return p(() => !!e.title)() ? B() : void 0;
+              return x(() => !!e.title)() ? F() : void 0;
             },
             get "aria-describedby"() {
-              return p(() => !!e.bodyDescription)() ? H() : void 0;
+              return x(() => !!e.bodyDescription)() ? L() : void 0;
             },
             onKeyDown: (o) => e.onKeyDown?.(o),
             tabIndex: -1
-          }), !1, !0), i(l, r(u, {
+          }), !1, !0), s(d, r(u, {
             get when() {
               return e.header === void 0;
             },
@@ -204,10 +210,10 @@ function Fe(e) {
                   return e.title;
                 },
                 get children() {
-                  var o = Re();
-                  return i(o, () => e.title), P(() => c(o, "id", B())), o;
+                  var o = De();
+                  return s(o, () => e.title), P(() => c(o, "id", F())), o;
                 }
-              }), p(() => e.header)];
+              }), x(() => e.header)];
             },
             get children() {
               return r(u, {
@@ -215,16 +221,16 @@ function Fe(e) {
                   return e.title;
                 },
                 get children() {
-                  var o = _e(), w = o.firstChild;
-                  return i(w, r(u, {
+                  var o = ke(), w = o.firstChild;
+                  return s(w, r(u, {
                     get when() {
                       return e.title;
                     },
                     get children() {
-                      var b = Ce();
-                      return i(b, () => e.title), P(() => c(b, "id", B())), b;
+                      var p = _e();
+                      return s(p, () => e.title), P(() => c(p, "id", F())), p;
                     }
-                  })), i(o, r(j, {
+                  })), s(o, r(H, {
                     variant: "ghost-destructive",
                     size: "icon",
                     class: "-my-2 -mr-2 h-[46px] w-[46px] shrink-0 sm:my-0 sm:-mr-1 sm:h-6 sm:w-6",
@@ -241,25 +247,25 @@ function Fe(e) {
                 }
               });
             }
-          }), y), i(y, r(u, {
+          }), b), s(b, r(u, {
             get when() {
               return e.bodyDescription;
             },
             get children() {
-              var o = ke();
-              return i(o, () => e.bodyDescription), P(() => c(o, "id", H())), o;
+              var o = Se();
+              return s(o, () => e.bodyDescription), P(() => c(o, "id", L())), o;
             }
-          }), null), i(y, () => e.children, null), i(l, r(u, {
+          }), null), s(b, () => e.children, null), s(d, r(u, {
             get when() {
               return e.footer;
             },
             get children() {
-              var o = Se();
-              return i(o, () => e.footer), o;
+              var o = Oe();
+              return s(o, () => e.footer), o;
             }
           }), null), P((o) => {
-            var w = g("pointer-events-none relative z-[1] flex h-full w-full", $() ? e.drawerSide === "left" ? "items-stretch justify-start" : "items-stretch justify-end" : h() ? "items-end justify-center" : "items-center justify-center"), b = g("min-h-0 flex-1 overflow-auto overscroll-contain px-[var(--floe-pad-group)] py-[var(--floe-pad-group)]", e.contentClass);
-            return w !== o.e && q(v, o.e = w), b !== o.t && q(y, o.t = b), o;
+            var w = g("pointer-events-none relative z-[1] flex h-full w-full", C() ? e.drawerSide === "left" ? "items-stretch justify-start" : "items-stretch justify-end" : h() ? "items-end justify-center" : "items-center justify-center"), p = g("min-h-0 flex-1 overflow-auto overscroll-contain px-[var(--floe-pad-group)] py-[var(--floe-pad-group)]", e.contentClass);
+            return w !== o.e && K(y, o.e = w), p !== o.t && K(b, o.t = p), o;
           }, {
             e: void 0,
             t: void 0
@@ -269,9 +275,9 @@ function Fe(e) {
     }
   })];
 }
-function We(e) {
-  const x = fe();
-  return r(Fe, {
+function Xe(e) {
+  const $ = se();
+  return r(Ie, {
     get open() {
       return e.open;
     },
@@ -288,16 +294,16 @@ function We(e) {
       return e.globalZIndex;
     },
     get footer() {
-      return [r(j, {
+      return [r(H, {
         variant: "ghost",
         onClick: () => e.onOpenChange(!1),
         get disabled() {
           return e.loading;
         },
         get children() {
-          return e.cancelText ?? x.config.strings.confirmDialog.cancel;
+          return e.cancelText ?? $.config.strings.confirmDialog.cancel;
         }
-      }), r(j, {
+      }), r(H, {
         get variant() {
           return e.variant === "destructive" ? "destructive" : "primary";
         },
@@ -308,7 +314,7 @@ function We(e) {
           return e.loading;
         },
         get children() {
-          return e.confirmText ?? x.config.strings.confirmDialog.confirm;
+          return e.confirmText ?? $.config.strings.confirmDialog.confirm;
         }
       })];
     },
@@ -318,6 +324,6 @@ function We(e) {
   });
 }
 export {
-  We as ConfirmDialog,
-  Fe as Dialog
+  Xe as ConfirmDialog,
+  Ie as Dialog
 };