@copilotkit/react-ui 0.13.0-alpha.2 → 0.13.0-alpha.4

package/dist/chunk-44PMTS4V.mjs

@@ -0,0 +1,42 @@
+import { DefaultEmptyScreen } from './chunk-L3OH4SEP.mjs';
+import { ChatList } from './chunk-QXW3Q7JE.mjs';
+import { ChatPanel } from './chunk-OXCGWFXC.mjs';
+import { ChatScrollAnchor } from './chunk-IJLMKBSZ.mjs';
+import { useCopilotChat } from '@copilotkit/react-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function CopilotChat({
+  id,
+  initialMessages,
+  makeSystemMessage,
+  EmptyScreen = DefaultEmptyScreen
+}) {
+  const { visibleMessages, append, reload, stop, isLoading, input, setInput } = useCopilotChat({
+    id,
+    initialMessages,
+    makeSystemMessage
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "w-full h-full flex flex-col overflow-hidden box-border items-start", children: [
+    /* @__PURE__ */ jsx("div", { className: "pt-5 px-5 overflow-y-auto overflow-x-hidden w-full flex-grow", children: visibleMessages.length ? /* @__PURE__ */ jsxs("div", { className: "pl-0 pr-6", children: [
+      /* @__PURE__ */ jsx(ChatList, { messages: visibleMessages }),
+      /* @__PURE__ */ jsx(ChatScrollAnchor, { trackVisibility: isLoading })
+    ] }) : /* @__PURE__ */ jsx(EmptyScreen, { setInput }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-full", children: /* @__PURE__ */ jsx(
+      ChatPanel,
+      {
+        id,
+        isLoading,
+        stop,
+        append,
+        reload,
+        messages: visibleMessages,
+        input,
+        setInput
+      }
+    ) })
+  ] });
+}
+
+export { CopilotChat };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-44PMTS4V.mjs.map

