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

package/dist/generative-ui.cjs

@@ -1,7 +1,7 @@
 "use client";
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_MarkdownSurfaces = require('./MarkdownSurfaces-S4wfUl3J.cjs');
+const require_MarkdownSurfaces = require('./MarkdownSurfaces-DQZM4lSI.cjs');
 let react = require("react");
 react = require_MarkdownSurfaces.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -2292,10 +2292,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;
@@ -2303,9 +2307,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] = (0, react.useState)(lucideIcons);
@@ -2321,6 +2325,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.
@@ -2333,18 +2351,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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(require_MarkdownSurfaces.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: {