@better-intl/react 0.1.0

package/dist/index.cjs

@@ -0,0 +1,64 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var core = require('@better-intl/core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/context.ts
+var IntlContext = react.createContext(null);
+function useIntlContext() {
+  const ctx = react.useContext(IntlContext);
+  if (!ctx) {
+    throw new Error(
+      "[@better-intl/react] useTranslation must be used within <IntlProvider>. Wrap your app with <IntlProvider locale={locale} messages={messages}>."
+    );
+  }
+  return ctx;
+}
+function IntlProvider({
+  locale,
+  messages,
+  defaultLocale,
+  children
+}) {
+  const runtime = react.useMemo(() => {
+    const rt = core.createIntlRuntime(defaultLocale ?? locale);
+    rt.loadMessages(locale, messages);
+    rt.setLocale(locale);
+    return rt;
+  }, [locale, messages, defaultLocale]);
+  return /* @__PURE__ */ jsxRuntime.jsx(IntlContext.Provider, { value: runtime, children });
+}
+function T({ id, values, children }) {
+  const runtime = useIntlContext();
+  const defaultMessage = typeof children === "string" ? children : "";
+  const messageId = id ?? core.generateId({
+    text: defaultMessage,
+    filePath: "__runtime__",
+    context: "T"
+  });
+  const translated = runtime.t(messageId, values, defaultMessage);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: translated });
+}
+function useTranslation() {
+  const runtime = useIntlContext();
+  const t = react.useCallback(
+    (id, values, defaultMessage) => runtime.t(id, values, defaultMessage),
+    [runtime]
+  );
+  return { t, locale: runtime.locale };
+}
+function useTranslationRuntime(id, values, defaultMessage) {
+  const runtime = useIntlContext();
+  return runtime.t(id, values, defaultMessage);
+}
+
+exports.IntlContext = IntlContext;
+exports.IntlProvider = IntlProvider;
+exports.T = T;
+exports.useIntlContext = useIntlContext;
+exports.useTranslation = useTranslation;
+exports.useTranslationRuntime = useTranslationRuntime;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context.ts","../src/provider.tsx","../src/t-component.tsx","../src/use-translation.ts"],"names":["createContext","useContext","useMemo","createIntlRuntime","generateId","jsx","Fragment","useCallback"],"mappings":";;;;;;;AAGO,IAAM,WAAA,GAAcA,oBAAkC,IAAI;AAE1D,SAAS,cAAA,GAA8B;AAC5C,EAAA,MAAM,GAAA,GAAMC,iBAAW,WAAW,CAAA;AAClC,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KAEF;AAAA,EACF;AACA,EAAA,OAAO,GAAA;AACT;ACHO,SAAS,YAAA,CAAa;AAAA,EAC3B,MAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAAsB;AACpB,EAAA,MAAM,OAAA,GAAUC,cAAQ,MAAM;AAC5B,IAAA,MAAM,EAAA,GAAKC,sBAAA,CAAkB,aAAA,IAAiB,MAAM,CAAA;AACpD,IAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,QAAQ,CAAA;AAChC,IAAA,EAAA,CAAG,UAAU,MAAM,CAAA;AACnB,IAAA,OAAO,EAAA;AAAA,EACT,CAAA,EAAG,CAAC,MAAA,EAAQ,QAAA,EAAU,aAAa,CAAC,CAAA;AAEpC,EAAA,sCACG,WAAA,CAAY,QAAA,EAAZ,EAAqB,KAAA,EAAO,SAAU,QAAA,EAAS,CAAA;AAEpD;ACLO,SAAS,CAAA,CAAE,EAAE,EAAA,EAAI,MAAA,EAAQ,UAAS,EAAW;AAClD,EAAA,MAAM,UAAU,cAAA,EAAe;AAG/B,EAAA,MAAM,cAAA,GAAiB,OAAO,QAAA,KAAa,QAAA,GAAW,QAAA,GAAW,EAAA;AAEjE,EAAA,MAAM,SAAA,GACJ,MACAC,eAAA,CAAW;AAAA,IACT,IAAA,EAAM,cAAA;AAAA,IACN,QAAA,EAAU,aAAA;AAAA,IACV,OAAA,EAAS;AAAA,GACV,CAAA;AAEH,EAAA,MAAM,UAAA,GAAa,OAAA,CAAQ,CAAA,CAAE,SAAA,EAAW,QAAQ,cAAc,CAAA;AAE9D,EAAA,uBAAOC,cAAAA,CAAAC,mBAAA,EAAA,EAAG,QAAA,EAAA,UAAA,EAAW,CAAA;AACvB;ACnBO,SAAS,cAAA,GAAuC;AACrD,EAAA,MAAM,UAAU,cAAA,EAAe;AAE/B,EAAA,MAAM,CAAA,GAAIC,iBAAA;AAAA,IACR,CAAC,IAAY,MAAA,EAA8B,cAAA,KACzC,QAAQ,CAAA,CAAE,EAAA,EAAI,QAAQ,cAAc,CAAA;AAAA,IACtC,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,OAAO,EAAE,CAAA,EAAG,MAAA,EAAQ,OAAA,CAAQ,MAAA,EAAO;AACrC;AAWO,SAAS,qBAAA,CACd,EAAA,EACA,MAAA,EACA,cAAA,EACQ;AACR,EAAA,MAAM,UAAU,cAAA,EAAe;AAC/B,EAAA,OAAO,OAAA,CAAQ,CAAA,CAAE,EAAA,EAAI,MAAA,EAAQ,cAAc,CAAA;AAC7C","file":"index.cjs","sourcesContent":["import type { IntlRuntime } from \"@better-intl/core\";\nimport { createContext, useContext } from \"react\";\n\nexport const IntlContext = createContext<IntlRuntime | null>(null);\n\nexport function useIntlContext(): IntlRuntime {\n  const ctx = useContext(IntlContext);\n  if (!ctx) {\n    throw new Error(\n      \"[@better-intl/react] useTranslation must be used within <IntlProvider>. \" +\n        \"Wrap your app with <IntlProvider locale={locale} messages={messages}>.\",\n    );\n  }\n  return ctx;\n}\n","import { createIntlRuntime, type Messages } from \"@better-intl/core\";\nimport { type ReactNode, useMemo } from \"react\";\nimport { IntlContext } from \"./context.js\";\n\nexport interface IntlProviderProps {\n  locale: string;\n  messages: Messages;\n  defaultLocale?: string;\n  children: ReactNode;\n}\n\nexport function IntlProvider({\n  locale,\n  messages,\n  defaultLocale,\n  children,\n}: IntlProviderProps) {\n  const runtime = useMemo(() => {\n    const rt = createIntlRuntime(defaultLocale ?? locale);\n    rt.loadMessages(locale, messages);\n    rt.setLocale(locale);\n    return rt;\n  }, [locale, messages, defaultLocale]);\n\n  return (\n    <IntlContext.Provider value={runtime}>{children}</IntlContext.Provider>\n  );\n}\n","import type { InterpolationValues } from \"@better-intl/core\";\nimport { generateId } from \"@better-intl/core\";\nimport type { ReactNode } from \"react\";\nimport { useIntlContext } from \"./context.js\";\n\nexport interface TProps {\n  /** Explicit message ID (optional — if omitted, generated from children text) */\n  id?: string;\n  /** Interpolation values */\n  values?: InterpolationValues;\n  /** Children text acts as default message */\n  children: ReactNode;\n}\n\n/**\n * Explicit translation component.\n *\n * @example\n * <T>Hello world</T>\n * <T id=\"custom.key\">Fallback text</T>\n * <T values={{ name: \"Alice\" }}>Hello {\"{name}\"}</T>\n */\nexport function T({ id, values, children }: TProps) {\n  const runtime = useIntlContext();\n\n  // Extract text from children for default message\n  const defaultMessage = typeof children === \"string\" ? children : \"\";\n\n  const messageId =\n    id ??\n    generateId({\n      text: defaultMessage,\n      filePath: \"__runtime__\",\n      context: \"T\",\n    });\n\n  const translated = runtime.t(messageId, values, defaultMessage);\n\n  return <>{translated}</>;\n}\n","import type { InterpolationValues } from \"@better-intl/core\";\nimport { useCallback } from \"react\";\nimport { useIntlContext } from \"./context.js\";\n\nexport interface UseTranslationReturn {\n  t: (\n    id: string,\n    values?: InterpolationValues,\n    defaultMessage?: string,\n  ) => string;\n  locale: string;\n}\n\n/**\n * Hook for translating messages.\n *\n * @example\n * const { t, locale } = useTranslation();\n * return <h1>{t(\"greeting\", { name: \"World\" })}</h1>;\n */\nexport function useTranslation(): UseTranslationReturn {\n  const runtime = useIntlContext();\n\n  const t = useCallback(\n    (id: string, values?: InterpolationValues, defaultMessage?: string) =>\n      runtime.t(id, values, defaultMessage),\n    [runtime],\n  );\n\n  return { t, locale: runtime.locale };\n}\n\n/**\n * Standalone `t` accessor for compiler-generated code.\n * The compiler transforms `<h1>Hello</h1>` into `<h1>{__t(\"id\")}</h1>`\n * and adds `import { useTranslationRuntime as __t } from \"@better-intl/react\"`.\n *\n * This is intentionally NOT a hook — it's called inline per expression.\n * The actual hook call happens inside, which is valid because this function\n * is always called during render of a component wrapped in IntlProvider.\n */\nexport function useTranslationRuntime(\n  id: string,\n  values?: InterpolationValues,\n  defaultMessage?: string,\n): string {\n  const runtime = useIntlContext();\n  return runtime.t(id, values, defaultMessage);\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,58 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { IntlRuntime, Messages, InterpolationValues } from '@better-intl/core';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const IntlContext: react.Context<IntlRuntime | null>;
+declare function useIntlContext(): IntlRuntime;
+
+interface IntlProviderProps {
+    locale: string;
+    messages: Messages;
+    defaultLocale?: string;
+    children: ReactNode;
+}
+declare function IntlProvider({ locale, messages, defaultLocale, children, }: IntlProviderProps): react_jsx_runtime.JSX.Element;
+
+interface TProps {
+    /** Explicit message ID (optional — if omitted, generated from children text) */
+    id?: string;
+    /** Interpolation values */
+    values?: InterpolationValues;
+    /** Children text acts as default message */
+    children: ReactNode;
+}
+/**
+ * Explicit translation component.
+ *
+ * @example
+ * <T>Hello world</T>
+ * <T id="custom.key">Fallback text</T>
+ * <T values={{ name: "Alice" }}>Hello {"{name}"}</T>
+ */
+declare function T({ id, values, children }: TProps): react_jsx_runtime.JSX.Element;
+
+interface UseTranslationReturn {
+    t: (id: string, values?: InterpolationValues, defaultMessage?: string) => string;
+    locale: string;
+}
+/**
+ * Hook for translating messages.
+ *
+ * @example
+ * const { t, locale } = useTranslation();
+ * return <h1>{t("greeting", { name: "World" })}</h1>;
+ */
+declare function useTranslation(): UseTranslationReturn;
+/**
+ * Standalone `t` accessor for compiler-generated code.
+ * The compiler transforms `<h1>Hello</h1>` into `<h1>{__t("id")}</h1>`
+ * and adds `import { useTranslationRuntime as __t } from "@better-intl/react"`.
+ *
+ * This is intentionally NOT a hook — it's called inline per expression.
+ * The actual hook call happens inside, which is valid because this function
+ * is always called during render of a component wrapped in IntlProvider.
+ */
+declare function useTranslationRuntime(id: string, values?: InterpolationValues, defaultMessage?: string): string;
+
+export { IntlContext, IntlProvider, type IntlProviderProps, T, type TProps, type UseTranslationReturn, useIntlContext, useTranslation, useTranslationRuntime };

