@verbaly/react 0.11.0 → 0.12.0

package/README.md

@@ -1,5 +1,5 @@
 <p align="center">
-  <img src="https://raw.githubusercontent.com/AronSoto/verbaly/develop/assets/logo-light.png" alt="Verbaly" width="300" />
+  <img src="https://raw.githubusercontent.com/AronSoto/verbaly/develop/assets/logo.png" alt="Verbaly" width="300" />
 </p>
 
 <p align="center"><em>React bindings for Verbaly — hooks over the reactive core.</em></p>

package/dist/index.cjs

@@ -1,99 +1,56 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  Trans: () => Trans,
-  VerbalyProvider: () => VerbalyProvider,
-  useLocale: () => useLocale,
-  useT: () => useT,
-  useVerbaly: () => useVerbaly
-});
-module.exports = __toCommonJS(index_exports);
-var import_react = require("react");
-var import_verbaly = require("verbaly");
-var VerbalyContext = (0, import_react.createContext)(null);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react = require("react");
+let verbaly = require("verbaly");
+//#region src/index.ts
+const VerbalyContext = (0, react.createContext)(null);
 function VerbalyProvider(props) {
-  return (0, import_react.createElement)(
-    VerbalyContext.Provider,
-    { value: props.instance },
-    props.children
-  );
+	return (0, react.createElement)(VerbalyContext.Provider, { value: props.instance }, props.children);
 }
 function useVerbaly() {
-  const instance = (0, import_react.useContext)(VerbalyContext);
-  if (!instance) {
-    throw new Error("[verbaly] useVerbaly requires a <VerbalyProvider>");
-  }
-  return instance;
+	const instance = (0, react.useContext)(VerbalyContext);
+	if (!instance) throw new Error("[verbaly] useVerbaly requires a <VerbalyProvider>");
+	return instance;
 }
 function useT() {
-  const instance = useVerbaly();
-  useVersion(instance);
-  return instance.t;
+	const instance = useVerbaly();
+	useVersion(instance);
+	return instance.t;
 }
 function useLocale() {
-  const instance = useVerbaly();
-  useVersion(instance);
-  return [instance.locale, instance.setLocale];
+	const instance = useVerbaly();
+	useVersion(instance);
+	return [instance.locale, instance.setLocale];
 }
 function useVersion(instance) {
-  (0, import_react.useSyncExternalStore)(
-    instance.subscribe,
-    () => instance.version,
-    () => instance.version
-  );
+	(0, react.useSyncExternalStore)(instance.subscribe, () => instance.version, () => instance.version);
 }
 function Trans(props) {
-  const t = useT();
-  const text = t(props.id, props.values);
-  return (0, import_react.createElement)(
-    import_react.Fragment,
-    null,
-    ...toNodes((0, import_verbaly.parseTags)(text), props.components ?? {}, props.links ?? {})
-  );
+	return (0, react.createElement)(react.Fragment, null, ...toNodes((0, verbaly.parseTags)(useT()(props.id, props.values)), props.components ?? {}, props.links ?? {}));
 }
 function toNodes(nodes, components, links) {
-  return nodes.map((node, i) => {
-    if (typeof node === "string") return node;
-    const children = toNodes(node.children, components, links);
-    const el = components[node.name];
-    if (el) return (0, import_react.cloneElement)(el, { key: i }, ...children);
-    const link = links[node.name];
-    if (link !== void 0) {
-      const def = typeof link === "string" ? { href: link } : link;
-      return (0, import_react.createElement)(
-        "a",
-        { key: i, href: (0, import_verbaly.safeHref)(def.href), target: def.target, rel: def.rel },
-        ...children
-      );
-    }
-    return (0, import_react.createElement)(import_react.Fragment, { key: i }, ...children);
-  });
+	return nodes.map((node, i) => {
+		if (typeof node === "string") return node;
+		const children = toNodes(node.children, components, links);
+		const el = components[node.name];
+		if (el) return (0, react.cloneElement)(el, { key: i }, ...children);
+		const link = links[node.name];
+		if (link !== void 0) {
+			const def = typeof link === "string" ? { href: link } : link;
+			return (0, react.createElement)("a", {
+				key: i,
+				href: (0, verbaly.safeHref)(def.href),
+				target: def.target,
+				rel: def.rel
+			}, ...children);
+		}
+		return (0, react.createElement)(react.Fragment, { key: i }, ...children);
+	});
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Trans,
-  VerbalyProvider,
-  useLocale,
-  useT,
-  useVerbaly
-});
+//#endregion
+exports.Trans = Trans;
+exports.VerbalyProvider = VerbalyProvider;
+exports.useLocale = useLocale;
+exports.useT = useT;
+exports.useVerbaly = useVerbaly;
+
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import {\n  cloneElement,\n  createContext,\n  createElement,\n  Fragment,\n  useContext,\n  useSyncExternalStore,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  parseTags,\n  safeHref,\n  type DictionaryInput,\n  type Params,\n  type RichLink,\n  type TagNode,\n  type TFunction,\n  type Verbaly,\n} from 'verbaly';\n\nconst VerbalyContext = createContext<Verbaly | null>(null);\n\nexport interface VerbalyProviderProps<D extends DictionaryInput> {\n  instance: Verbaly<D>;\n  children?: ReactNode;\n}\n\nexport function VerbalyProvider<D extends DictionaryInput>(\n  props: VerbalyProviderProps<D>,\n): ReactElement {\n  return createElement(\n    VerbalyContext.Provider,\n    { value: props.instance as unknown as Verbaly },\n    props.children,\n  );\n}\n\nexport function useVerbaly<D extends DictionaryInput = DictionaryInput>(): Verbaly<D> {\n  const instance = useContext(VerbalyContext);\n  if (!instance) {\n    throw new Error('[verbaly] useVerbaly requires a <VerbalyProvider>');\n  }\n  return instance as unknown as Verbaly<D>;\n}\n\nexport function useT<D extends DictionaryInput = DictionaryInput>(): TFunction<D> {\n  const instance = useVerbaly<D>();\n  useVersion(instance);\n  return instance.t;\n}\n\nexport function useLocale(): [string, (locale: string) => void] {\n  const instance = useVerbaly();\n  useVersion(instance);\n  return [instance.locale, instance.setLocale];\n}\n\nfunction useVersion<D extends DictionaryInput>(instance: Verbaly<D>): void {\n  useSyncExternalStore(\n    instance.subscribe,\n    () => instance.version,\n    () => instance.version,\n  );\n}\n\nexport interface TransProps {\n  id: string;\n  values?: Params;\n  components?: Record<string, ReactElement>;\n  links?: Record<string, RichLink>;\n}\n\n// translated message + element interpolation\nexport function Trans(props: TransProps): ReactElement {\n  const t = useT();\n  const text = (t as unknown as (id: string, values?: Params) => string)(props.id, props.values);\n  return createElement(\n    Fragment,\n    null,\n    ...toNodes(parseTags(text), props.components ?? {}, props.links ?? {}),\n  );\n}\n\nfunction toNodes(\n  nodes: TagNode[],\n  components: Record<string, ReactElement>,\n  links: Record<string, RichLink>,\n): ReactNode[] {\n  return nodes.map((node, i) => {\n    if (typeof node === 'string') return node;\n    const children = toNodes(node.children, components, links);\n    const el = components[node.name];\n    if (el) return cloneElement(el, { key: i }, ...children);\n    const link = links[node.name];\n    if (link !== undefined) {\n      const def: Exclude<RichLink, string> = typeof link === 'string' ? { href: link } : link;\n      return createElement(\n        'a',\n        { key: i, href: safeHref(def.href), target: def.target, rel: def.rel },\n        ...children,\n      );\n    }\n    return createElement(Fragment, { key: i }, ...children);\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBASO;AACP,qBASO;AAEP,IAAM,qBAAiB,4BAA8B,IAAI;AAOlD,SAAS,gBACd,OACc;AACd,aAAO;AAAA,IACL,eAAe;AAAA,IACf,EAAE,OAAO,MAAM,SAA+B;AAAA,IAC9C,MAAM;AAAA,EACR;AACF;AAEO,SAAS,aAAsE;AACpF,QAAM,eAAW,yBAAW,cAAc;AAC1C,MAAI,CAAC,UAAU;AACb,UAAM,IAAI,MAAM,mDAAmD;AAAA,EACrE;AACA,SAAO;AACT;AAEO,SAAS,OAAkE;AAChF,QAAM,WAAW,WAAc;AAC/B,aAAW,QAAQ;AACnB,SAAO,SAAS;AAClB;AAEO,SAAS,YAAgD;AAC9D,QAAM,WAAW,WAAW;AAC5B,aAAW,QAAQ;AACnB,SAAO,CAAC,SAAS,QAAQ,SAAS,SAAS;AAC7C;AAEA,SAAS,WAAsC,UAA4B;AACzE;AAAA,IACE,SAAS;AAAA,IACT,MAAM,SAAS;AAAA,IACf,MAAM,SAAS;AAAA,EACjB;AACF;AAUO,SAAS,MAAM,OAAiC;AACrD,QAAM,IAAI,KAAK;AACf,QAAM,OAAQ,EAAyD,MAAM,IAAI,MAAM,MAAM;AAC7F,aAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,GAAG,YAAQ,0BAAU,IAAI,GAAG,MAAM,cAAc,CAAC,GAAG,MAAM,SAAS,CAAC,CAAC;AAAA,EACvE;AACF;AAEA,SAAS,QACP,OACA,YACA,OACa;AACb,SAAO,MAAM,IAAI,CAAC,MAAM,MAAM;AAC5B,QAAI,OAAO,SAAS,SAAU,QAAO;AACrC,UAAM,WAAW,QAAQ,KAAK,UAAU,YAAY,KAAK;AACzD,UAAM,KAAK,WAAW,KAAK,IAAI;AAC/B,QAAI,GAAI,YAAO,2BAAa,IAAI,EAAE,KAAK,EAAE,GAAG,GAAG,QAAQ;AACvD,UAAM,OAAO,MAAM,KAAK,IAAI;AAC5B,QAAI,SAAS,QAAW;AACtB,YAAM,MAAiC,OAAO,SAAS,WAAW,EAAE,MAAM,KAAK,IAAI;AACnF,iBAAO;AAAA,QACL;AAAA,QACA,EAAE,KAAK,GAAG,UAAM,yBAAS,IAAI,IAAI,GAAG,QAAQ,IAAI,QAAQ,KAAK,IAAI,IAAI;AAAA,QACrE,GAAG;AAAA,MACL;AAAA,IACF;AACA,eAAO,4BAAc,uBAAU,EAAE,KAAK,EAAE,GAAG,GAAG,QAAQ;AAAA,EACxD,CAAC;AACH;","names":[]}
+{"version":3,"file":"index.cjs","names":["Fragment"],"sources":["../src/index.ts"],"sourcesContent":["import {\n  cloneElement,\n  createContext,\n  createElement,\n  Fragment,\n  useContext,\n  useSyncExternalStore,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  parseTags,\n  safeHref,\n  type DictionaryInput,\n  type Params,\n  type RichLink,\n  type TagNode,\n  type TFunction,\n  type Verbaly,\n} from 'verbaly';\n\nconst VerbalyContext = createContext<Verbaly | null>(null);\n\nexport interface VerbalyProviderProps<D extends DictionaryInput> {\n  instance: Verbaly<D>;\n  children?: ReactNode;\n}\n\nexport function VerbalyProvider<D extends DictionaryInput>(\n  props: VerbalyProviderProps<D>,\n): ReactElement {\n  return createElement(\n    VerbalyContext.Provider,\n    { value: props.instance as unknown as Verbaly },\n    props.children,\n  );\n}\n\nexport function useVerbaly<D extends DictionaryInput = DictionaryInput>(): Verbaly<D> {\n  const instance = useContext(VerbalyContext);\n  if (!instance) {\n    throw new Error('[verbaly] useVerbaly requires a <VerbalyProvider>');\n  }\n  return instance as unknown as Verbaly<D>;\n}\n\nexport function useT<D extends DictionaryInput = DictionaryInput>(): TFunction<D> {\n  const instance = useVerbaly<D>();\n  useVersion(instance);\n  return instance.t;\n}\n\nexport function useLocale(): [string, (locale: string) => void] {\n  const instance = useVerbaly();\n  useVersion(instance);\n  return [instance.locale, instance.setLocale];\n}\n\nfunction useVersion<D extends DictionaryInput>(instance: Verbaly<D>): void {\n  useSyncExternalStore(\n    instance.subscribe,\n    () => instance.version,\n    () => instance.version,\n  );\n}\n\nexport interface TransProps {\n  id: string;\n  values?: Params;\n  components?: Record<string, ReactElement>;\n  links?: Record<string, RichLink>;\n}\n\n// translated message + element interpolation\nexport function Trans(props: TransProps): ReactElement {\n  const t = useT();\n  const text = (t as unknown as (id: string, values?: Params) => string)(props.id, props.values);\n  return createElement(\n    Fragment,\n    null,\n    ...toNodes(parseTags(text), props.components ?? {}, props.links ?? {}),\n  );\n}\n\nfunction toNodes(\n  nodes: TagNode[],\n  components: Record<string, ReactElement>,\n  links: Record<string, RichLink>,\n): ReactNode[] {\n  return nodes.map((node, i) => {\n    if (typeof node === 'string') return node;\n    const children = toNodes(node.children, components, links);\n    const el = components[node.name];\n    if (el) return cloneElement(el, { key: i }, ...children);\n    const link = links[node.name];\n    if (link !== undefined) {\n      const def: Exclude<RichLink, string> = typeof link === 'string' ? { href: link } : link;\n      return createElement(\n        'a',\n        { key: i, href: safeHref(def.href), target: def.target, rel: def.rel },\n        ...children,\n      );\n    }\n    return createElement(Fragment, { key: i }, ...children);\n  });\n}\n"],"mappings":";;;;AAqBA,MAAM,kBAAA,GAAA,MAAA,cAAA,CAA+C,IAAI;AAOzD,SAAgB,gBACd,OACc;CACd,QAAA,GAAA,MAAA,cAAA,CACE,eAAe,UACf,EAAE,OAAO,MAAM,SAA+B,GAC9C,MAAM,QACR;AACF;AAEA,SAAgB,aAAsE;CACpF,MAAM,YAAA,GAAA,MAAA,WAAA,CAAsB,cAAc;CAC1C,IAAI,CAAC,UACH,MAAM,IAAI,MAAM,mDAAmD;CAErE,OAAO;AACT;AAEA,SAAgB,OAAkE;CAChF,MAAM,WAAW,WAAc;CAC/B,WAAW,QAAQ;CACnB,OAAO,SAAS;AAClB;AAEA,SAAgB,YAAgD;CAC9D,MAAM,WAAW,WAAW;CAC5B,WAAW,QAAQ;CACnB,OAAO,CAAC,SAAS,QAAQ,SAAS,SAAS;AAC7C;AAEA,SAAS,WAAsC,UAA4B;CACzE,CAAA,GAAA,MAAA,qBAAA,CACE,SAAS,iBACH,SAAS,eACT,SAAS,OACjB;AACF;AAUA,SAAgB,MAAM,OAAiC;CAGrD,QAAA,GAAA,MAAA,cAAA,CACEA,MAAAA,UACA,MACA,GAAG,SAAA,GAAA,QAAA,UAAA,CALK,KACI,CAAC,CAAwD,MAAM,IAAI,MAAM,MAI7D,CAAC,GAAG,MAAM,cAAc,CAAC,GAAG,MAAM,SAAS,CAAC,CAAC,CACvE;AACF;AAEA,SAAS,QACP,OACA,YACA,OACa;CACb,OAAO,MAAM,KAAK,MAAM,MAAM;EAC5B,IAAI,OAAO,SAAS,UAAU,OAAO;EACrC,MAAM,WAAW,QAAQ,KAAK,UAAU,YAAY,KAAK;EACzD,MAAM,KAAK,WAAW,KAAK;EAC3B,IAAI,IAAI,QAAA,GAAA,MAAA,aAAA,CAAoB,IAAI,EAAE,KAAK,EAAE,GAAG,GAAG,QAAQ;EACvD,MAAM,OAAO,MAAM,KAAK;EACxB,IAAI,SAAS,KAAA,GAAW;GACtB,MAAM,MAAiC,OAAO,SAAS,WAAW,EAAE,MAAM,KAAK,IAAI;GACnF,QAAA,GAAA,MAAA,cAAA,CACE,KACA;IAAE,KAAK;IAAG,OAAA,GAAA,QAAA,SAAA,CAAe,IAAI,IAAI;IAAG,QAAQ,IAAI;IAAQ,KAAK,IAAI;GAAI,GACrE,GAAG,QACL;EACF;EACA,QAAA,GAAA,MAAA,cAAA,CAAqBA,MAAAA,UAAU,EAAE,KAAK,EAAE,GAAG,GAAG,QAAQ;CACxD,CAAC;AACH"}

