@copilotkitnext/react 1.52.0-next.5 → 1.52.0-next.6

package/dist/components/chat/CopilotChatSuggestionPill.cjs

@@ -6,12 +6,13 @@ let lucide_react = require("lucide-react");
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/chat/CopilotChatSuggestionPill.tsx
-const baseClasses = "group inline-flex h-7 sm:h-8 items-center gap-1 sm:gap-1.5 rounded-full border border-border/60 bg-background px-2.5 sm:px-3 text-[11px] sm:text-xs leading-none text-foreground transition-colors cursor-pointer hover:bg-accent/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:text-muted-foreground disabled:hover:bg-background disabled:hover:text-muted-foreground pointer-events-auto";
-const labelClasses = "whitespace-nowrap font-medium leading-none";
+const baseClasses = "group cpk:inline-flex cpk:h-7 cpk:sm:h-8 cpk:items-center cpk:gap-1 cpk:sm:gap-1.5 cpk:rounded-full cpk:border cpk:border-border/60 cpk:bg-background cpk:px-2.5 cpk:sm:px-3 cpk:text-[11px] cpk:sm:text-xs cpk:leading-none cpk:text-foreground cpk:transition-colors cpk:cursor-pointer cpk:hover:bg-accent/60 cpk:hover:text-foreground cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-ring cpk:focus-visible:ring-offset-2 cpk:focus-visible:ring-offset-background cpk:disabled:cursor-not-allowed cpk:disabled:text-muted-foreground cpk:disabled:hover:bg-background cpk:disabled:hover:text-muted-foreground cpk:pointer-events-auto";
+const labelClasses = "cpk:whitespace-nowrap cpk:font-medium cpk:leading-none";
 const CopilotChatSuggestionPill = react.default.forwardRef(function CopilotChatSuggestionPill({ className, children, icon, isLoading, type, ...props }, ref) {
 	const showIcon = !isLoading && icon;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 		ref,
+		"data-copilotkit": true,
 		"data-slot": "suggestion-pill",
 		className: require_utils.cn(baseClasses, className),
 		type: type ?? "button",
@@ -19,13 +20,13 @@ const CopilotChatSuggestionPill = react.default.forwardRef(function CopilotChatS
 		disabled: isLoading || props.disabled,
 		...props,
 		children: [isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground",
+			className: "cpk:flex cpk:h-3.5 cpk:sm:h-4 cpk:w-3.5 cpk:sm:w-4 cpk:items-center cpk:justify-center cpk:text-muted-foreground",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2, {
-				className: "h-3.5 sm:h-4 w-3.5 sm:w-4 animate-spin",
+				className: "cpk:h-3.5 cpk:sm:h-4 cpk:w-3.5 cpk:sm:w-4 cpk:animate-spin",
 				"aria-hidden": "true"
 			})
 		}) : showIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground",
+			className: "cpk:flex cpk:h-3.5 cpk:sm:h-4 cpk:w-3.5 cpk:sm:w-4 cpk:items-center cpk:justify-center cpk:text-muted-foreground",
 			children: icon
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: labelClasses,

package/dist/components/chat/CopilotChatSuggestionPill.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChatSuggestionPill.cjs","names":["React","cn","Loader2"],"sources":["../../../src/components/chat/CopilotChatSuggestionPill.tsx"],"sourcesContent":["import React from \"react\";\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface CopilotChatSuggestionPillProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Optional icon to render on the left side when not loading. */\n  icon?: React.ReactNode;\n  /** Whether the pill should display a loading spinner. */\n  isLoading?: boolean;\n}\n\nconst baseClasses =\n  \"group inline-flex h-7 sm:h-8 items-center gap-1 sm:gap-1.5 rounded-full border border-border/60 bg-background px-2.5 sm:px-3 text-[11px] sm:text-xs leading-none text-foreground transition-colors cursor-pointer hover:bg-accent/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:text-muted-foreground disabled:hover:bg-background disabled:hover:text-muted-foreground pointer-events-auto\";\n\nconst labelClasses = \"whitespace-nowrap font-medium leading-none\";\n\nexport const CopilotChatSuggestionPill = React.forwardRef<\n  HTMLButtonElement,\n  CopilotChatSuggestionPillProps\n>(function CopilotChatSuggestionPill(\n  { className, children, icon, isLoading, type, ...props },\n  ref,\n) {\n  const showIcon = !isLoading && icon;\n\n  return (\n    <button\n      ref={ref}\n      data-slot=\"suggestion-pill\"\n      className={cn(baseClasses, className)}\n      type={type ?? \"button\"}\n      aria-busy={isLoading || undefined}\n      disabled={isLoading || props.disabled}\n      {...props}\n    >\n      {isLoading ? (\n        <span className=\"flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground\">\n          <Loader2\n            className=\"h-3.5 sm:h-4 w-3.5 sm:w-4 animate-spin\"\n            aria-hidden=\"true\"\n          />\n        </span>\n      ) : (\n        showIcon && (\n          <span className=\"flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground\">\n            {icon}\n          </span>\n        )\n      )}\n      <span className={labelClasses}>{children}</span>\n    </button>\n  );\n});\n\nCopilotChatSuggestionPill.displayName = \"CopilotChatSuggestionPill\";\n\nexport default CopilotChatSuggestionPill;\n"],"mappings":";;;;;;;;AAWA,MAAM,cACJ;AAEF,MAAM,eAAe;AAErB,MAAa,4BAA4BA,cAAM,WAG7C,SAAS,0BACT,EAAE,WAAW,UAAU,MAAM,WAAW,MAAM,GAAG,SACjD,KACA;CACA,MAAM,WAAW,CAAC,aAAa;AAE/B,QACE,4CAAC;EACM;EACL,aAAU;EACV,WAAWC,iBAAG,aAAa,UAAU;EACrC,MAAM,QAAQ;EACd,aAAW,aAAa;EACxB,UAAU,aAAa,MAAM;EAC7B,GAAI;aAEH,YACC,2CAAC;GAAK,WAAU;aACd,2CAACC;IACC,WAAU;IACV,eAAY;KACZ;IACG,GAEP,YACE,2CAAC;GAAK,WAAU;aACb;IACI,EAGX,2CAAC;GAAK,WAAW;GAAe;IAAgB;GACzC;EAEX;AAEF,0BAA0B,cAAc"}
+{"version":3,"file":"CopilotChatSuggestionPill.cjs","names":["React","cn","Loader2"],"sources":["../../../src/components/chat/CopilotChatSuggestionPill.tsx"],"sourcesContent":["import React from \"react\";\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface CopilotChatSuggestionPillProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Optional icon to render on the left side when not loading. */\n  icon?: React.ReactNode;\n  /** Whether the pill should display a loading spinner. */\n  isLoading?: boolean;\n}\n\nconst baseClasses =\n  \"group cpk:inline-flex cpk:h-7 cpk:sm:h-8 cpk:items-center cpk:gap-1 cpk:sm:gap-1.5 cpk:rounded-full cpk:border cpk:border-border/60 cpk:bg-background cpk:px-2.5 cpk:sm:px-3 cpk:text-[11px] cpk:sm:text-xs cpk:leading-none cpk:text-foreground cpk:transition-colors cpk:cursor-pointer cpk:hover:bg-accent/60 cpk:hover:text-foreground cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-ring cpk:focus-visible:ring-offset-2 cpk:focus-visible:ring-offset-background cpk:disabled:cursor-not-allowed cpk:disabled:text-muted-foreground cpk:disabled:hover:bg-background cpk:disabled:hover:text-muted-foreground cpk:pointer-events-auto\";\n\nconst labelClasses = \"cpk:whitespace-nowrap cpk:font-medium cpk:leading-none\";\n\nexport const CopilotChatSuggestionPill = React.forwardRef<\n  HTMLButtonElement,\n  CopilotChatSuggestionPillProps\n>(function CopilotChatSuggestionPill(\n  { className, children, icon, isLoading, type, ...props },\n  ref,\n) {\n  const showIcon = !isLoading && icon;\n\n  return (\n    <button\n      ref={ref}\n      data-copilotkit\n      data-slot=\"suggestion-pill\"\n      className={cn(baseClasses, className)}\n      type={type ?? \"button\"}\n      aria-busy={isLoading || undefined}\n      disabled={isLoading || props.disabled}\n      {...props}\n    >\n      {isLoading ? (\n        <span className=\"cpk:flex cpk:h-3.5 cpk:sm:h-4 cpk:w-3.5 cpk:sm:w-4 cpk:items-center cpk:justify-center cpk:text-muted-foreground\">\n          <Loader2\n            className=\"cpk:h-3.5 cpk:sm:h-4 cpk:w-3.5 cpk:sm:w-4 cpk:animate-spin\"\n            aria-hidden=\"true\"\n          />\n        </span>\n      ) : (\n        showIcon && (\n          <span className=\"cpk:flex cpk:h-3.5 cpk:sm:h-4 cpk:w-3.5 cpk:sm:w-4 cpk:items-center cpk:justify-center cpk:text-muted-foreground\">\n            {icon}\n          </span>\n        )\n      )}\n      <span className={labelClasses}>{children}</span>\n    </button>\n  );\n});\n\nCopilotChatSuggestionPill.displayName = \"CopilotChatSuggestionPill\";\n\nexport default CopilotChatSuggestionPill;\n"],"mappings":";;;;;;;;AAWA,MAAM,cACJ;AAEF,MAAM,eAAe;AAErB,MAAa,4BAA4BA,cAAM,WAG7C,SAAS,0BACT,EAAE,WAAW,UAAU,MAAM,WAAW,MAAM,GAAG,SACjD,KACA;CACA,MAAM,WAAW,CAAC,aAAa;AAE/B,QACE,4CAAC;EACM;EACL;EACA,aAAU;EACV,WAAWC,iBAAG,aAAa,UAAU;EACrC,MAAM,QAAQ;EACd,aAAW,aAAa;EACxB,UAAU,aAAa,MAAM;EAC7B,GAAI;aAEH,YACC,2CAAC;GAAK,WAAU;aACd,2CAACC;IACC,WAAU;IACV,eAAY;KACZ;IACG,GAEP,YACE,2CAAC;GAAK,WAAU;aACb;IACI,EAGX,2CAAC;GAAK,WAAW;GAAe;IAAgB;GACzC;EAEX;AAEF,0BAA0B,cAAc"}

package/dist/components/chat/CopilotChatSuggestionPill.mjs

