@floegence/floe-webapp-core 0.14.0 → 0.14.2

package/dist/components/file-browser/FileBrowserContext.d.ts

@@ -15,9 +15,9 @@ export interface FileBrowserProviderProps {
      */
     sidebarWidthStorageKey?: string;
     /**
-     * 持久化存储 key 前缀，用于区分不同实例的持久化数据。
-     * 设置后会持久化 viewMode、sortConfig、expandedFolders、sidebarCollapsed。
-     * 若不设置则不持久化这些状态。
+     * Persistence key prefix to isolate per-instance state.
+     * When provided, we persist viewMode, sortConfig, expandedFolders, and sidebarCollapsed.
+     * When omitted, these states are not persisted.
      */
     persistenceKey?: string;
     /** Label for the root/home directory in breadcrumb (default: 'Root') */

package/dist/index21.js

@@ -1,34 +1,37 @@
-import { delegateEvents as oe, insert as d, createComponent as h, effect as S, className as I, memo as k, setAttribute as x, spread as R, mergeProps as B, template as C, Portal as le, setStyleProperty as ee, use as te } from "solid-js/web";
+import { delegateEvents as oe, insert as l, createComponent as c, effect as y, className as C, memo as _, spread as R, mergeProps as B, setAttribute as p, template as z, Portal as le, setStyleProperty as ee, use as te } from "solid-js/web";
 import { splitProps as N, createUniqueId as E, Show as w, createSignal as re, For as de } from "solid-js";
 import { cn as $ } from "./index110.js";
 import { Minus as se, Plus as ue, ChevronDown as ae } from "./index40.js";
-var ce = /* @__PURE__ */ C('<div class="absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none">'), fe = /* @__PURE__ */ C('<div class="absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none">'), L = /* @__PURE__ */ C('<p class="mt-1 text-[11px] text-error"role=alert>'), M = /* @__PURE__ */ C('<p class="mt-1 text-[11px] text-muted-foreground">'), he = /* @__PURE__ */ C("<div class=relative><input>"), ge = /* @__PURE__ */ C("<div><textarea>"), xe = /* @__PURE__ */ C('<div><div><button type=button aria-label="Decrease value"></button><input type=number><button type=button aria-label="Increase value">'), ve = /* @__PURE__ */ C("<div><div><input>"), ne = /* @__PURE__ */ C("<span>"), be = /* @__PURE__ */ C("<button type=button><span>"), me = /* @__PURE__ */ C("<div role=listbox>"), pe = /* @__PURE__ */ C("<button type=button role=option>");
+var ce = /* @__PURE__ */ z('<div class="absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none">'), fe = /* @__PURE__ */ z('<div class="absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none">'), L = /* @__PURE__ */ z('<p class="mt-1 text-[11px] text-error"role=alert>'), M = /* @__PURE__ */ z('<p class="mt-1 text-[11px] text-muted-foreground">'), he = /* @__PURE__ */ z("<div class=relative><input>"), ge = /* @__PURE__ */ z("<div><textarea>"), xe = /* @__PURE__ */ z('<div><div><button type=button aria-label="Decrease value"></button><input type=number><button type=button aria-label="Increase value">'), ve = /* @__PURE__ */ z("<div><div><input>"), ne = /* @__PURE__ */ z("<span>"), be = /* @__PURE__ */ z("<button type=button><span>"), me = /* @__PURE__ */ z("<div role=listbox>"), pe = /* @__PURE__ */ z("<button type=button role=option>");
 const we = {
   sm: "h-7 text-xs px-2",
   md: "h-8 text-xs px-2.5",
   lg: "h-9 text-sm px-3"
 };
-function ze(t) {
-  const [e, b] = N(t, ["size", "error", "helperText", "leftIcon", "rightIcon", "class", "id"]), m = e.id ?? E(), y = `${m}-error`, g = `${m}-helper`, p = () => {
-    const l = [];
-    return e.error && l.push(y), e.helperText && !e.error && l.push(g), l.length > 0 ? l.join(" ") : void 0;
+function ze(r) {
+  const [e, b] = N(r, ["size", "error", "helperText", "leftIcon", "rightIcon", "class", "id"]), S = E(), m = () => e.id ?? S, f = () => `${m()}-error`, x = () => `${m()}-helper`, I = () => {
+    const o = [];
+    return e.error && o.push(f()), e.helperText && !e.error && o.push(x()), o.length > 0 ? o.join(" ") : void 0;
   };
   return (() => {
-    var l = he(), c = l.firstChild;
-    return d(l, h(w, {
+    var o = he(), g = o.firstChild;
+    return l(o, c(w, {
       get when() {
         return e.leftIcon;
       },
       get children() {
-        var u = ce();
-        return d(u, () => e.leftIcon), u;
+        var s = ce();
+        return l(s, () => e.leftIcon), s;
       }
-    }), c), x(c, "id", m), R(c, B({
+    }), g), R(g, B({
+      get id() {
+        return m();
+      },
       get "aria-invalid"() {
         return e.error ? !0 : void 0;
       },
       get "aria-describedby"() {
-        return p();
+        return I();
       },
       get class() {
         return $(
@@ -45,84 +48,87 @@ function ze(t) {
           e.class
         );
       }
-    }, b), !1, !1), d(l, h(w, {
+    }, b), !1, !1), l(o, c(w, {
       get when() {
         return e.rightIcon;
       },
       get children() {
-        var u = fe();
-        return d(u, () => e.rightIcon), u;
+        var s = fe();
+        return l(s, () => e.rightIcon), s;
       }
-    }), null), d(l, h(w, {
+    }), null), l(o, c(w, {
       get when() {
         return e.error;
       },
       get children() {
-        var u = L();
-        return x(u, "id", y), d(u, () => e.error), u;
+        var s = L();
+        return l(s, () => e.error), y(() => p(s, "id", f())), s;
       }
-    }), null), d(l, h(w, {
+    }), null), l(o, c(w, {
       get when() {
-        return k(() => !!e.helperText)() && !e.error;
+        return _(() => !!e.helperText)() && !e.error;
       },
       get children() {
-        var u = M();
-        return x(u, "id", g), d(u, () => e.helperText), u;
+        var s = M();
+        return l(s, () => e.helperText), y(() => p(s, "id", x())), s;
       }
-    }), null), l;
+    }), null), o;
   })();
 }
-function Se(t) {
-  const [e, b] = N(t, ["error", "helperText", "class", "id"]), m = e.id ?? E(), y = `${m}-error`, g = `${m}-helper`, p = () => {
-    const l = [];
-    return e.error && l.push(y), e.helperText && !e.error && l.push(g), l.length > 0 ? l.join(" ") : void 0;
+function Se(r) {
+  const [e, b] = N(r, ["error", "helperText", "class", "id"]), S = E(), m = () => e.id ?? S, f = () => `${m()}-error`, x = () => `${m()}-helper`, I = () => {
+    const o = [];
+    return e.error && o.push(f()), e.helperText && !e.error && o.push(x()), o.length > 0 ? o.join(" ") : void 0;
   };
   return (() => {
-    var l = ge(), c = l.firstChild;
-    return x(c, "id", m), R(c, B({
+    var o = ge(), g = o.firstChild;
+    return R(g, B({
+      get id() {
+        return m();
+      },
       get "aria-invalid"() {
         return e.error ? !0 : void 0;
       },
       get "aria-describedby"() {
-        return p();
+        return I();
       },
       get class() {
         return $("w-full min-h-16 rounded border border-input bg-background p-2.5 text-xs shadow-sm", "placeholder:text-muted-foreground/60", "transition-colors duration-100", "focus:outline-none focus:ring-1 focus:ring-ring focus:border-ring", "disabled:cursor-not-allowed disabled:opacity-50", "resize-y", e.error && "border-error focus:ring-error", e.class);
       }
-    }, b), !1, !1), d(l, h(w, {
+    }, b), !1, !1), l(o, c(w, {
       get when() {
         return e.error;
       },
       get children() {
-        var u = L();
-        return x(u, "id", y), d(u, () => e.error), u;
+        var s = L();
+        return l(s, () => e.error), y(() => p(s, "id", f())), s;
       }
-    }), null), d(l, h(w, {
+    }), null), l(o, c(w, {
       get when() {
-        return k(() => !!e.helperText)() && !e.error;
+        return _(() => !!e.helperText)() && !e.error;
       },
       get children() {
-        var u = M();
-        return x(u, "id", g), d(u, () => e.helperText), u;
+        var s = M();
+        return l(s, () => e.helperText), y(() => p(s, "id", x())), s;
       }
-    }), null), l;
+    }), null), o;
   })();
 }
-function Oe(t) {
-  const e = E(), b = `${e}-error`, m = `${e}-helper`, y = () => t.step ?? 1, g = () => t.min ?? -1 / 0, p = () => t.max ?? 1 / 0, l = (i) => Math.min(p(), Math.max(g(), i)), c = () => !t.disabled && t.value > g(), u = () => !t.disabled && t.value < p(), _ = () => {
-    c() && t.onChange(l(t.value - y()));
-  }, T = () => {
-    u() && t.onChange(l(t.value + y()));
-  }, P = (i) => {
-    const a = parseFloat(i.currentTarget.value);
-    isNaN(a) || t.onChange(l(a));
-  }, v = (i) => {
-    const a = parseFloat(i.currentTarget.value);
-    isNaN(a) ? t.onChange(g() === -1 / 0 ? 0 : g()) : t.onChange(l(a));
-  }, z = () => {
-    const i = [];
-    return t.error && i.push(b), t.helperText && !t.error && i.push(m), i.length > 0 ? i.join(" ") : void 0;
-  }, o = {
+function ke(r) {
+  const e = E(), b = `${e}-error`, S = `${e}-helper`, m = () => r.step ?? 1, f = () => r.min ?? -1 / 0, x = () => r.max ?? 1 / 0, I = (t) => Math.min(x(), Math.max(f(), t)), o = () => !r.disabled && r.value > f(), g = () => !r.disabled && r.value < x(), s = () => {
+    o() && r.onChange(I(r.value - m()));
+  }, O = () => {
+    g() && r.onChange(I(r.value + m()));
+  }, T = (t) => {
+    const u = parseFloat(t.currentTarget.value);
+    isNaN(u) || r.onChange(I(u));
+  }, P = (t) => {
+    const u = parseFloat(t.currentTarget.value);
+    isNaN(u) ? r.onChange(f() === -1 / 0 ? 0 : f()) : r.onChange(I(u));
+  }, v = () => {
+    const t = [];
+    return r.error && t.push(b), r.helperText && !r.error && t.push(S), t.length > 0 ? t.join(" ") : void 0;
+  }, i = {
     sm: {
       height: "h-7",
       btnSize: "w-7",
@@ -138,36 +144,36 @@ function Oe(t) {
       btnSize: "w-9",
       iconSize: "w-4 h-4"
     }
-  }, r = () => o[t.size ?? "md"];
+  }, h = () => i[r.size ?? "md"];
   return (() => {
-    var i = xe(), a = i.firstChild, f = a.firstChild, s = f.nextSibling, O = s.nextSibling;
-    return f.$$click = _, d(f, h(se, {
+    var t = xe(), u = t.firstChild, a = u.firstChild, d = a.nextSibling, k = d.nextSibling;
+    return a.$$click = s, l(a, c(se, {
       get class() {
-        return r().iconSize;
+        return h().iconSize;
       }
-    })), s.addEventListener("blur", v), s.$$input = P, x(s, "id", e), O.$$click = T, d(O, h(ue, {
+    })), d.addEventListener("blur", P), d.$$input = T, p(d, "id", e), k.$$click = O, l(k, c(ue, {
       get class() {
-        return r().iconSize;
+        return h().iconSize;
       }
-    })), d(i, h(w, {
+    })), l(t, c(w, {
       get when() {
-        return t.error;
+        return r.error;
       },
       get children() {
         var n = L();
-        return x(n, "id", b), d(n, () => t.error), n;
+        return p(n, "id", b), l(n, () => r.error), n;
       }
-    }), null), d(i, h(w, {
+    }), null), l(t, c(w, {
       get when() {
-        return k(() => !!t.helperText)() && !t.error;
+        return _(() => !!r.helperText)() && !r.error;
       },
       get children() {
         var n = M();
-        return x(n, "id", m), d(n, () => t.helperText), n;
+        return p(n, "id", S), l(n, () => r.helperText), n;
       }
-    }), null), S((n) => {
-      var V = t.class, j = $("inline-flex items-center rounded border border-input bg-background shadow-sm", "transition-colors duration-100", "focus-within:ring-1 focus-within:ring-ring focus-within:border-ring", t.disabled && "opacity-50 cursor-not-allowed", t.error && "border-error focus-within:ring-error", r().height), A = !c(), F = $("flex items-center justify-center border-r border-input", "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", r().btnSize, r().height), W = t.min, q = t.max, H = t.step, G = t.disabled, U = t.inputDisabled, X = t.placeholder, J = t.error ? !0 : void 0, K = z(), Q = $("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", t.inputDisabled && "cursor-default"), Y = !u(), Z = $("flex items-center justify-center border-l border-input", "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", r().btnSize, r().height);
-      return V !== n.e && I(i, n.e = V), j !== n.t && I(a, n.t = j), A !== n.a && (f.disabled = n.a = A), F !== n.o && I(f, n.o = F), W !== n.i && x(s, "min", n.i = W), q !== n.n && x(s, "max", n.n = q), H !== n.s && x(s, "step", n.s = H), G !== n.h && (s.disabled = n.h = G), U !== n.r && (s.readOnly = n.r = U), X !== n.d && x(s, "placeholder", n.d = X), J !== n.l && x(s, "aria-invalid", n.l = J), K !== n.u && x(s, "aria-describedby", n.u = K), Q !== n.c && I(s, n.c = Q), Y !== n.w && (O.disabled = n.w = Y), Z !== n.m && I(O, n.m = Z), n;
+    }), null), y((n) => {
+      var V = r.class, j = $("inline-flex items-center rounded border border-input bg-background shadow-sm", "transition-colors duration-100", "focus-within:ring-1 focus-within:ring-ring focus-within:border-ring", r.disabled && "opacity-50 cursor-not-allowed", r.error && "border-error focus-within:ring-error", h().height), A = !o(), F = $("flex items-center justify-center border-r border-input", "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", h().btnSize, h().height), W = r.min, q = r.max, H = r.step, G = r.disabled, U = r.inputDisabled, X = r.placeholder, J = r.error ? !0 : void 0, K = v(), Q = $("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"), Y = !g(), Z = $("flex items-center justify-center border-l border-input", "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", h().btnSize, h().height);
+      return V !== n.e && C(t, n.e = V), j !== n.t && C(u, n.t = j), A !== n.a && (a.disabled = n.a = A), F !== n.o && C(a, n.o = F), W !== n.i && p(d, "min", n.i = W), q !== n.n && p(d, "max", n.n = q), H !== n.s && p(d, "step", n.s = H), G !== n.h && (d.disabled = n.h = G), U !== n.r && (d.readOnly = n.r = U), X !== n.d && p(d, "placeholder", n.d = X), J !== n.l && p(d, "aria-invalid", n.l = J), K !== n.u && p(d, "aria-describedby", n.u = K), Q !== n.c && C(d, n.c = Q), Y !== n.w && (k.disabled = n.w = Y), Z !== n.m && C(k, n.m = Z), n;
     }, {
       e: void 0,
       t: void 0,
@@ -184,15 +190,15 @@ function Oe(t) {
       c: void 0,
       w: void 0,
       m: void 0
-    }), S(() => s.value = t.value), i;
+    }), y(() => d.value = r.value), t;
   })();
 }
 const D = 8;
-function _e(t) {
-  const [e, b] = N(t, ["size", "error", "helperText", "prefix", "suffix", "prefixOptions", "prefixValue", "onPrefixChange", "suffixOptions", "suffixValue", "onSuffixChange", "class", "id"]), m = e.id ?? E(), y = `${m}-error`, g = `${m}-helper`, p = () => {
+function Oe(r) {
+  const [e, b] = N(r, ["size", "error", "helperText", "prefix", "suffix", "prefixOptions", "prefixValue", "onPrefixChange", "suffixOptions", "suffixValue", "onSuffixChange", "class", "id"]), S = E(), m = () => e.id ?? S, f = () => `${m()}-error`, x = () => `${m()}-helper`, I = () => {
     const v = [];
-    return e.error && v.push(y), e.helperText && !e.error && v.push(g), v.length > 0 ? v.join(" ") : void 0;
-  }, l = {
+    return e.error && v.push(f()), e.helperText && !e.error && v.push(x()), v.length > 0 ? v.join(" ") : void 0;
+  }, o = {
     sm: {
       height: "h-7",
       text: "text-xs",
@@ -208,26 +214,26 @@ function _e(t) {
       text: "text-sm",
       px: "px-3"
     }
-  }, c = () => l[e.size ?? "md"], u = () => !!e.prefix || e.prefixOptions && e.prefixOptions.length > 0, _ = () => !!e.suffix || e.suffixOptions && e.suffixOptions.length > 0, T = () => e.prefix ? e.prefix : e.prefixOptions?.find((v) => v.value === e.prefixValue)?.label ?? e.prefixOptions?.[0]?.label, P = () => e.suffix ? e.suffix : e.suffixOptions?.find((v) => v.value === e.suffixValue)?.label ?? e.suffixOptions?.[0]?.label;
+  }, g = () => o[e.size ?? "md"], s = () => !!e.prefix || e.prefixOptions && e.prefixOptions.length > 0, O = () => !!e.suffix || e.suffixOptions && e.suffixOptions.length > 0, T = () => e.prefix ? e.prefix : e.prefixOptions?.find((v) => v.value === e.prefixValue)?.label ?? e.prefixOptions?.[0]?.label, P = () => e.suffix ? e.suffix : e.suffixOptions?.find((v) => v.value === e.suffixValue)?.label ?? e.suffixOptions?.[0]?.label;
   return (() => {
-    var v = ve(), z = v.firstChild, o = z.firstChild;
-    return d(z, h(w, {
+    var v = ve(), i = v.firstChild, h = i.firstChild;
+    return l(i, c(w, {
       get when() {
-        return u();
+        return s();
       },
       get children() {
-        return h(w, {
+        return c(w, {
           get when() {
-            return k(() => !!e.prefixOptions)() && e.prefixOptions.length > 0;
+            return _(() => !!e.prefixOptions)() && e.prefixOptions.length > 0;
           },
           get fallback() {
             return (() => {
-              var r = ne();
-              return d(r, () => e.prefix), S(() => I(r, $("flex items-center border-r border-input bg-muted/50 text-muted-foreground", c().text, c().px, c().height))), r;
+              var t = ne();
+              return l(t, () => e.prefix), y(() => C(t, $("flex items-center border-r border-input bg-muted/50 text-muted-foreground", g().text, g().px, g().height))), t;
             })();
           },
           get children() {
-            return h(ie, {
+            return c(ie, {
               get options() {
                 return e.prefixOptions;
               },
@@ -251,33 +257,36 @@ function _e(t) {
           }
         });
       }
-    }), o), x(o, "id", m), R(o, B({
+    }), h), R(h, B({
+      get id() {
+        return m();
+      },
       get "aria-invalid"() {
         return e.error ? !0 : void 0;
       },
       get "aria-describedby"() {
-        return p();
+        return I();
       },
       get class() {
-        return $("flex-1 min-w-0 bg-transparent border-none", "placeholder:text-muted-foreground/60", "outline-none focus:outline-none focus:ring-0", "disabled:cursor-not-allowed", c().text, c().px);
+        return $("flex-1 min-w-0 bg-transparent border-none", "placeholder:text-muted-foreground/60", "outline-none focus:outline-none focus:ring-0", "disabled:cursor-not-allowed", g().text, g().px);
       }
-    }, b), !1, !1), d(z, h(w, {
+    }, b), !1, !1), l(i, c(w, {
       get when() {
-        return _();
+        return O();
       },
       get children() {
-        return h(w, {
+        return c(w, {
           get when() {
-            return k(() => !!e.suffixOptions)() && e.suffixOptions.length > 0;
+            return _(() => !!e.suffixOptions)() && e.suffixOptions.length > 0;
           },
           get fallback() {
             return (() => {
-              var r = ne();
-              return d(r, () => e.suffix), S(() => I(r, $("flex items-center border-l border-input bg-muted/50 text-muted-foreground", c().text, c().px, c().height))), r;
+              var t = ne();
+              return l(t, () => e.suffix), y(() => C(t, $("flex items-center border-l border-input bg-muted/50 text-muted-foreground", g().text, g().px, g().height))), t;
             })();
           },
           get children() {
-            return h(ie, {
+            return c(ie, {
               get options() {
                 return e.suffixOptions;
               },
@@ -301,38 +310,38 @@ function _e(t) {
           }
         });
       }
-    }), null), d(v, h(w, {
+    }), null), l(v, c(w, {
       get when() {
         return e.error;
       },
       get children() {
-        var r = L();
-        return x(r, "id", y), d(r, () => e.error), r;
+        var t = L();
+        return l(t, () => e.error), y(() => p(t, "id", f())), t;
       }
-    }), null), d(v, h(w, {
+    }), null), l(v, c(w, {
       get when() {
-        return k(() => !!e.helperText)() && !e.error;
+        return _(() => !!e.helperText)() && !e.error;
       },
       get children() {
-        var r = M();
-        return x(r, "id", g), d(r, () => e.helperText), r;
+        var t = M();
+        return l(t, () => e.helperText), y(() => p(t, "id", x())), t;
       }
-    }), null), S((r) => {
-      var i = e.class, a = $("inline-flex items-center rounded border border-input bg-background shadow-sm", "transition-colors duration-100", "focus-within:ring-1 focus-within:ring-ring focus-within:border-ring", b.disabled && "opacity-50 cursor-not-allowed", e.error && "border-error focus-within:ring-error", c().height);
-      return i !== r.e && I(v, r.e = i), a !== r.t && I(z, r.t = a), r;
+    }), null), y((t) => {
+      var u = e.class, a = $("inline-flex items-center rounded border border-input bg-background shadow-sm", "transition-colors duration-100", "focus-within:ring-1 focus-within:ring-ring focus-within:border-ring", b.disabled && "opacity-50 cursor-not-allowed", e.error && "border-error focus-within:ring-error", g().height);
+      return u !== t.e && C(v, t.e = u), a !== t.t && C(i, t.t = a), t;
     }, {
       e: void 0,
       t: void 0
     }), v;
   })();
 }
-function ie(t) {
-  const [e, b] = re(!1), [m, y] = re({
+function ie(r) {
+  const [e, b] = re(!1), [S, m] = re({
     x: -9999,
     y: -9999
   });
-  let g, p;
-  const l = {
+  let f, x;
+  const I = {
     sm: {
       height: "h-7",
       text: "text-xs",
@@ -348,70 +357,70 @@ function ie(t) {
       text: "text-sm",
       px: "px-3"
     }
-  }, c = () => l[t.size ?? "md"], u = () => {
-    if (!g || !p) return;
-    const o = g.getBoundingClientRect(), r = p.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight;
-    let f = o.left, s = o.bottom + 2;
-    f + r.width > i - D && (f = o.right - r.width), f = Math.max(D, f), s + r.height > a - D && (s = o.top - r.height - 2), s = Math.max(D, s), y({
-      x: f,
-      y: s
+  }, o = () => I[r.size ?? "md"], g = () => {
+    if (!f || !x) return;
+    const i = f.getBoundingClientRect(), h = x.getBoundingClientRect(), t = window.innerWidth, u = window.innerHeight;
+    let a = i.left, d = i.bottom + 2;
+    a + h.width > t - D && (a = i.right - h.width), a = Math.max(D, a), d + h.height > u - D && (d = i.top - h.height - 2), d = Math.max(D, d), m({
+      x: a,
+      y: d
     });
-  }, _ = (o) => {
-    g && !g.contains(o.target) && p && !p.contains(o.target) && b(!1);
-  }, T = (o) => {
-    o.key === "Escape" && b(!1);
-  }, P = (o) => {
-    t.onChange?.(o), b(!1);
+  }, s = (i) => {
+    f && !f.contains(i.target) && x && !x.contains(i.target) && b(!1);
+  }, O = (i) => {
+    i.key === "Escape" && b(!1);
+  }, T = (i) => {
+    r.onChange?.(i), b(!1);
+  }, P = () => {
+    document.addEventListener("mousedown", s), document.addEventListener("keydown", O), requestAnimationFrame(g);
   }, v = () => {
-    document.addEventListener("mousedown", _), document.addEventListener("keydown", T), requestAnimationFrame(u);
-  }, z = () => {
-    document.removeEventListener("mousedown", _), document.removeEventListener("keydown", T);
+    document.removeEventListener("mousedown", s), document.removeEventListener("keydown", O);
   };
   return [(() => {
-    var o = be(), r = o.firstChild;
-    o.$$click = () => {
-      e() ? (b(!1), z()) : (b(!0), v());
+    var i = be(), h = i.firstChild;
+    i.$$click = () => {
+      e() ? (b(!1), v()) : (b(!0), P());
     };
-    var i = g;
-    return typeof i == "function" ? te(i, o) : g = o, d(r, () => t.label), d(o, h(ae, {
+    var t = f;
+    return typeof t == "function" ? te(t, i) : f = i, l(h, () => r.label), l(i, c(ae, {
       class: "w-3 h-3 opacity-60"
-    }), null), S((a) => {
-      var f = t.disabled, s = $("flex items-center gap-1 bg-muted/50 text-muted-foreground", "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", t.position === "prefix" ? "border-r border-input" : "border-l border-input", c().text, c().px, c().height);
-      return f !== a.e && (o.disabled = a.e = f), s !== a.t && I(o, a.t = s), a;
+    }), null), y((u) => {
+      var a = r.disabled, d = $("flex items-center gap-1 bg-muted/50 text-muted-foreground", "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 a !== u.e && (i.disabled = u.e = a), d !== u.t && C(i, u.t = d), u;
     }, {
       e: void 0,
       t: void 0
-    }), o;
-  })(), h(w, {
+    }), i;
+  })(), c(w, {
     get when() {
       return e();
     },
     get children() {
-      return h(le, {
+      return c(le, {
         get children() {
-          var o = me(), r = p;
-          return typeof r == "function" ? te(r, o) : p = o, d(o, h(de, {
+          var i = me(), h = x;
+          return typeof h == "function" ? te(h, i) : x = i, l(i, c(de, {
             get each() {
-              return t.options;
+              return r.options;
             },
-            children: (i) => (() => {
-              var a = pe();
-              return a.$$click = () => P(i.value), d(a, () => i.label), S((f) => {
-                var s = $("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", t.value === i.value && "bg-accent/50 font-medium"), O = t.value === i.value;
-                return s !== f.e && I(a, f.e = s), O !== f.t && x(a, "aria-selected", f.t = O), f;
+            children: (t) => (() => {
+              var u = pe();
+              return u.$$click = () => T(t.value), l(u, () => t.label), y((a) => {
+                var d = $("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 === t.value && "bg-accent/50 font-medium"), k = r.value === t.value;
+                return d !== a.e && C(u, a.e = d), k !== a.t && p(u, "aria-selected", a.t = k), a;
               }, {
                 e: void 0,
                 t: void 0
-              }), a;
+              }), u;
             })()
-          })), S((i) => {
-            var a = $("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"), f = `${m().x}px`, s = `${m().y}px`;
-            return a !== i.e && I(o, i.e = a), f !== i.t && ee(o, "left", i.t = f), s !== i.a && ee(o, "top", i.a = s), i;
+          })), y((t) => {
+            var u = $("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"), a = `${S().x}px`, d = `${S().y}px`;
+            return u !== t.e && C(i, t.e = u), a !== t.t && ee(i, "left", t.t = a), d !== t.a && ee(i, "top", t.a = d), t;
           }, {
             e: void 0,
             t: void 0,
             a: void 0
-          }), o;
+          }), i;
         }
       });
     }
@@ -419,8 +428,8 @@ function ie(t) {
 }
 oe(["click", "input"]);
 export {
-  _e as AffixInput,
+  Oe as AffixInput,
   ze as Input,
-  Oe as NumberInput,
+  ke as NumberInput,
   Se as Textarea
 };