package/dist/index.d.cts

@@ -1,20 +1,21 @@
-import { ReactElement, ReactNode } from 'react';
-import { Params, RichLink, DictionaryInput, Verbaly, TFunction } from 'verbaly';
-
+import { ReactElement, ReactNode } from "react";
+import { DictionaryInput, Params, RichLink, TFunction, Verbaly } from "verbaly";
+//#region src/index.d.ts
 interface VerbalyProviderProps<D extends DictionaryInput> {
-    instance: Verbaly<D>;
-    children?: ReactNode;
+  instance: Verbaly<D>;
+  children?: ReactNode;
 }
 declare function VerbalyProvider<D extends DictionaryInput>(props: VerbalyProviderProps<D>): ReactElement;
 declare function useVerbaly<D extends DictionaryInput = DictionaryInput>(): Verbaly<D>;
 declare function useT<D extends DictionaryInput = DictionaryInput>(): TFunction<D>;
 declare function useLocale(): [string, (locale: string) => void];
 interface TransProps {
-    id: string;
-    values?: Params;
-    components?: Record<string, ReactElement>;
-    links?: Record<string, RichLink>;
+  id: string;
+  values?: Params;
+  components?: Record<string, ReactElement>;
+  links?: Record<string, RichLink>;
 }
 declare function Trans(props: TransProps): ReactElement;