@@ -4,12 +4,13 @@ import { Loader2 } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/chat/CopilotChatSuggestionPill.tsx
-const baseClasses = "group inline-flex h-7 sm:h-8 items-center gap-1 sm:gap-1.5 rounded-full border border-border/60 bg-background px-2.5 sm:px-3 text-[11px] sm:text-xs leading-none text-foreground transition-colors cursor-pointer hover:bg-accent/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:text-muted-foreground disabled:hover:bg-background disabled:hover:text-muted-foreground pointer-events-auto";
-const labelClasses = "whitespace-nowrap font-medium leading-none";
+const baseClasses = "group cpk:inline-flex cpk:h-7 cpk:sm:h-8 cpk:items-center cpk:gap-1 cpk:sm:gap-1.5 cpk:rounded-full cpk:border cpk:border-border/60 cpk:bg-background cpk:px-2.5 cpk:sm:px-3 cpk:text-[11px] cpk:sm:text-xs cpk:leading-none cpk:text-foreground cpk:transition-colors cpk:cursor-pointer cpk:hover:bg-accent/60 cpk:hover:text-foreground cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-ring cpk:focus-visible:ring-offset-2 cpk:focus-visible:ring-offset-background cpk:disabled:cursor-not-allowed cpk:disabled:text-muted-foreground cpk:disabled:hover:bg-background cpk:disabled:hover:text-muted-foreground cpk:pointer-events-auto";
+const labelClasses = "cpk:whitespace-nowrap cpk:font-medium cpk:leading-none";
 const CopilotChatSuggestionPill = React.forwardRef(function CopilotChatSuggestionPill({ className, children, icon, isLoading, type, ...props }, ref) {
 	const showIcon = !isLoading && icon;
 	return /* @__PURE__ */ jsxs("button", {
 		ref,
+		"data-copilotkit": true,
 		"data-slot": "suggestion-pill",
 		className: cn(baseClasses, className),
 		type: type ?? "button",
@@ -17,13 +18,13 @@ const CopilotChatSuggestionPill = React.forwardRef(function CopilotChatSuggestio
 		disabled: isLoading || props.disabled,
 		...props,
 		children: [isLoading ? /* @__PURE__ */ jsx("span", {
-			className: "flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground",
+			className: "cpk:flex cpk:h-3.5 cpk:sm:h-4 cpk:w-3.5 cpk:sm:w-4 cpk:items-center cpk:justify-center cpk:text-muted-foreground",
 			children: /* @__PURE__ */ jsx(Loader2, {
-				className: "h-3.5 sm:h-4 w-3.5 sm:w-4 animate-spin",
+				className: "cpk:h-3.5 cpk:sm:h-4 cpk:w-3.5 cpk:sm:w-4 cpk:animate-spin",
 				"aria-hidden": "true"
 			})
 		}) : showIcon && /* @__PURE__ */ jsx("span", {
-			className: "flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground",
+			className: "cpk:flex cpk:h-3.5 cpk:sm:h-4 cpk:w-3.5 cpk:sm:w-4 cpk:items-center cpk:justify-center cpk:text-muted-foreground",
 			children: icon
 		}), /* @__PURE__ */ jsx("span", {
 			className: labelClasses,

package/dist/components/chat/CopilotChatSuggestionPill.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChatSuggestionPill.mjs","names":[],"sources":["../../../src/components/chat/CopilotChatSuggestionPill.tsx"],"sourcesContent":["import React from \"react\";\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface CopilotChatSuggestionPillProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Optional icon to render on the left side when not loading. */\n  icon?: React.ReactNode;\n  /** Whether the pill should display a loading spinner. */\n  isLoading?: boolean;\n}\n\nconst baseClasses =\n  \"group inline-flex h-7 sm:h-8 items-center gap-1 sm:gap-1.5 rounded-full border border-border/60 bg-background px-2.5 sm:px-3 text-[11px] sm:text-xs leading-none text-foreground transition-colors cursor-pointer hover:bg-accent/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:text-muted-foreground disabled:hover:bg-background disabled:hover:text-muted-foreground pointer-events-auto\";\n\nconst labelClasses = \"whitespace-nowrap font-medium leading-none\";\n\nexport const CopilotChatSuggestionPill = React.forwardRef<\n  HTMLButtonElement,\n  CopilotChatSuggestionPillProps\n>(function CopilotChatSuggestionPill(\n  { className, children, icon, isLoading, type, ...props },\n  ref,\n) {\n  const showIcon = !isLoading && icon;\n\n  return (\n    <button\n      ref={ref}\n      data-slot=\"suggestion-pill\"\n      className={cn(baseClasses, className)}\n      type={type ?? \"button\"}\n      aria-busy={isLoading || undefined}\n      disabled={isLoading || props.disabled}\n      {...props}\n    >\n      {isLoading ? (\n        <span className=\"flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground\">\n          <Loader2\n            className=\"h-3.5 sm:h-4 w-3.5 sm:w-4 animate-spin\"\n            aria-hidden=\"true\"\n          />\n        </span>\n      ) : (\n        showIcon && (\n          <span className=\"flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground\">\n            {icon}\n          </span>\n        )\n      )}\n      <span className={labelClasses}>{children}</span>\n    </button>\n  );\n});\n\nCopilotChatSuggestionPill.displayName = \"CopilotChatSuggestionPill\";\n\nexport default CopilotChatSuggestionPill;\n"],"mappings":";;;;;;AAWA,MAAM,cACJ;AAEF,MAAM,eAAe;AAErB,MAAa,4BAA4B,MAAM,WAG7C,SAAS,0BACT,EAAE,WAAW,UAAU,MAAM,WAAW,MAAM,GAAG,SACjD,KACA;CACA,MAAM,WAAW,CAAC,aAAa;AAE/B,QACE,qBAAC;EACM;EACL,aAAU;EACV,WAAW,GAAG,aAAa,UAAU;EACrC,MAAM,QAAQ;EACd,aAAW,aAAa;EACxB,UAAU,aAAa,MAAM;EAC7B,GAAI;aAEH,YACC,oBAAC;GAAK,WAAU;aACd,oBAAC;IACC,WAAU;IACV,eAAY;KACZ;IACG,GAEP,YACE,oBAAC;GAAK,WAAU;aACb;IACI,EAGX,oBAAC;GAAK,WAAW;GAAe;IAAgB;GACzC;EAEX;AAEF,0BAA0B,cAAc"}
+{"version":3,"file":"CopilotChatSuggestionPill.mjs","names":[],"sources":["../../../src/components/chat/CopilotChatSuggestionPill.tsx"],"sourcesContent":["import React from \"react\";\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface CopilotChatSuggestionPillProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Optional icon to render on the left side when not loading. */\n  icon?: React.ReactNode;\n  /** Whether the pill should display a loading spinner. */\n  isLoading?: boolean;\n}\n\nconst baseClasses =\n  \"group cpk:inline-flex cpk:h-7 cpk:sm:h-8 cpk:items-center cpk:gap-1 cpk:sm:gap-1.5 cpk:rounded-full cpk:border cpk:border-border/60 cpk:bg-background cpk:px-2.5 cpk:sm:px-3 cpk:text-[11px] cpk:sm:text-xs cpk:leading-none cpk:text-foreground cpk:transition-colors cpk:cursor-pointer cpk:hover:bg-accent/60 cpk:hover:text-foreground cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-ring cpk:focus-visible:ring-offset-2 cpk:focus-visible:ring-offset-background cpk:disabled:cursor-not-allowed cpk:disabled:text-muted-foreground cpk:disabled:hover:bg-background cpk:disabled:hover:text-muted-foreground cpk:pointer-events-auto\";\n\nconst labelClasses = \"cpk:whitespace-nowrap cpk:font-medium cpk:leading-none\";\n\nexport const CopilotChatSuggestionPill = React.forwardRef<\n  HTMLButtonElement,\n  CopilotChatSuggestionPillProps\n>(function CopilotChatSuggestionPill(\n  { className, children, icon, isLoading, type, ...props },\n  ref,\n) {\n  const showIcon = !isLoading && icon;\n\n  return (\n    <button\n      ref={ref}\n      data-copilotkit\n      data-slot=\"suggestion-pill\"\n      className={cn(baseClasses, className)}\n      type={type ?? \"button\"}\n      aria-busy={isLoading || undefined}\n      disabled={isLoading || props.disabled}\n      {...props}\n    >\n      {isLoading ? (\n        <span className=\"cpk:flex cpk:h-3.5 cpk:sm:h-4 cpk:w-3.5 cpk:sm:w-4 cpk:items-center cpk:justify-center cpk:text-muted-foreground\">\n          <Loader2\n            className=\"cpk:h-3.5 cpk:sm:h-4 cpk:w-3.5 cpk:sm:w-4 cpk:animate-spin\"\n            aria-hidden=\"true\"\n          />\n        </span>\n      ) : (\n        showIcon && (\n          <span className=\"cpk:flex cpk:h-3.5 cpk:sm:h-4 cpk:w-3.5 cpk:sm:w-4 cpk:items-center cpk:justify-center cpk:text-muted-foreground\">\n            {icon}\n          </span>\n        )\n      )}\n      <span className={labelClasses}>{children}</span>\n    </button>\n  );\n});\n\nCopilotChatSuggestionPill.displayName = \"CopilotChatSuggestionPill\";\n\nexport default CopilotChatSuggestionPill;\n"],"mappings":";;;;;;AAWA,MAAM,cACJ;AAEF,MAAM,eAAe;AAErB,MAAa,4BAA4B,MAAM,WAG7C,SAAS,0BACT,EAAE,WAAW,UAAU,MAAM,WAAW,MAAM,GAAG,SACjD,KACA;CACA,MAAM,WAAW,CAAC,aAAa;AAE/B,QACE,qBAAC;EACM;EACL;EACA,aAAU;EACV,WAAW,GAAG,aAAa,UAAU;EACrC,MAAM,QAAQ;EACd,aAAW,aAAa;EACxB,UAAU,aAAa,MAAM;EAC7B,GAAI;aAEH,YACC,oBAAC;GAAK,WAAU;aACd,oBAAC;IACC,WAAU;IACV,eAAY;KACZ;IACG,GAEP,YACE,oBAAC;GAAK,WAAU;aACb;IACI,EAGX,oBAAC;GAAK,WAAW;GAAe;IAAgB;GACzC;EAEX;AAEF,0BAA0B,cAAc"}

package/dist/components/chat/CopilotChatSuggestionView.cjs

@@ -10,7 +10,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 const DefaultContainer = react.default.forwardRef(function DefaultContainer({ className, ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		ref,
-		className: require_utils.cn("flex flex-wrap items-center gap-1.5 sm:gap-2 pl-0 pr-4 sm:px-0 pointer-events-none", className),
+		"data-copilotkit": true,
+		className: require_utils.cn("cpk:flex cpk:flex-wrap cpk:items-center cpk:gap-1.5 cpk:sm:gap-2 cpk:pl-0 cpk:pr-4 cpk:sm:px-0 cpk:pointer-events-none", className),
 		...props
 	});
 });
@@ -35,20 +36,31 @@ const CopilotChatSuggestionView = react.default.forwardRef(function CopilotChatS
 		return react.default.cloneElement(pill, { key: `${suggestion.title}-${index}` });
 	});
 	const boundContainer = react.default.cloneElement(ContainerElement, void 0, suggestionElements);
-	if (typeof children === "function") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children({
-		container: boundContainer,
-		suggestion: require_slots.renderSlot(suggestionSlot, require_CopilotChatSuggestionPill.default, {
+	if (typeof children === "function") {
+		const sampleSuggestion = require_slots.renderSlot(suggestionSlot, require_CopilotChatSuggestionPill.default, {
 			children: suggestions[0]?.title ?? "",
 			isLoading: suggestions.length > 0 ? loadingSet.has(0) || suggestions[0]?.isLoading === true : false,
 			type: "button"
-		}),
-		suggestions,
-		onSelectSuggestion,
-		loadingIndexes,
-		className,
-		...restProps
-	}) });
-	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [boundContainer, children] });
+		});
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-copilotkit": true,
+			style: { display: "contents" },
+			children: children({
+				container: boundContainer,
+				suggestion: sampleSuggestion,
+				suggestions,
+				onSelectSuggestion,
+				loadingIndexes,
+				className,
+				...restProps
+			})
+		});
+	}
+	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		"data-copilotkit": true,
+		style: { display: "contents" },
+		children: [boundContainer, children]
+	});
 	return boundContainer;
 });
 CopilotChatSuggestionView.displayName = "CopilotChatSuggestionView";

