@floegence/floe-webapp-core 0.52.10 → 0.52.12

package/dist/components/ui/Button.js

@@ -1,17 +1,17 @@
-import { spread as c, mergeProps as d, insert as n, createComponent as t, memo as l, Dynamic as u, template as g } from "solid-js/web";
-import { splitProps as m, Show as h } from "solid-js";
+import { spread as d, mergeProps as c, insert as n, createComponent as t, memo as g, Dynamic as u, template as l } from "solid-js/web";
+import { splitProps as m, Show as b } from "solid-js";
 import { cn as a } from "../../utils/cn.js";
 import { Loader2 as p } from "../icons/index.js";
-var v = /* @__PURE__ */ g("<button type=button data-floe-surface-part=action>");
-const f = {
-  default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:scale-[0.98]",
-  primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:scale-[0.98]",
-  secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80 active:scale-[0.98]",
-  outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground active:scale-[0.98]",
-  ghost: "hover:bg-accent hover:text-accent-foreground active:scale-[0.98]",
-  "ghost-destructive": "bg-transparent text-muted-foreground hover:bg-error hover:text-error-foreground active:scale-[0.98]",
-  destructive: "bg-error text-error-foreground shadow-sm hover:bg-error/90 active:scale-[0.98]"
-}, b = {
+var h = /* @__PURE__ */ l("<button type=button data-floe-surface-part=action>");
+const v = {
+  default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-primary/80",
+  primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-primary/80",
+  secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80 active:bg-secondary/70",
+  outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground active:bg-accent/80",
+  ghost: "hover:bg-accent hover:text-accent-foreground active:bg-accent/80",
+  "ghost-destructive": "bg-transparent text-muted-foreground hover:bg-error hover:text-error-foreground active:bg-error/80",
+  destructive: "bg-error text-error-foreground shadow-sm hover:bg-error/90 active:bg-error/80"
+}, f = {
   xs: "h-6 px-2 text-[11px] rounded",
   sm: "h-7 px-2.5 text-xs rounded",
   md: "h-8 px-3 text-xs rounded-md",
@@ -24,28 +24,28 @@ const f = {
   lg: "w-4 h-4",
   icon: "w-4 h-4"
 };
-function k(s) {
-  const [e, i] = m(s, ["variant", "size", "loading", "icon", "class", "children", "disabled"]), o = () => x[e.size ?? "md"];
+function k(i) {
+  const [r, s] = m(i, ["variant", "size", "loading", "icon", "class", "children", "disabled"]), o = () => x[r.size ?? "md"];
   return (() => {
-    var r = v();
-    return c(r, d({
+    var e = h();
+    return d(e, c({
       get "data-floe-surface"() {
-        return e.variant === "ghost" || e.variant === "ghost-destructive" ? void 0 : "raised";
+        return r.variant === "ghost" || r.variant === "ghost-destructive" ? void 0 : "raised";
       },
       get class() {
-        return a("inline-flex items-center justify-center gap-1.5 font-medium cursor-pointer", "transition-colors duration-150", "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed", f[e.variant ?? "default"], b[e.size ?? "md"], e.class);
+        return a("inline-flex items-center justify-center gap-1.5 font-medium cursor-pointer", "transition-[color,background-color,border-color,box-shadow] duration-120", "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed", v[r.variant ?? "default"], f[r.size ?? "md"], r.class);
       },
       get disabled() {
-        return e.disabled || e.loading;
+        return r.disabled || r.loading;
       }
-    }, i), !1, !0), n(r, t(h, {
+    }, s), !1, !0), n(e, t(b, {
       get when() {
-        return e.loading;
+        return r.loading;
       },
       get fallback() {
-        return l(() => !!e.icon)() && t(u, {
+        return g(() => !!r.icon)() && t(u, {
           get component() {
-            return e.icon;
+            return r.icon;
           },
           get class() {
             return o();
@@ -59,7 +59,7 @@ function k(s) {
           }
         });
       }
-    }), null), n(r, () => e.children, null), r;
+    }), null), n(e, () => r.children, null), e;
   })();
 }
 export {

package/dist/components/ui/Card.js

@@ -37,9 +37,9 @@ function oe(l) {
   B(() => {
     s !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(s), s = null);
   });
-  const k = "rounded-lg duration-300 ease-out", P = () => e.enableTilt || r() === "hover-lift" ? "transition-[color,background-color,border-color,box-shadow,transform]" : "transition-[color,background-color,border-color,box-shadow]", j = {
-    default: "bg-card border border-border shadow-sm hover:shadow-md",
-    "hover-lift": "bg-card border border-border shadow-sm hover:shadow-xl hover:-translate-y-1",
+  const k = "rounded-lg duration-180 ease-out", P = () => e.enableTilt || r() === "hover-lift" ? "transition-[color,background-color,border-color,box-shadow,transform]" : "transition-[color,background-color,border-color,box-shadow]", j = {
+    default: "bg-card border border-border shadow-sm hover:shadow-sm",
+    "hover-lift": "bg-card border border-border shadow-sm hover:shadow-md hover:-translate-y-0.5",
     "gradient-border": "relative bg-card overflow-hidden",
     glass: "backdrop-blur-xl bg-card/30 border border-border/50 shadow-lg",
     spotlight: "relative bg-card border border-border overflow-hidden",

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

@@ -1,5 +1,6 @@
 import { type JSX } from 'solid-js';
 import { type FloatingWindowViewportInsets } from './floatingWindowGeometry';
+import { type SurfaceFloatingBoundary } from './surfaceFloatingBoundary';
 export interface FloatingWindowProps {
     /** Whether the window is open */
     open: boolean;
@@ -35,6 +36,16 @@ export interface FloatingWindowProps {
     };
     /** Safe area inside the browser viewport that the floating window should avoid */
     viewportInsets?: FloatingWindowViewportInsets;
+    /** Optional visible content boundary, measured in client coordinates by Floe. */
+    boundary?: SurfaceFloatingBoundary;
+    /** Fill the available boundary below this width, without drag/resize controls. Disabled by default. */
+    compactBelow?: number;
+    /** Localized native window control labels. */
+    labels?: {
+        close: string;
+        maximize: string;
+        restore: string;
+    };
     /** Whether the window can be resized */
     resizable?: boolean;
     /** Whether the window can be dragged */