-
-export { Trans, type TransProps, VerbalyProvider, type VerbalyProviderProps, useLocale, useT, useVerbaly };
+//#endregion
+export { Trans, TransProps, VerbalyProvider, VerbalyProviderProps, useLocale, useT, useVerbaly };
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.ts

@@ -1,20 +1,21 @@
-import { ReactElement, ReactNode } from 'react';
-import { Params, RichLink, DictionaryInput, Verbaly, TFunction } from 'verbaly';
-
+import { ReactElement, ReactNode } from "react";
+import { DictionaryInput, Params, RichLink, TFunction, Verbaly } from "verbaly";
+//#region src/index.d.ts
 interface VerbalyProviderProps<D extends DictionaryInput> {
-    instance: Verbaly<D>;
-    children?: ReactNode;
+  instance: Verbaly<D>;
+  children?: ReactNode;
 }
 declare function VerbalyProvider<D extends DictionaryInput>(props: VerbalyProviderProps<D>): ReactElement;
 declare function useVerbaly<D extends DictionaryInput = DictionaryInput>(): Verbaly<D>;
 declare function useT<D extends DictionaryInput = DictionaryInput>(): TFunction<D>;
 declare function useLocale(): [string, (locale: string) => void];
 interface TransProps {
-    id: string;
-    values?: Params;
-    components?: Record<string, ReactElement>;
-    links?: Record<string, RichLink>;
+  id: string;
+  values?: Params;
+  components?: Record<string, ReactElement>;
+  links?: Record<string, RichLink>;
 }
 declare function Trans(props: TransProps): ReactElement;