package/dist/components/chat/CopilotChatSuggestionView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChatSuggestionView.cjs","names":["React","cn","renderSlot","CopilotChatSuggestionPill"],"sources":["../../../src/components/chat/CopilotChatSuggestionView.tsx"],"sourcesContent":["import React from \"react\";\nimport { Suggestion } from \"@copilotkitnext/core\";\nimport { renderSlot, WithSlots } from \"@/lib/slots\";\nimport { cn } from \"@/lib/utils\";\nimport CopilotChatSuggestionPill, {\n  CopilotChatSuggestionPillProps,\n} from \"./CopilotChatSuggestionPill\";\n\nconst DefaultContainer = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function DefaultContainer({ className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 sm:gap-2 pl-0 pr-4 sm:px-0 pointer-events-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport type CopilotChatSuggestionViewProps = WithSlots<\n  {\n    container: typeof DefaultContainer;\n    suggestion: typeof CopilotChatSuggestionPill;\n  },\n  {\n    suggestions: Suggestion[];\n    onSelectSuggestion?: (suggestion: Suggestion, index: number) => void;\n    loadingIndexes?: ReadonlyArray<number>;\n  } & React.HTMLAttributes<HTMLDivElement>\n>;\n\nexport const CopilotChatSuggestionView = React.forwardRef<\n  HTMLDivElement,\n  CopilotChatSuggestionViewProps\n>(function CopilotChatSuggestionView(\n  {\n    suggestions,\n    onSelectSuggestion,\n    loadingIndexes,\n    container,\n    suggestion: suggestionSlot,\n    className,\n    children,\n    ...restProps\n  },\n  ref,\n) {\n  const loadingSet = React.useMemo(() => {\n    if (!loadingIndexes || loadingIndexes.length === 0) {\n      return new Set<number>();\n    }\n    return new Set(loadingIndexes);\n  }, [loadingIndexes]);\n\n  const ContainerElement = renderSlot(container, DefaultContainer, {\n    ref,\n    className,\n    ...restProps,\n  });\n\n  const suggestionElements = suggestions.map((suggestion, index) => {\n    const isLoading = loadingSet.has(index) || suggestion.isLoading === true;\n    const pill = renderSlot<\n      typeof CopilotChatSuggestionPill,\n      CopilotChatSuggestionPillProps\n    >(suggestionSlot, CopilotChatSuggestionPill, {\n      children: suggestion.title,\n      isLoading,\n      type: \"button\",\n      onClick: () => onSelectSuggestion?.(suggestion, index),\n    });\n\n    return React.cloneElement(pill, {\n      key: `${suggestion.title}-${index}`,\n    });\n  });\n\n  const boundContainer = React.cloneElement(\n    ContainerElement,\n    undefined,\n    suggestionElements,\n  );\n\n  if (typeof children === \"function\") {\n    const sampleSuggestion = renderSlot<\n      typeof CopilotChatSuggestionPill,\n      CopilotChatSuggestionPillProps\n    >(suggestionSlot, CopilotChatSuggestionPill, {\n      children: suggestions[0]?.title ?? \"\",\n      isLoading:\n        suggestions.length > 0\n          ? loadingSet.has(0) || suggestions[0]?.isLoading === true\n          : false,\n      type: \"button\",\n    });\n\n    return (\n      <>\n        {children({\n          container: boundContainer,\n          suggestion: sampleSuggestion,\n          suggestions,\n          onSelectSuggestion,\n          loadingIndexes,\n          className,\n          ...restProps,\n        })}\n      </>\n    );\n  }\n\n  if (children) {\n    return (\n      <>\n        {boundContainer}\n        {children}\n      </>\n    );\n  }\n\n  return boundContainer;\n});\n\nCopilotChatSuggestionView.displayName = \"CopilotChatSuggestionView\";\n\nexport default CopilotChatSuggestionView;\n"],"mappings":";;;;;;;;;AAQA,MAAM,mBAAmBA,cAAM,WAG7B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;AACxD,QACE,2CAAC;EACM;EACL,WAAWC,iBACT,sFACA,UACD;EACD,GAAI;GACJ;EAEJ;AAcF,MAAa,4BAA4BD,cAAM,WAG7C,SAAS,0BACT,EACE,aACA,oBACA,gBACA,WACA,YAAY,gBACZ,WACA,UACA,GAAG,aAEL,KACA;CACA,MAAM,aAAaA,cAAM,cAAc;AACrC,MAAI,CAAC,kBAAkB,eAAe,WAAW,EAC/C,wBAAO,IAAI,KAAa;AAE1B,SAAO,IAAI,IAAI,eAAe;IAC7B,CAAC,eAAe,CAAC;CAEpB,MAAM,mBAAmBE,yBAAW,WAAW,kBAAkB;EAC/D;EACA;EACA,GAAG;EACJ,CAAC;CAEF,MAAM,qBAAqB,YAAY,KAAK,YAAY,UAAU;EAChE,MAAM,YAAY,WAAW,IAAI,MAAM,IAAI,WAAW,cAAc;EACpE,MAAM,OAAOA,yBAGX,gBAAgBC,2CAA2B;GAC3C,UAAU,WAAW;GACrB;GACA,MAAM;GACN,eAAe,qBAAqB,YAAY,MAAM;GACvD,CAAC;AAEF,SAAOH,cAAM,aAAa,MAAM,EAC9B,KAAK,GAAG,WAAW,MAAM,GAAG,SAC7B,CAAC;GACF;CAEF,MAAM,iBAAiBA,cAAM,aAC3B,kBACA,QACA,mBACD;AAED,KAAI,OAAO,aAAa,WAatB,QACE,mFACG,SAAS;EACR,WAAW;EACX,YAhBmBE,yBAGvB,gBAAgBC,2CAA2B;GAC3C,UAAU,YAAY,IAAI,SAAS;GACnC,WACE,YAAY,SAAS,IACjB,WAAW,IAAI,EAAE,IAAI,YAAY,IAAI,cAAc,OACnD;GACN,MAAM;GACP,CAAC;EAOI;EACA;EACA;EACA;EACA,GAAG;EACJ,CAAC,GACD;AAIP,KAAI,SACF,QACE,qFACG,gBACA,YACA;AAIP,QAAO;EACP;AAEF,0BAA0B,cAAc"}
+{"version":3,"file":"CopilotChatSuggestionView.cjs","names":["React","cn","renderSlot","CopilotChatSuggestionPill"],"sources":["../../../src/components/chat/CopilotChatSuggestionView.tsx"],"sourcesContent":["import React from \"react\";\nimport { Suggestion } from \"@copilotkitnext/core\";\nimport { renderSlot, WithSlots } from \"@/lib/slots\";\nimport { cn } from \"@/lib/utils\";\nimport CopilotChatSuggestionPill, {\n  CopilotChatSuggestionPillProps,\n} from \"./CopilotChatSuggestionPill\";\n\nconst DefaultContainer = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function DefaultContainer({ className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      data-copilotkit\n      className={cn(\n        \"cpk:flex cpk:flex-wrap cpk:items-center cpk:gap-1.5 cpk:sm:gap-2 cpk:pl-0 cpk:pr-4 cpk:sm:px-0 cpk:pointer-events-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport type CopilotChatSuggestionViewProps = WithSlots<\n  {\n    container: typeof DefaultContainer;\n    suggestion: typeof CopilotChatSuggestionPill;\n  },\n  {\n    suggestions: Suggestion[];\n    onSelectSuggestion?: (suggestion: Suggestion, index: number) => void;\n    loadingIndexes?: ReadonlyArray<number>;\n  } & React.HTMLAttributes<HTMLDivElement>\n>;\n\nexport const CopilotChatSuggestionView = React.forwardRef<\n  HTMLDivElement,\n  CopilotChatSuggestionViewProps\n>(function CopilotChatSuggestionView(\n  {\n    suggestions,\n    onSelectSuggestion,\n    loadingIndexes,\n    container,\n    suggestion: suggestionSlot,\n    className,\n    children,\n    ...restProps\n  },\n  ref,\n) {\n  const loadingSet = React.useMemo(() => {\n    if (!loadingIndexes || loadingIndexes.length === 0) {\n      return new Set<number>();\n    }\n    return new Set(loadingIndexes);\n  }, [loadingIndexes]);\n\n  const ContainerElement = renderSlot(container, DefaultContainer, {\n    ref,\n    className,\n    ...restProps,\n  });\n\n  const suggestionElements = suggestions.map((suggestion, index) => {\n    const isLoading = loadingSet.has(index) || suggestion.isLoading === true;\n    const pill = renderSlot<\n      typeof CopilotChatSuggestionPill,\n      CopilotChatSuggestionPillProps\n    >(suggestionSlot, CopilotChatSuggestionPill, {\n      children: suggestion.title,\n      isLoading,\n      type: \"button\",\n      onClick: () => onSelectSuggestion?.(suggestion, index),\n    });\n\n    return React.cloneElement(pill, {\n      key: `${suggestion.title}-${index}`,\n    });\n  });\n\n  const boundContainer = React.cloneElement(\n    ContainerElement,\n    undefined,\n    suggestionElements,\n  );\n\n  if (typeof children === \"function\") {\n    const sampleSuggestion = renderSlot<\n      typeof CopilotChatSuggestionPill,\n      CopilotChatSuggestionPillProps\n    >(suggestionSlot, CopilotChatSuggestionPill, {\n      children: suggestions[0]?.title ?? \"\",\n      isLoading:\n        suggestions.length > 0\n          ? loadingSet.has(0) || suggestions[0]?.isLoading === true\n          : false,\n      type: \"button\",\n    });\n\n    return (\n      <div data-copilotkit style={{ display: \"contents\" }}>\n        {children({\n          container: boundContainer,\n          suggestion: sampleSuggestion,\n          suggestions,\n          onSelectSuggestion,\n          loadingIndexes,\n          className,\n          ...restProps,\n        })}\n      </div>\n    );\n  }\n\n  if (children) {\n    return (\n      <div data-copilotkit style={{ display: \"contents\" }}>\n        {boundContainer}\n        {children}\n      </div>\n    );\n  }\n\n  return boundContainer;\n});\n\nCopilotChatSuggestionView.displayName = \"CopilotChatSuggestionView\";\n\nexport default CopilotChatSuggestionView;\n"],"mappings":";;;;;;;;;AAQA,MAAM,mBAAmBA,cAAM,WAG7B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;AACxD,QACE,2CAAC;EACM;EACL;EACA,WAAWC,iBACT,0HACA,UACD;EACD,GAAI;GACJ;EAEJ;AAcF,MAAa,4BAA4BD,cAAM,WAG7C,SAAS,0BACT,EACE,aACA,oBACA,gBACA,WACA,YAAY,gBACZ,WACA,UACA,GAAG,aAEL,KACA;CACA,MAAM,aAAaA,cAAM,cAAc;AACrC,MAAI,CAAC,kBAAkB,eAAe,WAAW,EAC/C,wBAAO,IAAI,KAAa;AAE1B,SAAO,IAAI,IAAI,eAAe;IAC7B,CAAC,eAAe,CAAC;CAEpB,MAAM,mBAAmBE,yBAAW,WAAW,kBAAkB;EAC/D;EACA;EACA,GAAG;EACJ,CAAC;CAEF,MAAM,qBAAqB,YAAY,KAAK,YAAY,UAAU;EAChE,MAAM,YAAY,WAAW,IAAI,MAAM,IAAI,WAAW,cAAc;EACpE,MAAM,OAAOA,yBAGX,gBAAgBC,2CAA2B;GAC3C,UAAU,WAAW;GACrB;GACA,MAAM;GACN,eAAe,qBAAqB,YAAY,MAAM;GACvD,CAAC;AAEF,SAAOH,cAAM,aAAa,MAAM,EAC9B,KAAK,GAAG,WAAW,MAAM,GAAG,SAC7B,CAAC;GACF;CAEF,MAAM,iBAAiBA,cAAM,aAC3B,kBACA,QACA,mBACD;AAED,KAAI,OAAO,aAAa,YAAY;EAClC,MAAM,mBAAmBE,yBAGvB,gBAAgBC,2CAA2B;GAC3C,UAAU,YAAY,IAAI,SAAS;GACnC,WACE,YAAY,SAAS,IACjB,WAAW,IAAI,EAAE,IAAI,YAAY,IAAI,cAAc,OACnD;GACN,MAAM;GACP,CAAC;AAEF,SACE,2CAAC;GAAI;GAAgB,OAAO,EAAE,SAAS,YAAY;aAChD,SAAS;IACR,WAAW;IACX,YAAY;IACZ;IACA;IACA;IACA;IACA,GAAG;IACJ,CAAC;IACE;;AAIV,KAAI,SACF,QACE,4CAAC;EAAI;EAAgB,OAAO,EAAE,SAAS,YAAY;aAChD,gBACA;GACG;AAIV,QAAO;EACP;AAEF,0BAA0B,cAAc"}

package/dist/components/chat/CopilotChatSuggestionView.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChatSuggestionView.d.cts","names":[],"sources":["../../../src/components/chat/CopilotChatSuggestionView.tsx"],"mappings":";;;;;;cAQM,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,KAAA,CAAA,cAAA,CAAA,cAAA,IAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,KAgBV,8BAAA,GAAiC,SAAA;EAEzC,SAAA,SAAkB,gBAAA;EAClB,UAAA,SAAmB,yBAAA;AAAA;EAGnB,WAAA,EAAa,UAAA;EACb,kBAAA,IAAsB,UAAA,EAAY,UAAA,EAAY,KAAA;EAC9C,cAAA,GAAiB,aAAA;AAAA,IACf,KAAA,CAAM,cAAA,CAAe,cAAA;AAAA,cAGd,yBAAA,EAAyB,KAAA,CAAA,yBAAA;;;;;;;;iBANrB,UAAA;0BACS,UAAA,EAAY,UAAA,EAAY,KAAA;qBAC7B,aAAA;EAAA,6CAAN,KAAA,CAAO,SAAA;AAAA;eAFL,UAAA;wBACS,UAAA,EAAY,UAAA,EAAY,KAAA;mBAC7B,aAAA;AAAA"}
+{"version":3,"file":"CopilotChatSuggestionView.d.cts","names":[],"sources":["../../../src/components/chat/CopilotChatSuggestionView.tsx"],"mappings":";;;;;;cAQM,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,KAAA,CAAA,cAAA,CAAA,cAAA,IAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,KAiBV,8BAAA,GAAiC,SAAA;EAEzC,SAAA,SAAkB,gBAAA;EAClB,UAAA,SAAmB,yBAAA;AAAA;EAGnB,WAAA,EAAa,UAAA;EACb,kBAAA,IAAsB,UAAA,EAAY,UAAA,EAAY,KAAA;EAC9C,cAAA,GAAiB,aAAA;AAAA,IACf,KAAA,CAAM,cAAA,CAAe,cAAA;AAAA,cAGd,yBAAA,EAAyB,KAAA,CAAA,yBAAA;;;;;;;;iBANrB,UAAA;0BACS,UAAA,EAAY,UAAA,EAAY,KAAA;qBAC7B,aAAA;EAAA,6CADU,KAAA,CAAO,SAAA;AAAA;eADrB,UAAA;wBACS,UAAA,EAAY,UAAA,EAAY,KAAA;mBAC7B,aAAA;AAAA"}

package/dist/components/chat/CopilotChatSuggestionView.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChatSuggestionView.d.mts","names":[],"sources":["../../../src/components/chat/CopilotChatSuggestionView.tsx"],"mappings":";;;;;;cAQM,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,KAAA,CAAA,cAAA,CAAA,cAAA,IAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,KAgBV,8BAAA,GAAiC,SAAA;EAEzC,SAAA,SAAkB,gBAAA;EAClB,UAAA,SAAmB,yBAAA;AAAA;EAGnB,WAAA,EAAa,UAAA;EACb,kBAAA,IAAsB,UAAA,EAAY,UAAA,EAAY,KAAA;EAC9C,cAAA,GAAiB,aAAA;AAAA,IACf,KAAA,CAAM,cAAA,CAAe,cAAA;AAAA,cAGd,yBAAA,EAAyB,KAAA,CAAA,yBAAA;;;;;;;;iBANrB,UAAA;0BACS,UAAA,EAAY,UAAA,EAAY,KAAA;qBAC7B,aAAA;EAAA,6CAAN,KAAA,CAAO,SAAA;AAAA;eAFL,UAAA;wBACS,UAAA,EAAY,UAAA,EAAY,KAAA;mBAC7B,aAAA;AAAA"}
+{"version":3,"file":"CopilotChatSuggestionView.d.mts","names":[],"sources":["../../../src/components/chat/CopilotChatSuggestionView.tsx"],"mappings":";;;;;;cAQM,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,KAAA,CAAA,cAAA,CAAA,cAAA,IAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,KAiBV,8BAAA,GAAiC,SAAA;EAEzC,SAAA,SAAkB,gBAAA;EAClB,UAAA,SAAmB,yBAAA;AAAA;EAGnB,WAAA,EAAa,UAAA;EACb,kBAAA,IAAsB,UAAA,EAAY,UAAA,EAAY,KAAA;EAC9C,cAAA,GAAiB,aAAA;AAAA,IACf,KAAA,CAAM,cAAA,CAAe,cAAA;AAAA,cAGd,yBAAA,EAAyB,KAAA,CAAA,yBAAA;;;;;;;;iBANrB,UAAA;0BACS,UAAA,EAAY,UAAA,EAAY,KAAA;qBAC7B,aAAA;EAAA,6CADU,KAAA,CAAO,SAAA;AAAA;eADrB,UAAA;wBACS,UAAA,EAAY,UAAA,EAAY,KAAA;mBAC7B,aAAA;AAAA"}

package/dist/components/chat/CopilotChatSuggestionView.mjs

@@ -2,13 +2,14 @@ import { cn } from "../../lib/utils.mjs";
 import { renderSlot } from "../../lib/slots.mjs";
 import CopilotChatSuggestionPill from "./CopilotChatSuggestionPill.mjs";
 import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/chat/CopilotChatSuggestionView.tsx
 const DefaultContainer = React.forwardRef(function DefaultContainer({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
-		className: cn("flex flex-wrap items-center gap-1.5 sm:gap-2 pl-0 pr-4 sm:px-0 pointer-events-none", className),
+		"data-copilotkit": true,
+		className: cn("cpk:flex cpk:flex-wrap cpk:items-center cpk:gap-1.5 cpk:sm:gap-2 cpk:pl-0 cpk:pr-4 cpk:sm:px-0 cpk:pointer-events-none", className),
 		...props
 	});
 });
