@copilotkit/react-core 2.0.0-rc.7 → 2.0.0-rc.8

package/dist/generative-ui.d.cts

@@ -1,4 +1,4 @@
-import { A as GenerativeUIFunctionInput, B as GenerativeUIInvokeResult, C as GenerativeUIComponentDefinition, D as GenerativeUIEventDefinition, E as GenerativeUIDefinitionsOf, F as SchemaInput, I as GenerativeUIError, L as GenerativeUIErrorCode, M as GenerativeUISlotKind, N as GenerativeUIStateOf, O as GenerativeUIFunctionArgs, P as createGenerativeUI, R as GenerativeUIErrorInfo, S as GenerativeUI, T as GenerativeUIComponentProps, _ as GenerativeUIThemeVariables, b as useGenerativeUIAccessibility, d as GenerativeUIMarkdownConfig, f as GenerativeUIToolConfig, g as GenerativeUIThemeVariable, h as GenerativeUIThemeValues, j as GenerativeUIFunctionName, k as GenerativeUIFunctionDefinition, l as GenerativeUIConfig, m as GenerativeUITheme, o as DefaultGenerativeUIChatCard, p as useGenerativeUIRuntime, s as GenerativeUIChatSurfaceProps, t as DefaultMarkdownRendererProps, u as GenerativeUIErrorBoundaryConfig, v as GenerativeUIAccessibility, w as GenerativeUIComponentName, x as CreateGenerativeUIConfig, y as GenerativeUIAriaAttributes, z as GenerativeUIEventHandler } from "./MarkdownRendererContext-B4Us6mwL.cjs";
+import { A as GenerativeUIFunctionInput, B as GenerativeUIInvokeResult, C as GenerativeUIComponentDefinition, D as GenerativeUIEventDefinition, E as GenerativeUIDefinitionsOf, F as SchemaInput, I as GenerativeUIError, L as GenerativeUIErrorCode, M as GenerativeUISlotKind, N as GenerativeUIStateOf, O as GenerativeUIFunctionArgs, P as createGenerativeUI, R as GenerativeUIErrorInfo, S as GenerativeUI, T as GenerativeUIComponentProps, _ as GenerativeUIThemeVariables, b as useGenerativeUIAccessibility, d as GenerativeUIMarkdownConfig, f as GenerativeUIToolConfig, g as GenerativeUIThemeVariable, h as GenerativeUIThemeValues, j as GenerativeUIFunctionName, k as GenerativeUIFunctionDefinition, l as GenerativeUIConfig, m as GenerativeUITheme, o as DefaultGenerativeUIChatCard, p as useGenerativeUIRuntime, s as GenerativeUIChatSurfaceProps, t as DefaultMarkdownRendererProps, u as GenerativeUIErrorBoundaryConfig, v as GenerativeUIAccessibility, w as GenerativeUIComponentName, x as CreateGenerativeUIConfig, y as GenerativeUIAriaAttributes, z as GenerativeUIEventHandler } from "./MarkdownRendererContext-DAuVISwv.cjs";
 import * as react from "react";
 import { ReactNode } from "react";
 import { GenerativeUIJSONSchema } from "@copilotkit/shared";