-
-export { Trans, type TransProps, VerbalyProvider, type VerbalyProviderProps, useLocale, useT, useVerbaly };
+//#endregion
+export { Trans, TransProps, VerbalyProvider, VerbalyProviderProps, useLocale, useT, useVerbaly };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,80 +1,51 @@
-// src/index.ts
-import {
-  cloneElement,
-  createContext,
-  createElement,
-  Fragment,
-  useContext,
-  useSyncExternalStore
-} from "react";
-import {
-  parseTags,
-  safeHref
-} from "verbaly";
-var VerbalyContext = createContext(null);
+import { Fragment, cloneElement, createContext, createElement, useContext, useSyncExternalStore } from "react";
+import { parseTags, safeHref } from "verbaly";
+//#region src/index.ts
+const VerbalyContext = createContext(null);
 function VerbalyProvider(props) {
-  return createElement(
-    VerbalyContext.Provider,
-    { value: props.instance },
-    props.children
-  );
+	return createElement(VerbalyContext.Provider, { value: props.instance }, props.children);
 }
 function useVerbaly() {
-  const instance = useContext(VerbalyContext);
-  if (!instance) {
-    throw new Error("[verbaly] useVerbaly requires a <VerbalyProvider>");
-  }
-  return instance;
+	const instance = useContext(VerbalyContext);
+	if (!instance) throw new Error("[verbaly] useVerbaly requires a <VerbalyProvider>");
+	return instance;
 }
 function useT() {
-  const instance = useVerbaly();
-  useVersion(instance);
-  return instance.t;
+	const instance = useVerbaly();
+	useVersion(instance);
+	return instance.t;
 }
 function useLocale() {
-  const instance = useVerbaly();
-  useVersion(instance);
-  return [instance.locale, instance.setLocale];
+	const instance = useVerbaly();
+	useVersion(instance);
+	return [instance.locale, instance.setLocale];
 }
 function useVersion(instance) {
-  useSyncExternalStore(
-    instance.subscribe,
-    () => instance.version,
-    () => instance.version
-  );
+	useSyncExternalStore(instance.subscribe, () => instance.version, () => instance.version);
 }
 function Trans(props) {
-  const t = useT();
-  const text = t(props.id, props.values);
-  return createElement(
-    Fragment,
-    null,
-    ...toNodes(parseTags(text), props.components ?? {}, props.links ?? {})
-  );
+	return createElement(Fragment, null, ...toNodes(parseTags(useT()(props.id, props.values)), props.components ?? {}, props.links ?? {}));
 }
 function toNodes(nodes, components, links) {
-  return nodes.map((node, i) => {
-    if (typeof node === "string") return node;
-    const children = toNodes(node.children, components, links);
-    const el = components[node.name];
-    if (el) return cloneElement(el, { key: i }, ...children);
-    const link = links[node.name];
-    if (link !== void 0) {
-      const def = typeof link === "string" ? { href: link } : link;
-      return createElement(
-        "a",
-        { key: i, href: safeHref(def.href), target: def.target, rel: def.rel },
-        ...children
-      );
-    }
-    return createElement(Fragment, { key: i }, ...children);
-  });
+	return nodes.map((node, i) => {
+		if (typeof node === "string") return node;
+		const children = toNodes(node.children, components, links);
+		const el = components[node.name];
+		if (el) return cloneElement(el, { key: i }, ...children);
+		const link = links[node.name];
+		if (link !== void 0) {
+			const def = typeof link === "string" ? { href: link } : link;
+			return createElement("a", {
+				key: i,
+				href: safeHref(def.href),
+				target: def.target,
+				rel: def.rel
+			}, ...children);
+		}
+		return createElement(Fragment, { key: i }, ...children);
+	});
 }
