@vinaverse/react 0.0.0-stage → 0.1.0-alpha.11

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context.tsx","../src/hooks.ts"],"names":["createContext","copy","useMemo","textDirection","createTranslate","jsx","useContext","useSyncExternalStore","useRef","useCallback"],"mappings":";;;;;;;AAgBA,IAAM,8BAA8BA,mBAAA,CAAgC;AAAA,EAClE,MAAA,EAAQ,MAAA;AAAA,EACR,SAAA,EAAW,KAAA;AAAA,EACX,CAAA,uCAAmC,MAAS;AAC9C,CAAC,CAAA;AAEM,SAAS,aAAa,KAAA,EAIf;AACZ,EAAA,MAAM,EAAE,MAAA,QAAQC,MAAA,EAAM,QAAA,EAAS,GAAI,KAAA;AACnC,EAAA,MAAM,KAAA,GAAQC,aAAA;AAAA,IACZ,OAAO;AAAA,MACL,MAAA;AAAA,MACA,SAAA,EAAWC,mBAAc,MAAM,CAAA;AAAA,MAC/B,CAAA,EAAGC,oBAAA,CAAgB,MAAA,EAAQH,MAAI;AAAA,KACjC,CAAA;AAAA,IACA,CAAC,QAAQA,MAAI;AAAA,GACf;AACA,EAAA,uBAAOI,cAAA,CAAC,WAAA,CAAY,QAAA,EAAZ,EAAqB,OAAe,QAAA,EAAS,CAAA;AACvD;AAGO,SAAS,OAAA,GAA4B;AAC1C,EAAA,OAAOC,iBAAW,WAAW,CAAA;AAC/B;ACxBO,SAAS,gBAAgB,MAAA,EAA8C;AAC5E,EAAA,OAAOC,0BAAA;AAAA,IACL,MAAA,CAAO,SAAA;AAAA,IACP,MAAA,CAAO,WAAA;AAAA,IACP,MAAA,CAAO;AAAA,GACT;AACF;AAMO,SAAS,uBAAA,CACd,MAAA,EACA,QAAA,EACA,OAAA,GAAmC,OAAO,EAAA,EACvC;AACH,EAAA,MAAM,IAAA,GAAOC,aAAoD,IAAI,CAAA;AACrE,EAAA,MAAM,MAAA,GAASA,aAAO,QAAQ,CAAA;AAC9B,EAAA,MAAA,CAAO,OAAA,GAAU,QAAA;AACjB,EAAA,MAAM,OAAA,GAAUA,aAAO,OAAO,CAAA;AAC9B,EAAA,OAAA,CAAQ,OAAA,GAAU,OAAA;AAClB,EAAA,MAAM,GAAA,GAAMC,kBAAY,MAAS;AAC/B,IAAA,MAAM,IAAA,GAAO,OAAO,WAAA,EAAY;AAChC,IAAA,MAAM,OAAO,IAAA,CAAK,OAAA;AAClB,IAAA,IAAI,IAAA,EAAM,IAAA,KAAS,IAAA,EAAM,OAAO,IAAA,CAAK,KAAA;AACrC,IAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,OAAA,CAAQ,IAAI,CAAA;AACjC,IAAA,IAAI,QAAQ,OAAA,CAAQ,OAAA,CAAQ,IAAA,CAAK,KAAA,EAAO,KAAK,CAAA,EAAG;AAC9C,MAAA,IAAA,CAAK,OAAA,GAAU,EAAE,IAAA,EAAM,KAAA,EAAO,KAAK,KAAA,EAAM;AACzC,MAAA,OAAO,IAAA,CAAK,KAAA;AAAA,IACd;AACA,IAAA,IAAA,CAAK,OAAA,GAAU,EAAE,IAAA,EAAM,KAAA,EAAM;AAC7B,IAAA,OAAO,KAAA;AAAA,EACT,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AACX,EAAA,OAAOF,0BAAA,CAAqB,MAAA,CAAO,SAAA,EAAW,GAAA,EAAK,GAAG,CAAA;AACxD;AAMO,SAAS,gBAAA,CACd,QACA,GAAA,EACe;AACf,EAAA,MAAM,GAAA,GAAME,kBAAY,MAAM;AAC5B,IAAA,MAAM,SAAA,GAAY,OAAO,YAAA,EAAa;AACtC,IAAA,OAAO,SAAA,EAAW,GAAA,KAAQ,GAAA,GAAM,SAAA,CAAU,IAAA,GAAO,IAAA;AAAA,EACnD,CAAA,EAAG,CAAC,MAAA,EAAQ,GAAG,CAAC,CAAA;AAChB,EAAA,OAAOF,0BAAA,CAAqB,MAAA,CAAO,kBAAA,EAAoB,GAAA,EAAK,GAAG,CAAA;AACjE","file":"index.cjs","sourcesContent":["// The copy a component tree uses, from a provider: the locale's built-in words with the tenant's overrides on top.\n\nimport {\n  type CopyOverrides,\n  createTranslate,\n  type Translate,\n  textDirection,\n} from '@vinaverse/tokens/copy';\nimport { createContext, type ReactNode, useContext, useMemo } from 'react';\n\nexport interface CopyContextValue {\n  readonly locale: string | undefined;\n  readonly direction: 'ltr' | 'rtl';\n  readonly t: Translate;\n}\n\nconst CopyContext = /* @__PURE__ */ createContext<CopyContextValue>({\n  locale: undefined,\n  direction: 'ltr',\n  t: /* @__PURE__ */ createTranslate(undefined),\n});\n\nexport function CopyProvider(props: {\n  readonly locale?: string | undefined;\n  readonly copy?: CopyOverrides | undefined;\n  readonly children?: ReactNode;\n}): ReactNode {\n  const { locale, copy, children } = props;\n  const value = useMemo<CopyContextValue>(\n    () => ({\n      locale,\n      direction: textDirection(locale),\n      t: createTranslate(locale, copy),\n    }),\n    [locale, copy],\n  );\n  return <CopyContext.Provider value={value}>{children}</CopyContext.Provider>;\n}\n\n/** The translator, the locale and its text direction. */\nexport function useCopy(): CopyContextValue {\n  return useContext(CopyContext);\n}\n","// The React bindings of the conversation store: thin by design. Every protocol rule lives in @vinaverse/client; these\n// hooks only subscribe, and re-render a component when the slice it reads changed.\n\nimport type {\n  ConversationView,\n  StreamingText,\n} from '@vinaverse/client/conversation';\nimport { useCallback, useRef, useSyncExternalStore } from 'react';\n\n/** What the hooks read: a conversation store, or anything with the same four members (a test's fake). */\nexport interface ConversationSource {\n  getSnapshot(): ConversationView;\n  subscribe(listener: () => void): () => void;\n  getStreaming(): StreamingText | null;\n  subscribeStreaming(listener: () => void): () => void;\n}\n\n/** The whole view; re-renders on every change of it. Prefer `useConversationSelector` in anything drawn often. */\nexport function useConversation(source: ConversationSource): ConversationView {\n  return useSyncExternalStore(\n    source.subscribe,\n    source.getSnapshot,\n    source.getSnapshot,\n  );\n}\n\n/**\n * A slice of the view; re-renders only when the slice changed by `isEqual` (default `Object.is`). The view is\n * structurally shared, so selecting `items`, one item, or a field compares by identity.\n */\nexport function useConversationSelector<T>(\n  source: ConversationSource,\n  selector: (view: ConversationView) => T,\n  isEqual: (a: T, b: T) => boolean = Object.is,\n): T {\n  const last = useRef<{ view: ConversationView; value: T } | null>(null);\n  const select = useRef(selector);\n  select.current = selector;\n  const compare = useRef(isEqual);\n  compare.current = isEqual;\n  const get = useCallback((): T => {\n    const view = source.getSnapshot();\n    const held = last.current;\n    if (held?.view === view) return held.value;\n    const value = select.current(view);\n    if (held && compare.current(held.value, value)) {\n      last.current = { view, value: held.value };\n      return held.value;\n    }\n    last.current = { view, value };\n    return value;\n  }, [source]);\n  return useSyncExternalStore(source.subscribe, get, get);\n}\n\n/**\n * The streamed text of the message with this `key`, or null when it is not the one streaming: only the streaming\n * bubble calls it, and only it re-renders as the reply arrives (at most once per frame).\n */\nexport function useStreamingText(\n  source: ConversationSource,\n  key: string,\n): string | null {\n  const get = useCallback(() => {\n    const streaming = source.getStreaming();\n    return streaming?.key === key ? streaming.text : null;\n  }, [source, key]);\n  return useSyncExternalStore(source.subscribeStreaming, get, get);\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,39 @@
+import { Translate, CopyOverrides } from '@vinaverse/tokens/copy';
+export { AI_MARK, BANNED_WORDS, COPY, Copy, CopyKey, CopyOverrides, Translate, bannedWordsIn, builtInCopy, createTranslate, formatDate, formatDateTime, formatDayTime, formatMoney, formatTimeRange, textDirection } from '@vinaverse/tokens/copy';
+import { ReactNode } from 'react';
+import { ConversationView, StreamingText } from '@vinaverse/client/conversation';
+
+interface CopyContextValue {
+    readonly locale: string | undefined;
+    readonly direction: 'ltr' | 'rtl';
+    readonly t: Translate;
+}
+declare function CopyProvider(props: {
+    readonly locale?: string | undefined;
+    readonly copy?: CopyOverrides | undefined;
+    readonly children?: ReactNode;
+}): ReactNode;
+/** The translator, the locale and its text direction. */
+declare function useCopy(): CopyContextValue;
+
+/** What the hooks read: a conversation store, or anything with the same four members (a test's fake). */
+interface ConversationSource {
+    getSnapshot(): ConversationView;
+    subscribe(listener: () => void): () => void;
+    getStreaming(): StreamingText | null;
+    subscribeStreaming(listener: () => void): () => void;
+}
+/** The whole view; re-renders on every change of it. Prefer `useConversationSelector` in anything drawn often. */
+declare function useConversation(source: ConversationSource): ConversationView;
+/**
+ * A slice of the view; re-renders only when the slice changed by `isEqual` (default `Object.is`). The view is
+ * structurally shared, so selecting `items`, one item, or a field compares by identity.
+ */
+declare function useConversationSelector<T>(source: ConversationSource, selector: (view: ConversationView) => T, isEqual?: (a: T, b: T) => boolean): T;
+/**
+ * The streamed text of the message with this `key`, or null when it is not the one streaming: only the streaming
+ * bubble calls it, and only it re-renders as the reply arrives (at most once per frame).
+ */
+declare function useStreamingText(source: ConversationSource, key: string): string | null;
+
+export { type ConversationSource, type CopyContextValue, CopyProvider, useConversation, useConversationSelector, useCopy, useStreamingText };

