@copilotkit/react-ui 0.0.0-0.0.0-max-changeset-10101010101010-20260109191632

package/dist/components/chat/PoweredByTag.js

@@ -0,0 +1,61 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/chat/PoweredByTag.tsx
+var PoweredByTag_exports = {};
+__export(PoweredByTag_exports, {
+  PoweredByTag: () => PoweredByTag
+});
+module.exports = __toCommonJS(PoweredByTag_exports);
+var import_react = require("react");
+
+// src/hooks/use-dark-mode.ts
+var useDarkMode = () => {
+  if (typeof window === "undefined")
+    return false;
+  return document.documentElement.classList.contains("dark") || document.body.classList.contains("dark") || document.documentElement.getAttribute("data-theme") === "dark" || document.body.getAttribute("data-theme") === "dark" || window.matchMedia("(prefers-color-scheme: dark)").matches;
+};
+
+// src/components/chat/PoweredByTag.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function PoweredByTag({ showPoweredBy = true }) {
+  const [mounted, setMounted] = (0, import_react.useState)(false);
+  const isDark = useDarkMode();
+  (0, import_react.useEffect)(() => {
+    setMounted(true);
+  }, []);
+  if (!showPoweredBy) {
+    return null;
+  }
+  const poweredByStyle = {
+    visibility: "visible",
+    display: "block",
+    position: "static",
+    textAlign: "center",
+    fontSize: "12px",
+    padding: "3px 0",
+    color: mounted && isDark ? "rgb(69, 69, 69)" : "rgb(214, 214, 214)"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "poweredBy", style: poweredByStyle, children: "Powered by CopilotKit" }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PoweredByTag
+});
+//# sourceMappingURL=PoweredByTag.js.map

package/dist/components/chat/PoweredByTag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/chat/PoweredByTag.tsx","../../../src/hooks/use-dark-mode.ts"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { useDarkMode } from \"../../hooks/use-dark-mode\";\n\nexport function PoweredByTag({ showPoweredBy = true }: { showPoweredBy?: boolean }) {\n  const [mounted, setMounted] = useState(false);\n  const isDark = useDarkMode();\n\n  /*\n    note(tylerslaton):\n\n    Ensure we only use the isDark computed value after client-side mount.\n    This prevents hydration mismatches by using a default color on the\n    server and initial client render, then updating to the correct\n    dark mode color after hydration is complete.\n  */\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!showPoweredBy) {\n    return null;\n  }\n\n  const poweredByStyle = {\n    visibility: \"visible\",\n    display: \"block\",\n    position: \"static\",\n    textAlign: \"center\",\n    fontSize: \"12px\",\n    padding: \"3px 0\",\n    color: mounted && isDark ? \"rgb(69, 69, 69)\" : \"rgb(214, 214, 214)\",\n  };\n\n  return (\n    <div>\n      {/*@ts-expect-error -- expecting position not to be a string, but it can be.*/}\n      <p className=\"poweredBy\" style={poweredByStyle}>\n        Powered by CopilotKit\n      </p>\n    </div>\n  );\n}\n","export const useDarkMode = () => {\n  if (typeof window === \"undefined\") return false;\n  return (\n    document.documentElement.classList.contains(\"dark\") ||\n    document.body.classList.contains(\"dark\") ||\n    document.documentElement.getAttribute(\"data-theme\") === \"dark\" ||\n    document.body.getAttribute(\"data-theme\") === \"dark\" ||\n    window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2C;;;ACApC,IAAM,cAAc,MAAM;AAC/B,MAAI,OAAO,WAAW;AAAa,WAAO;AAC1C,SACE,SAAS,gBAAgB,UAAU,SAAS,MAAM,KAClD,SAAS,KAAK,UAAU,SAAS,MAAM,KACvC,SAAS,gBAAgB,aAAa,YAAY,MAAM,UACxD,SAAS,KAAK,aAAa,YAAY,MAAM,UAC7C,OAAO,WAAW,8BAA8B,EAAE;AAEtD;;;AD2BM;AAjCC,SAAS,aAAa,EAAE,gBAAgB,KAAK,GAAgC;AAClF,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,SAAS,YAAY;AAU3B,8BAAU,MAAM;AACd,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,eAAe;AAClB,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB;AAAA,IACrB,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,IACT,OAAO,WAAW,SAAS,oBAAoB;AAAA,EACjD;AAEA,SACE,4CAAC,SAEC,sDAAC,OAAE,WAAU,aAAY,OAAO,gBAAgB,mCAEhD,GACF;AAEJ;","names":[]}

package/dist/components/chat/PoweredByTag.mjs

@@ -0,0 +1,9 @@
+import {
+  PoweredByTag
+} from "../../chunk-ELGRNEAO.mjs";
+import "../../chunk-JGMFJZMG.mjs";
+import "../../chunk-MRXNTQOX.mjs";
+export {
+  PoweredByTag
+};
+//# sourceMappingURL=PoweredByTag.mjs.map

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

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

package/dist/components/chat/Sidebar.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CopilotModalProps } from './Modal.js';
+import 'react';
+import './props.js';
+import '@copilotkit/shared';
+import '../../types/suggestions.js';
+import './Chat.js';
+import './ChatContext.js';
+import '@copilotkit/react-core';
+
+declare function CopilotSidebar(props: CopilotModalProps): react_jsx_runtime.JSX.Element;
+
+export { CopilotSidebar };