-export {
-  Trans,
-  VerbalyProvider,
-  useLocale,
-  useT,
-  useVerbaly
-};
+//#endregion
+export { Trans, VerbalyProvider, useLocale, useT, useVerbaly };
+
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import {\n  cloneElement,\n  createContext,\n  createElement,\n  Fragment,\n  useContext,\n  useSyncExternalStore,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  parseTags,\n  safeHref,\n  type DictionaryInput,\n  type Params,\n  type RichLink,\n  type TagNode,\n  type TFunction,\n  type Verbaly,\n} from 'verbaly';\n\nconst VerbalyContext = createContext<Verbaly | null>(null);\n\nexport interface VerbalyProviderProps<D extends DictionaryInput> {\n  instance: Verbaly<D>;\n  children?: ReactNode;\n}\n\nexport function VerbalyProvider<D extends DictionaryInput>(\n  props: VerbalyProviderProps<D>,\n): ReactElement {\n  return createElement(\n    VerbalyContext.Provider,\n    { value: props.instance as unknown as Verbaly },\n    props.children,\n  );\n}\n\nexport function useVerbaly<D extends DictionaryInput = DictionaryInput>(): Verbaly<D> {\n  const instance = useContext(VerbalyContext);\n  if (!instance) {\n    throw new Error('[verbaly] useVerbaly requires a <VerbalyProvider>');\n  }\n  return instance as unknown as Verbaly<D>;\n}\n\nexport function useT<D extends DictionaryInput = DictionaryInput>(): TFunction<D> {\n  const instance = useVerbaly<D>();\n  useVersion(instance);\n  return instance.t;\n}\n\nexport function useLocale(): [string, (locale: string) => void] {\n  const instance = useVerbaly();\n  useVersion(instance);\n  return [instance.locale, instance.setLocale];\n}\n\nfunction useVersion<D extends DictionaryInput>(instance: Verbaly<D>): void {\n  useSyncExternalStore(\n    instance.subscribe,\n    () => instance.version,\n    () => instance.version,\n  );\n}\n\nexport interface TransProps {\n  id: string;\n  values?: Params;\n  components?: Record<string, ReactElement>;\n  links?: Record<string, RichLink>;\n}\n\n// translated message + element interpolation\nexport function Trans(props: TransProps): ReactElement {\n  const t = useT();\n  const text = (t as unknown as (id: string, values?: Params) => string)(props.id, props.values);\n  return createElement(\n    Fragment,\n    null,\n    ...toNodes(parseTags(text), props.components ?? {}, props.links ?? {}),\n  );\n}\n\nfunction toNodes(\n  nodes: TagNode[],\n  components: Record<string, ReactElement>,\n  links: Record<string, RichLink>,\n): ReactNode[] {\n  return nodes.map((node, i) => {\n    if (typeof node === 'string') return node;\n    const children = toNodes(node.children, components, links);\n    const el = components[node.name];\n    if (el) return cloneElement(el, { key: i }, ...children);\n    const link = links[node.name];\n    if (link !== undefined) {\n      const def: Exclude<RichLink, string> = typeof link === 'string' ? { href: link } : link;\n      return createElement(\n        'a',\n        { key: i, href: safeHref(def.href), target: def.target, rel: def.rel },\n        ...children,\n      );\n    }\n    return createElement(Fragment, { key: i }, ...children);\n  });\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAOK;AAEP,IAAM,iBAAiB,cAA8B,IAAI;AAOlD,SAAS,gBACd,OACc;AACd,SAAO;AAAA,IACL,eAAe;AAAA,IACf,EAAE,OAAO,MAAM,SAA+B;AAAA,IAC9C,MAAM;AAAA,EACR;AACF;AAEO,SAAS,aAAsE;AACpF,QAAM,WAAW,WAAW,cAAc;AAC1C,MAAI,CAAC,UAAU;AACb,UAAM,IAAI,MAAM,mDAAmD;AAAA,EACrE;AACA,SAAO;AACT;AAEO,SAAS,OAAkE;AAChF,QAAM,WAAW,WAAc;AAC/B,aAAW,QAAQ;AACnB,SAAO,SAAS;AAClB;AAEO,SAAS,YAAgD;AAC9D,QAAM,WAAW,WAAW;AAC5B,aAAW,QAAQ;AACnB,SAAO,CAAC,SAAS,QAAQ,SAAS,SAAS;AAC7C;AAEA,SAAS,WAAsC,UAA4B;AACzE;AAAA,IACE,SAAS;AAAA,IACT,MAAM,SAAS;AAAA,IACf,MAAM,SAAS;AAAA,EACjB;AACF;AAUO,SAAS,MAAM,OAAiC;AACrD,QAAM,IAAI,KAAK;AACf,QAAM,OAAQ,EAAyD,MAAM,IAAI,MAAM,MAAM;AAC7F,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,GAAG,QAAQ,UAAU,IAAI,GAAG,MAAM,cAAc,CAAC,GAAG,MAAM,SAAS,CAAC,CAAC;AAAA,EACvE;AACF;AAEA,SAAS,QACP,OACA,YACA,OACa;AACb,SAAO,MAAM,IAAI,CAAC,MAAM,MAAM;AAC5B,QAAI,OAAO,SAAS,SAAU,QAAO;AACrC,UAAM,WAAW,QAAQ,KAAK,UAAU,YAAY,KAAK;AACzD,UAAM,KAAK,WAAW,KAAK,IAAI;AAC/B,QAAI,GAAI,QAAO,aAAa,IAAI,EAAE,KAAK,EAAE,GAAG,GAAG,QAAQ;AACvD,UAAM,OAAO,MAAM,KAAK,IAAI;AAC5B,QAAI,SAAS,QAAW;AACtB,YAAM,MAAiC,OAAO,SAAS,WAAW,EAAE,MAAM,KAAK,IAAI;AACnF,aAAO;AAAA,QACL;AAAA,QACA,EAAE,KAAK,GAAG,MAAM,SAAS,IAAI,IAAI,GAAG,QAAQ,IAAI,QAAQ,KAAK,IAAI,IAAI;AAAA,QACrE,GAAG;AAAA,MACL;AAAA,IACF;AACA,WAAO,cAAc,UAAU,EAAE,KAAK,EAAE,GAAG,GAAG,QAAQ;AAAA,EACxD,CAAC;AACH;","names":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import {\n  cloneElement,\n  createContext,\n  createElement,\n  Fragment,\n  useContext,\n  useSyncExternalStore,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  parseTags,\n  safeHref,\n  type DictionaryInput,\n  type Params,\n  type RichLink,\n  type TagNode,\n  type TFunction,\n  type Verbaly,\n} from 'verbaly';\n\nconst VerbalyContext = createContext<Verbaly | null>(null);\n\nexport interface VerbalyProviderProps<D extends DictionaryInput> {\n  instance: Verbaly<D>;\n  children?: ReactNode;\n}\n\nexport function VerbalyProvider<D extends DictionaryInput>(\n  props: VerbalyProviderProps<D>,\n): ReactElement {\n  return createElement(\n    VerbalyContext.Provider,\n    { value: props.instance as unknown as Verbaly },\n    props.children,\n  );\n}\n\nexport function useVerbaly<D extends DictionaryInput = DictionaryInput>(): Verbaly<D> {\n  const instance = useContext(VerbalyContext);\n  if (!instance) {\n    throw new Error('[verbaly] useVerbaly requires a <VerbalyProvider>');\n  }\n  return instance as unknown as Verbaly<D>;\n}\n\nexport function useT<D extends DictionaryInput = DictionaryInput>(): TFunction<D> {\n  const instance = useVerbaly<D>();\n  useVersion(instance);\n  return instance.t;\n}\n\nexport function useLocale(): [string, (locale: string) => void] {\n  const instance = useVerbaly();\n  useVersion(instance);\n  return [instance.locale, instance.setLocale];\n}\n\nfunction useVersion<D extends DictionaryInput>(instance: Verbaly<D>): void {\n  useSyncExternalStore(\n    instance.subscribe,\n    () => instance.version,\n    () => instance.version,\n  );\n}\n\nexport interface TransProps {\n  id: string;\n  values?: Params;\n  components?: Record<string, ReactElement>;\n  links?: Record<string, RichLink>;\n}\n\n// translated message + element interpolation\nexport function Trans(props: TransProps): ReactElement {\n  const t = useT();\n  const text = (t as unknown as (id: string, values?: Params) => string)(props.id, props.values);\n  return createElement(\n    Fragment,\n    null,\n    ...toNodes(parseTags(text), props.components ?? {}, props.links ?? {}),\n  );\n}\n\nfunction toNodes(\n  nodes: TagNode[],\n  components: Record<string, ReactElement>,\n  links: Record<string, RichLink>,\n): ReactNode[] {\n  return nodes.map((node, i) => {\n    if (typeof node === 'string') return node;\n    const children = toNodes(node.children, components, links);\n    const el = components[node.name];\n    if (el) return cloneElement(el, { key: i }, ...children);\n    const link = links[node.name];\n    if (link !== undefined) {\n      const def: Exclude<RichLink, string> = typeof link === 'string' ? { href: link } : link;\n      return createElement(\n        'a',\n        { key: i, href: safeHref(def.href), target: def.target, rel: def.rel },\n        ...children,\n      );\n    }\n    return createElement(Fragment, { key: i }, ...children);\n  });\n}\n"],"mappings":";;;AAqBA,MAAM,iBAAiB,cAA8B,IAAI;AAOzD,SAAgB,gBACd,OACc;CACd,OAAO,cACL,eAAe,UACf,EAAE,OAAO,MAAM,SAA+B,GAC9C,MAAM,QACR;AACF;AAEA,SAAgB,aAAsE;CACpF,MAAM,WAAW,WAAW,cAAc;CAC1C,IAAI,CAAC,UACH,MAAM,IAAI,MAAM,mDAAmD;CAErE,OAAO;AACT;AAEA,SAAgB,OAAkE;CAChF,MAAM,WAAW,WAAc;CAC/B,WAAW,QAAQ;CACnB,OAAO,SAAS;AAClB;AAEA,SAAgB,YAAgD;CAC9D,MAAM,WAAW,WAAW;CAC5B,WAAW,QAAQ;CACnB,OAAO,CAAC,SAAS,QAAQ,SAAS,SAAS;AAC7C;AAEA,SAAS,WAAsC,UAA4B;CACzE,qBACE,SAAS,iBACH,SAAS,eACT,SAAS,OACjB;AACF;AAUA,SAAgB,MAAM,OAAiC;CAGrD,OAAO,cACL,UACA,MACA,GAAG,QAAQ,UALH,KACI,CAAC,CAAwD,MAAM,IAAI,MAAM,MAI7D,CAAC,GAAG,MAAM,cAAc,CAAC,GAAG,MAAM,SAAS,CAAC,CAAC,CACvE;AACF;AAEA,SAAS,QACP,OACA,YACA,OACa;CACb,OAAO,MAAM,KAAK,MAAM,MAAM;EAC5B,IAAI,OAAO,SAAS,UAAU,OAAO;EACrC,MAAM,WAAW,QAAQ,KAAK,UAAU,YAAY,KAAK;EACzD,MAAM,KAAK,WAAW,KAAK;EAC3B,IAAI,IAAI,OAAO,aAAa,IAAI,EAAE,KAAK,EAAE,GAAG,GAAG,QAAQ;EACvD,MAAM,OAAO,MAAM,KAAK;EACxB,IAAI,SAAS,KAAA,GAAW;GACtB,MAAM,MAAiC,OAAO,SAAS,WAAW,EAAE,MAAM,KAAK,IAAI;GACnF,OAAO,cACL,KACA;IAAE,KAAK;IAAG,MAAM,SAAS,IAAI,IAAI;IAAG,QAAQ,IAAI;IAAQ,KAAK,IAAI;GAAI,GACrE,GAAG,QACL;EACF;EACA,OAAO,cAAc,UAAU,EAAE,KAAK,EAAE,GAAG,GAAG,QAAQ;CACxD,CAAC;AACH"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verbaly/react",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "React bindings for Verbaly — hooks over the reactive core.",
   "keywords": [
     "i18n",
@@ -48,7 +48,7 @@
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
-    "verbaly": "^0.11.0"
+    "verbaly": "^0.12.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.17",
@@ -56,11 +56,11 @@
     "happy-dom": "^20.10.6",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
-    "verbaly": "0.11.0"
+    "verbaly": "0.12.0"
   },
   "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
+    "build": "tsdown",
+    "dev": "tsdown --watch",
     "test": "vitest run --passWithNoTests",
     "typecheck": "tsc --noEmit"
   }