@@ -33,20 +34,31 @@ const CopilotChatSuggestionView = React.forwardRef(function CopilotChatSuggestio
 		return React.cloneElement(pill, { key: `${suggestion.title}-${index}` });
 	});
 	const boundContainer = React.cloneElement(ContainerElement, void 0, suggestionElements);
-	if (typeof children === "function") return /* @__PURE__ */ jsx(Fragment, { children: children({
-		container: boundContainer,
-		suggestion: renderSlot(suggestionSlot, CopilotChatSuggestionPill, {
+	if (typeof children === "function") {
+		const sampleSuggestion = renderSlot(suggestionSlot, CopilotChatSuggestionPill, {
 			children: suggestions[0]?.title ?? "",
 			isLoading: suggestions.length > 0 ? loadingSet.has(0) || suggestions[0]?.isLoading === true : false,
 			type: "button"
-		}),
-		suggestions,
-		onSelectSuggestion,
-		loadingIndexes,
-		className,
-		...restProps
-	}) });
-	if (children) return /* @__PURE__ */ jsxs(Fragment, { children: [boundContainer, children] });
+		});
+		return /* @__PURE__ */ jsx("div", {
+			"data-copilotkit": true,
+			style: { display: "contents" },
+			children: children({
+				container: boundContainer,
+				suggestion: sampleSuggestion,
+				suggestions,
+				onSelectSuggestion,
+				loadingIndexes,
+				className,
+				...restProps
+			})
+		});
+	}
+	if (children) return /* @__PURE__ */ jsxs("div", {
+		"data-copilotkit": true,
+		style: { display: "contents" },
+		children: [boundContainer, children]
+	});
 	return boundContainer;
 });
 CopilotChatSuggestionView.displayName = "CopilotChatSuggestionView";

package/dist/components/chat/CopilotChatSuggestionView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChatSuggestionView.mjs","names":[],"sources":["../../../src/components/chat/CopilotChatSuggestionView.tsx"],"sourcesContent":["import React from \"react\";\nimport { Suggestion } from \"@copilotkitnext/core\";\nimport { renderSlot, WithSlots } from \"@/lib/slots\";\nimport { cn } from \"@/lib/utils\";\nimport CopilotChatSuggestionPill, {\n  CopilotChatSuggestionPillProps,\n} from \"./CopilotChatSuggestionPill\";\n\nconst DefaultContainer = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function DefaultContainer({ className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 sm:gap-2 pl-0 pr-4 sm:px-0 pointer-events-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport type CopilotChatSuggestionViewProps = WithSlots<\n  {\n    container: typeof DefaultContainer;\n    suggestion: typeof CopilotChatSuggestionPill;\n  },\n  {\n    suggestions: Suggestion[];\n    onSelectSuggestion?: (suggestion: Suggestion, index: number) => void;\n    loadingIndexes?: ReadonlyArray<number>;\n  } & React.HTMLAttributes<HTMLDivElement>\n>;\n\nexport const CopilotChatSuggestionView = React.forwardRef<\n  HTMLDivElement,\n  CopilotChatSuggestionViewProps\n>(function CopilotChatSuggestionView(\n  {\n    suggestions,\n    onSelectSuggestion,\n    loadingIndexes,\n    container,\n    suggestion: suggestionSlot,\n    className,\n    children,\n    ...restProps\n  },\n  ref,\n) {\n  const loadingSet = React.useMemo(() => {\n    if (!loadingIndexes || loadingIndexes.length === 0) {\n      return new Set<number>();\n    }\n    return new Set(loadingIndexes);\n  }, [loadingIndexes]);\n\n  const ContainerElement = renderSlot(container, DefaultContainer, {\n    ref,\n    className,\n    ...restProps,\n  });\n\n  const suggestionElements = suggestions.map((suggestion, index) => {\n    const isLoading = loadingSet.has(index) || suggestion.isLoading === true;\n    const pill = renderSlot<\n      typeof CopilotChatSuggestionPill,\n      CopilotChatSuggestionPillProps\n    >(suggestionSlot, CopilotChatSuggestionPill, {\n      children: suggestion.title,\n      isLoading,\n      type: \"button\",\n      onClick: () => onSelectSuggestion?.(suggestion, index),\n    });\n\n    return React.cloneElement(pill, {\n      key: `${suggestion.title}-${index}`,\n    });\n  });\n\n  const boundContainer = React.cloneElement(\n    ContainerElement,\n    undefined,\n    suggestionElements,\n  );\n\n  if (typeof children === \"function\") {\n    const sampleSuggestion = renderSlot<\n      typeof CopilotChatSuggestionPill,\n      CopilotChatSuggestionPillProps\n    >(suggestionSlot, CopilotChatSuggestionPill, {\n      children: suggestions[0]?.title ?? \"\",\n      isLoading:\n        suggestions.length > 0\n          ? loadingSet.has(0) || suggestions[0]?.isLoading === true\n          : false,\n      type: \"button\",\n    });\n\n    return (\n      <>\n        {children({\n          container: boundContainer,\n          suggestion: sampleSuggestion,\n          suggestions,\n          onSelectSuggestion,\n          loadingIndexes,\n          className,\n          ...restProps,\n        })}\n      </>\n    );\n  }\n\n  if (children) {\n    return (\n      <>\n        {boundContainer}\n        {children}\n      </>\n    );\n  }\n\n  return boundContainer;\n});\n\nCopilotChatSuggestionView.displayName = \"CopilotChatSuggestionView\";\n\nexport default CopilotChatSuggestionView;\n"],"mappings":";;;;;;;AAQA,MAAM,mBAAmB,MAAM,WAG7B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;AACxD,QACE,oBAAC;EACM;EACL,WAAW,GACT,sFACA,UACD;EACD,GAAI;GACJ;EAEJ;AAcF,MAAa,4BAA4B,MAAM,WAG7C,SAAS,0BACT,EACE,aACA,oBACA,gBACA,WACA,YAAY,gBACZ,WACA,UACA,GAAG,aAEL,KACA;CACA,MAAM,aAAa,MAAM,cAAc;AACrC,MAAI,CAAC,kBAAkB,eAAe,WAAW,EAC/C,wBAAO,IAAI,KAAa;AAE1B,SAAO,IAAI,IAAI,eAAe;IAC7B,CAAC,eAAe,CAAC;CAEpB,MAAM,mBAAmB,WAAW,WAAW,kBAAkB;EAC/D;EACA;EACA,GAAG;EACJ,CAAC;CAEF,MAAM,qBAAqB,YAAY,KAAK,YAAY,UAAU;EAChE,MAAM,YAAY,WAAW,IAAI,MAAM,IAAI,WAAW,cAAc;EACpE,MAAM,OAAO,WAGX,gBAAgB,2BAA2B;GAC3C,UAAU,WAAW;GACrB;GACA,MAAM;GACN,eAAe,qBAAqB,YAAY,MAAM;GACvD,CAAC;AAEF,SAAO,MAAM,aAAa,MAAM,EAC9B,KAAK,GAAG,WAAW,MAAM,GAAG,SAC7B,CAAC;GACF;CAEF,MAAM,iBAAiB,MAAM,aAC3B,kBACA,QACA,mBACD;AAED,KAAI,OAAO,aAAa,WAatB,QACE,0CACG,SAAS;EACR,WAAW;EACX,YAhBmB,WAGvB,gBAAgB,2BAA2B;GAC3C,UAAU,YAAY,IAAI,SAAS;GACnC,WACE,YAAY,SAAS,IACjB,WAAW,IAAI,EAAE,IAAI,YAAY,IAAI,cAAc,OACnD;GACN,MAAM;GACP,CAAC;EAOI;EACA;EACA;EACA;EACA,GAAG;EACJ,CAAC,GACD;AAIP,KAAI,SACF,QACE,4CACG,gBACA,YACA;AAIP,QAAO;EACP;AAEF,0BAA0B,cAAc"}
+{"version":3,"file":"CopilotChatSuggestionView.mjs","names":[],"sources":["../../../src/components/chat/CopilotChatSuggestionView.tsx"],"sourcesContent":["import React from \"react\";\nimport { Suggestion } from \"@copilotkitnext/core\";\nimport { renderSlot, WithSlots } from \"@/lib/slots\";\nimport { cn } from \"@/lib/utils\";\nimport CopilotChatSuggestionPill, {\n  CopilotChatSuggestionPillProps,\n} from \"./CopilotChatSuggestionPill\";\n\nconst DefaultContainer = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function DefaultContainer({ className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      data-copilotkit\n      className={cn(\n        \"cpk:flex cpk:flex-wrap cpk:items-center cpk:gap-1.5 cpk:sm:gap-2 cpk:pl-0 cpk:pr-4 cpk:sm:px-0 cpk:pointer-events-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport type CopilotChatSuggestionViewProps = WithSlots<\n  {\n    container: typeof DefaultContainer;\n    suggestion: typeof CopilotChatSuggestionPill;\n  },\n  {\n    suggestions: Suggestion[];\n    onSelectSuggestion?: (suggestion: Suggestion, index: number) => void;\n    loadingIndexes?: ReadonlyArray<number>;\n  } & React.HTMLAttributes<HTMLDivElement>\n>;\n\nexport const CopilotChatSuggestionView = React.forwardRef<\n  HTMLDivElement,\n  CopilotChatSuggestionViewProps\n>(function CopilotChatSuggestionView(\n  {\n    suggestions,\n    onSelectSuggestion,\n    loadingIndexes,\n    container,\n    suggestion: suggestionSlot,\n    className,\n    children,\n    ...restProps\n  },\n  ref,\n) {\n  const loadingSet = React.useMemo(() => {\n    if (!loadingIndexes || loadingIndexes.length === 0) {\n      return new Set<number>();\n    }\n    return new Set(loadingIndexes);\n  }, [loadingIndexes]);\n\n  const ContainerElement = renderSlot(container, DefaultContainer, {\n    ref,\n    className,\n    ...restProps,\n  });\n\n  const suggestionElements = suggestions.map((suggestion, index) => {\n    const isLoading = loadingSet.has(index) || suggestion.isLoading === true;\n    const pill = renderSlot<\n      typeof CopilotChatSuggestionPill,\n      CopilotChatSuggestionPillProps\n    >(suggestionSlot, CopilotChatSuggestionPill, {\n      children: suggestion.title,\n      isLoading,\n      type: \"button\",\n      onClick: () => onSelectSuggestion?.(suggestion, index),\n    });\n\n    return React.cloneElement(pill, {\n      key: `${suggestion.title}-${index}`,\n    });\n  });\n\n  const boundContainer = React.cloneElement(\n    ContainerElement,\n    undefined,\n    suggestionElements,\n  );\n\n  if (typeof children === \"function\") {\n    const sampleSuggestion = renderSlot<\n      typeof CopilotChatSuggestionPill,\n      CopilotChatSuggestionPillProps\n    >(suggestionSlot, CopilotChatSuggestionPill, {\n      children: suggestions[0]?.title ?? \"\",\n      isLoading:\n        suggestions.length > 0\n          ? loadingSet.has(0) || suggestions[0]?.isLoading === true\n          : false,\n      type: \"button\",\n    });\n\n    return (\n      <div data-copilotkit style={{ display: \"contents\" }}>\n        {children({\n          container: boundContainer,\n          suggestion: sampleSuggestion,\n          suggestions,\n          onSelectSuggestion,\n          loadingIndexes,\n          className,\n          ...restProps,\n        })}\n      </div>\n    );\n  }\n\n  if (children) {\n    return (\n      <div data-copilotkit style={{ display: \"contents\" }}>\n        {boundContainer}\n        {children}\n      </div>\n    );\n  }\n\n  return boundContainer;\n});\n\nCopilotChatSuggestionView.displayName = \"CopilotChatSuggestionView\";\n\nexport default CopilotChatSuggestionView;\n"],"mappings":";;;;;;;AAQA,MAAM,mBAAmB,MAAM,WAG7B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;AACxD,QACE,oBAAC;EACM;EACL;EACA,WAAW,GACT,0HACA,UACD;EACD,GAAI;GACJ;EAEJ;AAcF,MAAa,4BAA4B,MAAM,WAG7C,SAAS,0BACT,EACE,aACA,oBACA,gBACA,WACA,YAAY,gBACZ,WACA,UACA,GAAG,aAEL,KACA;CACA,MAAM,aAAa,MAAM,cAAc;AACrC,MAAI,CAAC,kBAAkB,eAAe,WAAW,EAC/C,wBAAO,IAAI,KAAa;AAE1B,SAAO,IAAI,IAAI,eAAe;IAC7B,CAAC,eAAe,CAAC;CAEpB,MAAM,mBAAmB,WAAW,WAAW,kBAAkB;EAC/D;EACA;EACA,GAAG;EACJ,CAAC;CAEF,MAAM,qBAAqB,YAAY,KAAK,YAAY,UAAU;EAChE,MAAM,YAAY,WAAW,IAAI,MAAM,IAAI,WAAW,cAAc;EACpE,MAAM,OAAO,WAGX,gBAAgB,2BAA2B;GAC3C,UAAU,WAAW;GACrB;GACA,MAAM;GACN,eAAe,qBAAqB,YAAY,MAAM;GACvD,CAAC;AAEF,SAAO,MAAM,aAAa,MAAM,EAC9B,KAAK,GAAG,WAAW,MAAM,GAAG,SAC7B,CAAC;GACF;CAEF,MAAM,iBAAiB,MAAM,aAC3B,kBACA,QACA,mBACD;AAED,KAAI,OAAO,aAAa,YAAY;EAClC,MAAM,mBAAmB,WAGvB,gBAAgB,2BAA2B;GAC3C,UAAU,YAAY,IAAI,SAAS;GACnC,WACE,YAAY,SAAS,IACjB,WAAW,IAAI,EAAE,IAAI,YAAY,IAAI,cAAc,OACnD;GACN,MAAM;GACP,CAAC;AAEF,SACE,oBAAC;GAAI;GAAgB,OAAO,EAAE,SAAS,YAAY;aAChD,SAAS;IACR,WAAW;IACX,YAAY;IACZ;IACA;IACA;IACA;IACA,GAAG;IACJ,CAAC;IACE;;AAIV,KAAI,SACF,QACE,qBAAC;EAAI;EAAgB,OAAO,EAAE,SAAS,YAAY;aAChD,gBACA;GACG;AAIV,QAAO;EACP;AAEF,0BAA0B,cAAc"}