@@ -2288,12 +2288,12 @@ declare const standardUI: GenerativeUI<{
         size: zod.ZodOptional<zod.ZodEnum<["sm", "md", "lg", "xl"]>>;
         pill: zod.ZodOptional<zod.ZodBoolean>;
       }, "strip", zod.ZodTypeAny, {
-        value?: string | undefined;
         options?: (string | {
           value: string;
           label?: string | undefined;
           description?: string | undefined;
         })[] | undefined;
+        value?: string | undefined;
         size?: "sm" | "md" | "lg" | "xl" | undefined;
         block?: boolean | undefined;
         label?: string | undefined;
@@ -2316,12 +2316,12 @@ declare const standardUI: GenerativeUI<{
         clearLabel?: string | undefined;
         searchable?: boolean | undefined;
       }, {
-        value?: string | undefined;
         options?: (string | {
           value: string;
           label?: string | undefined;
           description?: string | undefined;
         })[] | undefined;
+        value?: string | undefined;
         size?: "sm" | "md" | "lg" | "xl" | undefined;
         block?: boolean | undefined;
         label?: string | undefined;
@@ -2513,12 +2513,12 @@ declare const standardUI: GenerativeUI<{
         disabled: zod.ZodOptional<zod.ZodBoolean>;
         required: zod.ZodOptional<zod.ZodBoolean>;
       }, "strip", zod.ZodTypeAny, {
-        value?: string | undefined;
         options?: (string | {
           value: string;
           label?: string | undefined;
           description?: string | undefined;
         })[] | undefined;
+        value?: string | undefined;
         direction?: "col" | "row" | undefined;
         variant?: "list" | "pills" | "cards" | undefined;
         label?: string | undefined;
@@ -2535,12 +2535,12 @@ declare const standardUI: GenerativeUI<{
         name?: string | undefined;
         required?: boolean | undefined;
       }, {
-        value?: string | undefined;
         options?: (string | {
           value: string;
           label?: string | undefined;
           description?: string | undefined;
         })[] | undefined;
+        value?: string | undefined;
         direction?: "col" | "row" | undefined;
         variant?: "list" | "pills" | "cards" | undefined;
         label?: string | undefined;
@@ -2732,12 +2732,12 @@ declare const standardUI: GenerativeUI<{
         variant: zod.ZodOptional<zod.ZodEnum<["solid", "soft", "outline", "ghost"]>>;
         disabled: zod.ZodOptional<zod.ZodBoolean>;
       }, "strip", zod.ZodTypeAny, {
-        value?: string | undefined;
         options?: (string | {
           value: string;
           label?: string | undefined;
           description?: string | undefined;
         })[] | undefined;
+        value?: string | undefined;
         variant?: "solid" | "outline" | "soft" | "ghost" | undefined;
         size?: "sm" | "md" | "lg" | "xl" | undefined;
         block?: boolean | undefined;
@@ -2754,12 +2754,12 @@ declare const standardUI: GenerativeUI<{
         }[] | undefined;
         disabled?: boolean | undefined;
       }, {
-        value?: string | undefined;
         options?: (string | {
           value: string;
           label?: string | undefined;
           description?: string | undefined;
         })[] | undefined;
+        value?: string | undefined;
         variant?: "solid" | "outline" | "soft" | "ghost" | undefined;
         size?: "sm" | "md" | "lg" | "xl" | undefined;
         block?: boolean | undefined;
@@ -2839,12 +2839,12 @@ declare const standardUI: GenerativeUI<{
         disabled: zod.ZodOptional<zod.ZodBoolean>;
         required: zod.ZodOptional<zod.ZodBoolean>;
       }, "strip", zod.ZodTypeAny, {
-        value?: string[] | undefined;
         options?: (string | {
           value: string;
           label?: string | undefined;
           description?: string | undefined;
         })[] | undefined;
+        value?: string[] | undefined;
         weight?: number | undefined;
         variant?: "multipleSelection" | "mutuallyExclusive" | undefined;
         label?: string | undefined;
@@ -2862,12 +2862,12 @@ declare const standardUI: GenerativeUI<{
         displayStyle?: "checkbox" | "chips" | undefined;
         filterable?: boolean | undefined;
       }, {
-        value?: string[] | undefined;
         options?: (string | {
           value: string;
           label?: string | undefined;
           description?: string | undefined;
         })[] | undefined;
+        value?: string[] | undefined;
         weight?: number | undefined;
         variant?: "multipleSelection" | "mutuallyExclusive" | undefined;
         label?: string | undefined;

package/dist/generative-ui.d.mts

@@ -1,4 +1,4 @@
-import { A as GenerativeUIFunctionInput, B as GenerativeUIInvokeResult, C as GenerativeUIComponentDefinition, D as GenerativeUIEventDefinition, E as GenerativeUIDefinitionsOf, F as SchemaInput, I as GenerativeUIError, L as GenerativeUIErrorCode, M as GenerativeUISlotKind, N as GenerativeUIStateOf, O as GenerativeUIFunctionArgs, P as createGenerativeUI, R as GenerativeUIErrorInfo, S as GenerativeUI, T as GenerativeUIComponentProps, _ as GenerativeUIThemeVariables, b as useGenerativeUIAccessibility, d as GenerativeUIMarkdownConfig, f as GenerativeUIToolConfig, g as GenerativeUIThemeVariable, h as GenerativeUIThemeValues, j as GenerativeUIFunctionName, k as GenerativeUIFunctionDefinition, l as GenerativeUIConfig, m as GenerativeUITheme, o as DefaultGenerativeUIChatCard, p as useGenerativeUIRuntime, s as GenerativeUIChatSurfaceProps, t as DefaultMarkdownRendererProps, u as GenerativeUIErrorBoundaryConfig, v as GenerativeUIAccessibility, w as GenerativeUIComponentName, x as CreateGenerativeUIConfig, y as GenerativeUIAriaAttributes, z as GenerativeUIEventHandler } from "./MarkdownRendererContext-CRKFzsEB.mjs";
+import { A as GenerativeUIFunctionInput, B as GenerativeUIInvokeResult, C as GenerativeUIComponentDefinition, D as GenerativeUIEventDefinition, E as GenerativeUIDefinitionsOf, F as SchemaInput, I as GenerativeUIError, L as GenerativeUIErrorCode, M as GenerativeUISlotKind, N as GenerativeUIStateOf, O as GenerativeUIFunctionArgs, P as createGenerativeUI, R as GenerativeUIErrorInfo, S as GenerativeUI, T as GenerativeUIComponentProps, _ as GenerativeUIThemeVariables, b as useGenerativeUIAccessibility, d as GenerativeUIMarkdownConfig, f as GenerativeUIToolConfig, g as GenerativeUIThemeVariable, h as GenerativeUIThemeValues, j as GenerativeUIFunctionName, k as GenerativeUIFunctionDefinition, l as GenerativeUIConfig, m as GenerativeUITheme, o as DefaultGenerativeUIChatCard, p as useGenerativeUIRuntime, s as GenerativeUIChatSurfaceProps, t as DefaultMarkdownRendererProps, u as GenerativeUIErrorBoundaryConfig, v as GenerativeUIAccessibility, w as GenerativeUIComponentName, x as CreateGenerativeUIConfig, y as GenerativeUIAriaAttributes, z as GenerativeUIEventHandler } from "./MarkdownRendererContext-XWC2OXD5.mjs";
 import * as react from "react";
 import { ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
@@ -2288,12 +2288,12 @@ declare const standardUI: GenerativeUI<{
         size: zod.ZodOptional<zod.ZodEnum<["sm", "md", "lg", "xl"]>>;
         pill: zod.ZodOptional<zod.ZodBoolean>;
       }, "strip", zod.ZodTypeAny, {
-        value?: string | undefined;
         options?: (string | {
           value: string;
           label?: string | undefined;
           description?: string | undefined;
         })[] | undefined;
+        value?: string | undefined;
         size?: "sm" | "md" | "lg" | "xl" | undefined;
         block?: boolean | undefined;
         label?: string | undefined;
@@ -2316,12 +2316,12 @@ declare const standardUI: GenerativeUI<{
         clearLabel?: string | undefined;
         searchable?: boolean | undefined;
       }, {
-        value?: string | undefined;
         options?: (string | {
           value: string;
           label?: string | undefined;
           description?: string | undefined;
         })[] | undefined;
+        value?: string | undefined;
         size?: "sm" | "md" | "lg" | "xl" | undefined;
         block?: boolean | undefined;
         label?: string | undefined;
@@ -2513,12 +2513,12 @@ declare const standardUI: GenerativeUI<{
         disabled: zod.ZodOptional<zod.ZodBoolean>;
         required: zod.ZodOptional<zod.ZodBoolean>;
       }, "strip", zod.ZodTypeAny, {
-        value?: string | undefined;
         options?: (string | {
           value: string;
           label?: string | undefined;
           description?: string | undefined;
         })[] | undefined;
+        value?: string | undefined;
         direction?: "col" | "row" | undefined;
         variant?: "list" | "pills" | "cards" | undefined;
         label?: string | undefined;
@@ -2535,12 +2535,12 @@ declare const standardUI: GenerativeUI<{
         name?: string | undefined;
         required?: boolean | undefined;
       }, {
-        value?: string | undefined;
         options?: (string | {
           value: string;
           label?: string | undefined;
           description?: string | undefined;
         })[] | undefined;
+        value?: string | undefined;
         direction?: "col" | "row" | undefined;
         variant?: "list" | "pills" | "cards" | undefined;
         label?: string | undefined;
@@ -2732,12 +2732,12 @@ declare const standardUI: GenerativeUI<{
         variant: zod.ZodOptional<zod.ZodEnum<["solid", "soft", "outline", "ghost"]>>;
         disabled: zod.ZodOptional<zod.ZodBoolean>;
       }, "strip", zod.ZodTypeAny, {
-        value?: string | undefined;
         options?: (string | {
           value: string;
           label?: string | undefined;
           description?: string | undefined;
         })[] | undefined;
+        value?: string | undefined;
         variant?: "solid" | "outline" | "soft" | "ghost" | undefined;
         size?: "sm" | "md" | "lg" | "xl" | undefined;
         block?: boolean | undefined;
@@ -2754,12 +2754,12 @@ declare const standardUI: GenerativeUI<{
         }[] | undefined;
         disabled?: boolean | undefined;
       }, {
-        value?: string | undefined;
         options?: (string | {
           value: string;
           label?: string | undefined;
           description?: string | undefined;
         })[] | undefined;
+        value?: string | undefined;
         variant?: "solid" | "outline" | "soft" | "ghost" | undefined;
         size?: "sm" | "md" | "lg" | "xl" | undefined;
         block?: boolean | undefined;
@@ -2839,12 +2839,12 @@ declare const standardUI: GenerativeUI<{
         disabled: zod.ZodOptional<zod.ZodBoolean>;
         required: zod.ZodOptional<zod.ZodBoolean>;
       }, "strip", zod.ZodTypeAny, {
-        value?: string[] | undefined;
         options?: (string | {
           value: string;
           label?: string | undefined;
           description?: string | undefined;
         })[] | undefined;
+        value?: string[] | undefined;
         weight?: number | undefined;
         variant?: "multipleSelection" | "mutuallyExclusive" | undefined;
         label?: string | undefined;
@@ -2862,12 +2862,12 @@ declare const standardUI: GenerativeUI<{
         displayStyle?: "checkbox" | "chips" | undefined;
         filterable?: boolean | undefined;
       }, {
-        value?: string[] | undefined;
         options?: (string | {
           value: string;
           label?: string | undefined;
           description?: string | undefined;
         })[] | undefined;
+        value?: string[] | undefined;
         weight?: number | undefined;
         variant?: "multipleSelection" | "mutuallyExclusive" | undefined;
         label?: string | undefined;

package/dist/generative-ui.mjs

@@ -1,6 +1,6 @@
 "use client";
 
-import { A as GenerativeUIError, F as toJsonSchema, P as createGenerativeUI, _ as GenerativeUINodeContext, b as useRequiredGenerativeUIRuntime, c as SurfaceView, d as namedRole, f as useGenerativeUIAccessibility, g as useManagerVersion, h as useGenerativeUIState, j as isRecord, l as DARK_THEME_CSS, m as useGenerativeUIFunction, n as ProviderMarkdown, p as wrapperAria, r as DefaultGenerativeUIChatCard, t as MarkdownSurfaces, u as controlAria, y as useGenerativeUIRuntime } from "./MarkdownSurfaces-Bd--93O1.mjs";
+import { A as GenerativeUIError, F as toJsonSchema, K as IconSvg, P as createGenerativeUI, _ as GenerativeUINodeContext, b as useRequiredGenerativeUIRuntime, c as SurfaceView, d as namedRole, f as useGenerativeUIAccessibility, g as useManagerVersion, h as useGenerativeUIState, j as isRecord, l as DARK_THEME_CSS, m as useGenerativeUIFunction, n as ProviderMarkdown, p as wrapperAria, r as DefaultGenerativeUIChatCard, t as MarkdownSurfaces, u as controlAria, y as useGenerativeUIRuntime } from "./MarkdownSurfaces-BXaxgpm_.mjs";
 import React, { Suspense, createContext, isValidElement, memo, useCallback, useContext, useEffect, useId, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { A2UI_CHILD_LIST_MARK, A2UI_CHILD_LIST_REF, A2UI_COMPONENT_ID_MARK, A2UI_COMPONENT_ID_REF, GENERATIVE_UI_FUNCTIONS, GENERATIVE_UI_MAX_TARGET_COMPONENTS, childRefKind, functionCallers } from "@copilotkit/shared";
@@ -2290,10 +2290,14 @@ const ICON_STROKE = {
 function kebabToPascal(name) {
 	return name.split(/[-_\s]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
 }
+/** "ArrowRight" gives "arrow-right", as Lucide names its icon classes. */
+function pascalToKebab(name) {
+	return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
 let lucidePromise = null;
 let lucideIcons = null;
 function loadLucideIcons() {
-	lucidePromise ??= import("lucide-react").then((module) => {
+	lucidePromise ??= import("lucide").then((module) => {
 		const icons = module.icons;
 		lucideIcons = icons;
 		return icons;
@@ -2301,9 +2305,9 @@ function loadLucideIcons() {
 	return lucidePromise;
 }
 /**
-* lucide-react has about 1,500 icons. A static import of its `icons` map
-* puts all of them in every bundle and makes module load slow. So the map
-* loads once, on first use, and the icons show when it is there.
+* Lucide has about 1,500 icons. A static import of its `icons` map puts all
+* of them in every bundle and makes module load slow. So the map loads once,
+* on first use, and the icons show when it is there.
 */
 function useLucideIcons() {
 	const [icons, setIcons] = useState(lucideIcons);
@@ -2319,6 +2323,20 @@ function useLucideIcons() {
 	}, []);
 	return icons;
 }
+/** The icon for a kebab-case or PascalCase name, or `null` when there is none. */
+function findLucideIcon(icons, name) {
+	const pascalName = kebabToPascal(name);
+	const key = pascalName in icons ? pascalName : name in icons ? name : null;
+	if (key === null) return null;
+	const nodes = icons[key].map(([tag, attributes]) => ({
+		tag,
+		attributes
+	}));
+	return {
+		lucideName: pascalToKebab(key),
+		nodes
+	};
+}
 /**
 * A lucide icon by kebab-case (or PascalCase) name. An unknown name renders
 * nothing. Without a `label`, the icon is hidden from screen readers.
@@ -2331,18 +2349,20 @@ function useLucideIcons() {
 function LucideIcon({ name, label, description, size = "md", color, weight, inline, style }) {
 	const icons = useLucideIcons();
 	if (!name || !icons) return null;
-	const IconComponent = icons[kebabToPascal(name)] ?? icons[name];
-	if (!IconComponent) return null;
+	const icon = findLucideIcon(icons, name);
+	if (!icon) return null;
 	const pixels = typeof size === "number" ? size : inline ? "1em" : ICON_PX$1[size];
-	return /* @__PURE__ */ jsx(IconComponent, {
-		...label === void 0 ? { "aria-hidden": true } : {
-			role: "img",
-			"aria-label": label,
-			"aria-description": description
-		},
+	const a11y = label === void 0 ? { "aria-hidden": true } : {
+		role: "img",
+		"aria-label": label,
+		"aria-description": description
+	};
+	return /* @__PURE__ */ jsx(IconSvg, {
+		lucideName: icon.lucideName,
+		nodes: icon.nodes,
+		...a11y,
 		focusable: "false",
-		width: pixels,
-		height: pixels,
+		size: pixels,
 		color: textColor(color) ?? "currentColor",
 		strokeWidth: weight ? ICON_STROKE[weight] : void 0,
 		style: {