package/dist/chunk-44PMTS4V.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-components/copilot-chat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AASA,SAAS,sBAAsB;AAwBrB,SACE,KADF;AAhBH,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAqB;AACnB,QAAM,EAAE,iBAAiB,QAAQ,QAAQ,MAAM,WAAW,OAAO,SAAS,IAAI,eAAe;AAAA,IAC3F;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,qBAAC,SAAI,WAAU,sEACb;AAAA,wBAAC,SAAI,WAAU,gEACZ,0BAAgB,SACf,qBAAC,SAAI,WAAU,aACb;AAAA,0BAAC,YAAS,UAAU,iBAAiB;AAAA,MACrC,oBAAC,oBAAiB,iBAAiB,WAAW;AAAA,OAChD,IAEA,oBAAC,eAAY,UAAoB,GAErC;AAAA,IAEA,oBAAC,SAAI,WAAU,wBACb;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ","sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\nimport { ChatList } from \"./chat-list\";\nimport { ChatPanel } from \"./chat-panel\";\nimport { DefaultEmptyScreen, EmptyScreenProps } from \"./default-empty-screen\";\nimport { ChatScrollAnchor } from \"./chat-scroll-anchor\";\nimport { UseCopilotChatOptions } from \"@copilotkit/react-core\";\nimport { useCopilotChat } from \"@copilotkit/react-core\";\n\ninterface ChatComponentInjectionsProps {\n  EmptyScreen?: React.FC<EmptyScreenProps>;\n}\n\ninterface CopilotChatProps extends UseCopilotChatOptions, ChatComponentInjectionsProps {}\n\nexport function CopilotChat({\n  id,\n  initialMessages,\n  makeSystemMessage,\n  EmptyScreen = DefaultEmptyScreen,\n}: CopilotChatProps) {\n  const { visibleMessages, append, reload, stop, isLoading, input, setInput } = useCopilotChat({\n    id,\n    initialMessages,\n    makeSystemMessage,\n  });\n\n  return (\n    <div className=\"w-full h-full flex flex-col overflow-hidden box-border items-start\">\n      <div className=\"pt-5 px-5 overflow-y-auto overflow-x-hidden w-full flex-grow\">\n        {visibleMessages.length ? (\n          <div className=\"pl-0 pr-6\">\n            <ChatList messages={visibleMessages} />\n            <ChatScrollAnchor trackVisibility={isLoading} />\n          </div>\n        ) : (\n          <EmptyScreen setInput={setInput} />\n        )}\n      </div>\n\n      <div className=\"flex-shrink-0 w-full\">\n        <ChatPanel\n          id={id}\n          isLoading={isLoading}\n          stop={stop}\n          append={append}\n          reload={reload}\n          messages={visibleMessages}\n          input={input}\n          setInput={setInput}\n        />\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-5KEDV5VC.mjs

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/chat-components/external-link.tsx
+function ExternalLink({ href, children }) {
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href,
+      target: "_blank",
+      className: "inline-flex flex-1 justify-center gap-1 leading-4 hover:underline",
+      children: [
+        /* @__PURE__ */ jsx("span", { children }),
+        /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", height: "7", viewBox: "0 0 6 6", width: "7", className: "opacity-70", children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M1.25215 5.54731L0.622742 4.9179L3.78169 1.75597H1.3834L1.38936 0.890915H5.27615V4.78069H4.40513L4.41109 2.38538L1.25215 5.54731Z",
+            fill: "currentColor"
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+export { ExternalLink };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-5KEDV5VC.mjs.map

package/dist/chunk-5KEDV5VC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-components/external-link.tsx"],"names":[],"mappings":";AAEI,SAKE,KALF;AAFG,SAAS,aAAa,EAAE,MAAM,SAAS,GAAgD;AAC5F,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAO;AAAA,MACP,WAAU;AAAA,MAEV;AAAA,4BAAC,UAAM,UAAS;AAAA,QAChB,oBAAC,SAAI,eAAY,QAAO,QAAO,KAAI,SAAQ,WAAU,OAAM,KAAI,WAAU,cACvE;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACN,GACH;AAAA;AAAA;AAAA,EACF;AAEJ","sourcesContent":["export function ExternalLink({ href, children }: { href: string; children: React.ReactNode }) {\n  return (\n    <a\n      href={href}\n      target=\"_blank\"\n      className=\"inline-flex flex-1 justify-center gap-1 leading-4 hover:underline\"\n    >\n      <span>{children}</span>\n      <svg aria-hidden=\"true\" height=\"7\" viewBox=\"0 0 6 6\" width=\"7\" className=\"opacity-70\">\n        <path\n          d=\"M1.25215 5.54731L0.622742 4.9179L3.78169 1.75597H1.3834L1.38936 0.890915H5.27615V4.78069H4.40513L4.41109 2.38538L1.25215 5.54731Z\"\n          fill=\"currentColor\"\n        ></path>\n      </svg>\n    </a>\n  );\n}\n"]}

package/dist/chunk-7AMJNPKO.mjs

@@ -0,0 +1,129 @@
+import { useCopyToClipboard } from './chunk-POVINPXX.mjs';
+import { Button } from './chunk-M3CZWJI3.mjs';
+import { IconDownload, IconCheck, IconCopy } from './chunk-2KAF7NKC.mjs';
+import { memo } from 'react';
+import { Prism } from 'react-syntax-highlighter';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var programmingLanguages = {
+  javascript: ".js",
+  python: ".py",
+  java: ".java",
+  c: ".c",
+  cpp: ".cpp",
+  "c++": ".cpp",
+  "c#": ".cs",
+  ruby: ".rb",
+  php: ".php",
+  swift: ".swift",
+  "objective-c": ".m",
+  kotlin: ".kt",
+  typescript: ".ts",
+  go: ".go",
+  perl: ".pl",
+  rust: ".rs",
+  scala: ".scala",
+  haskell: ".hs",
+  lua: ".lua",
+  shell: ".sh",
+  sql: ".sql",
+  html: ".html",
+  css: ".css"
+  // add more file extensions here, make sure the key is same as language prop in CodeBlock.tsx component
+};
+var generateRandomString = (length, lowercase = false) => {
+  const chars = "ABCDEFGHJKLMNPQRSTUVWXY3456789";
+  let result = "";
+  for (let i = 0; i < length; i++) {
+    result += chars.charAt(Math.floor(Math.random() * chars.length));
+  }
+  return lowercase ? result.toLowerCase() : result;
+};
+var CodeBlock = memo(({ language, value }) => {
+  const { isCopied, copyToClipboard } = useCopyToClipboard({ timeout: 2e3 });
+  const downloadAsFile = () => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const fileExtension = programmingLanguages[language] || ".file";
+    const suggestedFileName = `file-${generateRandomString(3, true)}${fileExtension}`;
+    const fileName = window.prompt("Enter file name", suggestedFileName);
+    if (!fileName) {
+      return;
+    }
+    const blob = new Blob([value], { type: "text/plain" });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.download = fileName;
+    link.href = url;
+    link.style.display = "none";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+  };
+  const onCopy = () => {
+    if (isCopied)
+      return;
+    copyToClipboard(value);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "codeblock relative w-full bg-zinc-950 font-sans", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between bg-zinc-800 px-6 py-2 pr-4 text-zinc-100", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs lowercase", children: language }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            className: "hover:bg-zinc-800 focus-visible:ring-1 focus-visible:ring-slate-700 focus-visible:ring-offset-0",
+            onClick: downloadAsFile,
+            size: "icon",
+            children: [
+              /* @__PURE__ */ jsx(IconDownload, {}),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Download" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "text-xs hover:bg-zinc-800 focus-visible:ring-1 focus-visible:ring-slate-700 focus-visible:ring-offset-0",
+            onClick: onCopy,
+            children: [
+              isCopied ? /* @__PURE__ */ jsx(IconCheck, {}) : /* @__PURE__ */ jsx(IconCopy, {}),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Copy code" })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Prism,
+      {
+        language,
+        PreTag: "div",
+        showLineNumbers: true,
+        customStyle: {
+          margin: 0,
+          width: "100%",
+          background: "transparent",
+          padding: "1.5rem 1rem"
+        },
+        codeTagProps: {
+          style: {
+            fontSize: "0.9rem",
+            fontFamily: "var(--font-mono)"
+          }
+        },
+        children: value
+      }
+    )
+  ] });
+});
+CodeBlock.displayName = "CodeBlock";
+
+export { CodeBlock, generateRandomString, programmingLanguages };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-7AMJNPKO.mjs.map