package/dist/components/chat/CopilotChatToggleButton.cjs

@@ -9,21 +9,21 @@ let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/chat/CopilotChatToggleButton.tsx
 const DefaultOpenIcon = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MessageCircle, {
-	className: require_utils.cn("h-6 w-6", className),
+	className: require_utils.cn("cpk:h-6 cpk:w-6", className),
 	strokeWidth: 1.75,
 	fill: "currentColor",
 	...props
 });
 const DefaultCloseIcon = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {
-	className: require_utils.cn("h-6 w-6", className),
+	className: require_utils.cn("cpk:h-6 cpk:w-6", className),
 	strokeWidth: 1.75,
 	...props
 });
 DefaultOpenIcon.displayName = "CopilotChatToggleButton.OpenIcon";
 DefaultCloseIcon.displayName = "CopilotChatToggleButton.CloseIcon";
 const ICON_TRANSITION_STYLE = Object.freeze({ transition: "opacity 120ms ease-out, transform 260ms cubic-bezier(0.22, 1, 0.36, 1)" });
-const ICON_WRAPPER_BASE = "pointer-events-none absolute inset-0 flex items-center justify-center will-change-transform";
-const BUTTON_BASE_CLASSES = require_utils.cn("fixed bottom-6 right-6 z-[1100] flex h-14 w-14 items-center justify-center", "rounded-full border border-primary bg-primary text-primary-foreground", "shadow-sm transition-all duration-200 ease-out", "hover:scale-[1.04] hover:shadow-md", "cursor-pointer", "active:scale-[0.96]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background", "disabled:pointer-events-none disabled:opacity-60");
+const ICON_WRAPPER_BASE = "cpk:pointer-events-none cpk:absolute cpk:inset-0 cpk:flex cpk:items-center cpk:justify-center cpk:will-change-transform";
+const BUTTON_BASE_CLASSES = require_utils.cn("cpk:fixed cpk:bottom-6 cpk:right-6 cpk:z-[1100] cpk:flex cpk:h-14 cpk:w-14 cpk:items-center cpk:justify-center", "cpk:rounded-full cpk:border cpk:border-primary cpk:bg-primary cpk:text-primary-foreground", "cpk:shadow-sm cpk:transition-all cpk:duration-200 cpk:ease-out", "cpk:hover:scale-[1.04] cpk:hover:shadow-md", "cpk:cursor-pointer", "cpk:active:scale-[0.96]", "cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-primary/50 cpk:focus-visible:ring-offset-2 cpk:focus-visible:ring-offset-background", "cpk:disabled:pointer-events-none cpk:disabled:opacity-60");
 const CopilotChatToggleButton = react.default.forwardRef(function CopilotChatToggleButton({ openIcon, closeIcon, className, ...buttonProps }, ref) {
 	const { onClick, type, disabled, ...restProps } = buttonProps;
 	const configuration = require_CopilotChatConfigurationProvider.useCopilotChatConfiguration();
@@ -38,12 +38,12 @@ const CopilotChatToggleButton = react.default.forwardRef(function CopilotChatTog
 		setModalOpen(!isOpen);
 	};
 	const renderedOpenIcon = require_slots.renderSlot(openIcon, DefaultOpenIcon, {
-		className: "h-6 w-6",
+		className: "cpk:h-6 cpk:w-6",
 		"aria-hidden": true,
 		focusable: false
 	});
 	const renderedCloseIcon = require_slots.renderSlot(closeIcon, DefaultCloseIcon, {
-		className: "h-6 w-6",
+		className: "cpk:h-6 cpk:w-6",
 		"aria-hidden": true,
 		focusable: false
 	});
@@ -72,6 +72,7 @@ const CopilotChatToggleButton = react.default.forwardRef(function CopilotChatTog
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 		ref,
 		type: type ?? "button",
+		"data-copilotkit": true,
 		"data-slot": "chat-toggle-button",
 		"data-state": isOpen ? "open" : "closed",
 		className: require_utils.cn(BUTTON_BASE_CLASSES, className),

package/dist/components/chat/CopilotChatToggleButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChatToggleButton.cjs","names":["MessageCircle","cn","X","React","useCopilotChatConfiguration","CopilotChatDefaultLabels","renderSlot"],"sources":["../../../src/components/chat/CopilotChatToggleButton.tsx"],"sourcesContent":["import React, { useState, MouseEvent } from \"react\";\nimport { MessageCircle, X } from \"lucide-react\";\n\nimport { renderSlot, SlotValue } from \"@/lib/slots\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  CopilotChatDefaultLabels,\n  useCopilotChatConfiguration,\n} from \"@/providers/CopilotChatConfigurationProvider\";\n\nconst DefaultOpenIcon: React.FC<React.SVGProps<SVGSVGElement>> = ({\n  className,\n  ...props\n}) => (\n  <MessageCircle\n    className={cn(\"h-6 w-6\", className)}\n    strokeWidth={1.75}\n    fill=\"currentColor\"\n    {...props}\n  />\n);\n\nconst DefaultCloseIcon: React.FC<React.SVGProps<SVGSVGElement>> = ({\n  className,\n  ...props\n}) => <X className={cn(\"h-6 w-6\", className)} strokeWidth={1.75} {...props} />;\n\nDefaultOpenIcon.displayName = \"CopilotChatToggleButton.OpenIcon\";\nDefaultCloseIcon.displayName = \"CopilotChatToggleButton.CloseIcon\";\n\nexport interface CopilotChatToggleButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\"\n> {\n  /** Optional slot override for the chat (closed) icon. */\n  openIcon?: SlotValue<typeof DefaultOpenIcon>;\n  /** Optional slot override for the close icon. */\n  closeIcon?: SlotValue<typeof DefaultCloseIcon>;\n}\n\nconst ICON_TRANSITION_STYLE: React.CSSProperties = Object.freeze({\n  transition:\n    \"opacity 120ms ease-out, transform 260ms cubic-bezier(0.22, 1, 0.36, 1)\",\n});\n\nconst ICON_WRAPPER_BASE =\n  \"pointer-events-none absolute inset-0 flex items-center justify-center will-change-transform\";\n\nconst BUTTON_BASE_CLASSES = cn(\n  \"fixed bottom-6 right-6 z-[1100] flex h-14 w-14 items-center justify-center\",\n  \"rounded-full border border-primary bg-primary text-primary-foreground\",\n  \"shadow-sm transition-all duration-200 ease-out\",\n  \"hover:scale-[1.04] hover:shadow-md\",\n  \"cursor-pointer\",\n  \"active:scale-[0.96]\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  \"disabled:pointer-events-none disabled:opacity-60\",\n);\n\nexport const CopilotChatToggleButton = React.forwardRef<\n  HTMLButtonElement,\n  CopilotChatToggleButtonProps\n>(function CopilotChatToggleButton(\n  { openIcon, closeIcon, className, ...buttonProps },\n  ref,\n) {\n  const { onClick, type, disabled, ...restProps } = buttonProps;\n\n  const configuration = useCopilotChatConfiguration();\n  const labels = configuration?.labels ?? CopilotChatDefaultLabels;\n\n  const [fallbackOpen, setFallbackOpen] = useState(false);\n\n  const isOpen = configuration?.isModalOpen ?? fallbackOpen;\n  const setModalOpen = configuration?.setModalOpen ?? setFallbackOpen;\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      return;\n    }\n\n    if (onClick) {\n      onClick(event);\n    }\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const nextOpen = !isOpen;\n    setModalOpen(nextOpen);\n  };\n\n  const renderedOpenIcon = renderSlot(openIcon, DefaultOpenIcon, {\n    className: \"h-6 w-6\",\n    \"aria-hidden\": true,\n    focusable: false,\n  });\n\n  const renderedCloseIcon = renderSlot(closeIcon, DefaultCloseIcon, {\n    className: \"h-6 w-6\",\n    \"aria-hidden\": true,\n    focusable: false,\n  });\n\n  const openIconElement = (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"chat-toggle-button-open-icon\"\n      className={ICON_WRAPPER_BASE}\n      style={{\n        ...ICON_TRANSITION_STYLE,\n        opacity: isOpen ? 0 : 1,\n        transform: `scale(${isOpen ? 0.75 : 1}) rotate(${isOpen ? 90 : 0}deg)`,\n      }}\n    >\n      {renderedOpenIcon}\n    </span>\n  );\n\n  const closeIconElement = (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"chat-toggle-button-close-icon\"\n      className={ICON_WRAPPER_BASE}\n      style={{\n        ...ICON_TRANSITION_STYLE,\n        opacity: isOpen ? 1 : 0,\n        transform: `scale(${isOpen ? 1 : 0.75}) rotate(${isOpen ? 0 : -90}deg)`,\n      }}\n    >\n      {renderedCloseIcon}\n    </span>\n  );\n\n  return (\n    <button\n      ref={ref}\n      type={type ?? \"button\"}\n      data-slot=\"chat-toggle-button\"\n      data-state={isOpen ? \"open\" : \"closed\"}\n      className={cn(BUTTON_BASE_CLASSES, className)}\n      aria-label={\n        isOpen ? labels.chatToggleCloseLabel : labels.chatToggleOpenLabel\n      }\n      aria-pressed={isOpen}\n      disabled={disabled}\n      onClick={handleClick}\n      {...restProps}\n    >\n      {openIconElement}\n      {closeIconElement}\n    </button>\n  );\n});\nCopilotChatToggleButton.displayName = \"CopilotChatToggleButton\";\nexport default CopilotChatToggleButton;\n\nexport {\n  DefaultOpenIcon as CopilotChatToggleButtonOpenIcon,\n  DefaultCloseIcon as CopilotChatToggleButtonCloseIcon,\n};\n"],"mappings":";;;;;;;;;;AAUA,MAAM,mBAA4D,EAChE,WACA,GAAG,YAEH,2CAACA;CACC,WAAWC,iBAAG,WAAW,UAAU;CACnC,aAAa;CACb,MAAK;CACL,GAAI;EACJ;AAGJ,MAAM,oBAA6D,EACjE,WACA,GAAG,YACC,2CAACC;CAAE,WAAWD,iBAAG,WAAW,UAAU;CAAE,aAAa;CAAM,GAAI;EAAS;AAE9E,gBAAgB,cAAc;AAC9B,iBAAiB,cAAc;AAY/B,MAAM,wBAA6C,OAAO,OAAO,EAC/D,YACE,0EACH,CAAC;AAEF,MAAM,oBACJ;AAEF,MAAM,sBAAsBA,iBAC1B,8EACA,yEACA,kDACA,sCACA,kBACA,uBACA,kJACA,mDACD;AAED,MAAa,0BAA0BE,cAAM,WAG3C,SAAS,wBACT,EAAE,UAAU,WAAW,WAAW,GAAG,eACrC,KACA;CACA,MAAM,EAAE,SAAS,MAAM,UAAU,GAAG,cAAc;CAElD,MAAM,gBAAgBC,sEAA6B;CACnD,MAAM,SAAS,eAAe,UAAUC;CAExC,MAAM,CAAC,cAAc,uCAA4B,MAAM;CAEvD,MAAM,SAAS,eAAe,eAAe;CAC7C,MAAM,eAAe,eAAe,gBAAgB;CAEpD,MAAM,eAAe,UAAyC;AAC5D,MAAI,SACF;AAGF,MAAI,QACF,SAAQ,MAAM;AAGhB,MAAI,MAAM,iBACR;AAIF,eADiB,CAAC,OACI;;CAGxB,MAAM,mBAAmBC,yBAAW,UAAU,iBAAiB;EAC7D,WAAW;EACX,eAAe;EACf,WAAW;EACZ,CAAC;CAEF,MAAM,oBAAoBA,yBAAW,WAAW,kBAAkB;EAChE,WAAW;EACX,eAAe;EACf,WAAW;EACZ,CAAC;CAEF,MAAM,kBACJ,2CAAC;EACC,eAAY;EACZ,aAAU;EACV,WAAW;EACX,OAAO;GACL,GAAG;GACH,SAAS,SAAS,IAAI;GACtB,WAAW,SAAS,SAAS,MAAO,EAAE,WAAW,SAAS,KAAK,EAAE;GAClE;YAEA;GACI;CAGT,MAAM,mBACJ,2CAAC;EACC,eAAY;EACZ,aAAU;EACV,WAAW;EACX,OAAO;GACL,GAAG;GACH,SAAS,SAAS,IAAI;GACtB,WAAW,SAAS,SAAS,IAAI,IAAK,WAAW,SAAS,IAAI,IAAI;GACnE;YAEA;GACI;AAGT,QACE,4CAAC;EACM;EACL,MAAM,QAAQ;EACd,aAAU;EACV,cAAY,SAAS,SAAS;EAC9B,WAAWL,iBAAG,qBAAqB,UAAU;EAC7C,cACE,SAAS,OAAO,uBAAuB,OAAO;EAEhD,gBAAc;EACJ;EACV,SAAS;EACT,GAAI;aAEH,iBACA;GACM;EAEX;AACF,wBAAwB,cAAc"}
+{"version":3,"file":"CopilotChatToggleButton.cjs","names":["MessageCircle","cn","X","React","useCopilotChatConfiguration","CopilotChatDefaultLabels","renderSlot"],"sources":["../../../src/components/chat/CopilotChatToggleButton.tsx"],"sourcesContent":["import React, { useState, MouseEvent } from \"react\";\nimport { MessageCircle, X } from \"lucide-react\";\n\nimport { renderSlot, SlotValue } from \"@/lib/slots\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  CopilotChatDefaultLabels,\n  useCopilotChatConfiguration,\n} from \"@/providers/CopilotChatConfigurationProvider\";\n\nconst DefaultOpenIcon: React.FC<React.SVGProps<SVGSVGElement>> = ({\n  className,\n  ...props\n}) => (\n  <MessageCircle\n    className={cn(\"cpk:h-6 cpk:w-6\", className)}\n    strokeWidth={1.75}\n    fill=\"currentColor\"\n    {...props}\n  />\n);\n\nconst DefaultCloseIcon: React.FC<React.SVGProps<SVGSVGElement>> = ({\n  className,\n  ...props\n}) => (\n  <X\n    className={cn(\"cpk:h-6 cpk:w-6\", className)}\n    strokeWidth={1.75}\n    {...props}\n  />\n);\n\nDefaultOpenIcon.displayName = \"CopilotChatToggleButton.OpenIcon\";\nDefaultCloseIcon.displayName = \"CopilotChatToggleButton.CloseIcon\";\n\nexport interface CopilotChatToggleButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\"\n> {\n  /** Optional slot override for the chat (closed) icon. */\n  openIcon?: SlotValue<typeof DefaultOpenIcon>;\n  /** Optional slot override for the close icon. */\n  closeIcon?: SlotValue<typeof DefaultCloseIcon>;\n}\n\nconst ICON_TRANSITION_STYLE: React.CSSProperties = Object.freeze({\n  transition:\n    \"opacity 120ms ease-out, transform 260ms cubic-bezier(0.22, 1, 0.36, 1)\",\n});\n\nconst ICON_WRAPPER_BASE =\n  \"cpk:pointer-events-none cpk:absolute cpk:inset-0 cpk:flex cpk:items-center cpk:justify-center cpk:will-change-transform\";\n\nconst BUTTON_BASE_CLASSES = cn(\n  \"cpk:fixed cpk:bottom-6 cpk:right-6 cpk:z-[1100] cpk:flex cpk:h-14 cpk:w-14 cpk:items-center cpk:justify-center\",\n  \"cpk:rounded-full cpk:border cpk:border-primary cpk:bg-primary cpk:text-primary-foreground\",\n  \"cpk:shadow-sm cpk:transition-all cpk:duration-200 cpk:ease-out\",\n  \"cpk:hover:scale-[1.04] cpk:hover:shadow-md\",\n  \"cpk:cursor-pointer\",\n  \"cpk:active:scale-[0.96]\",\n  \"cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-primary/50 cpk:focus-visible:ring-offset-2 cpk:focus-visible:ring-offset-background\",\n  \"cpk:disabled:pointer-events-none cpk:disabled:opacity-60\",\n);\n\nexport const CopilotChatToggleButton = React.forwardRef<\n  HTMLButtonElement,\n  CopilotChatToggleButtonProps\n>(function CopilotChatToggleButton(\n  { openIcon, closeIcon, className, ...buttonProps },\n  ref,\n) {\n  const { onClick, type, disabled, ...restProps } = buttonProps;\n\n  const configuration = useCopilotChatConfiguration();\n  const labels = configuration?.labels ?? CopilotChatDefaultLabels;\n\n  const [fallbackOpen, setFallbackOpen] = useState(false);\n\n  const isOpen = configuration?.isModalOpen ?? fallbackOpen;\n  const setModalOpen = configuration?.setModalOpen ?? setFallbackOpen;\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      return;\n    }\n\n    if (onClick) {\n      onClick(event);\n    }\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const nextOpen = !isOpen;\n    setModalOpen(nextOpen);\n  };\n\n  const renderedOpenIcon = renderSlot(openIcon, DefaultOpenIcon, {\n    className: \"cpk:h-6 cpk:w-6\",\n    \"aria-hidden\": true,\n    focusable: false,\n  });\n\n  const renderedCloseIcon = renderSlot(closeIcon, DefaultCloseIcon, {\n    className: \"cpk:h-6 cpk:w-6\",\n    \"aria-hidden\": true,\n    focusable: false,\n  });\n\n  const openIconElement = (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"chat-toggle-button-open-icon\"\n      className={ICON_WRAPPER_BASE}\n      style={{\n        ...ICON_TRANSITION_STYLE,\n        opacity: isOpen ? 0 : 1,\n        transform: `scale(${isOpen ? 0.75 : 1}) rotate(${isOpen ? 90 : 0}deg)`,\n      }}\n    >\n      {renderedOpenIcon}\n    </span>\n  );\n\n  const closeIconElement = (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"chat-toggle-button-close-icon\"\n      className={ICON_WRAPPER_BASE}\n      style={{\n        ...ICON_TRANSITION_STYLE,\n        opacity: isOpen ? 1 : 0,\n        transform: `scale(${isOpen ? 1 : 0.75}) rotate(${isOpen ? 0 : -90}deg)`,\n      }}\n    >\n      {renderedCloseIcon}\n    </span>\n  );\n\n  return (\n    <button\n      ref={ref}\n      type={type ?? \"button\"}\n      data-copilotkit\n      data-slot=\"chat-toggle-button\"\n      data-state={isOpen ? \"open\" : \"closed\"}\n      className={cn(BUTTON_BASE_CLASSES, className)}\n      aria-label={\n        isOpen ? labels.chatToggleCloseLabel : labels.chatToggleOpenLabel\n      }\n      aria-pressed={isOpen}\n      disabled={disabled}\n      onClick={handleClick}\n      {...restProps}\n    >\n      {openIconElement}\n      {closeIconElement}\n    </button>\n  );\n});\nCopilotChatToggleButton.displayName = \"CopilotChatToggleButton\";\nexport default CopilotChatToggleButton;\n\nexport {\n  DefaultOpenIcon as CopilotChatToggleButtonOpenIcon,\n  DefaultCloseIcon as CopilotChatToggleButtonCloseIcon,\n};\n"],"mappings":";;;;;;;;;;AAUA,MAAM,mBAA4D,EAChE,WACA,GAAG,YAEH,2CAACA;CACC,WAAWC,iBAAG,mBAAmB,UAAU;CAC3C,aAAa;CACb,MAAK;CACL,GAAI;EACJ;AAGJ,MAAM,oBAA6D,EACjE,WACA,GAAG,YAEH,2CAACC;CACC,WAAWD,iBAAG,mBAAmB,UAAU;CAC3C,aAAa;CACb,GAAI;EACJ;AAGJ,gBAAgB,cAAc;AAC9B,iBAAiB,cAAc;AAY/B,MAAM,wBAA6C,OAAO,OAAO,EAC/D,YACE,0EACH,CAAC;AAEF,MAAM,oBACJ;AAEF,MAAM,sBAAsBA,iBAC1B,kHACA,6FACA,kEACA,8CACA,sBACA,2BACA,sKACA,2DACD;AAED,MAAa,0BAA0BE,cAAM,WAG3C,SAAS,wBACT,EAAE,UAAU,WAAW,WAAW,GAAG,eACrC,KACA;CACA,MAAM,EAAE,SAAS,MAAM,UAAU,GAAG,cAAc;CAElD,MAAM,gBAAgBC,sEAA6B;CACnD,MAAM,SAAS,eAAe,UAAUC;CAExC,MAAM,CAAC,cAAc,uCAA4B,MAAM;CAEvD,MAAM,SAAS,eAAe,eAAe;CAC7C,MAAM,eAAe,eAAe,gBAAgB;CAEpD,MAAM,eAAe,UAAyC;AAC5D,MAAI,SACF;AAGF,MAAI,QACF,SAAQ,MAAM;AAGhB,MAAI,MAAM,iBACR;AAIF,eADiB,CAAC,OACI;;CAGxB,MAAM,mBAAmBC,yBAAW,UAAU,iBAAiB;EAC7D,WAAW;EACX,eAAe;EACf,WAAW;EACZ,CAAC;CAEF,MAAM,oBAAoBA,yBAAW,WAAW,kBAAkB;EAChE,WAAW;EACX,eAAe;EACf,WAAW;EACZ,CAAC;CAEF,MAAM,kBACJ,2CAAC;EACC,eAAY;EACZ,aAAU;EACV,WAAW;EACX,OAAO;GACL,GAAG;GACH,SAAS,SAAS,IAAI;GACtB,WAAW,SAAS,SAAS,MAAO,EAAE,WAAW,SAAS,KAAK,EAAE;GAClE;YAEA;GACI;CAGT,MAAM,mBACJ,2CAAC;EACC,eAAY;EACZ,aAAU;EACV,WAAW;EACX,OAAO;GACL,GAAG;GACH,SAAS,SAAS,IAAI;GACtB,WAAW,SAAS,SAAS,IAAI,IAAK,WAAW,SAAS,IAAI,IAAI;GACnE;YAEA;GACI;AAGT,QACE,4CAAC;EACM;EACL,MAAM,QAAQ;EACd;EACA,aAAU;EACV,cAAY,SAAS,SAAS;EAC9B,WAAWL,iBAAG,qBAAqB,UAAU;EAC7C,cACE,SAAS,OAAO,uBAAuB,OAAO;EAEhD,gBAAc;EACJ;EACV,SAAS;EACT,GAAI;aAEH,iBACA;GACM;EAEX;AACF,wBAAwB,cAAc"}

package/dist/components/chat/CopilotChatToggleButton.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChatToggleButton.d.cts","names":[],"sources":["../../../src/components/chat/CopilotChatToggleButton.tsx"],"mappings":";;;;cAUM,eAAA,EAAiB,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,QAAA,CAAS,aAAA;AAAA,cAYzC,gBAAA,EAAkB,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,QAAA,CAAS,aAAA;AAAA,UAQ/B,4BAAA,SAAqC,IAAA,CACpD,KAAA,CAAM,oBAAA,CAAqB,iBAAA;EAX5B;EAeC,QAAA,GAAW,SAAA,QAAiB,eAAA;EAzBiB;EA2B7C,SAAA,GAAY,SAAA,QAAiB,gBAAA;AAAA;AAAA,cAsBlB,uBAAA,EAAuB,KAAA,CAAA,yBAAA,CAAA,4BAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}
+{"version":3,"file":"CopilotChatToggleButton.d.cts","names":[],"sources":["../../../src/components/chat/CopilotChatToggleButton.tsx"],"mappings":";;;;cAUM,eAAA,EAAiB,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,QAAA,CAAS,aAAA;AAAA,cAYzC,gBAAA,EAAkB,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,QAAA,CAAS,aAAA;AAAA,UAc/B,4BAAA,SAAqC,IAAA,CACpD,KAAA,CAAM,oBAAA,CAAqB,iBAAA;EAjB5B;EAqBC,QAAA,GAAW,SAAA,QAAiB,eAAA;EA/BiB;EAiC7C,SAAA,GAAY,SAAA,QAAiB,gBAAA;AAAA;AAAA,cAsBlB,uBAAA,EAAuB,KAAA,CAAA,yBAAA,CAAA,4BAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}

package/dist/components/chat/CopilotChatToggleButton.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChatToggleButton.d.mts","names":[],"sources":["../../../src/components/chat/CopilotChatToggleButton.tsx"],"mappings":";;;;cAUM,eAAA,EAAiB,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,QAAA,CAAS,aAAA;AAAA,cAYzC,gBAAA,EAAkB,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,QAAA,CAAS,aAAA;AAAA,UAQ/B,4BAAA,SAAqC,IAAA,CACpD,KAAA,CAAM,oBAAA,CAAqB,iBAAA;EAX5B;EAeC,QAAA,GAAW,SAAA,QAAiB,eAAA;EAzBiB;EA2B7C,SAAA,GAAY,SAAA,QAAiB,gBAAA;AAAA;AAAA,cAsBlB,uBAAA,EAAuB,KAAA,CAAA,yBAAA,CAAA,4BAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}
+{"version":3,"file":"CopilotChatToggleButton.d.mts","names":[],"sources":["../../../src/components/chat/CopilotChatToggleButton.tsx"],"mappings":";;;;cAUM,eAAA,EAAiB,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,QAAA,CAAS,aAAA;AAAA,cAYzC,gBAAA,EAAkB,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,QAAA,CAAS,aAAA;AAAA,UAc/B,4BAAA,SAAqC,IAAA,CACpD,KAAA,CAAM,oBAAA,CAAqB,iBAAA;EAjB5B;EAqBC,QAAA,GAAW,SAAA,QAAiB,eAAA;EA/BiB;EAiC7C,SAAA,GAAY,SAAA,QAAiB,gBAAA;AAAA;AAAA,cAsBlB,uBAAA,EAAuB,KAAA,CAAA,yBAAA,CAAA,4BAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}

package/dist/components/chat/CopilotChatToggleButton.mjs

@@ -7,21 +7,21 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/chat/CopilotChatToggleButton.tsx
 const DefaultOpenIcon = ({ className, ...props }) => /* @__PURE__ */ jsx(MessageCircle, {
-	className: cn("h-6 w-6", className),
+	className: cn("cpk:h-6 cpk:w-6", className),
 	strokeWidth: 1.75,
 	fill: "currentColor",
 	...props
 });
 const DefaultCloseIcon = ({ className, ...props }) => /* @__PURE__ */ jsx(X, {
-	className: cn("h-6 w-6", className),
+	className: cn("cpk:h-6 cpk:w-6", className),
 	strokeWidth: 1.75,
 	...props
 });
 DefaultOpenIcon.displayName = "CopilotChatToggleButton.OpenIcon";
 DefaultCloseIcon.displayName = "CopilotChatToggleButton.CloseIcon";
 const ICON_TRANSITION_STYLE = Object.freeze({ transition: "opacity 120ms ease-out, transform 260ms cubic-bezier(0.22, 1, 0.36, 1)" });
-const ICON_WRAPPER_BASE = "pointer-events-none absolute inset-0 flex items-center justify-center will-change-transform";
-const BUTTON_BASE_CLASSES = cn("fixed bottom-6 right-6 z-[1100] flex h-14 w-14 items-center justify-center", "rounded-full border border-primary bg-primary text-primary-foreground", "shadow-sm transition-all duration-200 ease-out", "hover:scale-[1.04] hover:shadow-md", "cursor-pointer", "active:scale-[0.96]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background", "disabled:pointer-events-none disabled:opacity-60");
+const ICON_WRAPPER_BASE = "cpk:pointer-events-none cpk:absolute cpk:inset-0 cpk:flex cpk:items-center cpk:justify-center cpk:will-change-transform";
+const BUTTON_BASE_CLASSES = cn("cpk:fixed cpk:bottom-6 cpk:right-6 cpk:z-[1100] cpk:flex cpk:h-14 cpk:w-14 cpk:items-center cpk:justify-center", "cpk:rounded-full cpk:border cpk:border-primary cpk:bg-primary cpk:text-primary-foreground", "cpk:shadow-sm cpk:transition-all cpk:duration-200 cpk:ease-out", "cpk:hover:scale-[1.04] cpk:hover:shadow-md", "cpk:cursor-pointer", "cpk:active:scale-[0.96]", "cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-primary/50 cpk:focus-visible:ring-offset-2 cpk:focus-visible:ring-offset-background", "cpk:disabled:pointer-events-none cpk:disabled:opacity-60");
 const CopilotChatToggleButton = React.forwardRef(function CopilotChatToggleButton({ openIcon, closeIcon, className, ...buttonProps }, ref) {
 	const { onClick, type, disabled, ...restProps } = buttonProps;
 	const configuration = useCopilotChatConfiguration();
@@ -36,12 +36,12 @@ const CopilotChatToggleButton = React.forwardRef(function CopilotChatToggleButto
 		setModalOpen(!isOpen);
 	};
 	const renderedOpenIcon = renderSlot(openIcon, DefaultOpenIcon, {
-		className: "h-6 w-6",
+		className: "cpk:h-6 cpk:w-6",
 		"aria-hidden": true,
 		focusable: false
 	});
 	const renderedCloseIcon = renderSlot(closeIcon, DefaultCloseIcon, {
-		className: "h-6 w-6",
+		className: "cpk:h-6 cpk:w-6",
 		"aria-hidden": true,
 		focusable: false
 	});
@@ -70,6 +70,7 @@ const CopilotChatToggleButton = React.forwardRef(function CopilotChatToggleButto
 	return /* @__PURE__ */ jsxs("button", {
 		ref,
 		type: type ?? "button",
+		"data-copilotkit": true,
 		"data-slot": "chat-toggle-button",
 		"data-state": isOpen ? "open" : "closed",
 		className: cn(BUTTON_BASE_CLASSES, className),

package/dist/components/chat/CopilotChatToggleButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChatToggleButton.mjs","names":[],"sources":["../../../src/components/chat/CopilotChatToggleButton.tsx"],"sourcesContent":["import React, { useState, MouseEvent } from \"react\";\nimport { MessageCircle, X } from \"lucide-react\";\n\nimport { renderSlot, SlotValue } from \"@/lib/slots\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  CopilotChatDefaultLabels,\n  useCopilotChatConfiguration,\n} from \"@/providers/CopilotChatConfigurationProvider\";\n\nconst DefaultOpenIcon: React.FC<React.SVGProps<SVGSVGElement>> = ({\n  className,\n  ...props\n}) => (\n  <MessageCircle\n    className={cn(\"h-6 w-6\", className)}\n    strokeWidth={1.75}\n    fill=\"currentColor\"\n    {...props}\n  />\n);\n\nconst DefaultCloseIcon: React.FC<React.SVGProps<SVGSVGElement>> = ({\n  className,\n  ...props\n}) => <X className={cn(\"h-6 w-6\", className)} strokeWidth={1.75} {...props} />;\n\nDefaultOpenIcon.displayName = \"CopilotChatToggleButton.OpenIcon\";\nDefaultCloseIcon.displayName = \"CopilotChatToggleButton.CloseIcon\";\n\nexport interface CopilotChatToggleButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\"\n> {\n  /** Optional slot override for the chat (closed) icon. */\n  openIcon?: SlotValue<typeof DefaultOpenIcon>;\n  /** Optional slot override for the close icon. */\n  closeIcon?: SlotValue<typeof DefaultCloseIcon>;\n}\n\nconst ICON_TRANSITION_STYLE: React.CSSProperties = Object.freeze({\n  transition:\n    \"opacity 120ms ease-out, transform 260ms cubic-bezier(0.22, 1, 0.36, 1)\",\n});\n\nconst ICON_WRAPPER_BASE =\n  \"pointer-events-none absolute inset-0 flex items-center justify-center will-change-transform\";\n\nconst BUTTON_BASE_CLASSES = cn(\n  \"fixed bottom-6 right-6 z-[1100] flex h-14 w-14 items-center justify-center\",\n  \"rounded-full border border-primary bg-primary text-primary-foreground\",\n  \"shadow-sm transition-all duration-200 ease-out\",\n  \"hover:scale-[1.04] hover:shadow-md\",\n  \"cursor-pointer\",\n  \"active:scale-[0.96]\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  \"disabled:pointer-events-none disabled:opacity-60\",\n);\n\nexport const CopilotChatToggleButton = React.forwardRef<\n  HTMLButtonElement,\n  CopilotChatToggleButtonProps\n>(function CopilotChatToggleButton(\n  { openIcon, closeIcon, className, ...buttonProps },\n  ref,\n) {\n  const { onClick, type, disabled, ...restProps } = buttonProps;\n\n  const configuration = useCopilotChatConfiguration();\n  const labels = configuration?.labels ?? CopilotChatDefaultLabels;\n\n  const [fallbackOpen, setFallbackOpen] = useState(false);\n\n  const isOpen = configuration?.isModalOpen ?? fallbackOpen;\n  const setModalOpen = configuration?.setModalOpen ?? setFallbackOpen;\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      return;\n    }\n\n    if (onClick) {\n      onClick(event);\n    }\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const nextOpen = !isOpen;\n    setModalOpen(nextOpen);\n  };\n\n  const renderedOpenIcon = renderSlot(openIcon, DefaultOpenIcon, {\n    className: \"h-6 w-6\",\n    \"aria-hidden\": true,\n    focusable: false,\n  });\n\n  const renderedCloseIcon = renderSlot(closeIcon, DefaultCloseIcon, {\n    className: \"h-6 w-6\",\n    \"aria-hidden\": true,\n    focusable: false,\n  });\n\n  const openIconElement = (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"chat-toggle-button-open-icon\"\n      className={ICON_WRAPPER_BASE}\n      style={{\n        ...ICON_TRANSITION_STYLE,\n        opacity: isOpen ? 0 : 1,\n        transform: `scale(${isOpen ? 0.75 : 1}) rotate(${isOpen ? 90 : 0}deg)`,\n      }}\n    >\n      {renderedOpenIcon}\n    </span>\n  );\n\n  const closeIconElement = (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"chat-toggle-button-close-icon\"\n      className={ICON_WRAPPER_BASE}\n      style={{\n        ...ICON_TRANSITION_STYLE,\n        opacity: isOpen ? 1 : 0,\n        transform: `scale(${isOpen ? 1 : 0.75}) rotate(${isOpen ? 0 : -90}deg)`,\n      }}\n    >\n      {renderedCloseIcon}\n    </span>\n  );\n\n  return (\n    <button\n      ref={ref}\n      type={type ?? \"button\"}\n      data-slot=\"chat-toggle-button\"\n      data-state={isOpen ? \"open\" : \"closed\"}\n      className={cn(BUTTON_BASE_CLASSES, className)}\n      aria-label={\n        isOpen ? labels.chatToggleCloseLabel : labels.chatToggleOpenLabel\n      }\n      aria-pressed={isOpen}\n      disabled={disabled}\n      onClick={handleClick}\n      {...restProps}\n    >\n      {openIconElement}\n      {closeIconElement}\n    </button>\n  );\n});\nCopilotChatToggleButton.displayName = \"CopilotChatToggleButton\";\nexport default CopilotChatToggleButton;\n\nexport {\n  DefaultOpenIcon as CopilotChatToggleButtonOpenIcon,\n  DefaultCloseIcon as CopilotChatToggleButtonCloseIcon,\n};\n"],"mappings":";;;;;;;;AAUA,MAAM,mBAA4D,EAChE,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GAAG,WAAW,UAAU;CACnC,aAAa;CACb,MAAK;CACL,GAAI;EACJ;AAGJ,MAAM,oBAA6D,EACjE,WACA,GAAG,YACC,oBAAC;CAAE,WAAW,GAAG,WAAW,UAAU;CAAE,aAAa;CAAM,GAAI;EAAS;AAE9E,gBAAgB,cAAc;AAC9B,iBAAiB,cAAc;AAY/B,MAAM,wBAA6C,OAAO,OAAO,EAC/D,YACE,0EACH,CAAC;AAEF,MAAM,oBACJ;AAEF,MAAM,sBAAsB,GAC1B,8EACA,yEACA,kDACA,sCACA,kBACA,uBACA,kJACA,mDACD;AAED,MAAa,0BAA0B,MAAM,WAG3C,SAAS,wBACT,EAAE,UAAU,WAAW,WAAW,GAAG,eACrC,KACA;CACA,MAAM,EAAE,SAAS,MAAM,UAAU,GAAG,cAAc;CAElD,MAAM,gBAAgB,6BAA6B;CACnD,MAAM,SAAS,eAAe,UAAU;CAExC,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CAEvD,MAAM,SAAS,eAAe,eAAe;CAC7C,MAAM,eAAe,eAAe,gBAAgB;CAEpD,MAAM,eAAe,UAAyC;AAC5D,MAAI,SACF;AAGF,MAAI,QACF,SAAQ,MAAM;AAGhB,MAAI,MAAM,iBACR;AAIF,eADiB,CAAC,OACI;;CAGxB,MAAM,mBAAmB,WAAW,UAAU,iBAAiB;EAC7D,WAAW;EACX,eAAe;EACf,WAAW;EACZ,CAAC;CAEF,MAAM,oBAAoB,WAAW,WAAW,kBAAkB;EAChE,WAAW;EACX,eAAe;EACf,WAAW;EACZ,CAAC;CAEF,MAAM,kBACJ,oBAAC;EACC,eAAY;EACZ,aAAU;EACV,WAAW;EACX,OAAO;GACL,GAAG;GACH,SAAS,SAAS,IAAI;GACtB,WAAW,SAAS,SAAS,MAAO,EAAE,WAAW,SAAS,KAAK,EAAE;GAClE;YAEA;GACI;CAGT,MAAM,mBACJ,oBAAC;EACC,eAAY;EACZ,aAAU;EACV,WAAW;EACX,OAAO;GACL,GAAG;GACH,SAAS,SAAS,IAAI;GACtB,WAAW,SAAS,SAAS,IAAI,IAAK,WAAW,SAAS,IAAI,IAAI;GACnE;YAEA;GACI;AAGT,QACE,qBAAC;EACM;EACL,MAAM,QAAQ;EACd,aAAU;EACV,cAAY,SAAS,SAAS;EAC9B,WAAW,GAAG,qBAAqB,UAAU;EAC7C,cACE,SAAS,OAAO,uBAAuB,OAAO;EAEhD,gBAAc;EACJ;EACV,SAAS;EACT,GAAI;aAEH,iBACA;GACM;EAEX;AACF,wBAAwB,cAAc"}
+{"version":3,"file":"CopilotChatToggleButton.mjs","names":[],"sources":["../../../src/components/chat/CopilotChatToggleButton.tsx"],"sourcesContent":["import React, { useState, MouseEvent } from \"react\";\nimport { MessageCircle, X } from \"lucide-react\";\n\nimport { renderSlot, SlotValue } from \"@/lib/slots\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  CopilotChatDefaultLabels,\n  useCopilotChatConfiguration,\n} from \"@/providers/CopilotChatConfigurationProvider\";\n\nconst DefaultOpenIcon: React.FC<React.SVGProps<SVGSVGElement>> = ({\n  className,\n  ...props\n}) => (\n  <MessageCircle\n    className={cn(\"cpk:h-6 cpk:w-6\", className)}\n    strokeWidth={1.75}\n    fill=\"currentColor\"\n    {...props}\n  />\n);\n\nconst DefaultCloseIcon: React.FC<React.SVGProps<SVGSVGElement>> = ({\n  className,\n  ...props\n}) => (\n  <X\n    className={cn(\"cpk:h-6 cpk:w-6\", className)}\n    strokeWidth={1.75}\n    {...props}\n  />\n);\n\nDefaultOpenIcon.displayName = \"CopilotChatToggleButton.OpenIcon\";\nDefaultCloseIcon.displayName = \"CopilotChatToggleButton.CloseIcon\";\n\nexport interface CopilotChatToggleButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\"\n> {\n  /** Optional slot override for the chat (closed) icon. */\n  openIcon?: SlotValue<typeof DefaultOpenIcon>;\n  /** Optional slot override for the close icon. */\n  closeIcon?: SlotValue<typeof DefaultCloseIcon>;\n}\n\nconst ICON_TRANSITION_STYLE: React.CSSProperties = Object.freeze({\n  transition:\n    \"opacity 120ms ease-out, transform 260ms cubic-bezier(0.22, 1, 0.36, 1)\",\n});\n\nconst ICON_WRAPPER_BASE =\n  \"cpk:pointer-events-none cpk:absolute cpk:inset-0 cpk:flex cpk:items-center cpk:justify-center cpk:will-change-transform\";\n\nconst BUTTON_BASE_CLASSES = cn(\n  \"cpk:fixed cpk:bottom-6 cpk:right-6 cpk:z-[1100] cpk:flex cpk:h-14 cpk:w-14 cpk:items-center cpk:justify-center\",\n  \"cpk:rounded-full cpk:border cpk:border-primary cpk:bg-primary cpk:text-primary-foreground\",\n  \"cpk:shadow-sm cpk:transition-all cpk:duration-200 cpk:ease-out\",\n  \"cpk:hover:scale-[1.04] cpk:hover:shadow-md\",\n  \"cpk:cursor-pointer\",\n  \"cpk:active:scale-[0.96]\",\n  \"cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-primary/50 cpk:focus-visible:ring-offset-2 cpk:focus-visible:ring-offset-background\",\n  \"cpk:disabled:pointer-events-none cpk:disabled:opacity-60\",\n);\n\nexport const CopilotChatToggleButton = React.forwardRef<\n  HTMLButtonElement,\n  CopilotChatToggleButtonProps\n>(function CopilotChatToggleButton(\n  { openIcon, closeIcon, className, ...buttonProps },\n  ref,\n) {\n  const { onClick, type, disabled, ...restProps } = buttonProps;\n\n  const configuration = useCopilotChatConfiguration();\n  const labels = configuration?.labels ?? CopilotChatDefaultLabels;\n\n  const [fallbackOpen, setFallbackOpen] = useState(false);\n\n  const isOpen = configuration?.isModalOpen ?? fallbackOpen;\n  const setModalOpen = configuration?.setModalOpen ?? setFallbackOpen;\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      return;\n    }\n\n    if (onClick) {\n      onClick(event);\n    }\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const nextOpen = !isOpen;\n    setModalOpen(nextOpen);\n  };\n\n  const renderedOpenIcon = renderSlot(openIcon, DefaultOpenIcon, {\n    className: \"cpk:h-6 cpk:w-6\",\n    \"aria-hidden\": true,\n    focusable: false,\n  });\n\n  const renderedCloseIcon = renderSlot(closeIcon, DefaultCloseIcon, {\n    className: \"cpk:h-6 cpk:w-6\",\n    \"aria-hidden\": true,\n    focusable: false,\n  });\n\n  const openIconElement = (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"chat-toggle-button-open-icon\"\n      className={ICON_WRAPPER_BASE}\n      style={{\n        ...ICON_TRANSITION_STYLE,\n        opacity: isOpen ? 0 : 1,\n        transform: `scale(${isOpen ? 0.75 : 1}) rotate(${isOpen ? 90 : 0}deg)`,\n      }}\n    >\n      {renderedOpenIcon}\n    </span>\n  );\n\n  const closeIconElement = (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"chat-toggle-button-close-icon\"\n      className={ICON_WRAPPER_BASE}\n      style={{\n        ...ICON_TRANSITION_STYLE,\n        opacity: isOpen ? 1 : 0,\n        transform: `scale(${isOpen ? 1 : 0.75}) rotate(${isOpen ? 0 : -90}deg)`,\n      }}\n    >\n      {renderedCloseIcon}\n    </span>\n  );\n\n  return (\n    <button\n      ref={ref}\n      type={type ?? \"button\"}\n      data-copilotkit\n      data-slot=\"chat-toggle-button\"\n      data-state={isOpen ? \"open\" : \"closed\"}\n      className={cn(BUTTON_BASE_CLASSES, className)}\n      aria-label={\n        isOpen ? labels.chatToggleCloseLabel : labels.chatToggleOpenLabel\n      }\n      aria-pressed={isOpen}\n      disabled={disabled}\n      onClick={handleClick}\n      {...restProps}\n    >\n      {openIconElement}\n      {closeIconElement}\n    </button>\n  );\n});\nCopilotChatToggleButton.displayName = \"CopilotChatToggleButton\";\nexport default CopilotChatToggleButton;\n\nexport {\n  DefaultOpenIcon as CopilotChatToggleButtonOpenIcon,\n  DefaultCloseIcon as CopilotChatToggleButtonCloseIcon,\n};\n"],"mappings":";;;;;;;;AAUA,MAAM,mBAA4D,EAChE,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GAAG,mBAAmB,UAAU;CAC3C,aAAa;CACb,MAAK;CACL,GAAI;EACJ;AAGJ,MAAM,oBAA6D,EACjE,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GAAG,mBAAmB,UAAU;CAC3C,aAAa;CACb,GAAI;EACJ;AAGJ,gBAAgB,cAAc;AAC9B,iBAAiB,cAAc;AAY/B,MAAM,wBAA6C,OAAO,OAAO,EAC/D,YACE,0EACH,CAAC;AAEF,MAAM,oBACJ;AAEF,MAAM,sBAAsB,GAC1B,kHACA,6FACA,kEACA,8CACA,sBACA,2BACA,sKACA,2DACD;AAED,MAAa,0BAA0B,MAAM,WAG3C,SAAS,wBACT,EAAE,UAAU,WAAW,WAAW,GAAG,eACrC,KACA;CACA,MAAM,EAAE,SAAS,MAAM,UAAU,GAAG,cAAc;CAElD,MAAM,gBAAgB,6BAA6B;CACnD,MAAM,SAAS,eAAe,UAAU;CAExC,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CAEvD,MAAM,SAAS,eAAe,eAAe;CAC7C,MAAM,eAAe,eAAe,gBAAgB;CAEpD,MAAM,eAAe,UAAyC;AAC5D,MAAI,SACF;AAGF,MAAI,QACF,SAAQ,MAAM;AAGhB,MAAI,MAAM,iBACR;AAIF,eADiB,CAAC,OACI;;CAGxB,MAAM,mBAAmB,WAAW,UAAU,iBAAiB;EAC7D,WAAW;EACX,eAAe;EACf,WAAW;EACZ,CAAC;CAEF,MAAM,oBAAoB,WAAW,WAAW,kBAAkB;EAChE,WAAW;EACX,eAAe;EACf,WAAW;EACZ,CAAC;CAEF,MAAM,kBACJ,oBAAC;EACC,eAAY;EACZ,aAAU;EACV,WAAW;EACX,OAAO;GACL,GAAG;GACH,SAAS,SAAS,IAAI;GACtB,WAAW,SAAS,SAAS,MAAO,EAAE,WAAW,SAAS,KAAK,EAAE;GAClE;YAEA;GACI;CAGT,MAAM,mBACJ,oBAAC;EACC,eAAY;EACZ,aAAU;EACV,WAAW;EACX,OAAO;GACL,GAAG;GACH,SAAS,SAAS,IAAI;GACtB,WAAW,SAAS,SAAS,IAAI,IAAK,WAAW,SAAS,IAAI,IAAI;GACnE;YAEA;GACI;AAGT,QACE,qBAAC;EACM;EACL,MAAM,QAAQ;EACd;EACA,aAAU;EACV,cAAY,SAAS,SAAS;EAC9B,WAAW,GAAG,qBAAqB,UAAU;EAC7C,cACE,SAAS,OAAO,uBAAuB,OAAO;EAEhD,gBAAc;EACJ;EACV,SAAS;EACT,GAAI;aAEH,iBACA;GACM;EAEX;AACF,wBAAwB,cAAc"}

package/dist/components/chat/CopilotChatUserMessage.cjs

@@ -36,7 +36,7 @@ function CopilotChatUserMessage({ message, onEditMessage, branchIndex, numberOfB
 	});
 	const showBranchNavigation = numberOfBranches && numberOfBranches > 1 && onSwitchToBranch;
 	const BoundToolbar = require_slots.renderSlot(toolbar, CopilotChatUserMessage.Toolbar, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "flex items-center gap-1 justify-end",
+		className: "cpk:flex cpk:items-center cpk:gap-1 cpk:justify-end",
 		children: [
 			additionalToolbarItems,
 			BoundCopyButton,
@@ -44,19 +44,24 @@ function CopilotChatUserMessage({ message, onEditMessage, branchIndex, numberOfB
 			showBranchNavigation && BoundBranchNavigation
 		]
 	}) });
-	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children({
-		messageRenderer: BoundMessageRenderer,
-		toolbar: BoundToolbar,
-		copyButton: BoundCopyButton,
-		editButton: BoundEditButton,
-		branchNavigation: BoundBranchNavigation,
-		message,
-		branchIndex,
-		numberOfBranches,
-		additionalToolbarItems
-	}) });
+	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-copilotkit": true,
+		style: { display: "contents" },
+		children: children({
+			messageRenderer: BoundMessageRenderer,
+			toolbar: BoundToolbar,
+			copyButton: BoundCopyButton,
+			editButton: BoundEditButton,
+			branchNavigation: BoundBranchNavigation,
+			message,
+			branchIndex,
+			numberOfBranches,
+			additionalToolbarItems
+		})
+	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, tailwind_merge.twMerge)("flex flex-col items-end group pt-10", className),
+		"data-copilotkit": true,
+		className: (0, tailwind_merge.twMerge)("cpk:flex cpk:flex-col cpk:items-end cpk:group cpk:pt-10", className),
 		"data-message-id": message.id,
 		...props,
 		children: [BoundMessageRenderer, BoundToolbar]
