@hairy/react-lib 1.25.0 → 1.27.0

package/dist/index.cjs

@@ -37,7 +37,6 @@ __export(index_exports, {
   Injector: () => Injector,
   Switch: () => Switch,
   Then: () => Then,
-  Trans: () => Trans,
   Trigger: () => Trigger,
   Unless: () => Unless,
   cls: () => cls,
@@ -231,27 +230,8 @@ function repack(c) {
   return c.component ? c : { component: c };
 }
 
-// src/components/utils/Trans.ts
-var import_html_parse_stringify = __toESM(require("html-parse-stringify"), 1);
-var import_react6 = require("react");
-var import_react_i18next = require("react-i18next");
-function Trans({ i18nKey, ...additionalProps }) {
-  const translation = (0, import_react_i18next.useTranslation)().t(i18nKey, additionalProps);
-  return renderNodes(import_html_parse_stringify.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/components/utils/Trigger.ts
-var import_react7 = require("react");
+var import_react6 = require("react");
 var import_valtio2 = require("valtio");
 var import_utils8 = require("valtio/utils");
 var pendingTasks = (0, import_utils8.proxyMap)();
@@ -268,7 +248,7 @@ function createTracker(exposer) {
   return Component;
 }
 function renderTracker(Tracker) {
-  return (0, import_react7.createElement)(Tracker, { key: Tracker.key });
+  return (0, import_react6.createElement)(Tracker, { key: Tracker.key });
 }
 function Trigger() {
   const values = [...(0, import_valtio2.useSnapshot)(pendingTasks).values()];
@@ -278,7 +258,7 @@ Trigger.id = 0;
 Trigger.tasks = pendingTasks;
 
 // src/hooks/ref.ts
-var import_react8 = require("react");
+var import_react7 = require("react");
 function ref2(value) {
   function define(value2) {
     if (typeof value2 === "function")
@@ -289,14 +269,14 @@ function ref2(value) {
       enumerable: true
     });
   }
-  const [ref3, set] = (0, import_react8.useState)(define(value));
+  const [ref3, set] = (0, import_react7.useState)(define(value));
   return ref3;
 }
 
 // src/hooks/useAsyncCallback.ts
-var import_react9 = require("react");
+var import_react8 = require("react");
 function useAsyncCallback(fun) {
-  const [state, set] = (0, import_react9.useState)({ loading: false });
+  const [state, set] = (0, import_react8.useState)({ loading: false });
   async function execute(...args) {
     set({ loading: true });
     return fun(...args).then((value) => {
@@ -311,11 +291,11 @@ function useAsyncCallback(fun) {
 }
 
 // src/hooks/useAsyncState.ts
-var import_react10 = require("react");
+var import_react9 = require("react");
 function useAsyncState(fun, deps = [], options) {
-  const [value, set] = (0, import_react10.useState)(options?.initial);
+  const [value, set] = (0, import_react9.useState)(options?.initial);
   const [loading, execute, error] = useAsyncCallback(async (...args) => fun(...args).then(set));
-  (0, import_react10.useEffect)(
+  (0, import_react9.useEffect)(
     () => {
       execute();
     },
@@ -325,10 +305,10 @@ function useAsyncState(fun, deps = [], options) {
 }
 
 // src/hooks/useDebounce.ts
-var import_react11 = require("react");
+var import_react10 = require("react");
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react11.useState)(value);
-  (0, import_react11.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react10.useState)(value);
+  (0, import_react10.useEffect)(() => {
     const handler = setTimeout(() => setDebouncedValue(value), delay);
     return () => clearTimeout(handler);
   }, [value, delay]);
@@ -337,14 +317,14 @@ function useDebounce(value, delay) {
 
 // src/hooks/useEventBus.ts
 var import_mitt = __toESM(require("mitt"), 1);
-var import_react12 = require("react");
+var import_react11 = require("react");
 var emitter = (0, import_mitt.default)();
 function useEventBus(key) {
-  const onRef = (0, import_react12.useRef)();
+  const onRef = (0, import_react11.useRef)();
   function on(listener) {
     emitter.on(key, listener);
     onRef.current = listener;
-    (0, import_react12.useEffect)(() => {
+    (0, import_react11.useEffect)(() => {
       if (!onRef.current)
         return;
       emitter.off(key, onRef.current);
@@ -367,9 +347,9 @@ function useEventBus(key) {
 }
 
 // ../../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_react13 = require("react");
+var import_react12 = require("react");
 var useEffectOnce = function(effect) {
-  (0, import_react13.useEffect)(effect, []);
+  (0, import_react12.useEffect)(effect, []);
 };
 var useEffectOnce_default = useEffectOnce;
 
@@ -405,23 +385,23 @@ function fetchRequestIntercept(intercept) {
 }
 
 // src/hooks/useMounted.ts
-var import_react14 = require("react");
+var import_react13 = require("react");
 function useMounted() {
-  const [mounted, setMounted] = (0, import_react14.useState)(false);
-  (0, import_react14.useEffect)(() => setMounted(true), []);
+  const [mounted, setMounted] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => setMounted(true), []);
   return mounted;
 }
 
 // src/hooks/useWatch.ts
-var import_react15 = require("react");
+var import_react14 = require("react");
 function useWatch(source, callback, options = {}) {
-  const firstUpdate = (0, import_react15.useRef)(false);
-  const then = (0, import_react15.useRef)();
-  const deps = (0, import_react15.useMemo)(
+  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_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!firstUpdate.current)
       recordFirst();
     else
@@ -446,7 +426,7 @@ function useWhenever(source, cb, options) {
 var import_utils10 = require("valtio/utils");
 
 // src/storage/defineStore.ts
-var import_react16 = require("react");
+var import_react15 = require("react");
 var import_valtio4 = require("valtio");
 
 // src/storage/persistant.ts
@@ -500,10 +480,10 @@ function defineStore(store, options = {}) {
       Object.assign($state, patch);
   }
   function $signal(fn) {
-    return (0, import_react16.createElement)(() => fn((0, import_valtio4.useSnapshot)($state)));
+    return (0, import_react15.createElement)(() => fn((0, import_valtio4.useSnapshot)($state)));
   }
   $signal.status = function(fn) {
-    return (0, import_react16.createElement)(() => fn((0, import_valtio4.useSnapshot)($status)));
+    return (0, import_react15.createElement)(() => fn((0, import_valtio4.useSnapshot)($status)));
   };
   return {
     $subscribe,
@@ -624,7 +604,6 @@ function useStore(store) {
   Injector,
   Switch,
   Then,
-  Trans,
   Trigger,
   Unless,
   cls,

package/dist/index.d.ts

@@ -85,12 +85,6 @@ interface InjectorProps {
 }
 declare function Injector(props: InjectorProps): ReactNode;
 
-interface TransProps {
-    i18nKey: string;
-    [key: string]: ReactNode;
-}
-declare function Trans({ i18nKey, ...additionalProps }: TransProps): ReactNode[];
-
 interface Exposer {
     deferred: Deferred<any>;
     args: any[];
@@ -304,4 +298,4 @@ declare function useStore<S extends object, A extends Actions<S>, G extends Gett
 
 type PropsWithDetailedHTML<T = HTMLDivElement> = DetailedHTMLProps<HTMLAttributes<T>, T>;
 
-export { type Argument, type ArgumentArray, type AsyncStoreOptions, Case, type CaseProps, Default, type DefaultProps, Else, type ElseProps, type EventBusListener, type Exposer, type FetchRequestInterceptCallback, type FetchResponseInterceptCallback, If, type IfProps, type InjectComponent, Injector, type InjectorProps, type Mapping, type PersistantOptions, type PropsWithDetailedHTML, type ReadonlyArgumentArray, type Ref, Switch, type SwitchProps, Then, type ThenProps, Trans, type TransProps, Trigger, Unless, type UnlessProps, type UseAsyncStateOptions, type Value, type WatchCallback, type WatchOptions, type WrapperProps, type WrapperTag, cls, defineAsyncStore, defineStore, proxyWithPersistant, ref, track, useAsyncCallback, useAsyncState, useDebounce, useEventBus, useFetchRequestIntercept, useFetchResponseIntercept, useMounted, useStatus, useStore, useWatch, useWhenever, wrapper };
+export { type Argument, type ArgumentArray, type AsyncStoreOptions, Case, type CaseProps, Default, type DefaultProps, Else, type ElseProps, type EventBusListener, type Exposer, type FetchRequestInterceptCallback, type FetchResponseInterceptCallback, If, type IfProps, type InjectComponent, Injector, type InjectorProps, type Mapping, type PersistantOptions, type PropsWithDetailedHTML, type ReadonlyArgumentArray, type Ref, Switch, type SwitchProps, Then, type ThenProps, Trigger, Unless, type UnlessProps, type UseAsyncStateOptions, type Value, type WatchCallback, type WatchOptions, type WrapperProps, type WrapperTag, cls, defineAsyncStore, defineStore, proxyWithPersistant, ref, track, useAsyncCallback, useAsyncState, useDebounce, useEventBus, useFetchRequestIntercept, useFetchResponseIntercept, useMounted, useStatus, useStore, useWatch, useWhenever, wrapper };

package/dist/index.global.js

@@ -39,37 +39,6 @@ var LibReact = (() => {
     }
   });
 
-  // ../../node_modules/.pnpm/void-elements@3.1.0/node_modules/void-elements/index.js
-  var require_void_elements = __commonJS({
-    "../../node_modules/.pnpm/void-elements@3.1.0/node_modules/void-elements/index.js"(exports, module) {
-      "use strict";
-      module.exports = {
-        "area": true,
-        "base": true,
-        "br": true,
-        "col": true,
-        "embed": true,
-        "hr": true,
-        "img": true,
-        "input": true,
-        "link": true,
-        "meta": true,
-        "param": true,
-        "source": true,
-        "track": true,
-        "wbr": true
-      };
-    }
-  });
-
-  // globals:react-i18next
-  var require_react_i18next = __commonJS({
-    "globals:react-i18next"(exports, module) {
-      "use strict";
-      module.exports = reactI18next;
-    }
-  });
-
   // src/index.ts
   var index_exports = {};
   __export(index_exports, {
@@ -80,7 +49,6 @@ var LibReact = (() => {
     Injector: () => Injector,
     Switch: () => Switch,
     Then: () => Then,
-    Trans: () => Trans,
     Trigger: () => Trigger,
     Unless: () => Unless,
     cls: () => cls,
@@ -107,8 +75,8 @@ var LibReact = (() => {
   var hasOwn = {}.hasOwnProperty;
   function cls(...args) {
     let classes = "";
-    for (let i2 = 0; i2 < args.length; i2++) {
-      const arg = args[i2];
+    for (let i = 0; i < args.length; i++) {
+      const arg = args[i];
       if (arg)
         classes = cls.append(classes, cls.parse(arg));
     }
@@ -292,7 +260,7 @@ var LibReact = (() => {
   var isAllOwnKeysChanged = (prevObj, nextObj) => {
     const prevKeys = Reflect.ownKeys(prevObj);
     const nextKeys = Reflect.ownKeys(nextObj);
-    return prevKeys.length !== nextKeys.length || prevKeys.some((k, i2) => k !== nextKeys[i2]);
+    return prevKeys.length !== nextKeys.length || prevKeys.some((k, i) => k !== nextKeys[i]);
   };
   var isChanged = (prevObj, nextObj, affected, cache, isEqual = Object.is) => {
     if (isEqual(prevObj, nextObj)) {
@@ -660,7 +628,7 @@ var LibReact = (() => {
           )) {
             return lastSnapshot.current;
           }
-        } catch (e2) {
+        } catch (e) {
         }
         return nextSnapshot;
       },
@@ -717,8 +685,8 @@ var LibReact = (() => {
   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 thenChild = elements.find((c) => c.type === Then);
+    const elseChild = elements.find((c) => c.type === Else);
     const child = thenChild || elseChild ? cond ? thenChild : elseChild : cond ? children : _else;
     return wrapper(tag, attrs, child);
   }
@@ -756,8 +724,8 @@ var LibReact = (() => {
   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 thenChild = elements.find((c) => c.type === Then);
+    const elseChild = elements.find((c) => c.type === Else);
     const child = thenChild || elseChild ? !cond ? elseChild : thenChild : !cond ? children : _else;
     return wrapper(tag, attrs, child);
   }
@@ -774,92 +742,12 @@ var LibReact = (() => {
       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, {}));
-    });
+  function repack(c) {
+    return c.component ? c : { component: c };
   }
 
   // src/components/utils/Trigger.ts
-  var import_react8 = __toESM(require_react(), 1);
+  var import_react7 = __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;
@@ -1073,7 +961,7 @@ var LibReact = (() => {
     return Component;
   }
   function renderTracker(Tracker) {
-    return (0, import_react8.createElement)(Tracker, { key: Tracker.key });
+    return (0, import_react7.createElement)(Tracker, { key: Tracker.key });
   }
   function Trigger() {
     const values = [...useSnapshot(pendingTasks).values()];
@@ -1083,7 +971,7 @@ var LibReact = (() => {
   Trigger.tasks = pendingTasks;
 
   // src/hooks/ref.ts
-  var import_react9 = __toESM(require_react(), 1);
+  var import_react8 = __toESM(require_react(), 1);
   function ref2(value) {
     function define(value2) {
       if (typeof value2 === "function")
@@ -1094,14 +982,14 @@ var LibReact = (() => {
         enumerable: true
       });
     }
-    const [ref3, set] = (0, import_react9.useState)(define(value));
+    const [ref3, set] = (0, import_react8.useState)(define(value));
     return ref3;
   }
 
   // src/hooks/useAsyncCallback.ts
-  var import_react10 = __toESM(require_react(), 1);
+  var import_react9 = __toESM(require_react(), 1);
   function useAsyncCallback(fun) {
-    const [state, set] = (0, import_react10.useState)({ loading: false });
+    const [state, set] = (0, import_react9.useState)({ loading: false });
     async function execute(...args) {
       set({ loading: true });
       return fun(...args).then((value) => {
@@ -1116,11 +1004,11 @@ var LibReact = (() => {
   }
 
   // src/hooks/useAsyncState.ts
-  var import_react11 = __toESM(require_react(), 1);
+  var import_react10 = __toESM(require_react(), 1);
   function useAsyncState(fun, deps = [], options) {
-    const [value, set] = (0, import_react11.useState)(options?.initial);
+    const [value, set] = (0, import_react10.useState)(options?.initial);
     const [loading, execute, error] = useAsyncCallback(async (...args) => fun(...args).then(set));
-    (0, import_react11.useEffect)(
+    (0, import_react10.useEffect)(
       () => {
         execute();
       },
@@ -1130,10 +1018,10 @@ var LibReact = (() => {
   }
 
   // src/hooks/useDebounce.ts
-  var import_react12 = __toESM(require_react(), 1);
+  var import_react11 = __toESM(require_react(), 1);
   function useDebounce(value, delay) {
-    const [debouncedValue, setDebouncedValue] = (0, import_react12.useState)(value);
-    (0, import_react12.useEffect)(() => {
+    const [debouncedValue, setDebouncedValue] = (0, import_react11.useState)(value);
+    (0, import_react11.useEffect)(() => {
       const handler = setTimeout(() => setDebouncedValue(value), delay);
       return () => clearTimeout(handler);
     }, [value, delay]);
@@ -1141,32 +1029,32 @@ var LibReact = (() => {
   }
 
   // ../../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);
+  function mitt_default(n) {
+    return { all: n = n || /* @__PURE__ */ new Map(), on: function(t, e) {
+      var i = n.get(t);
+      i ? i.push(e) : n.set(t, [e]);
+    }, off: function(t, e) {
+      var i = n.get(t);
+      i && (e ? i.splice(i.indexOf(e) >>> 0, 1) : n.set(t, []));
+    }, emit: function(t, e) {
+      var i = n.get(t);
+      i && i.slice().map(function(n2) {
+        n2(e);
+      }), (i = n.get("*")) && i.slice().map(function(n2) {
+        n2(t, e);
       });
     } };
   }
 
   // src/hooks/useEventBus.ts
-  var import_react13 = __toESM(require_react(), 1);
+  var import_react12 = __toESM(require_react(), 1);
   var emitter = mitt_default();
   function useEventBus(key) {
-    const onRef = (0, import_react13.useRef)();
+    const onRef = (0, import_react12.useRef)();
     function on(listener) {
       emitter.on(key, listener);
       onRef.current = listener;
-      (0, import_react13.useEffect)(() => {
+      (0, import_react12.useEffect)(() => {
         if (!onRef.current)
           return;
         emitter.off(key, onRef.current);
@@ -1189,9 +1077,9 @@ var LibReact = (() => {
   }
 
   // ../../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 import_react13 = __toESM(require_react());
   var useEffectOnce = function(effect) {
-    (0, import_react14.useEffect)(effect, []);
+    (0, import_react13.useEffect)(effect, []);
   };
   var useEffectOnce_default = useEffectOnce;
 
@@ -1227,23 +1115,23 @@ var LibReact = (() => {
   }
 
   // src/hooks/useMounted.ts
-  var import_react15 = __toESM(require_react(), 1);
+  var import_react14 = __toESM(require_react(), 1);
   function useMounted() {
-    const [mounted, setMounted] = (0, import_react15.useState)(false);
-    (0, import_react15.useEffect)(() => setMounted(true), []);
+    const [mounted, setMounted] = (0, import_react14.useState)(false);
+    (0, import_react14.useEffect)(() => setMounted(true), []);
     return mounted;
   }
 
   // src/hooks/useWatch.ts
-  var import_react16 = __toESM(require_react(), 1);
+  var import_react15 = __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)(
+    const firstUpdate = (0, import_react15.useRef)(false);
+    const then = (0, import_react15.useRef)();
+    const deps = (0, import_react15.useMemo)(
       () => Array.isArray(source) ? source : [source],
       [source]
     );
-    (0, import_react16.useEffect)(() => {
+    (0, import_react15.useEffect)(() => {
       if (!firstUpdate.current)
         recordFirst();
       else
@@ -1265,7 +1153,7 @@ var LibReact = (() => {
   }
 
   // src/storage/defineStore.ts
-  var import_react17 = __toESM(require_react(), 1);
+  var import_react16 = __toESM(require_react(), 1);
 
   // src/storage/persistant.ts
   function proxyWithPersistant(keyOrOptions, initialObject) {
@@ -1317,10 +1205,10 @@ var LibReact = (() => {
         Object.assign($state, patch);
     }
     function $signal(fn) {
-      return (0, import_react17.createElement)(() => fn(useSnapshot($state)));
+      return (0, import_react16.createElement)(() => fn(useSnapshot($state)));
     }
     $signal.status = function(fn) {
-      return (0, import_react17.createElement)(() => fn(useSnapshot($status)));
+      return (0, import_react16.createElement)(() => fn(useSnapshot($status)));
     };
     return {
       $subscribe,

package/dist/index.js

@@ -168,27 +168,8 @@ function repack(c) {
   return c.component ? c : { component: c };
 }
 
-// src/components/utils/Trans.ts
-import HTML from "html-parse-stringify";
-import { createElement as createElement3 } from "react";
-import { useTranslation } from "react-i18next";
-function Trans({ i18nKey, ...additionalProps }) {
-  const translation = useTranslation().t(i18nKey, additionalProps);
-  return renderNodes(HTML.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] ? createElement3("span", { key: index }, values[token.name]) : createElement3(token.name, props) : createElement3(token.name, props, renderNodes(token.children, {}));
-  });
-}
-
 // src/components/utils/Trigger.ts
-import { createElement as createElement4 } from "react";
+import { createElement as createElement3 } from "react";
 import { useSnapshot } from "valtio";
 import { proxyMap } from "valtio/utils";
 var pendingTasks = proxyMap();
@@ -205,7 +186,7 @@ function createTracker(exposer) {
   return Component;
 }
 function renderTracker(Tracker) {
-  return createElement4(Tracker, { key: Tracker.key });
+  return createElement3(Tracker, { key: Tracker.key });
 }
 function Trigger() {
   const values = [...useSnapshot(pendingTasks).values()];
@@ -383,7 +364,7 @@ function useWhenever(source, cb, options) {
 import { watch } from "valtio/utils";
 
 // src/storage/defineStore.ts
-import { createElement as createElement5 } from "react";
+import { createElement as createElement4 } from "react";
 import { proxy as proxy2, subscribe as subscribe2, useSnapshot as useSnapshot2 } from "valtio";
 
 // src/storage/persistant.ts
@@ -437,10 +418,10 @@ function defineStore(store, options = {}) {
       Object.assign($state, patch);
   }
   function $signal(fn) {
-    return createElement5(() => fn(useSnapshot2($state)));
+    return createElement4(() => fn(useSnapshot2($state)));
   }
   $signal.status = function(fn) {
-    return createElement5(() => fn(useSnapshot2($status)));
+    return createElement4(() => fn(useSnapshot2($status)));
   };
   return {
     $subscribe,
@@ -560,7 +541,6 @@ export {
   Injector,
   Switch,
   Then,
-  Trans,
   Trigger,
   Unless,
   cls,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hairy/react-lib",
   "type": "module",
-  "version": "1.25.0",
+  "version": "1.27.0",
   "description": "Library for react",
   "author": "Hairyf <wwu710632@gmail.com>",
   "license": "MIT",
@@ -38,7 +38,7 @@
     "react-dom": "^18.2.0",
     "react-i18next": "^14.1.2",
     "react-use": "^17.6.0",
-    "@hairy/utils": "1.25.0"
+    "@hairy/utils": "1.27.0"
   },
   "scripts": {
     "build": "tsup",