package/dist/chunk-7AMJNPKO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-components/ui/codeblock.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport { FC, memo } from \"react\";\nimport { Prism as SyntaxHighlighter } from \"react-syntax-highlighter\";\n\nimport { useCopyToClipboard } from \"../../../hooks/use-copy-to-clipboard\";\nimport { IconCheck, IconCopy, IconDownload } from \"./icons\";\nimport { Button } from \"./button\";\n\ninterface Props {\n  language: string;\n  value: string;\n}\n\ninterface languageMap {\n  [key: string]: string | undefined;\n}\n\nexport const programmingLanguages: languageMap = {\n  javascript: \".js\",\n  python: \".py\",\n  java: \".java\",\n  c: \".c\",\n  cpp: \".cpp\",\n  \"c++\": \".cpp\",\n  \"c#\": \".cs\",\n  ruby: \".rb\",\n  php: \".php\",\n  swift: \".swift\",\n  \"objective-c\": \".m\",\n  kotlin: \".kt\",\n  typescript: \".ts\",\n  go: \".go\",\n  perl: \".pl\",\n  rust: \".rs\",\n  scala: \".scala\",\n  haskell: \".hs\",\n  lua: \".lua\",\n  shell: \".sh\",\n  sql: \".sql\",\n  html: \".html\",\n  css: \".css\",\n  // add more file extensions here, make sure the key is same as language prop in CodeBlock.tsx component\n};\n\nexport const generateRandomString = (length: number, lowercase = false) => {\n  const chars = \"ABCDEFGHJKLMNPQRSTUVWXY3456789\"; // excluding similar looking characters like Z, 2, I, 1, O, 0\n  let result = \"\";\n  for (let i = 0; i < length; i++) {\n    result += chars.charAt(Math.floor(Math.random() * chars.length));\n  }\n  return lowercase ? result.toLowerCase() : result;\n};\n\nconst CodeBlock: FC<Props> = memo(({ language, value }) => {\n  const { isCopied, copyToClipboard } = useCopyToClipboard({ timeout: 2000 });\n\n  const downloadAsFile = () => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const fileExtension = programmingLanguages[language] || \".file\";\n    const suggestedFileName = `file-${generateRandomString(3, true)}${fileExtension}`;\n    const fileName = window.prompt(\"Enter file name\" || \"\", suggestedFileName);\n\n    if (!fileName) {\n      // User pressed cancel on prompt.\n      return;\n    }\n\n    const blob = new Blob([value], { type: \"text/plain\" });\n    const url = URL.createObjectURL(blob);\n    const link = document.createElement(\"a\");\n    link.download = fileName;\n    link.href = url;\n    link.style.display = \"none\";\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n    URL.revokeObjectURL(url);\n  };\n\n  const onCopy = () => {\n    if (isCopied) return;\n    copyToClipboard(value);\n  };\n\n  return (\n    <div className=\"codeblock relative w-full bg-zinc-950 font-sans\">\n      <div className=\"flex w-full items-center justify-between bg-zinc-800 px-6 py-2 pr-4 text-zinc-100\">\n        <span className=\"text-xs lowercase\">{language}</span>\n        <div className=\"flex items-center space-x-1\">\n          <Button\n            variant=\"ghost\"\n            className=\"hover:bg-zinc-800 focus-visible:ring-1 focus-visible:ring-slate-700 focus-visible:ring-offset-0\"\n            onClick={downloadAsFile}\n            size=\"icon\"\n          >\n            <IconDownload />\n            <span className=\"sr-only\">Download</span>\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"text-xs hover:bg-zinc-800 focus-visible:ring-1 focus-visible:ring-slate-700 focus-visible:ring-offset-0\"\n            onClick={onCopy}\n          >\n            {isCopied ? <IconCheck /> : <IconCopy />}\n            <span className=\"sr-only\">Copy code</span>\n          </Button>\n        </div>\n      </div>\n      <SyntaxHighlighter\n        language={language}\n        PreTag=\"div\"\n        showLineNumbers\n        customStyle={{\n          margin: 0,\n          width: \"100%\",\n          background: \"transparent\",\n          padding: \"1.5rem 1rem\",\n        }}\n        codeTagProps={{\n          style: {\n            fontSize: \"0.9rem\",\n            fontFamily: \"var(--font-mono)\",\n          },\n        }}\n      >\n        {value}\n      </SyntaxHighlighter>\n    </div>\n  );\n});\nCodeBlock.displayName = \"CodeBlock\";\n\nexport { CodeBlock };\n"]}

