@floegence/floe-webapp-core 0.50.6 → 0.51.0

package/dist/components/ui/HighlightBlock.js

@@ -1,8 +1,8 @@
-import { createComponent as e, mergeProps as l, spread as _, insert as c, effect as T, setAttribute as f, className as B, template as d, delegateEvents as E } from "solid-js/web";
+import { createComponent as e, mergeProps as l, spread as _, insert as c, effect as T, setAttribute as v, className as B, template as d, delegateEvents as E } from "solid-js/web";
 import { splitProps as S, Show as p } from "solid-js";
 import { cn as h } from "../../utils/cn.js";
 import { Zap as N, Sparkles as A, XCircle as P, CheckCircle as W, AlertTriangle as j, Info as D } from "../icons/index.js";
-var F = /* @__PURE__ */ d('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="m9 18 6-6-6-6">'), H = /* @__PURE__ */ d("<div class=highlight-block-icon>"), X = /* @__PURE__ */ d("<div class=highlight-block-content>"), Z = /* @__PURE__ */ d("<div><div><span>");
+var F = /* @__PURE__ */ d('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="m9 18 6-6-6-6">'), H = /* @__PURE__ */ d("<div class=highlight-block-icon>"), X = /* @__PURE__ */ d("<div class=highlight-block-content>"), Z = /* @__PURE__ */ d("<div data-floe-surface=raised data-floe-surface-part=message><div><span>");
 const q = {
   info: {
     icon: D,
@@ -49,8 +49,8 @@ const q = {
   tip: "Tip"
 };
 function a(i) {
-  const [n, I] = S(i, ["variant", "title", "icon", "hideIcon", "collapsed", "onToggle", "class", "children"]), C = () => n.variant ?? "note", g = () => q[C()], r = () => n.collapsed !== void 0, v = () => n.collapsed ?? !1, k = () => {
-    r() && n.onToggle && n.onToggle(!v());
+  const [n, I] = S(i, ["variant", "title", "icon", "hideIcon", "collapsed", "onToggle", "class", "children"]), C = () => n.variant ?? "note", g = () => q[C()], r = () => n.collapsed !== void 0, f = () => n.collapsed ?? !1, k = () => {
+    r() && n.onToggle && n.onToggle(!f());
   }, x = () => {
     if (n.icon) return n.icon;
     const s = g().icon;
@@ -74,7 +74,7 @@ function a(i) {
       },
       get children() {
         var t = F();
-        return T(() => f(t, "class", h("w-3 h-3 opacity-50 transition-transform duration-200", !v() && "rotate-90"))), t;
+        return T(() => v(t, "class", h("w-3 h-3 opacity-50 transition-transform duration-200", !f() && "rotate-90"))), t;
       }
     }), u), c(o, e(p, {
       get when() {
@@ -86,15 +86,15 @@ function a(i) {
       }
     }), u), c(u, y), c(s, e(p, {
       get when() {
-        return !v();
+        return !f();
       },
       get children() {
         var t = X();
         return c(t, () => n.children), t;
       }
     }), null), T((t) => {
-      var w = h("highlight-block-header", r() && "cursor-pointer select-none"), m = r() ? "button" : void 0, b = r() ? 0 : void 0, $ = h("highlight-block-title", g().titleClass);
-      return w !== t.e && B(o, t.e = w), m !== t.t && f(o, "role", t.t = m), b !== t.a && f(o, "tabindex", t.a = b), $ !== t.o && B(u, t.o = $), t;
+      var m = h("highlight-block-header", r() && "cursor-pointer select-none"), w = r() ? "button" : void 0, b = r() ? 0 : void 0, $ = h("highlight-block-title", g().titleClass);
+      return m !== t.e && B(o, t.e = m), w !== t.t && v(o, "role", t.t = w), b !== t.a && v(o, "tabindex", t.a = b), $ !== t.o && B(u, t.o = $), t;
     }, {
       e: void 0,
       t: void 0,

package/dist/components/ui/Input.js

@@ -1,8 +1,8 @@
-import { insert as l, createComponent as f, effect as y, className as C, memo as _, spread as B, mergeProps as L, setAttribute as g, template as z, Portal as de, setStyleProperty as re, use as ne, delegateEvents as ae } from "solid-js/web";
+import { insert as l, createComponent as f, effect as y, className as C, memo as _, spread as B, mergeProps as L, setAttribute as g, template as z, Portal as ae, setStyleProperty as re, use as ne, delegateEvents as de } from "solid-js/web";
 import { splitProps as N, createUniqueId as E, Show as w, createSignal as ie, createEffect as ue, onCleanup as se, For as ce } from "solid-js";
 import { cn as I } from "../../utils/cn.js";
 import { Minus as fe, Plus as he, ChevronDown as ge } from "../icons/index.js";
-var xe = /* @__PURE__ */ z('<div class="absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none">'), ve = /* @__PURE__ */ z('<div class="absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none">'), M = /* @__PURE__ */ z('<p class="mt-1 text-[11px] text-error"role=alert>'), R = /* @__PURE__ */ z('<p class="mt-1 text-[11px] text-muted-foreground">'), be = /* @__PURE__ */ z("<div class=relative><input>"), me = /* @__PURE__ */ z("<div><textarea>"), pe = /* @__PURE__ */ z('<div><div data-floe-input-surface><button type=button aria-label="Decrease value"></button><input type=number><button type=button aria-label="Increase value">'), we = /* @__PURE__ */ z("<div><div data-floe-input-surface><input>"), oe = /* @__PURE__ */ z("<span>"), ye = /* @__PURE__ */ z("<button type=button><span>"), Ie = /* @__PURE__ */ z("<div role=listbox>"), $e = /* @__PURE__ */ z("<button type=button role=option>");
+var xe = /* @__PURE__ */ z('<div class="absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none">'), ve = /* @__PURE__ */ z('<div class="absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none">'), M = /* @__PURE__ */ z('<p class="mt-1 text-[11px] text-error"role=alert>'), R = /* @__PURE__ */ z('<p class="mt-1 text-[11px] text-muted-foreground">'), be = /* @__PURE__ */ z("<div class=relative><input data-floe-surface=inset>"), me = /* @__PURE__ */ z("<div><textarea data-floe-surface=inset>"), pe = /* @__PURE__ */ z('<div><div data-floe-input-surface data-floe-surface=inset><button type=button aria-label="Decrease value"></button><input type=number><button type=button aria-label="Increase value">'), we = /* @__PURE__ */ z("<div><div data-floe-input-surface data-floe-surface=inset><input>"), oe = /* @__PURE__ */ z("<span>"), ye = /* @__PURE__ */ z("<button type=button><span>"), Ie = /* @__PURE__ */ z("<div role=listbox>"), $e = /* @__PURE__ */ z("<button type=button role=option>");
 const Ce = {
   sm: "h-7 text-xs px-2",
   md: "h-8 text-xs px-2.5",
@@ -20,8 +20,8 @@ function Te(r) {
         return e.leftIcon;
       },
       get children() {
-        var a = xe();
-        return l(a, () => e.leftIcon), a;
+        var d = xe();
+        return l(d, () => e.leftIcon), d;
       }
     }), x), B(x, L({
       get id() {
@@ -53,24 +53,24 @@ function Te(r) {
         return e.rightIcon;
       },
       get children() {
-        var a = ve();
-        return l(a, () => e.rightIcon), a;
+        var d = ve();
+        return l(d, () => e.rightIcon), d;
       }
     }), null), l(o, f(w, {
       get when() {
         return e.error;
       },
       get children() {
-        var a = M();
-        return l(a, () => e.error), y(() => g(a, "id", h())), a;
+        var d = M();
+        return l(d, () => e.error), y(() => g(d, "id", h())), d;
       }
     }), null), l(o, f(w, {
       get when() {
         return _(() => !!e.helperText)() && !e.error;
       },
       get children() {
-        var a = R();
-        return l(a, () => e.helperText), y(() => g(a, "id", v())), a;
+        var d = R();
+        return l(d, () => e.helperText), y(() => g(d, "id", v())), d;
       }
     }), null), o;
   })();
@@ -100,22 +100,22 @@ function _e(r) {
         return e.error;
       },
       get children() {
-        var a = M();
-        return l(a, () => e.error), y(() => g(a, "id", h())), a;
+        var d = M();
+        return l(d, () => e.error), y(() => g(d, "id", h())), d;
       }
     }), null), l(o, f(w, {
       get when() {
         return _(() => !!e.helperText)() && !e.error;
       },
       get children() {
-        var a = R();
-        return l(a, () => e.helperText), y(() => g(a, "id", v())), a;
+        var d = R();
+        return l(d, () => e.helperText), y(() => g(d, "id", v())), d;
       }
     }), null), o;
   })();
 }
 function Pe(r) {
-  const e = E(), b = `${e}-error`, S = `${e}-helper`, m = () => r.step ?? 1, h = () => r.min ?? -1 / 0, v = () => r.max ?? 1 / 0, $ = (t) => Math.min(v(), Math.max(h(), t)), o = () => !r.disabled && r.value > h(), x = () => !r.disabled && r.value < v(), a = () => {
+  const e = E(), b = `${e}-error`, S = `${e}-helper`, m = () => r.step ?? 1, h = () => r.min ?? -1 / 0, v = () => r.max ?? 1 / 0, $ = (t) => Math.min(v(), Math.max(h(), t)), o = () => !r.disabled && r.value > h(), x = () => !r.disabled && r.value < v(), d = () => {
     o() && r.onChange($(r.value - m()));
   }, T = () => {
     x() && r.onChange($(r.value + m()));
@@ -144,16 +144,16 @@ function Pe(r) {
       btnSize: "w-9",
       iconSize: "w-4 h-4"
     }
-  }, d = () => c[r.size ?? "md"];
+  }, a = () => c[r.size ?? "md"];
   return (() => {
     var t = pe(), u = t.firstChild, k = u.firstChild, p = k.nextSibling, O = p.nextSibling;
-    return k.$$click = a, l(k, f(fe, {
+    return k.$$click = d, l(k, f(fe, {
       get class() {
-        return d().iconSize;
+        return a().iconSize;
       }
     })), p.addEventListener("blur", i), p.$$input = P, g(p, "id", e), O.$$click = T, l(O, f(he, {
       get class() {
-        return d().iconSize;
+        return a().iconSize;
       }
     })), l(t, f(w, {
       get when() {
@@ -172,7 +172,7 @@ function Pe(r) {
         return g(n, "id", S), l(n, () => r.helperText), n;
       }
     }), null), y((n) => {
-      var V = r.class, j = r.error ? !0 : void 0, A = r.disabled ? !0 : void 0, F = I("inline-flex items-center rounded border border-input bg-background shadow-sm", "transition-colors duration-100", r.disabled && "opacity-50 cursor-not-allowed", r.error && "border-error", d().height), W = !o(), q = I("flex items-center justify-center border-r border-input cursor-pointer", "text-muted-foreground transition-colors", "hover:bg-accent hover:text-foreground", "focus:outline-none", "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent disabled:hover:text-muted-foreground", d().btnSize, d().height), H = r.min, G = r.max, U = r.step, X = r.disabled, J = r.inputDisabled, K = r.placeholder, Q = r.error ? !0 : void 0, Y = s(), Z = I("w-16 text-center text-xs bg-transparent border-none", "outline-none focus:outline-none focus:ring-0", "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none", r.inputDisabled && "cursor-default"), ee = !x(), te = I("flex items-center justify-center border-l border-input cursor-pointer", "text-muted-foreground transition-colors", "hover:bg-accent hover:text-foreground", "focus:outline-none", "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent disabled:hover:text-muted-foreground", d().btnSize, d().height);
+      var V = r.class, j = r.error ? !0 : void 0, A = r.disabled ? !0 : void 0, F = I("inline-flex items-center rounded border border-input bg-background shadow-sm", "transition-colors duration-100", r.disabled && "opacity-50 cursor-not-allowed", r.error && "border-error", a().height), W = !o(), q = I("flex items-center justify-center border-r border-input cursor-pointer", "text-muted-foreground transition-colors", "hover:bg-accent hover:text-foreground", "focus:outline-none", "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent disabled:hover:text-muted-foreground", a().btnSize, a().height), H = r.min, G = r.max, U = r.step, X = r.disabled, J = r.inputDisabled, K = r.placeholder, Q = r.error ? !0 : void 0, Y = s(), Z = I("w-16 text-center text-xs bg-transparent border-none", "outline-none focus:outline-none focus:ring-0", "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none", r.inputDisabled && "cursor-default"), ee = !x(), te = I("flex items-center justify-center border-l border-input cursor-pointer", "text-muted-foreground transition-colors", "hover:bg-accent hover:text-foreground", "focus:outline-none", "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent disabled:hover:text-muted-foreground", a().btnSize, a().height);
       return V !== n.e && C(t, n.e = V), j !== n.t && g(u, "aria-invalid", n.t = j), A !== n.a && g(u, "aria-disabled", n.a = A), F !== n.o && C(u, n.o = F), W !== n.i && (k.disabled = n.i = W), q !== n.n && C(k, n.n = q), H !== n.s && g(p, "min", n.s = H), G !== n.h && g(p, "max", n.h = G), U !== n.r && g(p, "step", n.r = U), X !== n.d && (p.disabled = n.d = X), J !== n.l && (p.readOnly = n.l = J), K !== n.u && g(p, "placeholder", n.u = K), Q !== n.c && g(p, "aria-invalid", n.c = Q), Y !== n.w && g(p, "aria-describedby", n.w = Y), Z !== n.m && C(p, n.m = Z), ee !== n.f && (O.disabled = n.f = ee), te !== n.y && C(O, n.y = te), n;
     }, {
       e: void 0,
@@ -216,12 +216,12 @@ function De(r) {
       text: "text-sm",
       px: "px-3"
     }
-  }, x = () => o[e.size ?? "md"], a = () => !!e.prefix || e.prefixOptions && e.prefixOptions.length > 0, T = () => !!e.suffix || e.suffixOptions && e.suffixOptions.length > 0, P = () => e.prefix ? e.prefix : e.prefixOptions?.find((s) => s.value === e.prefixValue)?.label ?? e.prefixOptions?.[0]?.label, i = () => e.suffix ? e.suffix : e.suffixOptions?.find((s) => s.value === e.suffixValue)?.label ?? e.suffixOptions?.[0]?.label;
+  }, x = () => o[e.size ?? "md"], d = () => !!e.prefix || e.prefixOptions && e.prefixOptions.length > 0, T = () => !!e.suffix || e.suffixOptions && e.suffixOptions.length > 0, P = () => e.prefix ? e.prefix : e.prefixOptions?.find((s) => s.value === e.prefixValue)?.label ?? e.prefixOptions?.[0]?.label, i = () => e.suffix ? e.suffix : e.suffixOptions?.find((s) => s.value === e.suffixValue)?.label ?? e.suffixOptions?.[0]?.label;
   return (() => {
-    var s = we(), c = s.firstChild, d = c.firstChild;
+    var s = we(), c = s.firstChild, a = c.firstChild;
     return l(c, f(w, {
       get when() {
-        return a();
+        return d();
       },
       get children() {
         return f(w, {
@@ -259,7 +259,7 @@ function De(r) {
           }
         });
       }
-    }), d), B(d, L({
+    }), a), B(a, L({
       get id() {
         return m();
       },
@@ -363,13 +363,13 @@ function le(r) {
     }
   }, o = () => $[r.size ?? "md"], x = () => {
     if (!h || !v) return;
-    const i = h.getBoundingClientRect(), s = v.getBoundingClientRect(), c = window.innerWidth, d = window.innerHeight;
+    const i = h.getBoundingClientRect(), s = v.getBoundingClientRect(), c = window.innerWidth, a = window.innerHeight;
     let t = i.left, u = i.bottom + 2;
-    t + s.width > c - D && (t = i.right - s.width), t = Math.max(D, t), u + s.height > d - D && (u = i.top - s.height - 2), u = Math.max(D, u), m({
+    t + s.width > c - D && (t = i.right - s.width), t = Math.max(D, t), u + s.height > a - D && (u = i.top - s.height - 2), u = Math.max(D, u), m({
       x: t,
       y: u
     });
-  }, a = (i) => {
+  }, d = (i) => {
     h && !h.contains(i.target) && v && !v.contains(i.target) && b(!1);
   }, T = (i) => {
     i.key === "Escape" && b(!1);
@@ -384,20 +384,20 @@ function le(r) {
       });
       return;
     }
-    typeof document > "u" || (document.addEventListener("mousedown", a), document.addEventListener("keydown", T), requestAnimationFrame(x), se(() => {
-      document.removeEventListener("mousedown", a), document.removeEventListener("keydown", T);
+    typeof document > "u" || (document.addEventListener("mousedown", d), document.addEventListener("keydown", T), requestAnimationFrame(x), se(() => {
+      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", T);
     }));
   }), [(() => {
     var i = ye(), s = i.firstChild;
     i.$$click = () => {
-      b((d) => !d);
+      b((a) => !a);
     };
     var c = h;
     return typeof c == "function" ? ne(c, i) : h = i, l(s, () => r.label), l(i, f(ge, {
       class: "w-3 h-3 opacity-60"
-    }), null), y((d) => {
+    }), null), y((a) => {
       var t = r.disabled, u = I("flex items-center gap-1 bg-muted/50 text-muted-foreground cursor-pointer", "hover:bg-muted hover:text-foreground transition-colors", "focus:outline-none", "disabled:cursor-not-allowed disabled:hover:bg-muted/50 disabled:hover:text-muted-foreground", r.position === "prefix" ? "border-r border-input" : "border-l border-input", o().text, o().px, o().height);
-      return t !== d.e && (i.disabled = d.e = t), u !== d.t && C(i, d.t = u), d;
+      return t !== a.e && (i.disabled = a.e = t), u !== a.t && C(i, a.t = u), a;
     }, {
       e: void 0,
       t: void 0
@@ -407,7 +407,7 @@ function le(r) {
       return e();
     },
     get children() {
-      return f(de, {
+      return f(ae, {
         get children() {
           var i = Ie(), s = v;
           return typeof s == "function" ? ne(s, i) : v = i, l(i, f(ce, {
@@ -415,18 +415,18 @@ function le(r) {
               return r.options;
             },
             children: (c) => (() => {
-              var d = $e();
-              return d.$$click = () => P(c.value), l(d, () => c.label), y((t) => {
+              var a = $e();
+              return a.$$click = () => P(c.value), l(a, () => c.label), y((t) => {
                 var u = I("w-full flex items-center px-2.5 py-1.5 text-xs cursor-pointer", "transition-colors duration-75", "hover:bg-accent", "focus:outline-none focus:bg-accent", r.value === c.value && "bg-accent/50 font-medium"), k = r.value === c.value;
-                return u !== t.e && C(d, t.e = u), k !== t.t && g(d, "aria-selected", t.t = k), t;
+                return u !== t.e && C(a, t.e = u), k !== t.t && g(a, "aria-selected", t.t = k), t;
               }, {
                 e: void 0,
                 t: void 0
-              }), d;
+              }), a;
             })()
           })), y((c) => {
-            var d = I("fixed z-50 min-w-24 py-0.5", "bg-popover text-popover-foreground", "rounded border border-border shadow-md", "animate-in fade-in slide-in-from-top-1"), t = `${S().x}px`, u = `${S().y}px`;
-            return d !== c.e && C(i, c.e = d), t !== c.t && re(i, "left", c.t = t), u !== c.a && re(i, "top", c.a = u), c;
+            var a = I("fixed z-50 min-w-24 py-0.5", "bg-popover text-popover-foreground", "rounded border border-border shadow-md", "animate-in fade-in slide-in-from-top-1"), t = `${S().x}px`, u = `${S().y}px`;
+            return a !== c.e && C(i, c.e = a), t !== c.t && re(i, "left", c.t = t), u !== c.a && re(i, "top", c.a = u), c;
           }, {
             e: void 0,
             t: void 0,
@@ -437,7 +437,7 @@ function le(r) {
     }
   })];
 }
-ae(["click", "input"]);
+de(["click", "input"]);
 export {
   De as AffixInput,
   Te as Input,