langgraph-ui-components 0.0.23 → 0.0.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -16,7 +16,7 @@ A React component library for building AI chat interfaces with LangChain/LangGra
16
16
  ## Installation
17
17
 
18
18
  ```bash
19
- npm install agentic-chat-ui-components
19
+ npm install langgraph-ui-components
20
20
  ```
21
21
 
22
22
  **Peer dependencies** (install these separately):
@@ -28,11 +28,9 @@ npm install react react-dom @langchain/core @langchain/langgraph @langchain/lang
28
28
  ## Usage
29
29
 
30
30
  ```tsx
31
- import {
32
- Sidebar,
33
- ChatProvider
34
- } from 'agentic-chat-ui-components';
35
- import 'agentic-chat-ui-components/styles.css';
31
+ import { Sidebar } from 'langgraph-ui-components/components';
32
+ import { ChatProvider } from 'langgraph-ui-components/providers';
33
+ import 'langgraph-ui-components/styles.css';
36
34
 
37
35
  function App() {
38
36
  return (
@@ -47,17 +45,47 @@ function App() {
47
45
  }
48
46
  ```
49
47
 
48
+ ## Import Paths
49
+
50
+ Use subpath imports for best auto-import support in VS Code and TypeScript:
51
+
52
+ ```tsx
53
+ import { Sidebar, Chat } from 'langgraph-ui-components/components';
54
+ import {
55
+ ChatProvider,
56
+ ChatRuntimeProvider,
57
+ ThreadProvider,
58
+ StreamProvider,
59
+ FileProvider,
60
+ CustomComponentProvider,
61
+ useThread,
62
+ useStreamContext,
63
+ useChatRuntime,
64
+ useFileProvider,
65
+ useCustomComponents,
66
+ useChatSuggestions,
67
+ } from 'langgraph-ui-components/providers';
68
+ import {
69
+ useTools,
70
+ useModels,
71
+ } from 'langgraph-ui-components/hooks';
72
+ import 'langgraph-ui-components/styles.css';
73
+ ```
74
+
75
+ Root import is also supported for backward compatibility:
76
+
77
+ ```tsx
78
+ import { Sidebar, ChatProvider, useStreamContext } from 'langgraph-ui-components';
79
+ ```
80
+
50
81
  ### Speech-to-Text Configuration
51
82
 
52
83
  To enable speech-to-text functionality with your Whisper API backend, configure the `textToSpeechVoice` property in the `identity` object:
53
84
 
54
85
  ```tsx
55
- import {
56
- Sidebar,
57
- ChatProvider,
58
- ChatRuntimeProvider
59
- } from 'agentic-chat-ui-components';
60
- import 'agentic-chat-ui-components/styles.css';
86
+ import { Sidebar } from 'langgraph-ui-components/components';
87
+ import { ChatProvider, ChatRuntimeProvider } from 'langgraph-ui-components/providers';
88
+ import 'langgraph-ui-components/styles.css';
61
89
 
62
90
  function App() {
63
91
  return (
@@ -97,7 +125,7 @@ The microphone button in the ChatInput component will automatically use these se
97
125
  The `Chat` component provides a complete chat interface with thread history and file upload support.
98
126
 
99
127
  ```tsx
100
- import { Chat } from 'agentic-chat-ui-components';
128
+ import { Chat } from 'langgraph-ui-components/components';
101
129
 
102
130
  <Chat
103
131
  enableToolCallIndicator={true}
@@ -116,7 +144,7 @@ import { Chat } from 'agentic-chat-ui-components';
116
144
  The `Sidebar` component provides a chat interface with collapsible sidebar navigation.
117
145
 
118
146
  ```tsx
119
- import { Sidebar } from 'agentic-chat-ui-components';
147
+ import { Sidebar } from 'langgraph-ui-components/components';
120
148
 
121
149
  <Sidebar
122
150
  supportChatHistory={true}
@@ -148,12 +176,15 @@ import { Sidebar } from 'agentic-chat-ui-components';
148
176
 
149
177
  ## Exported Hooks
150
178
 
151
- - `useThread()` - Access thread state
152
- - `useStreamContext()` - Access streaming state
153
- - `useChatRuntime()` - Access runtime config
154
- - `useFileProvider()` - Access file state
155
- - `useCustomComponents()` - Register custom components
156
- - `useChatSuggestions()` - Display contextual chat suggestions
179
+ - `useThread()` - Access thread state (`langgraph-ui-components/providers`)
180
+ - `useStreamContext()` - Access streaming state (`langgraph-ui-components/providers`)
181
+ - `useChatRuntime()` - Access runtime config (`langgraph-ui-components/providers`)
182
+ - `useFileProvider()` - Access file state (`langgraph-ui-components/providers`)
183
+ - `useCustomComponents()` - Register custom components (`langgraph-ui-components/providers`)
184
+ - `useChatSuggestions()` - Display contextual chat suggestions (`langgraph-ui-components/providers`)
185
+ - `useTools()` - Access tool registration helpers (`langgraph-ui-components/hooks`)
186
+ - `useToolsDefault` - Backward-compatible default export alias for `useTools` (`langgraph-ui-components/hooks`)
187
+ - `useModels()` - Access configured model options (`langgraph-ui-components/hooks`)
157
188
 
158
189
  ## useChatSuggestions Hook
159
190
 
@@ -169,7 +200,7 @@ The `useChatSuggestions` hook enables intelligent, opt-in chat suggestions for y
169
200
  ### Basic Usage
170
201
 
171
202
  ```tsx