@@ -64,16 +69,16 @@ function CopilotChatUserMessage({ message, onEditMessage, branchIndex, numberOfB
 }
 (function(_CopilotChatUserMessage) {
 	_CopilotChatUserMessage.Container = ({ children, className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, tailwind_merge.twMerge)("flex flex-col items-end group", className),
+		className: (0, tailwind_merge.twMerge)("cpk:flex cpk:flex-col cpk:items-end cpk:group", className),
 		...props,
 		children
 	});
 	_CopilotChatUserMessage.MessageRenderer = ({ content, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, tailwind_merge.twMerge)("prose dark:prose-invert bg-muted relative max-w-[80%] rounded-[18px] px-4 py-1.5 data-[multiline]:py-3 inline-block whitespace-pre-wrap", className),
+		className: (0, tailwind_merge.twMerge)("cpk:prose cpk:dark:prose-invert cpk:bg-muted cpk:relative cpk:max-w-[80%] cpk:rounded-[18px] cpk:px-4 cpk:py-1.5 cpk:data-[multiline]:py-3 cpk:inline-block cpk:whitespace-pre-wrap", className),
 		children: content
 	});
 	_CopilotChatUserMessage.Toolbar = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, tailwind_merge.twMerge)("w-full bg-transparent flex items-center justify-end -mr-[5px] mt-[4px] invisible group-hover:visible", className),