package/dist/chunk-7NSRDJ5C.mjs

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-7NSRDJ5C.mjs.map

package/dist/chunk-7NSRDJ5C.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/chunk-AHAVF76D.mjs

@@ -0,0 +1,39 @@
+import { CopilotChat } from './chunk-44PMTS4V.mjs';
+import { __spreadValues } from './chunk-MRXNTQOX.mjs';
+import { XMarkIcon } from '@heroicons/react/24/outline';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function CopilotSidebar(props) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "shadow-lg bg-gray-50 flex flex-col border-l-2",
+      style: { width: "100%", height: "100%" },
+      children: [
+        /* @__PURE__ */ jsx(TopBar, __spreadValues({}, props)),
+        /* @__PURE__ */ jsx(CopilotChat, {})
+      ]
+    }
+  );
+}
+function TopBar(props) {
+  return /* @__PURE__ */ jsxs("div", { className: "py-6 flex bg-gray-50 items-center justify-between px-4", children: [
+    /* @__PURE__ */ jsx("h1", { className: "text-base font-semibold leading-6 text-gray-900", children: "Copilot Chat" }),
+    /* @__PURE__ */ jsx("div", { className: "ml-3 flex h-7 items-center", children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2",
+        onClick: () => props.setSidebarOpen(false),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close panel" }),
+          /* @__PURE__ */ jsx(XMarkIcon, { className: "h-6 w-6", "aria-hidden": "true" })
+        ]
+      }
+    ) })
+  ] });
+}
+
+export { CopilotSidebar };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-AHAVF76D.mjs.map

package/dist/chunk-AHAVF76D.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sidebar/copilot-sidebar.tsx"],"names":[],"mappings":";;;;;;;;AAmBA,SAAS,iBAAiB;AAVtB,SAIE,KAJF;AAFG,SAAS,eAAe,OAAkC;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,MAEvC;AAAA,4BAAC,2BAAW,MAAO;AAAA,QACnB,oBAAC,eAAY;AAAA;AAAA;AAAA,EACf;AAEJ;AAIA,SAAS,OAAO,OAAkC;AAChD,SACE,qBAAC,SAAI,WAAU,0DACb;AAAA,wBAAC,QAAG,WAAU,mDAAkD,0BAAY;AAAA,IAC5E,oBAAC,SAAI,WAAU,8BACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM,MAAM,eAAe,KAAK;AAAA,QAEzC;AAAA,8BAAC,UAAK,WAAU,WAAU,yBAAW;AAAA,UACrC,oBAAC,aAAU,WAAU,WAAU,eAAY,QAAO;AAAA;AAAA;AAAA,IACpD,GACF;AAAA,KACF;AAEJ","sourcesContent":["import React from \"react\";\nimport { CopilotChat } from \"../chat-components/copilot-chat\";\n\nexport interface SidebarProps {\n  setSidebarOpen: (open: boolean) => void;\n}\n\nexport function CopilotSidebar(props: SidebarProps): JSX.Element {\n  return (\n    <div\n      className=\"shadow-lg bg-gray-50 flex flex-col border-l-2\"\n      style={{ width: \"100%\", height: \"100%\" }}\n    >\n      <TopBar {...props} />\n      <CopilotChat />\n    </div>\n  );\n}\n\nimport { XMarkIcon } from \"@heroicons/react/24/outline\";\n\nfunction TopBar(props: SidebarProps): JSX.Element {\n  return (\n    <div className=\"py-6 flex bg-gray-50 items-center justify-between px-4\">\n      <h1 className=\"text-base font-semibold leading-6 text-gray-900\">Copilot Chat</h1>\n      <div className=\"ml-3 flex h-7 items-center\">\n        <button\n          type=\"button\"\n          className=\"rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2\"\n          onClick={() => props.setSidebarOpen(false)}\n        >\n          <span className=\"sr-only\">Close panel</span>\n          <XMarkIcon className=\"h-6 w-6\" aria-hidden=\"true\" />\n        </button>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-GCOPYGHH.mjs