package/dist/index.d.ts

@@ -0,0 +1,58 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { IntlRuntime, Messages, InterpolationValues } from '@better-intl/core';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const IntlContext: react.Context<IntlRuntime | null>;
+declare function useIntlContext(): IntlRuntime;
+
+interface IntlProviderProps {
+    locale: string;
+    messages: Messages;
+    defaultLocale?: string;
+    children: ReactNode;
+}
+declare function IntlProvider({ locale, messages, defaultLocale, children, }: IntlProviderProps): react_jsx_runtime.JSX.Element;
+
+interface TProps {
+    /** Explicit message ID (optional — if omitted, generated from children text) */
+    id?: string;
+    /** Interpolation values */
+    values?: InterpolationValues;
+    /** Children text acts as default message */
+    children: ReactNode;
+}
+/**
+ * Explicit translation component.
+ *
+ * @example
+ * <T>Hello world</T>
+ * <T id="custom.key">Fallback text</T>
+ * <T values={{ name: "Alice" }}>Hello {"{name}"}</T>
+ */
+declare function T({ id, values, children }: TProps): react_jsx_runtime.JSX.Element;
+
+interface UseTranslationReturn {
+    t: (id: string, values?: InterpolationValues, defaultMessage?: string) => string;
+    locale: string;
+}
+/**
+ * Hook for translating messages.
+ *
+ * @example
+ * const { t, locale } = useTranslation();
+ * return <h1>{t("greeting", { name: "World" })}</h1>;
+ */
+declare function useTranslation(): UseTranslationReturn;
+/**
+ * Standalone `t` accessor for compiler-generated code.
+ * The compiler transforms `<h1>Hello</h1>` into `<h1>{__t("id")}</h1>`
+ * and adds `import { useTranslationRuntime as __t } from "@better-intl/react"`.
+ *
+ * This is intentionally NOT a hook — it's called inline per expression.
+ * The actual hook call happens inside, which is valid because this function
+ * is always called during render of a component wrapped in IntlProvider.
+ */
+declare function useTranslationRuntime(id: string, values?: InterpolationValues, defaultMessage?: string): string;
+
+export { IntlContext, IntlProvider, type IntlProviderProps, T, type TProps, type UseTranslationReturn, useIntlContext, useTranslation, useTranslationRuntime };