172
- import { useChatSuggestions } from 'agentic-chat-ui-components';
203
+ import { useChatSuggestions } from 'langgraph-ui-components/hooks';
173
204
 
174
205
  function MyComponent() {
175
206
  // Simply call the hook - it registers configuration internally
@@ -244,7 +275,7 @@ The `sendMessage` function is available through the `useStreamContext()` hook an
244
275
  ### Usage Example
245
276
 
246
277
  ```tsx
247
- import { useStreamContext } from 'agentic-chat-ui-components';
278
+ import { useStreamContext } from 'langgraph-ui-components/hooks';
248
279
 
249
280
  function MyComponent() {
250
281
  const { sendMessage } = useStreamContext();
@@ -274,7 +305,7 @@ You can inject custom React components into chat messages using the `CustomCompo
274
305
  Pass initial components as the `initialComponents` prop to `CustomComponentProvider`:
275
306
 
276
307
  ```tsx
277
- import { CustomComponentProvider } from 'agentic-chat-ui-components';
308
+ import { CustomComponentProvider } from 'langgraph-ui-components/providers';
278
309
 
279
310
  const MyCustomButton = ({ text }) => <button>{text}</button>;
280
311
 
@@ -296,7 +327,7 @@ function App() {
296
327
  Use the `registerComponent` method from the `useCustomComponents` hook:
297
328
 
298
329
  ```tsx
299
- import { useCustomComponents } from 'agentic-chat-ui-components';
330
+ import { useCustomComponents } from 'langgraph-ui-components/hooks';
300
331
 
301
332
  function RegisterComponent() {
302
333
  const { registerComponent } = useCustomComponents();
@@ -321,6 +352,21 @@ Full TypeScript definitions available for:
321
352
  - `ChatRuntimeContextValue`
322
353
  - `FileInfo`
323
354
  - `SuggestionsOptions`
355
+ - `SuggestionConfig`
356
+ - `ThreadMode`
357
+ - `ThreadConfiguration`
358
+ - `ThreadContextType`
359
+ - `StateType`
360
+ - `CustomComponentContextValue`
361
+ - `CustomTool`
362
+ - `ModelOption`
363
+ - `ChatProps`
364
+ - `ChatSidebarProps`
365
+ - `ChatUIProps`
366
+ - `CallThisOnSubmitResponse`
367
+ - `chatBodyProps`
368
+ - `headerProps`
369
+ - `textToSpeechVoice`
324
370
 
325
371
  ## Keywords
326
372
 
@@ -1,2 +1,2 @@
1
- "use strict";const e=require("./_commonjsHelpers.cjs.js"),r=require("../node_modules/.pnpm/decamelize@1.2.0/node_modules/decamelize/index.cjs.js");var s=r.__require();const t=e.getDefaultExportFromCjs(s);module.exports=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
2
2
  //# sourceMappingURL=index.cjs4.js.map
@@ -1,2 +1,2 @@
1
- "use strict";const e=require("../node_modules/.pnpm/camelcase@6.3.0/node_modules/camelcase/index.cjs.js");e.__require();
1
+ "use strict";const e=require("./_commonjsHelpers.cjs.js"),r=require("../node_modules/.pnpm/decamelize@1.2.0/node_modules/decamelize/index.cjs.js");var s=r.__require();const t=e.getDefaultExportFromCjs(s);module.exports=t;
2
2
  //# sourceMappingURL=index.cjs5.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
1
+ "use strict";const e=require("../node_modules/.pnpm/camelcase@6.3.0/node_modules/camelcase/index.cjs.js");e.__require();
2
2
  //# sourceMappingURL=index.cjs6.js.map
@@ -1,8 +1,5 @@
1
- import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.es.js";
2
- import { __require as r } from "../node_modules/.pnpm/decamelize@1.2.0/node_modules/decamelize/index.es.js";
3
- var a = r();
4
- const m = /* @__PURE__ */ e(a);
1
+ var r = {};
5
2
  export {
6
- m as default
3
+ r as __exports
7
4
  };
8
5
  //# sourceMappingURL=index.es4.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
1
+ {"version":3,"file":"index.es4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -1,3 +1,8 @@
1
- import { __require as e } from "../node_modules/.pnpm/camelcase@6.3.0/node_modules/camelcase/index.es.js";
2
- e();
1
+ import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.es.js";
2
+ import { __require as r } from "../node_modules/.pnpm/decamelize@1.2.0/node_modules/decamelize/index.es.js";
3
+ var a = r();
4
+ const m = /* @__PURE__ */ e(a);
5
+ export {
6
+ m as default
7
+ };
3
8
  //# sourceMappingURL=index.es5.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
1
+ {"version":3,"file":"index.es5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,5 +1,3 @@
1
- var r = {};
2
- export {
3
- r as __exports
4
- };
1
+ import { __require as e } from "../node_modules/.pnpm/camelcase@6.3.0/node_modules/camelcase/index.es.js";
2
+ e();
5
3
  //# sourceMappingURL=index.es6.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
1
+ {"version":3,"file":"index.es6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../../../../../_virtual/index.cjs4.js");require("../../../../../../../../_virtual/index.cjs5.js");function c(e,n){return n?.[e]||u(e)}function i(e,n,r){const t={};for(const o in e)Object.hasOwn(e,o)&&(t[n(o,r)]=e[o]);return t}exports.keyToJson=c;exports.mapKeys=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../../../../../_virtual/index.cjs5.js");require("../../../../../../../../_virtual/index.cjs6.js");function c(e,n){return n?.[e]||u(e)}function i(e,n,r){const t={};for(const o in e)Object.hasOwn(e,o)&&(t[n(o,r)]=e[o]);return t}exports.keyToJson=c;exports.mapKeys=i;
2
2
  //# sourceMappingURL=map_keys.cjs.js.map
@@ -1,5 +1,5 @@
1
- import p from "../../../../../../../../_virtual/index.es4.js";
2
- import "../../../../../../../../_virtual/index.es5.js";
1
+ import p from "../../../../../../../../_virtual/index.es5.js";
2
+ import "../../../../../../../../_virtual/index.es6.js";
3
3
  function m(n, o) {
4
4
  return o?.[n] || p(n);
5
5
  }
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../../../_virtual/index.cjs6.js"),c=require("../../../../eventemitter3@4.0.7/node_modules/eventemitter3/index.cjs.js"),f=require("../../../../p-timeout@3.2.0/node_modules/p-timeout/index.cjs.js"),m=require("./priority-queue.cjs.js");var l;function y(){if(l)return u.__exports;l=1,Object.defineProperty(u.__exports,"__esModule",{value:!0});const _=c.__require(),o=f.__require(),h=m.__require(),s=()=>{},d=new o.TimeoutError;class v extends _{constructor(e){var t,r,i,n;if(super(),this._intervalCount=0,this._intervalEnd=0,this._pendingCount=0,this._resolveEmpty=s,this._resolveIdle=s,e=Object.assign({carryoverConcurrencyCount:!1,intervalCap:1/0,interval:0,concurrency:1/0,autoStart:!0,queueClass:h.default},e),!(typeof e.intervalCap=="number"&&e.intervalCap>=1))throw new TypeError(`Expected \`intervalCap\` to be a number from 1 and up, got \`${(r=(t=e.intervalCap)===null||t===void 0?void 0:t.toString())!==null&&r!==void 0?r:""}\` (${typeof e.intervalCap})`);if(e.interval===void 0||!(Number.isFinite(e.interval)&&e.interval>=0))throw new TypeError(`Expected \`interval\` to be a finite number >= 0, got \`${(n=(i=e.interval)===null||i===void 0?void 0:i.toString())!==null&&n!==void 0?n:""}\` (${typeof e.interval})`);this._carryoverConcurrencyCount=e.carryoverConcurrencyCount,this._isIntervalIgnored=e.intervalCap===1/0||e.interval===0,this._intervalCap=e.intervalCap,this._interval=e.interval,this._queue=new e.queueClass,this._queueClass=e.queueClass,this.concurrency=e.concurrency,this._timeout=e.timeout,this._throwOnTimeout=e.throwOnTimeout===!0,this._isPaused=e.autoStart===!1}get _doesIntervalAllowAnother(){return this._isIntervalIgnored||this._intervalCount<this._intervalCap}get _doesConcurrentAllowAnother(){return this._pendingCount<this._concurrency}_next(){this._pendingCount--,this._tryToStartAnother(),this.emit("next")}_resolvePromises(){this._resolveEmpty(),this._resolveEmpty=s,this._pendingCount===0&&(this._resolveIdle(),this._resolveIdle=s,this.emit("idle"))}_onResumeInterval(){this._onInterval(),this._initializeIntervalIfNeeded(),this._timeoutId=void 0}_isIntervalPaused(){const e=Date.now();if(this._intervalId===void 0){const t=this._intervalEnd-e;if(t<0)this._intervalCount=this._carryoverConcurrencyCount?this._pendingCount:0;else return this._timeoutId===void 0&&(this._timeoutId=setTimeout(()=>{this._onResumeInterval()},t)),!0}return!1}_tryToStartAnother(){if(this._queue.size===0)return this._intervalId&&clearInterval(this._intervalId),this._intervalId=void 0,this._resolvePromises(),!1;if(!this._isPaused){const e=!this._isIntervalPaused();if(this._doesIntervalAllowAnother&&this._doesConcurrentAllowAnother){const t=this._queue.dequeue();return t?(this.emit("active"),t(),e&&this._initializeIntervalIfNeeded(),!0):!1}}return!1}_initializeIntervalIfNeeded(){this._isIntervalIgnored||this._intervalId!==void 0||(this._intervalId=setInterval(()=>{this._onInterval()},this._interval),this._intervalEnd=Date.now()+this._interval)}_onInterval(){this._intervalCount===0&&this._pendingCount===0&&this._intervalId&&(clearInterval(this._intervalId),this._intervalId=void 0),this._intervalCount=this._carryoverConcurrencyCount?this._pendingCount:0,this._processQueue()}_processQueue(){for(;this._tryToStartAnother(););}get concurrency(){return this._concurrency}set concurrency(e){if(!(typeof e=="number"&&e>=1))throw new TypeError(`Expected \`concurrency\` to be a number from 1 and up, got \`${e}\` (${typeof e})`);this._concurrency=e,this._processQueue()}async add(e,t={}){return new Promise((r,i)=>{const n=async()=>{this._pendingCount++,this._intervalCount++;try{const a=this._timeout===void 0&&t.timeout===void 0?e():o.default(Promise.resolve(e()),t.timeout===void 0?this._timeout:t.timeout,()=>{(t.throwOnTimeout===void 0?this._throwOnTimeout:t.throwOnTimeout)&&i(d)});r(await a)}catch(a){i(a)}this._next()};this._queue.enqueue(n,t),this._tryToStartAnother(),this.emit("add")})}async addAll(e,t){return Promise.all(e.map(async r=>this.add(r,t)))}start(){return this._isPaused?(this._isPaused=!1,this._processQueue(),this):this}pause(){this._isPaused=!0}clear(){this._queue=new this._queueClass}async onEmpty(){if(this._queue.size!==0)return new Promise(e=>{const t=this._resolveEmpty;this._resolveEmpty=()=>{t(),e()}})}async onIdle(){if(!(this._pendingCount===0&&this._queue.size===0))return new Promise(e=>{const t=this._resolveIdle;this._resolveIdle=()=>{t(),e()}})}get size(){return this._queue.size}sizeBy(e){return this._queue.filter(e).length}get pending(){return this._pendingCount}get isPaused(){return this._isPaused}get timeout(){return this._timeout}set timeout(e){this._timeout=e}}return u.__exports.default=v,u.__exports}exports.__require=y;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../../../_virtual/index.cjs7.js"),c=require("../../../../eventemitter3@4.0.7/node_modules/eventemitter3/index.cjs.js"),f=require("../../../../p-timeout@3.2.0/node_modules/p-timeout/index.cjs.js"),m=require("./priority-queue.cjs.js");var l;function y(){if(l)return u.__exports;l=1,Object.defineProperty(u.__exports,"__esModule",{value:!0});const _=c.__require(),o=f.__require(),h=m.__require(),s=()=>{},d=new o.TimeoutError;class v extends _{constructor(e){var t,r,i,n;if(super(),this._intervalCount=0,this._intervalEnd=0,this._pendingCount=0,this._resolveEmpty=s,this._resolveIdle=s,e=Object.assign({carryoverConcurrencyCount:!1,intervalCap:1/0,interval:0,concurrency:1/0,autoStart:!0,queueClass:h.default},e),!(typeof e.intervalCap=="number"&&e.intervalCap>=1))throw new TypeError(`Expected \`intervalCap\` to be a number from 1 and up, got \`${(r=(t=e.intervalCap)===null||t===void 0?void 0:t.toString())!==null&&r!==void 0?r:""}\` (${typeof e.intervalCap})`);if(e.interval===void 0||!(Number.isFinite(e.interval)&&e.interval>=0))throw new TypeError(`Expected \`interval\` to be a finite number >= 0, got \`${(n=(i=e.interval)===null||i===void 0?void 0:i.toString())!==null&&n!==void 0?n:""}\` (${typeof e.interval})`);this._carryoverConcurrencyCount=e.carryoverConcurrencyCount,this._isIntervalIgnored=e.intervalCap===1/0||e.interval===0,this._intervalCap=e.intervalCap,this._interval=e.interval,this._queue=new e.queueClass,this._queueClass=e.queueClass,this.concurrency=e.concurrency,this._timeout=e.timeout,this._throwOnTimeout=e.throwOnTimeout===!0,this._isPaused=e.autoStart===!1}get _doesIntervalAllowAnother(){return this._isIntervalIgnored||this._intervalCount<this._intervalCap}get _doesConcurrentAllowAnother(){return this._pendingCount<this._concurrency}_next(){this._pendingCount--,this._tryToStartAnother(),this.emit("next")}_resolvePromises(){this._resolveEmpty(),this._resolveEmpty=s,this._pendingCount===0&&(this._resolveIdle(),this._resolveIdle=s,this.emit("idle"))}_onResumeInterval(){this._onInterval(),this._initializeIntervalIfNeeded(),this._timeoutId=void 0}_isIntervalPaused(){const e=Date.now();if(this._intervalId===void 0){const t=this._intervalEnd-e;if(t<0)this._intervalCount=this._carryoverConcurrencyCount?this._pendingCount:0;else return this._timeoutId===void 0&&(this._timeoutId=setTimeout(()=>{this._onResumeInterval()},t)),!0}return!1}_tryToStartAnother(){if(this._queue.size===0)return this._intervalId&&clearInterval(this._intervalId),this._intervalId=void 0,this._resolvePromises(),!1;if(!this._isPaused){const e=!this._isIntervalPaused();if(this._doesIntervalAllowAnother&&this._doesConcurrentAllowAnother){const t=this._queue.dequeue();return t?(this.emit("active"),t(),e&&this._initializeIntervalIfNeeded(),!0):!1}}return!1}_initializeIntervalIfNeeded(){this._isIntervalIgnored||this._intervalId!==void 0||(this._intervalId=setInterval(()=>{this._onInterval()},this._interval),this._intervalEnd=Date.now()+this._interval)}_onInterval(){this._intervalCount===0&&this._pendingCount===0&&this._intervalId&&(clearInterval(this._intervalId),this._intervalId=void 0),this._intervalCount=this._carryoverConcurrencyCount?this._pendingCount:0,this._processQueue()}_processQueue(){for(;this._tryToStartAnother(););}get concurrency(){return this._concurrency}set concurrency(e){if(!(typeof e=="number"&&e>=1))throw new TypeError(`Expected \`concurrency\` to be a number from 1 and up, got \`${e}\` (${typeof e})`);this._concurrency=e,this._processQueue()}async add(e,t={}){return new Promise((r,i)=>{const n=async()=>{this._pendingCount++,this._intervalCount++;try{const a=this._timeout===void 0&&t.timeout===void 0?e():o.default(Promise.resolve(e()),t.timeout===void 0?this._timeout:t.timeout,()=>{(t.throwOnTimeout===void 0?this._throwOnTimeout:t.throwOnTimeout)&&i(d)});r(await a)}catch(a){i(a)}this._next()};this._queue.enqueue(n,t),this._tryToStartAnother(),this.emit("add")})}async addAll(e,t){return Promise.all(e.map(async r=>this.add(r,t)))}start(){return this._isPaused?(this._isPaused=!1,this._processQueue(),this):this}pause(){this._isPaused=!0}clear(){this._queue=new this._queueClass}async onEmpty(){if(this._queue.size!==0)return new Promise(e=>{const t=this._resolveEmpty;this._resolveEmpty=()=>{t(),e()}})}async onIdle(){if(!(this._pendingCount===0&&this._queue.size===0))return new Promise(e=>{const t=this._resolveIdle;this._resolveIdle=()=>{t(),e()}})}get size(){return this._queue.size}sizeBy(e){return this._queue.filter(e).length}get pending(){return this._pendingCount}get isPaused(){return this._isPaused}get timeout(){return this._timeout}set timeout(e){this._timeout=e}}return u.__exports.default=v,u.__exports}exports.__require=y;
2
2
  //# sourceMappingURL=index.cjs.js.map
@@ -1,4 +1,4 @@
1
- import { __exports as u } from "../../../../../../_virtual/index.es6.js";
1
+ import { __exports as u } from "../../../../../../_virtual/index.es7.js";
2
2
  import { __require as c } from "../../../../eventemitter3@4.0.7/node_modules/eventemitter3/index.es.js";
3
3
  import { __require as m } from "../../../../p-timeout@3.2.0/node_modules/p-timeout/index.es.js";
4
4
  import { __require as f } from "./priority-queue.es.js";
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../../../../../../_virtual/index.cjs7.js"),X=require("../../../../../../../@babel_runtime@7.28.6/node_modules/@babel/runtime/helpers/interopRequireDefault.cjs.js"),Y=require("./coy.cjs.js"),Z=require("./dark.cjs.js"),x=require("./funky.cjs.js"),$=require("./okaidia.cjs.js"),ee=require("./solarizedlight.cjs.js"),re=require("./tomorrow.cjs.js"),te=require("./twilight.cjs.js"),ue=require("./prism.cjs.js"),ne=require("./a11y-dark.cjs.js"),ie=require("./atom-dark.cjs.js"),ae=require("./base16-ateliersulphurpool.light.cjs.js"),oe=require("./cb.cjs.js"),ce=require("./coldark-cold.cjs.js"),le=require("./coldark-dark.cjs.js"),de=require("./coy-without-shadows.cjs.js"),_e=require("./darcula.cjs.js"),fe=require("./dracula.cjs.js"),ge=require("./duotone-dark.cjs.js"),be=require("./duotone-earth.cjs.js"),qe=require("./duotone-forest.cjs.js"),me=require("./duotone-light.cjs.js"),ve=require("./duotone-sea.cjs.js"),ye=require("./duotone-space.cjs.js"),he=require("./ghcolors.cjs.js"),se=require("./gruvbox-dark.cjs.js"),Oe=require("./gruvbox-light.cjs.js"),Pe=require("./holi-theme.cjs.js"),je=require("./hopscotch.cjs.js"),ke=require("./lucario.cjs.js"),De=require("./material-dark.cjs.js"),pe=require("./material-light.cjs.js"),we=require("./material-oceanic.cjs.js"),Le=require("./night-owl.cjs.js"),Se=require("./nord.cjs.js"),ze=require("./one-dark.cjs.js"),Te=require("./one-light.cjs.js"),Ae=require("./pojoaque.cjs.js"),Ce=require("./shades-of-purple.cjs.js"),Ee=require("./solarized-dark-atom.cjs.js"),Fe=require("./synthwave84.cjs.js"),Re=require("./vs.cjs.js"),We=require("./vsc-dark-plus.cjs.js"),Me=require("./xonokai.cjs.js"),Be=require("./z-touch.cjs.js");var n;function Ge(){return n||(n=1,(function(e){var r=X.__require();Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"a11yDark",{enumerable:!0,get:function(){return g.default}}),Object.defineProperty(e,"atomDark",{enumerable:!0,get:function(){return b.default}}),Object.defineProperty(e,"base16AteliersulphurpoolLight",{enumerable:!0,get:function(){return q.default}}),Object.defineProperty(e,"cb",{enumerable:!0,get:function(){return m.default}}),Object.defineProperty(e,"coldarkCold",{enumerable:!0,get:function(){return v.default}}),Object.defineProperty(e,"coldarkDark",{enumerable:!0,get:function(){return y.default}}),Object.defineProperty(e,"coy",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(e,"coyWithoutShadows",{enumerable:!0,get:function(){return h.default}}),Object.defineProperty(e,"darcula",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(e,"dark",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(e,"dracula",{enumerable:!0,get:function(){return O.default}}),Object.defineProperty(e,"duotoneDark",{enumerable:!0,get:function(){return P.default}}),Object.defineProperty(e,"duotoneEarth",{enumerable:!0,get:function(){return j.default}}),Object.defineProperty(e,"duotoneForest",{enumerable:!0,get:function(){return k.default}}),Object.defineProperty(e,"duotoneLight",{enumerable:!0,get:function(){return D.default}}),Object.defineProperty(e,"duotoneSea",{enumerable:!0,get:function(){return p.default}}),Object.defineProperty(e,"duotoneSpace",{enumerable:!0,get:function(){return w.default}}),Object.defineProperty(e,"funky",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(e,"ghcolors",{enumerable:!0,get:function(){return L.default}}),Object.defineProperty(e,"gruvboxDark",{enumerable:!0,get:function(){return S.default}}),Object.defineProperty(e,"gruvboxLight",{enumerable:!0,get:function(){return z.default}}),Object.defineProperty(e,"holiTheme",{enumerable:!0,get:function(){return T.default}}),Object.defineProperty(e,"hopscotch",{enumerable:!0,get:function(){return A.default}}),Object.defineProperty(e,"lucario",{enumerable:!0,get:function(){return C.default}}),Object.defineProperty(e,"materialDark",{enumerable:!0,get:function(){return E.default}}),Object.defineProperty(e,"materialLight",{enumerable:!0,get:function(){return F.default}}),Object.defineProperty(e,"materialOceanic",{enumerable:!0,get:function(){return R.default}}),Object.defineProperty(e,"nightOwl",{enumerable:!0,get:function(){return W.default}}),Object.defineProperty(e,"nord",{enumerable:!0,get:function(){return M.default}}),Object.defineProperty(e,"okaidia",{enumerable:!0,get:function(){return c.default}}),Object.defineProperty(e,"oneDark",{enumerable:!0,get:function(){return B.default}}),Object.defineProperty(e,"oneLight",{enumerable:!0,get:function(){return G.default}}),Object.defineProperty(e,"pojoaque",{enumerable:!0,get:function(){return H.default}}),Object.defineProperty(e,"prism",{enumerable:!0,get:function(){return f.default}}),Object.defineProperty(e,"shadesOfPurple",{enumerable:!0,get:function(){return I.default}}),Object.defineProperty(e,"solarizedDarkAtom",{enumerable:!0,get:function(){return J.default}}),Object.defineProperty(e,"solarizedlight",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(e,"synthwave84",{enumerable:!0,get:function(){return K.default}}),Object.defineProperty(e,"tomorrow",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(e,"twilight",{enumerable:!0,get:function(){return _.default}}),Object.defineProperty(e,"vs",{enumerable:!0,get:function(){return N.default}}),Object.defineProperty(e,"vscDarkPlus",{enumerable:!0,get:function(){return Q.default}}),Object.defineProperty(e,"xonokai",{enumerable:!0,get:function(){return U.default}}),Object.defineProperty(e,"zTouch",{enumerable:!0,get:function(){return V.default}});var i=r(Y.__require()),a=r(Z.__require()),o=r(x.__require()),c=r($.__require()),l=r(ee.__require()),d=r(re.__require()),_=r(te.__require()),f=r(ue.__require()),g=r(ne.__require()),b=r(ie.__require()),q=r(ae.__require()),m=r(oe.__require()),v=r(ce.__require()),y=r(le.__require()),h=r(de.__require()),s=r(_e.__require()),O=r(fe.__require()),P=r(ge.__require()),j=r(be.__require()),k=r(qe.__require()),D=r(me.__require()),p=r(ve.__require()),w=r(ye.__require()),L=r(he.__require()),S=r(se.__require()),z=r(Oe.__require()),T=r(Pe.__require()),A=r(je.__require()),C=r(ke.__require()),E=r(De.__require()),F=r(pe.__require()),R=r(we.__require()),W=r(Le.__require()),M=r(Se.__require()),B=r(ze.__require()),G=r(Te.__require()),H=r(Ae.__require()),I=r(Ce.__require()),J=r(Ee.__require()),K=r(Fe.__require()),N=r(Re.__require()),Q=r(We.__require()),U=r(Me.__require()),V=r(Be.__require())})(u.__exports)),u.__exports}exports.__require=Ge;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../../../../../../_virtual/index.cjs4.js"),X=require("../../../../../../../@babel_runtime@7.28.6/node_modules/@babel/runtime/helpers/interopRequireDefault.cjs.js"),Y=require("./coy.cjs.js"),Z=require("./dark.cjs.js"),x=require("./funky.cjs.js"),$=require("./okaidia.cjs.js"),ee=require("./solarizedlight.cjs.js"),re=require("./tomorrow.cjs.js"),te=require("./twilight.cjs.js"),ue=require("./prism.cjs.js"),ne=require("./a11y-dark.cjs.js"),ie=require("./atom-dark.cjs.js"),ae=require("./base16-ateliersulphurpool.light.cjs.js"),oe=require("./cb.cjs.js"),ce=require("./coldark-cold.cjs.js"),le=require("./coldark-dark.cjs.js"),de=require("./coy-without-shadows.cjs.js"),_e=require("./darcula.cjs.js"),fe=require("./dracula.cjs.js"),ge=require("./duotone-dark.cjs.js"),be=require("./duotone-earth.cjs.js"),qe=require("./duotone-forest.cjs.js"),me=require("./duotone-light.cjs.js"),ve=require("./duotone-sea.cjs.js"),ye=require("./duotone-space.cjs.js"),he=require("./ghcolors.cjs.js"),se=require("./gruvbox-dark.cjs.js"),Oe=require("./gruvbox-light.cjs.js"),Pe=require("./holi-theme.cjs.js"),je=require("./hopscotch.cjs.js"),ke=require("./lucario.cjs.js"),De=require("./material-dark.cjs.js"),pe=require("./material-light.cjs.js"),we=require("./material-oceanic.cjs.js"),Le=require("./night-owl.cjs.js"),Se=require("./nord.cjs.js"),ze=require("./one-dark.cjs.js"),Te=require("./one-light.cjs.js"),Ae=require("./pojoaque.cjs.js"),Ce=require("./shades-of-purple.cjs.js"),Ee=require("./solarized-dark-atom.cjs.js"),Fe=require("./synthwave84.cjs.js"),Re=require("./vs.cjs.js"),We=require("./vsc-dark-plus.cjs.js"),Me=require("./xonokai.cjs.js"),Be=require("./z-touch.cjs.js");var n;function Ge(){return n||(n=1,(function(e){var r=X.__require();Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"a11yDark",{enumerable:!0,get:function(){return g.default}}),Object.defineProperty(e,"atomDark",{enumerable:!0,get:function(){return b.default}}),Object.defineProperty(e,"base16AteliersulphurpoolLight",{enumerable:!0,get:function(){return q.default}}),Object.defineProperty(e,"cb",{enumerable:!0,get:function(){return m.default}}),Object.defineProperty(e,"coldarkCold",{enumerable:!0,get:function(){return v.default}}),Object.defineProperty(e,"coldarkDark",{enumerable:!0,get:function(){return y.default}}),Object.defineProperty(e,"coy",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(e,"coyWithoutShadows",{enumerable:!0,get:function(){return h.default}}),Object.defineProperty(e,"darcula",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(e,"dark",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(e,"dracula",{enumerable:!0,get:function(){return O.default}}),Object.defineProperty(e,"duotoneDark",{enumerable:!0,get:function(){return P.default}}),Object.defineProperty(e,"duotoneEarth",{enumerable:!0,get:function(){return j.default}}),Object.defineProperty(e,"duotoneForest",{enumerable:!0,get:function(){return k.default}}),Object.defineProperty(e,"duotoneLight",{enumerable:!0,get:function(){return D.default}}),Object.defineProperty(e,"duotoneSea",{enumerable:!0,get:function(){return p.default}}),Object.defineProperty(e,"duotoneSpace",{enumerable:!0,get:function(){return w.default}}),Object.defineProperty(e,"funky",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(e,"ghcolors",{enumerable:!0,get:function(){return L.default}}),Object.defineProperty(e,"gruvboxDark",{enumerable:!0,get:function(){return S.default}}),Object.defineProperty(e,"gruvboxLight",{enumerable:!0,get:function(){return z.default}}),Object.defineProperty(e,"holiTheme",{enumerable:!0,get:function(){return T.default}}),Object.defineProperty(e,"hopscotch",{enumerable:!0,get:function(){return A.default}}),Object.defineProperty(e,"lucario",{enumerable:!0,get:function(){return C.default}}),Object.defineProperty(e,"materialDark",{enumerable:!0,get:function(){return E.default}}),Object.defineProperty(e,"materialLight",{enumerable:!0,get:function(){return F.default}}),Object.defineProperty(e,"materialOceanic",{enumerable:!0,get:function(){return R.default}}),Object.defineProperty(e,"nightOwl",{enumerable:!0,get:function(){return W.default}}),Object.defineProperty(e,"nord",{enumerable:!0,get:function(){return M.default}}),Object.defineProperty(e,"okaidia",{enumerable:!0,get:function(){return c.default}}),Object.defineProperty(e,"oneDark",{enumerable:!0,get:function(){return B.default}}),Object.defineProperty(e,"oneLight",{enumerable:!0,get:function(){return G.default}}),Object.defineProperty(e,"pojoaque",{enumerable:!0,get:function(){return H.default}}),Object.defineProperty(e,"prism",{enumerable:!0,get:function(){return f.default}}),Object.defineProperty(e,"shadesOfPurple",{enumerable:!0,get:function(){return I.default}}),Object.defineProperty(e,"solarizedDarkAtom",{enumerable:!0,get:function(){return J.default}}),Object.defineProperty(e,"solarizedlight",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(e,"synthwave84",{enumerable:!0,get:function(){return K.default}}),Object.defineProperty(e,"tomorrow",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(e,"twilight",{enumerable:!0,get:function(){return _.default}}),Object.defineProperty(e,"vs",{enumerable:!0,get:function(){return N.default}}),Object.defineProperty(e,"vscDarkPlus",{enumerable:!0,get:function(){return Q.default}}),Object.defineProperty(e,"xonokai",{enumerable:!0,get:function(){return U.default}}),Object.defineProperty(e,"zTouch",{enumerable:!0,get:function(){return V.default}});var i=r(Y.__require()),a=r(Z.__require()),o=r(x.__require()),c=r($.__require()),l=r(ee.__require()),d=r(re.__require()),_=r(te.__require()),f=r(ue.__require()),g=r(ne.__require()),b=r(ie.__require()),q=r(ae.__require()),m=r(oe.__require()),v=r(ce.__require()),y=r(le.__require()),h=r(de.__require()),s=r(_e.__require()),O=r(fe.__require()),P=r(ge.__require()),j=r(be.__require()),k=r(qe.__require()),D=r(me.__require()),p=r(ve.__require()),w=r(ye.__require()),L=r(he.__require()),S=r(se.__require()),z=r(Oe.__require()),T=r(Pe.__require()),A=r(je.__require()),C=r(ke.__require()),E=r(De.__require()),F=r(pe.__require()),R=r(we.__require()),W=r(Le.__require()),M=r(Se.__require()),B=r(ze.__require()),G=r(Te.__require()),H=r(Ae.__require()),I=r(Ce.__require()),J=r(Ee.__require()),K=r(Fe.__require()),N=r(Re.__require()),Q=r(We.__require()),U=r(Me.__require()),V=r(Be.__require())})(u.__exports)),u.__exports}exports.__require=Ge;
2
2
  //# sourceMappingURL=index.cjs.js.map
@@ -1,4 +1,4 @@
1
- import { __exports as u } from "../../../../../../../../../_virtual/index.es7.js";
1
+ import { __exports as u } from "../../../../../../../../../_virtual/index.es4.js";
2
2
  import { __require as Q } from "../../../../../../../@babel_runtime@7.28.6/node_modules/@babel/runtime/helpers/interopRequireDefault.es.js";
3
3
  import { __require as U } from "./coy.es.js";
4
4
  import { __require as Y } from "./dark.es.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "langgraph-ui-components",
3
3
  "private": false,
4
- "version": "0.0.23",
4
+ "version": "0.0.24",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs.js",
7
7
  "module": "./dist/index.es.js",
@@ -29,6 +29,19 @@
29
29
  },
30
30
  "./styles.css": "./dist/styles.css"
31
31
  },
32
+ "typesVersions": {
33
+ "*": {
34
+ "providers": [
35
+ "./dist/entries/providers.d.ts"
36
+ ],
37
+ "components": [
38
+ "./dist/entries/components.d.ts"
39
+ ],
40
+ "hooks": [
41
+ "./dist/entries/hooks.d.ts"
42
+ ]
43
+ }
44
+ },
32
45
  "files": [
33
46
  "dist",
34
47
  "src",