package/dist/index.d.ts

@@ -0,0 +1,39 @@
+import { Translate, CopyOverrides } from '@vinaverse/tokens/copy';
+export { AI_MARK, BANNED_WORDS, COPY, Copy, CopyKey, CopyOverrides, Translate, bannedWordsIn, builtInCopy, createTranslate, formatDate, formatDateTime, formatDayTime, formatMoney, formatTimeRange, textDirection } from '@vinaverse/tokens/copy';
+import { ReactNode } from 'react';
+import { ConversationView, StreamingText } from '@vinaverse/client/conversation';
+
+interface CopyContextValue {
+    readonly locale: string | undefined;
+    readonly direction: 'ltr' | 'rtl';
+    readonly t: Translate;
+}
+declare function CopyProvider(props: {
+    readonly locale?: string | undefined;
+    readonly copy?: CopyOverrides | undefined;
+    readonly children?: ReactNode;
+}): ReactNode;
+/** The translator, the locale and its text direction. */
+declare function useCopy(): CopyContextValue;
+
+/** What the hooks read: a conversation store, or anything with the same four members (a test's fake). */
+interface ConversationSource {
+    getSnapshot(): ConversationView;
+    subscribe(listener: () => void): () => void;
+    getStreaming(): StreamingText | null;
+    subscribeStreaming(listener: () => void): () => void;
+}
+/** The whole view; re-renders on every change of it. Prefer `useConversationSelector` in anything drawn often. */
+declare function useConversation(source: ConversationSource): ConversationView;
+/**
+ * A slice of the view; re-renders only when the slice changed by `isEqual` (default `Object.is`). The view is
+ * structurally shared, so selecting `items`, one item, or a field compares by identity.
+ */
+declare function useConversationSelector<T>(source: ConversationSource, selector: (view: ConversationView) => T, isEqual?: (a: T, b: T) => boolean): T;
+/**
+ * The streamed text of the message with this `key`, or null when it is not the one streaming: only the streaming
+ * bubble calls it, and only it re-renders as the reply arrives (at most once per frame).
+ */
+declare function useStreamingText(source: ConversationSource, key: string): string | null;
+
+export { type ConversationSource, type CopyContextValue, CopyProvider, useConversation, useConversationSelector, useCopy, useStreamingText };