@@ -0,0 +1,27 @@
+import { cn } from './chunk-Q6YO7LDK.mjs';
+import { __objRest, __spreadValues } from './chunk-MRXNTQOX.mjs';
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { jsx } from 'react/jsx-runtime';
+
+var Separator = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, orientation = "horizontal", decorative = true } = _b, props = __objRest(_b, ["className", "orientation", "decorative"]);
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    __spreadValues({
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      )
+    }, props)
+  );
+});
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+
+export { Separator };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-GCOPYGHH.mjs.map

package/dist/chunk-GCOPYGHH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-components/ui/separator.tsx"],"names":[],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AAQlC;AAJF,IAAM,YAAkB,iBAGtB,CAAC,IAAwE,QAAK;AAA7E,eAAE,aAAW,cAAc,cAAc,aAAa,KAVzD,IAUG,IAA+D,kBAA/D,IAA+D,CAA7D,aAAW,eAA4B;AAC1C;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,eAAe,mBAAmB;AAAA,QAClD;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA,CACD;AACD,UAAU,cAAiC,wBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\n\nimport { cn } from \"../../../lib/utils\";\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = \"horizontal\", decorative = true, ...props }, ref) => (\n  <SeparatorPrimitive.Root\n    ref={ref}\n    decorative={decorative}\n    orientation={orientation}\n    className={cn(\n      \"shrink-0 bg-border\",\n      orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n      className,\n    )}\n    {...props}\n  />\n));\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n"]}

package/dist/chunk-H4VKQGVU.mjs

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-H4VKQGVU.mjs.map

package/dist/chunk-H4VKQGVU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/chunk-IJLMKBSZ.mjs

@@ -0,0 +1,25 @@
+import { useAtBottom } from './chunk-ZYC5YVDO.mjs';
+import * as React from 'react';
+import { useInView } from 'react-intersection-observer';
+import { jsx } from 'react/jsx-runtime';
+
+function ChatScrollAnchor({ trackVisibility }) {
+  const isAtBottom = useAtBottom();
+  const { ref, entry, inView } = useInView({
+    trackVisibility,
+    delay: 100,
+    rootMargin: "0px 0px -150px 0px"
+  });
+  React.useEffect(() => {
+    if (isAtBottom && trackVisibility && !inView) {
+      entry == null ? void 0 : entry.target.scrollIntoView({
+        block: "start"
+      });
+    }
+  }, [inView, entry, isAtBottom, trackVisibility]);
+  return /* @__PURE__ */ jsx("div", { ref, className: "h-px w-full" });
+}
+
+export { ChatScrollAnchor };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-IJLMKBSZ.mjs.map

package/dist/chunk-IJLMKBSZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-components/chat-scroll-anchor.tsx"],"names":[],"mappings":";;;;;AAEA,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAwBjB;AAhBF,SAAS,iBAAiB,EAAE,gBAAgB,GAA0B;AAC3E,QAAM,aAAa,YAAY;AAC/B,QAAM,EAAE,KAAK,OAAO,OAAO,IAAI,UAAU;AAAA,IACvC;AAAA,IACA,OAAO;AAAA,IACP,YAAY;AAAA,EACd,CAAC;AAED,EAAM,gBAAU,MAAM;AACpB,QAAI,cAAc,mBAAmB,CAAC,QAAQ;AAC5C,qCAAO,OAAO,eAAe;AAAA,QAC3B,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,OAAO,YAAY,eAAe,CAAC;AAE/C,SAAO,oBAAC,SAAI,KAAU,WAAU,eAAc;AAChD","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useInView } from \"react-intersection-observer\";\n\nimport { useAtBottom } from \"../../hooks/use-at-bottom\";\n\ninterface ChatScrollAnchorProps {\n  trackVisibility?: boolean;\n}\n\nexport function ChatScrollAnchor({ trackVisibility }: ChatScrollAnchorProps) {\n  const isAtBottom = useAtBottom();\n  const { ref, entry, inView } = useInView({\n    trackVisibility,\n    delay: 100,\n    rootMargin: \"0px 0px -150px 0px\",\n  });\n\n  React.useEffect(() => {\n    if (isAtBottom && trackVisibility && !inView) {\n      entry?.target.scrollIntoView({\n        block: \"start\",\n      });\n    }\n  }, [inView, entry, isAtBottom, trackVisibility]);\n\n  return <div ref={ref} className=\"h-px w-full\" />;\n}\n"]}

package/dist/chunk-IU3WTXLQ.mjs

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-IU3WTXLQ.mjs.map

package/dist/chunk-IU3WTXLQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/chunk-L3OH4SEP.mjs