+		className: (0, tailwind_merge.twMerge)("cpk:w-full cpk:bg-transparent cpk:flex cpk:items-center cpk:justify-end cpk:-mr-[5px] cpk:mt-[4px] cpk:invisible cpk:group-hover:visible", className),
 		...props
 	});
 	const ToolbarButton = _CopilotChatUserMessage.ToolbarButton = ({ title, children, className, ...props }) => {
@@ -105,7 +110,7 @@ function CopilotChatUserMessage({ message, onEditMessage, branchIndex, numberOfB
 			onClick: handleClick,
 			className,
 			...props,
-			children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "size-[18px]" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Copy, { className: "size-[18px]" })
+			children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "cpk:size-[18px]" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Copy, { className: "cpk:size-[18px]" })
 		});
 	};
 	_CopilotChatUserMessage.EditButton = ({ className, title, ...props }) => {
@@ -114,7 +119,7 @@ function CopilotChatUserMessage({ message, onEditMessage, branchIndex, numberOfB
 			title: title || labels.userMessageToolbarEditMessageLabel,
 			className,
 			...props,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Edit, { className: "size-[18px]" })
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Edit, { className: "cpk:size-[18px]" })
 		});
 	};
 	_CopilotChatUserMessage.BranchNavigation = ({ className, currentBranch = 0, numberOfBranches = 1, onSwitchToBranch, message, ...props }) => {
@@ -122,7 +127,7 @@ function CopilotChatUserMessage({ message, onEditMessage, branchIndex, numberOfB
 		const canGoPrev = currentBranch > 0;
 		const canGoNext = currentBranch < numberOfBranches - 1;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, tailwind_merge.twMerge)("flex items-center gap-1", className),
+			className: (0, tailwind_merge.twMerge)("cpk:flex cpk:items-center cpk:gap-1", className),
 			...props,
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
@@ -134,11 +139,11 @@ function CopilotChatUserMessage({ message, onEditMessage, branchIndex, numberOfB
 						message
 					}),
 					disabled: !canGoPrev,
-					className: "h-6 w-6 p-0",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronLeft, { className: "size-[20px]" })
+					className: "cpk:h-6 cpk:w-6 cpk:p-0",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronLeft, { className: "cpk:size-[20px]" })
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "text-sm text-muted-foreground px-0 font-medium",
+					className: "cpk:text-sm cpk:text-muted-foreground cpk:px-0 cpk:font-medium",
 					children: [
 						currentBranch + 1,
 						"/",
@@ -154,8 +159,8 @@ function CopilotChatUserMessage({ message, onEditMessage, branchIndex, numberOfB
 						message
 					}),
 					disabled: !canGoNext,
-					className: "h-6 w-6 p-0",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "size-[20px]" })
+					className: "cpk:h-6 cpk:w-6 cpk:p-0",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "cpk:size-[20px]" })
 				})
 			]
 		});