@hairy/react-lib 1.23.0 → 1.25.0

package/dist/index.global.js

@@ -81,12 +81,14 @@ var LibReact = (() => {
     Switch: () => Switch,
     Then: () => Then,
     Trans: () => Trans,
+    Trigger: () => Trigger,
     Unless: () => Unless,
     cls: () => cls,
     defineAsyncStore: () => defineAsyncStore,
     defineStore: () => defineStore,
     proxyWithPersistant: () => proxyWithPersistant,
-    ref: () => ref,
+    ref: () => ref2,
+    track: () => track,
     useAsyncCallback: () => useAsyncCallback,
     useAsyncState: () => useAsyncState,
     useDebounce: () => useDebounce,
@@ -134,358 +136,39 @@ var LibReact = (() => {
     return value ? `${value} ${newClass}` : newClass;
   };
 
-  // src/utils/wrapper.ts
-  var import_react = __toESM(require_react(), 1);
-  function wrapper(tag, props, children) {
-    return tag ? (0, import_react.createElement)(tag, props, children) : children;
-  }
-
-  // src/components/condition/Case.ts
-  function Case(props) {
-    const { cond, children, tag, ...attrs } = props;
-    return wrapper(tag, attrs, children);
-  }
-
-  // src/components/condition/Default.ts
-  function Default(props) {
-    const { children, tag, ...attrs } = props;
-    return wrapper(tag, attrs, children);
-  }
-
-  // src/components/condition/If.ts
-  var import_react2 = __toESM(require_react(), 1);
-
-  // src/components/condition/Then.ts
-  function Then(props) {
-    const { children, cond, else: _else, then, tag, ...attrs } = props;
-    return Object.keys(props).includes("cond") ? wrapper(If, props, children) : wrapper(tag, attrs, children);
-  }
-
-  // src/components/condition/If.ts
-  function If(props) {
-    const { then, cond, else: _else, children = props.then, tag, ...attrs } = props;
-    const elements = import_react2.Children.toArray(children);
-    const thenChild = elements.find((c2) => c2.type === Then);
-    const elseChild = elements.find((c2) => c2.type === Else);
-    const child = thenChild || elseChild ? cond ? thenChild : elseChild : cond ? children : _else;
-    return wrapper(tag, attrs, child);
-  }
-
-  // src/components/condition/Else.ts
-  function Else(props) {
-    const { children, tag, ...attrs } = props;
-    return Object.keys(props).includes("cond") ? wrapper(If, props, children) : wrapper(tag, attrs, children);
-  }
-
-  // src/components/condition/Switch.ts
-  var import_react3 = __toESM(require_react(), 1);
-  function Switch(props) {
-    const isUseValue = props.value !== void 0;
-    let matchingCase;
-    let defaultCase;
-    import_react3.Children.forEach(props.children, (child) => {
-      if (!(0, import_react3.isValidElement)(child) || matchingCase)
-        return;
-      if (child.type === Case) {
-        const cond = child.props.cond;
-        if (isUseValue ? props.value === cond : cond) {
-          matchingCase = child;
-          return;
-        }
-      }
-      if (!defaultCase && child.type === Default)
-        defaultCase = child;
-    });
-    return matchingCase ?? defaultCase ?? null;
-  }
-
-  // src/components/condition/Unless.ts
-  var import_react4 = __toESM(require_react(), 1);
-  function Unless(props) {
-    const { cond, then, else: _else, tag, children = props.then, ...attrs } = props;
-    const elements = import_react4.Children.toArray(children);
-    const thenChild = elements.find((c2) => c2.type === Then);
-    const elseChild = elements.find((c2) => c2.type === Else);
-    const child = thenChild || elseChild ? !cond ? elseChild : thenChild : !cond ? children : _else;
-    return wrapper(tag, attrs, child);
-  }
-
-  // src/components/utils/Injector.ts
-  var import_react5 = __toESM(require_react(), 1);
-  function Injector(props) {
-    const installs = (0, import_react5.useMemo)(
-      () => props.install.map(repack).reverse(),
-      [props.install]
-    );
-    return installs.reduce(
-      (child, { component: Component, props: props2 }) => (0, import_react5.createElement)(Component, props2, child),
-      props.children
-    );
-  }
-  function repack(c2) {
-    return c2.component ? c2 : { component: c2 };
-  }
-
-  // ../../node_modules/.pnpm/html-parse-stringify@3.0.1/node_modules/html-parse-stringify/dist/html-parse-stringify.module.js
-  var import_void_elements = __toESM(require_void_elements());
-  var t = /\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;
-  function n(n2) {
-    var r2 = { type: "tag", name: "", voidElement: false, attrs: {}, children: [] }, i2 = n2.match(/<\/?([^\s]+?)[/\s>]/);
-    if (i2 && (r2.name = i2[1], (import_void_elements.default[i2[1]] || "/" === n2.charAt(n2.length - 2)) && (r2.voidElement = true), r2.name.startsWith("!--"))) {
-      var s2 = n2.indexOf("-->");
-      return { type: "comment", comment: -1 !== s2 ? n2.slice(4, s2) : "" };
-    }
-    for (var a2 = new RegExp(t), c2 = null; null !== (c2 = a2.exec(n2)); ) if (c2[0].trim()) if (c2[1]) {
-      var o = c2[1].trim(), l = [o, ""];
-      o.indexOf("=") > -1 && (l = o.split("=")), r2.attrs[l[0]] = l[1], a2.lastIndex--;
-    } else c2[2] && (r2.attrs[c2[2]] = c2[3].trim().substring(1, c2[3].length - 1));
-    return r2;
-  }
-  var r = /<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g;
-  var i = /^\s*$/;
-  var s = /* @__PURE__ */ Object.create(null);
-  function a(e2, t2) {
-    switch (t2.type) {
-      case "text":
-        return e2 + t2.content;
-      case "tag":
-        return e2 += "<" + t2.name + (t2.attrs ? function(e3) {
-          var t3 = [];
-          for (var n2 in e3) t3.push(n2 + '="' + e3[n2] + '"');
-          return t3.length ? " " + t3.join(" ") : "";
-        }(t2.attrs) : "") + (t2.voidElement ? "/>" : ">"), t2.voidElement ? e2 : e2 + t2.children.reduce(a, "") + "</" + t2.name + ">";
-      case "comment":
-        return e2 + "<!--" + t2.comment + "-->";
-    }
-  }
-  var c = { parse: function(e2, t2) {
-    t2 || (t2 = {}), t2.components || (t2.components = s);
-    var a2, c2 = [], o = [], l = -1, m = false;
-    if (0 !== e2.indexOf("<")) {
-      var u = e2.indexOf("<");
-      c2.push({ type: "text", content: -1 === u ? e2 : e2.substring(0, u) });
-    }
-    return e2.replace(r, function(r2, s2) {
-      if (m) {
-        if (r2 !== "</" + a2.name + ">") return;
-        m = false;
-      }
-      var u2, f = "/" !== r2.charAt(1), h = r2.startsWith("<!--"), p = s2 + r2.length, d = e2.charAt(p);
-      if (h) {
-        var v = n(r2);
-        return l < 0 ? (c2.push(v), c2) : ((u2 = o[l]).children.push(v), c2);
-      }
-      if (f && (l++, "tag" === (a2 = n(r2)).type && t2.components[a2.name] && (a2.type = "component", m = true), a2.voidElement || m || !d || "<" === d || a2.children.push({ type: "text", content: e2.slice(p, e2.indexOf("<", p)) }), 0 === l && c2.push(a2), (u2 = o[l - 1]) && u2.children.push(a2), o[l] = a2), (!f || a2.voidElement) && (l > -1 && (a2.voidElement || a2.name === r2.slice(2, -1)) && (l--, a2 = -1 === l ? c2 : o[l]), !m && "<" !== d && d)) {
-        u2 = -1 === l ? c2 : o[l].children;
-        var x = e2.indexOf("<", p), g = e2.slice(p, -1 === x ? void 0 : x);
-        i.test(g) && (g = " "), (x > -1 && l + u2.length >= 0 || " " !== g) && u2.push({ type: "text", content: g });
-      }
-    }), c2;
-  }, stringify: function(e2) {
-    return e2.reduce(function(e3, t2) {
-      return e3 + a("", t2);
-    }, "");
-  } };
-  var html_parse_stringify_module_default = c;
-
-  // src/components/utils/Trans.ts
-  var import_react6 = __toESM(require_react(), 1);
-  var import_react_i18next = __toESM(require_react_i18next(), 1);
-  function Trans({ i18nKey, ...additionalProps }) {
-    const translation = (0, import_react_i18next.useTranslation)().t(i18nKey, additionalProps);
-    return renderNodes(html_parse_stringify_module_default.parse(translation), additionalProps);
-  }
-  function renderNodes(tokens, values) {
-    let index = 0;
-    return tokens.map((token) => {
-      if (token.type === "text")
-        return token.content;
-      index++;
-      const props = { ...token.attrs, key: index };
-      return token.voidElement ? values[token.name] ? (0, import_react6.createElement)("span", { key: index }, values[token.name]) : (0, import_react6.createElement)(token.name, props) : (0, import_react6.createElement)(token.name, props, renderNodes(token.children, {}));
-    });
-  }
-
-  // src/hooks/ref.ts
-  var import_react7 = __toESM(require_react(), 1);
-  function ref(value) {
-    function define(value2) {
-      if (typeof value2 === "function")
-        return (prev) => define(value2(prev.value));
-      return Object.defineProperty({}, "value", {
-        set: (action) => set(define(action)),
-        get: () => value2,
-        enumerable: true
-      });
-    }
-    const [ref2, set] = (0, import_react7.useState)(define(value));
-    return ref2;
-  }
-
-  // src/hooks/useAsyncCallback.ts
-  var import_react8 = __toESM(require_react(), 1);
-  function useAsyncCallback(fun) {
-    const [state, set] = (0, import_react8.useState)({ loading: false });
-    async function execute(...args) {
-      set({ loading: true });
-      return fun(...args).then((value) => {
-        set({ loading: false });
-        return value;
-      }).catch((err) => {
-        set({ loading: false, error: err });
-        return Promise.reject(err);
-      });
-    }
-    return [state.loading, execute, state.error];
-  }
-
-  // src/hooks/useAsyncState.ts
-  var import_react9 = __toESM(require_react(), 1);
-  function useAsyncState(fun, deps = [], options) {
-    const [value, set] = (0, import_react9.useState)(options?.initial);
-    const [loading, execute, error] = useAsyncCallback(async (...args) => fun(...args).then(set));
-    (0, import_react9.useEffect)(
-      () => {
-        execute();
-      },
-      deps
-    );
-    return [{ value, loading, error }, execute];
-  }
-
-  // src/hooks/useDebounce.ts
-  var import_react10 = __toESM(require_react(), 1);
-  function useDebounce(value, delay) {
-    const [debouncedValue, setDebouncedValue] = (0, import_react10.useState)(value);
-    (0, import_react10.useEffect)(() => {
-      const handler = setTimeout(() => setDebouncedValue(value), delay);
-      return () => clearTimeout(handler);
-    }, [value, delay]);
-    return debouncedValue;
-  }
-
-  // ../../node_modules/.pnpm/mitt@3.0.1/node_modules/mitt/dist/mitt.mjs
-  function mitt_default(n2) {
-    return { all: n2 = n2 || /* @__PURE__ */ new Map(), on: function(t2, e2) {
-      var i2 = n2.get(t2);
-      i2 ? i2.push(e2) : n2.set(t2, [e2]);
-    }, off: function(t2, e2) {
-      var i2 = n2.get(t2);
-      i2 && (e2 ? i2.splice(i2.indexOf(e2) >>> 0, 1) : n2.set(t2, []));
-    }, emit: function(t2, e2) {
-      var i2 = n2.get(t2);
-      i2 && i2.slice().map(function(n3) {
-        n3(e2);
-      }), (i2 = n2.get("*")) && i2.slice().map(function(n3) {
-        n3(t2, e2);
-      });
-    } };
-  }
-
-  // src/hooks/useEventBus.ts
-  var import_react11 = __toESM(require_react(), 1);
-  var emitter = mitt_default();
-  function useEventBus(key) {
-    const onRef = (0, import_react11.useRef)();
-    function on(listener) {
-      emitter.on(key, listener);
-      onRef.current = listener;
-      (0, import_react11.useEffect)(() => {
-        if (!onRef.current)
-          return;
-        emitter.off(key, onRef.current);
-        emitter.on(key, listener);
-        onRef.current = listener;
-        return () => emitter.off(key, listener);
-      }, [listener]);
-    }
-    function emit(event) {
-      emitter.emit(key, event);
-    }
-    function off(listener) {
-      emitter.off(key, listener);
-    }
-    return {
-      on,
-      emit,
-      off
-    };
-  }
-
-  // ../../node_modules/.pnpm/react-use@17.6.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-use/esm/useEffectOnce.js
-  var import_react12 = __toESM(require_react());
-  var useEffectOnce = function(effect) {
-    (0, import_react12.useEffect)(effect, []);
-  };
-  var useEffectOnce_default = useEffectOnce;
-
-  // ../../node_modules/.pnpm/react-use@17.6.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-use/esm/useMount.js
-  var useMount = function(fn) {
-    useEffectOnce_default(function() {
-      fn();
-    });
-  };
-  var useMount_default = useMount;
-
-  // src/hooks/useFetchIntercept.ts
-  function useFetchResponseIntercept(intercept) {
-    useMount_default(() => fetchResponseIntercept(intercept));
-  }
-  function useFetchRequestIntercept(intercept) {
-    useMount_default(() => fetchRequestIntercept(intercept));
-  }
-  function fetchResponseIntercept(intercept) {
-    const { fetch: originalFetch } = window;
-    window.fetch = async (...args) => {
-      const [resource, config] = args;
-      const response = await originalFetch(resource, config);
-      return intercept(response);
-    };
-  }
-  function fetchRequestIntercept(intercept) {
-    const { fetch: originalFetch } = window;
-    window.fetch = async (...args) => {
-      const [resource, config] = args;
-      return intercept(originalFetch, resource, config);
-    };
-  }
-
-  // src/hooks/useMounted.ts
-  var import_react13 = __toESM(require_react(), 1);
-  function useMounted() {
-    const [mounted, setMounted] = (0, import_react13.useState)(false);
-    (0, import_react13.useEffect)(() => setMounted(true), []);
-    return mounted;
-  }
+  // ../util-core/src/util/noop.ts
+  var noop = () => {
+  };
 
-  // src/hooks/useWatch.ts
-  var import_react14 = __toESM(require_react(), 1);
-  function useWatch(source, callback, options = {}) {
-    const firstUpdate = (0, import_react14.useRef)(false);
-    const then = (0, import_react14.useRef)();
-    const deps = (0, import_react14.useMemo)(
-      () => Array.isArray(source) ? source : [source],
-      [source]
-    );
-    (0, import_react14.useEffect)(() => {
-      if (!firstUpdate.current)
-        recordFirst();
-      else
-        callback(source);
-    }, deps);
-    async function recordFirst() {
-      if (then.current)
-        return;
-      then.current = Promise.resolve(source);
-      then.current.then(() => firstUpdate.current = true);
-      if (options.immediate)
-        then.current.then((value) => callback(value));
+  // ../util-core/src/util/deferred.ts
+  var Deferred = class extends Promise {
+    resolve;
+    reject;
+    constructor(executor = noop) {
+      let _resolve, _reject;
+      super((resolve_, reject_) => {
+        _resolve = resolve_;
+        _reject = reject_;
+        return executor(resolve_, reject_);
+      });
+      this.resolve = (value) => {
+        _resolve(value);
+        return this;
+      };
+      this.reject = (reason) => {
+        _reject(reason);
+        return this;
+      };
     }
-  }
+  };
 
-  // src/hooks/useWhenever.ts
-  function useWhenever(source, cb, options) {
-    useWatch(source, () => source && cb(source), options);
+  // ../util-core/src/util/json.ts
+  function jsonTryParse(text) {
+    try {
+      return JSON.parse(text || "");
+    } catch {
+      return void 0;
+    }
   }
 
   // ../../node_modules/.pnpm/proxy-compare@3.0.1/node_modules/proxy-compare/dist/index.js
@@ -923,6 +606,10 @@ var LibReact = (() => {
     const [target, ensureVersion] = proxyState;
     return createSnapshot(target, ensureVersion());
   }
+  function ref(obj) {
+    refSet.add(obj);
+    return obj;
+  }
   function unstable_getInternalStates() {
     return {
       proxyStateMap,
@@ -933,6 +620,247 @@ var LibReact = (() => {
     };
   }
 
+  // ../../node_modules/.pnpm/valtio@2.1.4_@types+react@18.3.18_react@18.3.1/node_modules/valtio/esm/react.mjs
+  var import_react = __toESM(require_react(), 1);
+  var import_meta2 = {};
+  var useAffectedDebugValue = (state, affected) => {
+    const pathList = (0, import_react.useRef)(void 0);
+    (0, import_react.useEffect)(() => {
+      pathList.current = affectedToPathList(state, affected, true);
+    });
+    (0, import_react.useDebugValue)(pathList.current);
+  };
+  var condUseAffectedDebugValue = useAffectedDebugValue;
+  var targetCache = /* @__PURE__ */ new WeakMap();
+  function useSnapshot(proxyObject, options) {
+    const notifyInSync = options == null ? void 0 : options.sync;
+    const affected = (0, import_react.useMemo)(
+      () => proxyObject && /* @__PURE__ */ new WeakMap(),
+      [proxyObject]
+    );
+    const lastSnapshot = (0, import_react.useRef)(void 0);
+    let inRender = true;
+    const currSnapshot = (0, import_react.useSyncExternalStore)(
+      (0, import_react.useCallback)(
+        (callback) => {
+          const unsub = subscribe(proxyObject, callback, notifyInSync);
+          callback();
+          return unsub;
+        },
+        [proxyObject, notifyInSync]
+      ),
+      () => {
+        const nextSnapshot = snapshot(proxyObject);
+        try {
+          if (!inRender && lastSnapshot.current && !isChanged(
+            lastSnapshot.current,
+            nextSnapshot,
+            affected,
+            /* @__PURE__ */ new WeakMap()
+          )) {
+            return lastSnapshot.current;
+          }
+        } catch (e2) {
+        }
+        return nextSnapshot;
+      },
+      () => snapshot(proxyObject)
+    );
+    inRender = false;
+    (0, import_react.useLayoutEffect)(() => {
+      lastSnapshot.current = currSnapshot;
+    });
+    if ((import_meta2.env ? import_meta2.env.MODE : void 0) !== "production") {
+      condUseAffectedDebugValue(currSnapshot, affected);
+    }
+    const proxyCache2 = (0, import_react.useMemo)(() => /* @__PURE__ */ new WeakMap(), []);
+    return createProxy(currSnapshot, affected, proxyCache2, targetCache);
+  }
+
+  // src/utils/track.ts
+  function track(fn, ...args) {
+    const deferred = ref(new Deferred());
+    const exposer = { fn, args, deferred, id: ++Trigger.id };
+    Trigger.tasks.set(exposer.id, exposer);
+    deferred.then(() => Trigger.tasks.delete(exposer.id));
+    return deferred;
+  }
+
+  // src/utils/wrapper.ts
+  var import_react2 = __toESM(require_react(), 1);
+  function wrapper(tag, props, children) {
+    return tag ? (0, import_react2.createElement)(tag, props, children) : children;
+  }
+
+  // src/components/condition/Case.ts
+  function Case(props) {
+    const { cond, children, tag, ...attrs } = props;
+    return wrapper(tag, attrs, children);
+  }
+
+  // src/components/condition/Default.ts
+  function Default(props) {
+    const { children, tag, ...attrs } = props;
+    return wrapper(tag, attrs, children);
+  }
+
+  // src/components/condition/If.ts
+  var import_react3 = __toESM(require_react(), 1);
+
+  // src/components/condition/Then.ts
+  function Then(props) {
+    const { children, cond, else: _else, then, tag, ...attrs } = props;
+    return Object.keys(props).includes("cond") ? wrapper(If, props, children) : wrapper(tag, attrs, children);
+  }
+
+  // src/components/condition/If.ts
+  function If(props) {
+    const { then, cond, else: _else, children = props.then, tag, ...attrs } = props;
+    const elements = import_react3.Children.toArray(children);
+    const thenChild = elements.find((c2) => c2.type === Then);
+    const elseChild = elements.find((c2) => c2.type === Else);
+    const child = thenChild || elseChild ? cond ? thenChild : elseChild : cond ? children : _else;
+    return wrapper(tag, attrs, child);
+  }
+
+  // src/components/condition/Else.ts
+  function Else(props) {
+    const { children, tag, ...attrs } = props;
+    return Object.keys(props).includes("cond") ? wrapper(If, props, children) : wrapper(tag, attrs, children);
+  }
+
+  // src/components/condition/Switch.ts
+  var import_react4 = __toESM(require_react(), 1);
+  function Switch(props) {
+    const isUseValue = props.value !== void 0;
+    let matchingCase;
+    let defaultCase;
+    import_react4.Children.forEach(props.children, (child) => {
+      if (!(0, import_react4.isValidElement)(child) || matchingCase)
+        return;
+      if (child.type === Case) {
+        const cond = child.props.cond;
+        if (isUseValue ? props.value === cond : cond) {
+          matchingCase = child;
+          return;
+        }
+      }
+      if (!defaultCase && child.type === Default)
+        defaultCase = child;
+    });
+    return matchingCase ?? defaultCase ?? null;
+  }
+
+  // src/components/condition/Unless.ts
+  var import_react5 = __toESM(require_react(), 1);
+  function Unless(props) {
+    const { cond, then, else: _else, tag, children = props.then, ...attrs } = props;
+    const elements = import_react5.Children.toArray(children);
+    const thenChild = elements.find((c2) => c2.type === Then);
+    const elseChild = elements.find((c2) => c2.type === Else);
+    const child = thenChild || elseChild ? !cond ? elseChild : thenChild : !cond ? children : _else;
+    return wrapper(tag, attrs, child);
+  }
+
+  // src/components/utils/Injector.ts
+  var import_react6 = __toESM(require_react(), 1);
+  function Injector(props) {
+    const installs = (0, import_react6.useMemo)(
+      () => props.install.map(repack).reverse(),
+      [props.install]
+    );
+    return installs.reduce(
+      (child, { component: Component, props: props2 }) => (0, import_react6.createElement)(Component, props2, child),
+      props.children
+    );
+  }
+  function repack(c2) {
+    return c2.component ? c2 : { component: c2 };
+  }
+
+  // ../../node_modules/.pnpm/html-parse-stringify@3.0.1/node_modules/html-parse-stringify/dist/html-parse-stringify.module.js
+  var import_void_elements = __toESM(require_void_elements());
+  var t = /\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;
+  function n(n2) {
+    var r2 = { type: "tag", name: "", voidElement: false, attrs: {}, children: [] }, i2 = n2.match(/<\/?([^\s]+?)[/\s>]/);
+    if (i2 && (r2.name = i2[1], (import_void_elements.default[i2[1]] || "/" === n2.charAt(n2.length - 2)) && (r2.voidElement = true), r2.name.startsWith("!--"))) {
+      var s2 = n2.indexOf("-->");
+      return { type: "comment", comment: -1 !== s2 ? n2.slice(4, s2) : "" };
+    }
+    for (var a2 = new RegExp(t), c2 = null; null !== (c2 = a2.exec(n2)); ) if (c2[0].trim()) if (c2[1]) {
+      var o = c2[1].trim(), l = [o, ""];
+      o.indexOf("=") > -1 && (l = o.split("=")), r2.attrs[l[0]] = l[1], a2.lastIndex--;
+    } else c2[2] && (r2.attrs[c2[2]] = c2[3].trim().substring(1, c2[3].length - 1));
+    return r2;
+  }
+  var r = /<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g;
+  var i = /^\s*$/;
+  var s = /* @__PURE__ */ Object.create(null);
+  function a(e2, t2) {
+    switch (t2.type) {
+      case "text":
+        return e2 + t2.content;
+      case "tag":
+        return e2 += "<" + t2.name + (t2.attrs ? function(e3) {
+          var t3 = [];
+          for (var n2 in e3) t3.push(n2 + '="' + e3[n2] + '"');
+          return t3.length ? " " + t3.join(" ") : "";
+        }(t2.attrs) : "") + (t2.voidElement ? "/>" : ">"), t2.voidElement ? e2 : e2 + t2.children.reduce(a, "") + "</" + t2.name + ">";
+      case "comment":
+        return e2 + "<!--" + t2.comment + "-->";
+    }
+  }
+  var c = { parse: function(e2, t2) {
+    t2 || (t2 = {}), t2.components || (t2.components = s);
+    var a2, c2 = [], o = [], l = -1, m = false;
+    if (0 !== e2.indexOf("<")) {
+      var u = e2.indexOf("<");
+      c2.push({ type: "text", content: -1 === u ? e2 : e2.substring(0, u) });
+    }
+    return e2.replace(r, function(r2, s2) {
+      if (m) {
+        if (r2 !== "</" + a2.name + ">") return;
+        m = false;
+      }
+      var u2, f = "/" !== r2.charAt(1), h = r2.startsWith("<!--"), p = s2 + r2.length, d = e2.charAt(p);
+      if (h) {
+        var v = n(r2);
+        return l < 0 ? (c2.push(v), c2) : ((u2 = o[l]).children.push(v), c2);
+      }
+      if (f && (l++, "tag" === (a2 = n(r2)).type && t2.components[a2.name] && (a2.type = "component", m = true), a2.voidElement || m || !d || "<" === d || a2.children.push({ type: "text", content: e2.slice(p, e2.indexOf("<", p)) }), 0 === l && c2.push(a2), (u2 = o[l - 1]) && u2.children.push(a2), o[l] = a2), (!f || a2.voidElement) && (l > -1 && (a2.voidElement || a2.name === r2.slice(2, -1)) && (l--, a2 = -1 === l ? c2 : o[l]), !m && "<" !== d && d)) {
+        u2 = -1 === l ? c2 : o[l].children;
+        var x = e2.indexOf("<", p), g = e2.slice(p, -1 === x ? void 0 : x);
+        i.test(g) && (g = " "), (x > -1 && l + u2.length >= 0 || " " !== g) && u2.push({ type: "text", content: g });
+      }
+    }), c2;
+  }, stringify: function(e2) {
+    return e2.reduce(function(e3, t2) {
+      return e3 + a("", t2);
+    }, "");
+  } };
+  var html_parse_stringify_module_default = c;
+
+  // src/components/utils/Trans.ts
+  var import_react7 = __toESM(require_react(), 1);
+  var import_react_i18next = __toESM(require_react_i18next(), 1);
+  function Trans({ i18nKey, ...additionalProps }) {
+    const translation = (0, import_react_i18next.useTranslation)().t(i18nKey, additionalProps);
+    return renderNodes(html_parse_stringify_module_default.parse(translation), additionalProps);
+  }
+  function renderNodes(tokens, values) {
+    let index = 0;
+    return tokens.map((token) => {
+      if (token.type === "text")
+        return token.content;
+      index++;
+      const props = { ...token.attrs, key: index };
+      return token.voidElement ? values[token.name] ? (0, import_react7.createElement)("span", { key: index }, values[token.name]) : (0, import_react7.createElement)(token.name, props) : (0, import_react7.createElement)(token.name, props, renderNodes(token.children, {}));
+    });
+  }
+
+  // src/components/utils/Trigger.ts
+  var import_react8 = __toESM(require_react(), 1);
+
   // ../../node_modules/.pnpm/valtio@2.1.4_@types+react@18.3.18_react@18.3.1/node_modules/valtio/esm/vanilla/utils.mjs
   var currentCleanups;
   function watch(callback, options) {
@@ -992,77 +920,353 @@ var LibReact = (() => {
   }
   var DEVTOOLS = Symbol();
   var { proxyStateMap: proxyStateMap$1, snapCache: snapCache$1 } = unstable_getInternalStates();
+  var isProxy$1 = (x) => proxyStateMap$1.has(x);
+  function proxyMap(entries) {
+    const initialData = [];
+    let initialIndex = 0;
+    const indexMap = /* @__PURE__ */ new Map();
+    const snapMapCache = /* @__PURE__ */ new WeakMap();
+    const registerSnapMap = () => {
+      const cache = snapCache$1.get(vObject);
+      const latestSnap = cache == null ? void 0 : cache[1];
+      if (latestSnap && !snapMapCache.has(latestSnap)) {
+        const clonedMap = new Map(indexMap);
+        snapMapCache.set(latestSnap, clonedMap);
+      }
+    };
+    const getMapForThis = (x) => snapMapCache.get(x) || indexMap;
+    if (entries) {
+      if (typeof entries[Symbol.iterator] !== "function") {
+        throw new TypeError(
+          "proxyMap:\n	initial state must be iterable\n		tip: structure should be [[key, value]]"
+        );
+      }
+      for (const [key, value] of entries) {
+        indexMap.set(key, initialIndex);
+        initialData[initialIndex++] = value;
+      }
+    }
+    const vObject = {
+      data: initialData,
+      index: initialIndex,
+      epoch: 0,
+      get size() {
+        if (!isProxy$1(this)) {
+          registerSnapMap();
+        }
+        const map = getMapForThis(this);
+        return map.size;
+      },
+      get(key) {
+        const map = getMapForThis(this);
+        const index = map.get(key);
+        if (index === void 0) {
+          this.epoch;
+          return void 0;
+        }
+        return this.data[index];
+      },
+      has(key) {
+        const map = getMapForThis(this);
+        this.epoch;
+        return map.has(key);
+      },
+      set(key, value) {
+        if (!isProxy$1(this)) {
+          throw new Error("Cannot perform mutations on a snapshot");
+        }
+        const index = indexMap.get(key);
+        if (index === void 0) {
+          indexMap.set(key, this.index);
+          this.data[this.index++] = value;
+        } else {
+          this.data[index] = value;
+        }
+        this.epoch++;
+        return this;
+      },
+      delete(key) {
+        if (!isProxy$1(this)) {
+          throw new Error("Cannot perform mutations on a snapshot");
+        }
+        const index = indexMap.get(key);
+        if (index === void 0) {
+          return false;
+        }
+        delete this.data[index];
+        indexMap.delete(key);
+        this.epoch++;
+        return true;
+      },
+      clear() {
+        if (!isProxy$1(this)) {
+          throw new Error("Cannot perform mutations on a snapshot");
+        }
+        this.data.length = 0;
+        this.index = 0;
+        this.epoch++;
+        indexMap.clear();
+      },
+      forEach(cb) {
+        this.epoch;
+        const map = getMapForThis(this);
+        map.forEach((index, key) => {
+          cb(this.data[index], key, this);
+        });
+      },
+      *entries() {
+        this.epoch;
+        const map = getMapForThis(this);
+        for (const [key, index] of map) {
+          yield [key, this.data[index]];
+        }
+      },
+      *keys() {
+        this.epoch;
+        const map = getMapForThis(this);
+        for (const key of map.keys()) {
+          yield key;
+        }
+      },
+      *values() {
+        this.epoch;
+        const map = getMapForThis(this);
+        for (const index of map.values()) {
+          yield this.data[index];
+        }
+      },
+      [Symbol.iterator]() {
+        return this.entries();
+      },
+      get [Symbol.toStringTag]() {
+        return "Map";
+      },
+      toJSON() {
+        return new Map(this.entries());
+      }
+    };
+    const proxiedObject = proxy(vObject);
+    Object.defineProperties(proxiedObject, {
+      size: { enumerable: false },
+      index: { enumerable: false },
+      epoch: { enumerable: false },
+      data: { enumerable: false },
+      toJSON: { enumerable: false }
+    });
+    Object.seal(proxiedObject);
+    return proxiedObject;
+  }
   var { proxyStateMap: proxyStateMap2, snapCache: snapCache2 } = unstable_getInternalStates();
 
-  // ../../node_modules/.pnpm/valtio@2.1.4_@types+react@18.3.18_react@18.3.1/node_modules/valtio/esm/react.mjs
-  var import_react15 = __toESM(require_react(), 1);
-  var import_meta2 = {};
-  var useAffectedDebugValue = (state, affected) => {
-    const pathList = (0, import_react15.useRef)(void 0);
-    (0, import_react15.useEffect)(() => {
-      pathList.current = affectedToPathList(state, affected, true);
-    });
-    (0, import_react15.useDebugValue)(pathList.current);
-  };
-  var condUseAffectedDebugValue = useAffectedDebugValue;
-  var targetCache = /* @__PURE__ */ new WeakMap();
-  function useSnapshot(proxyObject, options) {
-    const notifyInSync = options == null ? void 0 : options.sync;
-    const affected = (0, import_react15.useMemo)(
-      () => proxyObject && /* @__PURE__ */ new WeakMap(),
-      [proxyObject]
-    );
-    const lastSnapshot = (0, import_react15.useRef)(void 0);
-    let inRender = true;
-    const currSnapshot = (0, import_react15.useSyncExternalStore)(
-      (0, import_react15.useCallback)(
-        (callback) => {
-          const unsub = subscribe(proxyObject, callback, notifyInSync);
-          callback();
-          return unsub;
-        },
-        [proxyObject, notifyInSync]
-      ),
+  // src/components/utils/Trigger.ts
+  var pendingTasks = proxyMap();
+  function createTracker(exposer) {
+    const Component = () => {
+      try {
+        exposer.deferred.resolve(exposer.fn(...exposer.args));
+      } catch (error) {
+        exposer.deferred.reject(error);
+      }
+      return null;
+    };
+    Component.key = exposer.id;
+    return Component;
+  }
+  function renderTracker(Tracker) {
+    return (0, import_react8.createElement)(Tracker, { key: Tracker.key });
+  }
+  function Trigger() {
+    const values = [...useSnapshot(pendingTasks).values()];
+    return values.map(createTracker).map(renderTracker);
+  }
+  Trigger.id = 0;
+  Trigger.tasks = pendingTasks;
+
+  // src/hooks/ref.ts
+  var import_react9 = __toESM(require_react(), 1);
+  function ref2(value) {
+    function define(value2) {
+      if (typeof value2 === "function")
+        return (prev) => define(value2(prev.value));
+      return Object.defineProperty({}, "value", {
+        set: (action) => set(define(action)),
+        get: () => value2,
+        enumerable: true
+      });
+    }
+    const [ref3, set] = (0, import_react9.useState)(define(value));
+    return ref3;
+  }
+
+  // src/hooks/useAsyncCallback.ts
+  var import_react10 = __toESM(require_react(), 1);
+  function useAsyncCallback(fun) {
+    const [state, set] = (0, import_react10.useState)({ loading: false });
+    async function execute(...args) {
+      set({ loading: true });
+      return fun(...args).then((value) => {
+        set({ loading: false });
+        return value;
+      }).catch((err) => {
+        set({ loading: false, error: err });
+        return Promise.reject(err);
+      });
+    }
+    return [state.loading, execute, state.error];
+  }
+
+  // src/hooks/useAsyncState.ts
+  var import_react11 = __toESM(require_react(), 1);
+  function useAsyncState(fun, deps = [], options) {
+    const [value, set] = (0, import_react11.useState)(options?.initial);
+    const [loading, execute, error] = useAsyncCallback(async (...args) => fun(...args).then(set));
+    (0, import_react11.useEffect)(
       () => {
-        const nextSnapshot = snapshot(proxyObject);
-        try {
-          if (!inRender && lastSnapshot.current && !isChanged(
-            lastSnapshot.current,
-            nextSnapshot,
-            affected,
-            /* @__PURE__ */ new WeakMap()
-          )) {
-            return lastSnapshot.current;
-          }
-        } catch (e2) {
-        }
-        return nextSnapshot;
+        execute();
       },
-      () => snapshot(proxyObject)
+      deps
     );
-    inRender = false;
-    (0, import_react15.useLayoutEffect)(() => {
-      lastSnapshot.current = currSnapshot;
-    });
-    if ((import_meta2.env ? import_meta2.env.MODE : void 0) !== "production") {
-      condUseAffectedDebugValue(currSnapshot, affected);
+    return [{ value, loading, error }, execute];
+  }
+
+  // src/hooks/useDebounce.ts
+  var import_react12 = __toESM(require_react(), 1);
+  function useDebounce(value, delay) {
+    const [debouncedValue, setDebouncedValue] = (0, import_react12.useState)(value);
+    (0, import_react12.useEffect)(() => {
+      const handler = setTimeout(() => setDebouncedValue(value), delay);
+      return () => clearTimeout(handler);
+    }, [value, delay]);
+    return debouncedValue;
+  }
+
+  // ../../node_modules/.pnpm/mitt@3.0.1/node_modules/mitt/dist/mitt.mjs
+  function mitt_default(n2) {
+    return { all: n2 = n2 || /* @__PURE__ */ new Map(), on: function(t2, e2) {
+      var i2 = n2.get(t2);
+      i2 ? i2.push(e2) : n2.set(t2, [e2]);
+    }, off: function(t2, e2) {
+      var i2 = n2.get(t2);
+      i2 && (e2 ? i2.splice(i2.indexOf(e2) >>> 0, 1) : n2.set(t2, []));
+    }, emit: function(t2, e2) {
+      var i2 = n2.get(t2);
+      i2 && i2.slice().map(function(n3) {
+        n3(e2);
+      }), (i2 = n2.get("*")) && i2.slice().map(function(n3) {
+        n3(t2, e2);
+      });
+    } };
+  }
+
+  // src/hooks/useEventBus.ts
+  var import_react13 = __toESM(require_react(), 1);
+  var emitter = mitt_default();
+  function useEventBus(key) {
+    const onRef = (0, import_react13.useRef)();
+    function on(listener) {
+      emitter.on(key, listener);
+      onRef.current = listener;
+      (0, import_react13.useEffect)(() => {
+        if (!onRef.current)
+          return;
+        emitter.off(key, onRef.current);
+        emitter.on(key, listener);
+        onRef.current = listener;
+        return () => emitter.off(key, listener);
+      }, [listener]);
     }
-    const proxyCache2 = (0, import_react15.useMemo)(() => /* @__PURE__ */ new WeakMap(), []);
-    return createProxy(currSnapshot, affected, proxyCache2, targetCache);
+    function emit(event) {
+      emitter.emit(key, event);
+    }
+    function off(listener) {
+      emitter.off(key, listener);
+    }
+    return {
+      on,
+      emit,
+      off
+    };
   }
 
-  // src/storage/defineStore.ts
-  var import_react16 = __toESM(require_react(), 1);
+  // ../../node_modules/.pnpm/react-use@17.6.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-use/esm/useEffectOnce.js
+  var import_react14 = __toESM(require_react());
+  var useEffectOnce = function(effect) {
+    (0, import_react14.useEffect)(effect, []);
+  };
+  var useEffectOnce_default = useEffectOnce;
 
-  // ../util-core/src/util/json.ts
-  function jsonTryParse(text) {
-    try {
-      return JSON.parse(text || "");
-    } catch {
-      return void 0;
+  // ../../node_modules/.pnpm/react-use@17.6.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-use/esm/useMount.js
+  var useMount = function(fn) {
+    useEffectOnce_default(function() {
+      fn();
+    });
+  };
+  var useMount_default = useMount;
+
+  // src/hooks/useFetchIntercept.ts
+  function useFetchResponseIntercept(intercept) {
+    useMount_default(() => fetchResponseIntercept(intercept));
+  }
+  function useFetchRequestIntercept(intercept) {
+    useMount_default(() => fetchRequestIntercept(intercept));
+  }
+  function fetchResponseIntercept(intercept) {
+    const { fetch: originalFetch } = window;
+    window.fetch = async (...args) => {
+      const [resource, config] = args;
+      const response = await originalFetch(resource, config);
+      return intercept(response);
+    };
+  }
+  function fetchRequestIntercept(intercept) {
+    const { fetch: originalFetch } = window;
+    window.fetch = async (...args) => {
+      const [resource, config] = args;
+      return intercept(originalFetch, resource, config);
+    };
+  }
+
+  // src/hooks/useMounted.ts
+  var import_react15 = __toESM(require_react(), 1);
+  function useMounted() {
+    const [mounted, setMounted] = (0, import_react15.useState)(false);
+    (0, import_react15.useEffect)(() => setMounted(true), []);
+    return mounted;
+  }
+
+  // src/hooks/useWatch.ts
+  var import_react16 = __toESM(require_react(), 1);
+  function useWatch(source, callback, options = {}) {
+    const firstUpdate = (0, import_react16.useRef)(false);
+    const then = (0, import_react16.useRef)();
+    const deps = (0, import_react16.useMemo)(
+      () => Array.isArray(source) ? source : [source],
+      [source]
+    );
+    (0, import_react16.useEffect)(() => {
+      if (!firstUpdate.current)
+        recordFirst();
+      else
+        callback(source);
+    }, deps);
+    async function recordFirst() {
+      if (then.current)
+        return;
+      then.current = Promise.resolve(source);
+      then.current.then(() => firstUpdate.current = true);
+      if (options.immediate)
+        then.current.then((value) => callback(value));
     }
   }
 
+  // src/hooks/useWhenever.ts
+  function useWhenever(source, cb, options) {
+    useWatch(source, () => source && cb(source), options);
+  }
+
+  // src/storage/defineStore.ts
+  var import_react17 = __toESM(require_react(), 1);
+
   // src/storage/persistant.ts
   function proxyWithPersistant(keyOrOptions, initialObject) {
     let options;
@@ -1113,10 +1317,10 @@ var LibReact = (() => {
         Object.assign($state, patch);
     }
     function $signal(fn) {
-      return (0, import_react16.createElement)(() => fn(useSnapshot($state)));
+      return (0, import_react17.createElement)(() => fn(useSnapshot($state)));
     }
     $signal.status = function(fn) {
-      return (0, import_react16.createElement)(() => fn(useSnapshot($status)));
+      return (0, import_react17.createElement)(() => fn(useSnapshot($status)));
     };
     return {
       $subscribe,
@@ -1129,7 +1333,7 @@ var LibReact = (() => {
       ...$actions
     };
   }
-  function track(action, status) {
+  function track2(action, status) {
     let loadings = 0;
     const tracking = () => loadings++ === 0 && (status.loading = true);
     const done = () => !--loadings && (status.loading = false);
@@ -1156,7 +1360,7 @@ var LibReact = (() => {
   function setupActions($state, actions, $actions, $status) {
     for (const key in actions) {
       $status[key] = { finished: false, loading: false, error: null };
-      $actions[key] = track(actions[key].bind($state), $status[key]);
+      $actions[key] = track2(actions[key].bind($state), $status[key]);
     }
   }
   function setupGetters(state, $state, getters, $getters) {