@@ -0,0 +1,52 @@
+import { ExternalLink } from './chunk-5KEDV5VC.mjs';
+import { Button } from './chunk-M3CZWJI3.mjs';
+import { IconArrowRight } from './chunk-2KAF7NKC.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var exampleMessages = [
+  {
+    heading: "Explain technical concepts",
+    message: `What is a "serverless function"?`
+  },
+  {
+    heading: "Summarize an article",
+    message: "Summarize the following article for a 2nd grader: \n"
+  },
+  {
+    heading: "Draft an email",
+    message: `Draft an email to my boss about the following: 
+`
+  }
+];
+var DefaultEmptyScreen = (props) => {
+  return /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-2xl px-4", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-background p-8", children: [
+    /* @__PURE__ */ jsx("h1", { className: "mb-2 text-lg font-semibold", children: "Welcome to CopilotKit! \u{1F44B}" }),
+    /* @__PURE__ */ jsxs("p", { className: "mb-2 leading-normal text-muted-foreground", children: [
+      "This is a Copilot built with",
+      " ",
+      /* @__PURE__ */ jsx(ExternalLink, { href: "https://recursively.ai", children: "recursively.ai's" }),
+      " ",
+      /* @__PURE__ */ jsx(ExternalLink, { href: "https://github.com/RecursivelyAI/CopilotKit", children: "CopilotKit" }),
+      " ",
+      "."
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "leading-normal text-muted-foreground", children: "You can start a conversation here or try the following examples:" }),
+    /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-col items-start space-y-2", children: exampleMessages.map((message, index) => /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "link",
+        className: "h-auto p-0 text-base",
+        onClick: () => props.setInput(message.message),
+        children: [
+          /* @__PURE__ */ jsx(IconArrowRight, { className: "mr-2 text-muted-foreground" }),
+          message.heading
+        ]
+      },
+      index
+    )) })
+  ] }) });
+};
+
+export { DefaultEmptyScreen };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-L3OH4SEP.mjs.map

package/dist/chunk-L3OH4SEP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-components/default-empty-screen.tsx"],"names":[],"mappings":";;;;;;;;;;;AA+BQ,cACA,YADA;AAvBR,IAAM,kBAAkB;AAAA,EACtB;AAAA,IACE,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,SAAS;AAAA;AAAA,EACX;AACF;AAMO,IAAM,qBAAiD,CAAC,UAAU;AACvE,SACE,oBAAC,SAAI,WAAU,0BACb,+BAAC,SAAI,WAAU,uCACb;AAAA,wBAAC,QAAG,WAAU,8BAA6B,8CAAyB;AAAA,IACpE,qBAAC,OAAE,WAAU,6CAA4C;AAAA;AAAA,MAC1B;AAAA,MAC7B,oBAAC,gBAAa,MAAK,0BAAyB,8BAAgB;AAAA,MAAgB;AAAA,MAC5E,oBAAC,gBAAa,MAAK,+CAA8C,wBAAU;AAAA,MAAgB;AAAA,MAAI;AAAA,OAEjG;AAAA,IACA,oBAAC,OAAE,WAAU,wCAAuC,8EAEpD;AAAA,IACA,oBAAC,SAAI,WAAU,4CACZ,0BAAgB,IAAI,CAAC,SAAS,UAC7B;AAAA,MAAC;AAAA;AAAA,QAEC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,SAAS,MAAM,MAAM,SAAS,QAAQ,OAAO;AAAA,QAE7C;AAAA,8BAAC,kBAAe,WAAU,8BAA6B;AAAA,UACtD,QAAQ;AAAA;AAAA;AAAA,MANJ;AAAA,IAOP,CACD,GACH;AAAA,KACF,GACF;AAEJ","sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { UseChatHelpers } from \"ai/react\";\n\nimport { Button } from \"./ui/button\";\nimport { ExternalLink } from \"./external-link\";\nimport { IconArrowRight } from \"./ui/icons\";\n\nconst exampleMessages = [\n  {\n    heading: \"Explain technical concepts\",\n    message: `What is a \"serverless function\"?`,\n  },\n  {\n    heading: \"Summarize an article\",\n    message: \"Summarize the following article for a 2nd grader: \\n\",\n  },\n  {\n    heading: \"Draft an email\",\n    message: `Draft an email to my boss about the following: \\n`,\n  },\n];\n\nexport interface EmptyScreenProps {\n  setInput: React.Dispatch<React.SetStateAction<string>>;\n}\n\nexport const DefaultEmptyScreen: React.FC<EmptyScreenProps> = (props) => {\n  return (\n    <div className=\"mx-auto max-w-2xl px-4\">\n      <div className=\"rounded-lg border bg-background p-8\">\n        <h1 className=\"mb-2 text-lg font-semibold\">Welcome to CopilotKit! 👋</h1>\n        <p className=\"mb-2 leading-normal text-muted-foreground\">\n          This is a Copilot built with{\" \"}\n          <ExternalLink href=\"https://recursively.ai\">recursively.ai's</ExternalLink>{\" \"}\n          <ExternalLink href=\"https://github.com/RecursivelyAI/CopilotKit\">CopilotKit</ExternalLink>{\" \"}\n          .\n        </p>\n        <p className=\"leading-normal text-muted-foreground\">\n          You can start a conversation here or try the following examples:\n        </p>\n        <div className=\"mt-4 flex flex-col items-start space-y-2\">\n          {exampleMessages.map((message, index) => (\n            <Button\n              key={index}\n              variant=\"link\"\n              className=\"h-auto p-0 text-base\"\n              onClick={() => props.setInput(message.message)}\n            >\n              <IconArrowRight className=\"mr-2 text-muted-foreground\" />\n              {message.heading}\n            </Button>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/chunk-LSHMHHRZ.mjs