package/dist/index.js

@@ -0,0 +1,64 @@
+import { createTranslate, textDirection } from '@vinaverse/tokens/copy';
+export { AI_MARK, BANNED_WORDS, COPY, bannedWordsIn, builtInCopy, createTranslate, formatDate, formatDateTime, formatDayTime, formatMoney, formatTimeRange, textDirection } from '@vinaverse/tokens/copy';
+import { useMemo, useContext, useSyncExternalStore, useRef, useCallback, createContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/index.ts
+var CopyContext = /* @__PURE__ */ createContext({
+  locale: void 0,
+  direction: "ltr",
+  t: /* @__PURE__ */ createTranslate(void 0)
+});
+function CopyProvider(props) {
+  const { locale, copy, children } = props;
+  const value = useMemo(
+    () => ({
+      locale,
+      direction: textDirection(locale),
+      t: createTranslate(locale, copy)
+    }),
+    [locale, copy]
+  );
+  return /* @__PURE__ */ jsx(CopyContext.Provider, { value, children });
+}
+function useCopy() {
+  return useContext(CopyContext);
+}
+function useConversation(source) {
+  return useSyncExternalStore(
+    source.subscribe,
+    source.getSnapshot,
+    source.getSnapshot
+  );
+}
+function useConversationSelector(source, selector, isEqual = Object.is) {
+  const last = useRef(null);
+  const select = useRef(selector);
+  select.current = selector;
+  const compare = useRef(isEqual);
+  compare.current = isEqual;
+  const get = useCallback(() => {
+    const view = source.getSnapshot();
+    const held = last.current;
+    if (held?.view === view) return held.value;
+    const value = select.current(view);
+    if (held && compare.current(held.value, value)) {
+      last.current = { view, value: held.value };
+      return held.value;
+    }
+    last.current = { view, value };
+    return value;
+  }, [source]);
+  return useSyncExternalStore(source.subscribe, get, get);
+}
+function useStreamingText(source, key) {
+  const get = useCallback(() => {
+    const streaming = source.getStreaming();
+    return streaming?.key === key ? streaming.text : null;
+  }, [source, key]);
+  return useSyncExternalStore(source.subscribeStreaming, get, get);
+}
+
+export { CopyProvider, useConversation, useConversationSelector, useCopy, useStreamingText };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context.tsx","../src/hooks.ts"],"names":[],"mappings":";;;;;;AAgBA,IAAM,8BAA8B,aAAA,CAAgC;AAAA,EAClE,MAAA,EAAQ,MAAA;AAAA,EACR,SAAA,EAAW,KAAA;AAAA,EACX,CAAA,kCAAmC,MAAS;AAC9C,CAAC,CAAA;AAEM,SAAS,aAAa,KAAA,EAIf;AACZ,EAAA,MAAM,EAAE,MAAA,EAAQ,IAAA,EAAM,QAAA,EAAS,GAAI,KAAA;AACnC,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,MAAA;AAAA,MACA,SAAA,EAAW,cAAc,MAAM,CAAA;AAAA,MAC/B,CAAA,EAAG,eAAA,CAAgB,MAAA,EAAQ,IAAI;AAAA,KACjC,CAAA;AAAA,IACA,CAAC,QAAQ,IAAI;AAAA,GACf;AACA,EAAA,uBAAO,GAAA,CAAC,WAAA,CAAY,QAAA,EAAZ,EAAqB,OAAe,QAAA,EAAS,CAAA;AACvD;AAGO,SAAS,OAAA,GAA4B;AAC1C,EAAA,OAAO,WAAW,WAAW,CAAA;AAC/B;ACxBO,SAAS,gBAAgB,MAAA,EAA8C;AAC5E,EAAA,OAAO,oBAAA;AAAA,IACL,MAAA,CAAO,SAAA;AAAA,IACP,MAAA,CAAO,WAAA;AAAA,IACP,MAAA,CAAO;AAAA,GACT;AACF;AAMO,SAAS,uBAAA,CACd,MAAA,EACA,QAAA,EACA,OAAA,GAAmC,OAAO,EAAA,EACvC;AACH,EAAA,MAAM,IAAA,GAAO,OAAoD,IAAI,CAAA;AACrE,EAAA,MAAM,MAAA,GAAS,OAAO,QAAQ,CAAA;AAC9B,EAAA,MAAA,CAAO,OAAA,GAAU,QAAA;AACjB,EAAA,MAAM,OAAA,GAAU,OAAO,OAAO,CAAA;AAC9B,EAAA,OAAA,CAAQ,OAAA,GAAU,OAAA;AAClB,EAAA,MAAM,GAAA,GAAM,YAAY,MAAS;AAC/B,IAAA,MAAM,IAAA,GAAO,OAAO,WAAA,EAAY;AAChC,IAAA,MAAM,OAAO,IAAA,CAAK,OAAA;AAClB,IAAA,IAAI,IAAA,EAAM,IAAA,KAAS,IAAA,EAAM,OAAO,IAAA,CAAK,KAAA;AACrC,IAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,OAAA,CAAQ,IAAI,CAAA;AACjC,IAAA,IAAI,QAAQ,OAAA,CAAQ,OAAA,CAAQ,IAAA,CAAK,KAAA,EAAO,KAAK,CAAA,EAAG;AAC9C,MAAA,IAAA,CAAK,OAAA,GAAU,EAAE,IAAA,EAAM,KAAA,EAAO,KAAK,KAAA,EAAM;AACzC,MAAA,OAAO,IAAA,CAAK,KAAA;AAAA,IACd;AACA,IAAA,IAAA,CAAK,OAAA,GAAU,EAAE,IAAA,EAAM,KAAA,EAAM;AAC7B,IAAA,OAAO,KAAA;AAAA,EACT,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AACX,EAAA,OAAO,oBAAA,CAAqB,MAAA,CAAO,SAAA,EAAW,GAAA,EAAK,GAAG,CAAA;AACxD;AAMO,SAAS,gBAAA,CACd,QACA,GAAA,EACe;AACf,EAAA,MAAM,GAAA,GAAM,YAAY,MAAM;AAC5B,IAAA,MAAM,SAAA,GAAY,OAAO,YAAA,EAAa;AACtC,IAAA,OAAO,SAAA,EAAW,GAAA,KAAQ,GAAA,GAAM,SAAA,CAAU,IAAA,GAAO,IAAA;AAAA,EACnD,CAAA,EAAG,CAAC,MAAA,EAAQ,GAAG,CAAC,CAAA;AAChB,EAAA,OAAO,oBAAA,CAAqB,MAAA,CAAO,kBAAA,EAAoB,GAAA,EAAK,GAAG,CAAA;AACjE","file":"index.js","sourcesContent":["// The copy a component tree uses, from a provider: the locale's built-in words with the tenant's overrides on top.\n\nimport {\n  type CopyOverrides,\n  createTranslate,\n  type Translate,\n  textDirection,\n} from '@vinaverse/tokens/copy';\nimport { createContext, type ReactNode, useContext, useMemo } from 'react';\n\nexport interface CopyContextValue {\n  readonly locale: string | undefined;\n  readonly direction: 'ltr' | 'rtl';\n  readonly t: Translate;\n}\n\nconst CopyContext = /* @__PURE__ */ createContext<CopyContextValue>({\n  locale: undefined,\n  direction: 'ltr',\n  t: /* @__PURE__ */ createTranslate(undefined),\n});\n\nexport function CopyProvider(props: {\n  readonly locale?: string | undefined;\n  readonly copy?: CopyOverrides | undefined;\n  readonly children?: ReactNode;\n}): ReactNode {\n  const { locale, copy, children } = props;\n  const value = useMemo<CopyContextValue>(\n    () => ({\n      locale,\n      direction: textDirection(locale),\n      t: createTranslate(locale, copy),\n    }),\n    [locale, copy],\n  );\n  return <CopyContext.Provider value={value}>{children}</CopyContext.Provider>;\n}\n\n/** The translator, the locale and its text direction. */\nexport function useCopy(): CopyContextValue {\n  return useContext(CopyContext);\n}\n","// The React bindings of the conversation store: thin by design. Every protocol rule lives in @vinaverse/client; these\n// hooks only subscribe, and re-render a component when the slice it reads changed.\n\nimport type {\n  ConversationView,\n  StreamingText,\n} from '@vinaverse/client/conversation';\nimport { useCallback, useRef, useSyncExternalStore } from 'react';\n\n/** What the hooks read: a conversation store, or anything with the same four members (a test's fake). */\nexport interface ConversationSource {\n  getSnapshot(): ConversationView;\n  subscribe(listener: () => void): () => void;\n  getStreaming(): StreamingText | null;\n  subscribeStreaming(listener: () => void): () => void;\n}\n\n/** The whole view; re-renders on every change of it. Prefer `useConversationSelector` in anything drawn often. */\nexport function useConversation(source: ConversationSource): ConversationView {\n  return useSyncExternalStore(\n    source.subscribe,\n    source.getSnapshot,\n    source.getSnapshot,\n  );\n}\n\n/**\n * A slice of the view; re-renders only when the slice changed by `isEqual` (default `Object.is`). The view is\n * structurally shared, so selecting `items`, one item, or a field compares by identity.\n */\nexport function useConversationSelector<T>(\n  source: ConversationSource,\n  selector: (view: ConversationView) => T,\n  isEqual: (a: T, b: T) => boolean = Object.is,\n): T {\n  const last = useRef<{ view: ConversationView; value: T } | null>(null);\n  const select = useRef(selector);\n  select.current = selector;\n  const compare = useRef(isEqual);\n  compare.current = isEqual;\n  const get = useCallback((): T => {\n    const view = source.getSnapshot();\n    const held = last.current;\n    if (held?.view === view) return held.value;\n    const value = select.current(view);\n    if (held && compare.current(held.value, value)) {\n      last.current = { view, value: held.value };\n      return held.value;\n    }\n    last.current = { view, value };\n    return value;\n  }, [source]);\n  return useSyncExternalStore(source.subscribe, get, get);\n}\n\n/**\n * The streamed text of the message with this `key`, or null when it is not the one streaming: only the streaming\n * bubble calls it, and only it re-renders as the reply arrives (at most once per frame).\n */\nexport function useStreamingText(\n  source: ConversationSource,\n  key: string,\n): string | null {\n  const get = useCallback(() => {\n    const streaming = source.getStreaming();\n    return streaming?.key === key ? streaming.text : null;\n  }, [source, key]);\n  return useSyncExternalStore(source.subscribeStreaming, get, get);\n}\n"]}

package/package.json

@@ -1,6 +1,142 @@
 {
   "name": "@vinaverse/react",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0-alpha.11",
+  "description": "Vinaverse for React: hooks over the conversation store, and the copy and formatting every Vinaverse React UI shares. No react-native or DOM import.",
+  "license": "Apache-2.0",
+  "author": "Vinaverse, Inc.",
+  "homepage": "https://github.com/vinaverse-ai/vinaverse-js/tree/develop/packages/react#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vinaverse-ai/vinaverse-js.git",
+    "directory": "packages/react"
+  },
+  "bugs": "https://github.com/vinaverse-ai/vinaverse-js/issues",
+  "keywords": [
+    "vinaverse",
+    "react",
+    "hooks"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "react-native": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      },
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./agent": {
+      "react-native": {
+        "types": "./dist/agent.d.cts",
+        "default": "./dist/agent.cjs"
+      },
+      "import": {
+        "types": "./dist/agent.d.ts",
+        "default": "./dist/agent.js"
+      },
+      "require": {
+        "types": "./dist/agent.d.cts",
+        "default": "./dist/agent.cjs"
+      }
+    },
+    "./history": {
+      "react-native": {
+        "types": "./dist/history.d.cts",
+        "default": "./dist/history.cjs"
+      },
+      "import": {
+        "types": "./dist/history.d.ts",
+        "default": "./dist/history.js"
+      },
+      "require": {
+        "types": "./dist/history.d.cts",
+        "default": "./dist/history.cjs"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.cts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@vinaverse/client": "0.1.0-alpha.11",
+    "@vinaverse/tokens": "0.1.0-alpha.11"
+  },
+  "peerDependencies": {
+    "react": ">=19.1"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "size-limit": [
+    {
+      "name": "@vinaverse/react (ESM, everything; react and the other @vinaverse packages excluded)",
+      "path": "dist/index.js",
+      "import": "*",
+      "ignore": [
+        "react",
+        "react/jsx-runtime",
+        "@vinaverse/client",
+        "@vinaverse/tokens/copy",
+        "@vinaverse/client/agent",
+        "@vinaverse/client/history"
+      ],
+      "limit": "1.5 kB"
+    },
+    {
+      "name": "@vinaverse/react/agent (ESM, everything; react and the other @vinaverse packages excluded)",
+      "path": "dist/agent.js",
+      "import": "*",
+      "ignore": [
+        "react",
+        "react/jsx-runtime",
+        "@vinaverse/client",
+        "@vinaverse/tokens/copy",
+        "@vinaverse/client/agent",
+        "@vinaverse/client/history"
+      ],
+      "limit": "1.5 kB"
+    },
+    {
+      "name": "@vinaverse/react/history (ESM, everything; react and the other @vinaverse packages excluded)",
+      "path": "dist/history.js",
+      "import": "*",
+      "ignore": [
+        "react",
+        "react/jsx-runtime",
+        "@vinaverse/client",
+        "@vinaverse/tokens/copy",
+        "@vinaverse/client/agent",
+        "@vinaverse/client/history"
+      ],
+      "limit": "1.5 kB"
+    }
+  ],
+  "typesVersions": {
+    "*": {
+      "agent": [
+        "./dist/agent.d.cts"
+      ],
+      "history": [
+        "./dist/history.d.cts"
+      ]
+    }
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "package:check": "publint --strict && attw --pack . && size-limit"
+  }
 }