package/dist/index.js

@@ -0,0 +1,57 @@
+"use client";
+import { createContext, useContext, useMemo, useCallback } from 'react';
+import { createIntlRuntime, generateId } from '@better-intl/core';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+// src/context.ts
+var IntlContext = createContext(null);
+function useIntlContext() {
+  const ctx = useContext(IntlContext);
+  if (!ctx) {
+    throw new Error(
+      "[@better-intl/react] useTranslation must be used within <IntlProvider>. Wrap your app with <IntlProvider locale={locale} messages={messages}>."
+    );
+  }
+  return ctx;
+}
+function IntlProvider({
+  locale,
+  messages,
+  defaultLocale,
+  children
+}) {
+  const runtime = useMemo(() => {
+    const rt = createIntlRuntime(defaultLocale ?? locale);
+    rt.loadMessages(locale, messages);
+    rt.setLocale(locale);
+    return rt;
+  }, [locale, messages, defaultLocale]);
+  return /* @__PURE__ */ jsx(IntlContext.Provider, { value: runtime, children });
+}
+function T({ id, values, children }) {
+  const runtime = useIntlContext();
+  const defaultMessage = typeof children === "string" ? children : "";
+  const messageId = id ?? generateId({
+    text: defaultMessage,
+    filePath: "__runtime__",
+    context: "T"
+  });
+  const translated = runtime.t(messageId, values, defaultMessage);
+  return /* @__PURE__ */ jsx(Fragment, { children: translated });
+}
+function useTranslation() {
+  const runtime = useIntlContext();
+  const t = useCallback(
+    (id, values, defaultMessage) => runtime.t(id, values, defaultMessage),
+    [runtime]
+  );
+  return { t, locale: runtime.locale };
+}
+function useTranslationRuntime(id, values, defaultMessage) {
+  const runtime = useIntlContext();
+  return runtime.t(id, values, defaultMessage);
+}
+
+export { IntlContext, IntlProvider, T, useIntlContext, useTranslation, useTranslationRuntime };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context.ts","../src/provider.tsx","../src/t-component.tsx","../src/use-translation.ts"],"names":["jsx"],"mappings":";;;;;AAGO,IAAM,WAAA,GAAc,cAAkC,IAAI;AAE1D,SAAS,cAAA,GAA8B;AAC5C,EAAA,MAAM,GAAA,GAAM,WAAW,WAAW,CAAA;AAClC,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KAEF;AAAA,EACF;AACA,EAAA,OAAO,GAAA;AACT;ACHO,SAAS,YAAA,CAAa;AAAA,EAC3B,MAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAAsB;AACpB,EAAA,MAAM,OAAA,GAAU,QAAQ,MAAM;AAC5B,IAAA,MAAM,EAAA,GAAK,iBAAA,CAAkB,aAAA,IAAiB,MAAM,CAAA;AACpD,IAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,QAAQ,CAAA;AAChC,IAAA,EAAA,CAAG,UAAU,MAAM,CAAA;AACnB,IAAA,OAAO,EAAA;AAAA,EACT,CAAA,EAAG,CAAC,MAAA,EAAQ,QAAA,EAAU,aAAa,CAAC,CAAA;AAEpC,EAAA,2BACG,WAAA,CAAY,QAAA,EAAZ,EAAqB,KAAA,EAAO,SAAU,QAAA,EAAS,CAAA;AAEpD;ACLO,SAAS,CAAA,CAAE,EAAE,EAAA,EAAI,MAAA,EAAQ,UAAS,EAAW;AAClD,EAAA,MAAM,UAAU,cAAA,EAAe;AAG/B,EAAA,MAAM,cAAA,GAAiB,OAAO,QAAA,KAAa,QAAA,GAAW,QAAA,GAAW,EAAA;AAEjE,EAAA,MAAM,SAAA,GACJ,MACA,UAAA,CAAW;AAAA,IACT,IAAA,EAAM,cAAA;AAAA,IACN,QAAA,EAAU,aAAA;AAAA,IACV,OAAA,EAAS;AAAA,GACV,CAAA;AAEH,EAAA,MAAM,UAAA,GAAa,OAAA,CAAQ,CAAA,CAAE,SAAA,EAAW,QAAQ,cAAc,CAAA;AAE9D,EAAA,uBAAOA,GAAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,UAAA,EAAW,CAAA;AACvB;ACnBO,SAAS,cAAA,GAAuC;AACrD,EAAA,MAAM,UAAU,cAAA,EAAe;AAE/B,EAAA,MAAM,CAAA,GAAI,WAAA;AAAA,IACR,CAAC,IAAY,MAAA,EAA8B,cAAA,KACzC,QAAQ,CAAA,CAAE,EAAA,EAAI,QAAQ,cAAc,CAAA;AAAA,IACtC,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,OAAO,EAAE,CAAA,EAAG,MAAA,EAAQ,OAAA,CAAQ,MAAA,EAAO;AACrC;AAWO,SAAS,qBAAA,CACd,EAAA,EACA,MAAA,EACA,cAAA,EACQ;AACR,EAAA,MAAM,UAAU,cAAA,EAAe;AAC/B,EAAA,OAAO,OAAA,CAAQ,CAAA,CAAE,EAAA,EAAI,MAAA,EAAQ,cAAc,CAAA;AAC7C","file":"index.js","sourcesContent":["import type { IntlRuntime } from \"@better-intl/core\";\nimport { createContext, useContext } from \"react\";\n\nexport const IntlContext = createContext<IntlRuntime | null>(null);\n\nexport function useIntlContext(): IntlRuntime {\n  const ctx = useContext(IntlContext);\n  if (!ctx) {\n    throw new Error(\n      \"[@better-intl/react] useTranslation must be used within <IntlProvider>. \" +\n        \"Wrap your app with <IntlProvider locale={locale} messages={messages}>.\",\n    );\n  }\n  return ctx;\n}\n","import { createIntlRuntime, type Messages } from \"@better-intl/core\";\nimport { type ReactNode, useMemo } from \"react\";\nimport { IntlContext } from \"./context.js\";\n\nexport interface IntlProviderProps {\n  locale: string;\n  messages: Messages;\n  defaultLocale?: string;\n  children: ReactNode;\n}\n\nexport function IntlProvider({\n  locale,\n  messages,\n  defaultLocale,\n  children,\n}: IntlProviderProps) {\n  const runtime = useMemo(() => {\n    const rt = createIntlRuntime(defaultLocale ?? locale);\n    rt.loadMessages(locale, messages);\n    rt.setLocale(locale);\n    return rt;\n  }, [locale, messages, defaultLocale]);\n\n  return (\n    <IntlContext.Provider value={runtime}>{children}</IntlContext.Provider>\n  );\n}\n","import type { InterpolationValues } from \"@better-intl/core\";\nimport { generateId } from \"@better-intl/core\";\nimport type { ReactNode } from \"react\";\nimport { useIntlContext } from \"./context.js\";\n\nexport interface TProps {\n  /** Explicit message ID (optional — if omitted, generated from children text) */\n  id?: string;\n  /** Interpolation values */\n  values?: InterpolationValues;\n  /** Children text acts as default message */\n  children: ReactNode;\n}\n\n/**\n * Explicit translation component.\n *\n * @example\n * <T>Hello world</T>\n * <T id=\"custom.key\">Fallback text</T>\n * <T values={{ name: \"Alice\" }}>Hello {\"{name}\"}</T>\n */\nexport function T({ id, values, children }: TProps) {\n  const runtime = useIntlContext();\n\n  // Extract text from children for default message\n  const defaultMessage = typeof children === \"string\" ? children : \"\";\n\n  const messageId =\n    id ??\n    generateId({\n      text: defaultMessage,\n      filePath: \"__runtime__\",\n      context: \"T\",\n    });\n\n  const translated = runtime.t(messageId, values, defaultMessage);\n\n  return <>{translated}</>;\n}\n","import type { InterpolationValues } from \"@better-intl/core\";\nimport { useCallback } from \"react\";\nimport { useIntlContext } from \"./context.js\";\n\nexport interface UseTranslationReturn {\n  t: (\n    id: string,\n    values?: InterpolationValues,\n    defaultMessage?: string,\n  ) => string;\n  locale: string;\n}\n\n/**\n * Hook for translating messages.\n *\n * @example\n * const { t, locale } = useTranslation();\n * return <h1>{t(\"greeting\", { name: \"World\" })}</h1>;\n */\nexport function useTranslation(): UseTranslationReturn {\n  const runtime = useIntlContext();\n\n  const t = useCallback(\n    (id: string, values?: InterpolationValues, defaultMessage?: string) =>\n      runtime.t(id, values, defaultMessage),\n    [runtime],\n  );\n\n  return { t, locale: runtime.locale };\n}\n\n/**\n * Standalone `t` accessor for compiler-generated code.\n * The compiler transforms `<h1>Hello</h1>` into `<h1>{__t(\"id\")}</h1>`\n * and adds `import { useTranslationRuntime as __t } from \"@better-intl/react\"`.\n *\n * This is intentionally NOT a hook — it's called inline per expression.\n * The actual hook call happens inside, which is valid because this function\n * is always called during render of a component wrapped in IntlProvider.\n */\nexport function useTranslationRuntime(\n  id: string,\n  values?: InterpolationValues,\n  defaultMessage?: string,\n): string {\n  const runtime = useIntlContext();\n  return runtime.t(id, values, defaultMessage);\n}\n"]}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@better-intl/react",
+  "version": "0.1.0",
+  "description": "React bindings for better-intl — Provider, hooks, <T> component",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@better-intl/core": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0"
+  },
+  "sideEffects": false,
+  "license": "MIT",
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  }
+}