@@ -0,0 +1,34 @@
+import { useCopyToClipboard } from './chunk-POVINPXX.mjs';
+import { Button } from './chunk-M3CZWJI3.mjs';
+import { IconCheck, IconCopy } from './chunk-2KAF7NKC.mjs';
+import { cn } from './chunk-Q6YO7LDK.mjs';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-MRXNTQOX.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ChatMessageActions(_a) {
+  var _b = _a, { message, className } = _b, props = __objRest(_b, ["message", "className"]);
+  const { isCopied, copyToClipboard } = useCopyToClipboard({ timeout: 2e3 });
+  const onCopy = () => {
+    if (isCopied)
+      return;
+    copyToClipboard(message.content);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex items-center justify-end transition-opacity group-hover:opacity-100 md:absolute md:-right-10 md:-top-2 md:opacity-0",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "icon", onClick: onCopy, children: [
+        isCopied ? /* @__PURE__ */ jsx(IconCheck, {}) : /* @__PURE__ */ jsx(IconCopy, {}),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Copy message" })
+      ] })
+    })
+  );
+}
+
+export { ChatMessageActions };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-LSHMHHRZ.mjs.map

package/dist/chunk-LSHMHHRZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-components/chat-message-actions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA6BM,SACc,KADd;AAhBC,SAAS,mBAAmB,IAA2D;AAA3D,eAAE,WAAS,UAb9C,IAamC,IAAyB,kBAAzB,IAAyB,CAAvB,WAAS;AAC5C,QAAM,EAAE,UAAU,gBAAgB,IAAI,mBAAmB,EAAE,SAAS,IAAK,CAAC;AAE1E,QAAM,SAAS,MAAM;AACnB,QAAI;AAAU;AACd,oBAAgB,QAAQ,OAAO;AAAA,EACjC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI,QALL;AAAA,MAOC,+BAAC,UAAO,SAAQ,SAAQ,MAAK,QAAO,SAAS,QAC1C;AAAA,mBAAW,oBAAC,aAAU,IAAK,oBAAC,YAAS;AAAA,QACtC,oBAAC,UAAK,WAAU,WAAU,0BAAY;AAAA,SACxC;AAAA;AAAA,EACF;AAEJ","sourcesContent":["\"use client\";\n\nimport { type Message } from \"ai\";\n\nimport { Button } from \"./ui/button\";\nimport { IconCheck, IconCopy } from \"./ui/icons\";\nimport { useCopyToClipboard } from \"../../hooks/use-copy-to-clipboard\";\nimport { cn } from \"../../lib/utils\";\n\ninterface ChatMessageActionsProps extends React.ComponentProps<\"div\"> {\n  message: Message;\n}\n\nexport function ChatMessageActions({ message, className, ...props }: ChatMessageActionsProps) {\n  const { isCopied, copyToClipboard } = useCopyToClipboard({ timeout: 2000 });\n\n  const onCopy = () => {\n    if (isCopied) return;\n    copyToClipboard(message.content);\n  };\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center justify-end transition-opacity group-hover:opacity-100 md:absolute md:-right-10 md:-top-2 md:opacity-0\",\n        className,\n      )}\n      {...props}\n    >\n      <Button variant=\"ghost\" size=\"icon\" onClick={onCopy}>\n        {isCopied ? <IconCheck /> : <IconCopy />}\n        <span className=\"sr-only\">Copy message</span>\n      </Button>\n    </div>\n  );\n}\n"]}

package/dist/chunk-M3CZWJI3.mjs

@@ -0,0 +1,44 @@
+import { cn } from './chunk-Q6YO7LDK.mjs';
+import { __objRest, __spreadValues } from './chunk-MRXNTQOX.mjs';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var buttonVariants = cva(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium shadow ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow-md hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "shadow-none hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 shadow-none hover:underline"
+      },
+      size: {
+        default: "h-8 px-4 py-2",
+        sm: "h-8 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-8 w-8 p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, variant, size, asChild = false } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild"]);
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(Comp, __spreadValues({ className: cn(buttonVariants({ variant, size, className })), ref }, props));
+  }
+);
+Button.displayName = "Button";
+
+export { Button, buttonVariants };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-M3CZWJI3.mjs.map

package/dist/chunk-M3CZWJI3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-components/ui/button.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,WAA8B;AAwCjC;AApCN,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAQA,IAAM,SAAe;AAAA,EACnB,CAAC,IAAyD,QAAQ;AAAjE,iBAAE,aAAW,SAAS,MAAM,UAAU,MAvCzC,IAuCG,IAAgD,kBAAhD,IAAgD,CAA9C,aAAW,WAAS,QAAM;AAC3B,UAAM,OAAO,UAAU,OAAO;AAC9B,WACE,oBAAC,uBAAK,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC,GAAG,OAAc,MAAO;AAAA,EAE5F;AACF;AACA,OAAO,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../../lib/utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center rounded-md text-sm font-medium shadow ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground shadow-md hover:bg-primary/90\",\n        destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline: \"border border-input hover:bg-accent hover:text-accent-foreground\",\n        secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"shadow-none hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 shadow-none hover:underline\",\n      },\n      size: {\n        default: \"h-8 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-8 w-8 p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />\n    );\n  },\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n"]}

package/dist/chunk-MC6KTH4X.mjs

@@ -0,0 +1,12 @@
+import { createContext } from 'react';
+
+// src/components/sidebar/sidebar-context.tsx
+var CopilotSidebarContext = createContext({
+  isSidebarOpen: false,
+  toggleSidebar: () => {
+  }
+});
+
+export { CopilotSidebarContext };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-MC6KTH4X.mjs.map

package/dist/chunk-MC6KTH4X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sidebar/sidebar-context.tsx"],"names":[],"mappings":";AAAA,SAAS,qBAAgC;AAOlC,IAAM,wBAAwB,cAAyC;AAAA,EAC5E,eAAe;AAAA,EACf,eAAe,MAAM;AAAA,EAAC;AACxB,CAAC","sourcesContent":["import { createContext, ReactNode } from \"react\";\n\nexport interface CopilotSidebarContextType {\n  isSidebarOpen: boolean;\n  toggleSidebar: () => void;\n}\n\nexport const CopilotSidebarContext = createContext<CopilotSidebarContextType>({\n  isSidebarOpen: false,\n  toggleSidebar: () => {},\n});\n"]}

package/dist/chunk-MRXNTQOX.mjs

@@ -0,0 +1,55 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+export { __async, __objRest, __spreadProps, __spreadValues };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-MRXNTQOX.mjs.map

package/dist/chunk-MRXNTQOX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/dist/chunk-OHWEJUCS.mjs

@@ -0,0 +1,18 @@
+import { useRef } from 'react';
+
+// src/hooks/use-enter-submit.tsx
+function useEnterSubmit() {
+  const formRef = useRef(null);
+  const handleKeyDown = (event) => {
+    var _a;
+    if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
+      (_a = formRef.current) == null ? void 0 : _a.requestSubmit();
+      event.preventDefault();
+    }
+  };
+  return { formRef, onKeyDown: handleKeyDown };
+}
+
+export { useEnterSubmit };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-OHWEJUCS.mjs.map

package/dist/chunk-OHWEJUCS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-enter-submit.tsx"],"names":[],"mappings":";AAAA,SAAS,cAA8B;AAEhC,SAAS,iBAGd;AACA,QAAM,UAAU,OAAwB,IAAI;AAE5C,QAAM,gBAAgB,CAAC,UAA0D;AARnF;AASI,QAAI,MAAM,QAAQ,WAAW,CAAC,MAAM,YAAY,CAAC,MAAM,YAAY,aAAa;AAC9E,oBAAQ,YAAR,mBAAiB;AACjB,YAAM,eAAe;AAAA,IACvB;AAAA,EACF;AAEA,SAAO,EAAE,SAAS,WAAW,cAAc;AAC7C","sourcesContent":["import { useRef, type RefObject } from \"react\";\n\nexport function useEnterSubmit(): {\n  formRef: RefObject<HTMLFormElement>;\n  onKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;\n} {\n  const formRef = useRef<HTMLFormElement>(null);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>): void => {\n    if (event.key === \"Enter\" && !event.shiftKey && !event.nativeEvent.isComposing) {\n      formRef.current?.requestSubmit();\n      event.preventDefault();\n    }\n  };\n\n  return { formRef, onKeyDown: handleKeyDown };\n}\n"]}