@assistant-ui/react 0.3.4 → 0.4.0

package/dist/tailwindcss/index.js

@@ -0,0 +1,108 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tailwindcss/index.ts
+var tailwindcss_exports = {};
+__export(tailwindcss_exports, {
+  default: () => tailwindcss_default
+});
+module.exports = __toCommonJS(tailwindcss_exports);
+var import_plugin = __toESM(require("tailwindcss/plugin"));
+var auiPlugin = import_plugin.default.withOptions(
+  ({ components = ["assistant-modal", "thread"], shadcn = false } = {}) => ({ addComponents }) => {
+    const assistantModal = components.includes("assistant-modal");
+    const thread = assistantModal || components.includes("thread");
+    if (thread) {
+      addComponents({
+        '@import "@assistant-ui/react/styles/tailwindcss/base-components.css"': ""
+      });
+      addComponents({
+        '@import "@assistant-ui/react/styles/tailwindcss/thread.css"': ""
+      });
+      if (!shadcn) {
+        addComponents({
+          '@import "@assistant-ui/react/styles/themes/default.css"': ""
+        });
+      }
+    }
+    if (assistantModal) {
+      addComponents({
+        '@import "@assistant-ui/react/styles/tailwindcss/modal.css"': ""
+      });
+    }
+  },
+  ({ shadcn = false } = {}) => {
+    const prefix = !shadcn ? "--aui-" : "--";
+    return {
+      theme: {
+        extend: {
+          colors: {
+            aui: {
+              border: `hsl(var(${prefix}border))`,
+              input: `hsl(var(${prefix}input))`,
+              ring: `hsl(var(${prefix}ring))`,
+              background: `hsl(var(${prefix}background))`,
+              foreground: `hsl(var(${prefix}foreground))`,
+              primary: {
+                DEFAULT: `hsl(var(${prefix}primary))`,
+                foreground: `hsl(var(${prefix}primary-foreground))`
+              },
+              //   secondary: {
+              //     DEFAULT: "hsl(var(--aui-secondary))",
+              //     foreground: "hsl(var(--aui-secondary-foreground))",
+              //   },
+              //   destructive: {
+              //     DEFAULT: "hsl(var(--aui-destructive))",
+              //     foreground: "hsl(var(--aui-destructive-foreground))",
+              //   },
+              muted: {
+                DEFAULT: `hsl(var(${prefix}muted))`,
+                foreground: `hsl(var(${prefix}muted-foreground))`
+              },
+              accent: {
+                DEFAULT: `hsl(var(${prefix}accent))`,
+                foreground: `hsl(var(${prefix}accent-foreground))`
+              },
+              popover: {
+                DEFAULT: `hsl(var(${prefix}popover))`,
+                foreground: `hsl(var(${prefix}popover-foreground))`
+              },
+              card: {
+                DEFAULT: `hsl(var(${prefix}card))`,
+                foreground: `hsl(var(${prefix}card-foreground))`
+              }
+            }
+          }
+        }
+      }
+    };
+  }
+);
+var tailwindcss_default = auiPlugin;
+//# sourceMappingURL=index.js.map

package/dist/tailwindcss/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tailwindcss/index.ts"],"sourcesContent":["import plugin from \"tailwindcss/plugin\";\n\ntype AssisstantTailwindPluginOptions = {\n  components?: (\"thread\" | \"assistant-modal\")[];\n  shadcn?: boolean;\n};\n\nconst auiPlugin = plugin.withOptions<AssisstantTailwindPluginOptions>(\n  ({ components = [\"assistant-modal\", \"thread\"], shadcn = false } = {}) =>\n    ({ addComponents }) => {\n      const assistantModal = components.includes(\"assistant-modal\");\n      const thread = assistantModal || components.includes(\"thread\");\n\n      if (thread) {\n        addComponents({\n          '@import \"@assistant-ui/react/styles/tailwindcss/base-components.css\"':\n            \"\",\n        });\n        addComponents({\n          '@import \"@assistant-ui/react/styles/tailwindcss/thread.css\"': \"\",\n        });\n\n        if (!shadcn) {\n          addComponents({\n            '@import \"@assistant-ui/react/styles/themes/default.css\"': \"\",\n          });\n        }\n      }\n\n      if (assistantModal) {\n        addComponents({\n          '@import \"@assistant-ui/react/styles/tailwindcss/modal.css\"': \"\",\n        });\n      }\n    },\n  ({ shadcn = false } = {}) => {\n    const prefix = !shadcn ? \"--aui-\" : \"--\";\n    return {\n      theme: {\n        extend: {\n          colors: {\n            aui: {\n              border: `hsl(var(${prefix}border))`,\n              input: `hsl(var(${prefix}input))`,\n              ring: `hsl(var(${prefix}ring))`,\n              background: `hsl(var(${prefix}background))`,\n              foreground: `hsl(var(${prefix}foreground))`,\n              primary: {\n                DEFAULT: `hsl(var(${prefix}primary))`,\n                foreground: `hsl(var(${prefix}primary-foreground))`,\n              },\n              //   secondary: {\n              //     DEFAULT: \"hsl(var(--aui-secondary))\",\n              //     foreground: \"hsl(var(--aui-secondary-foreground))\",\n              //   },\n              //   destructive: {\n              //     DEFAULT: \"hsl(var(--aui-destructive))\",\n              //     foreground: \"hsl(var(--aui-destructive-foreground))\",\n              //   },\n              muted: {\n                DEFAULT: `hsl(var(${prefix}muted))`,\n                foreground: `hsl(var(${prefix}muted-foreground))`,\n              },\n              accent: {\n                DEFAULT: `hsl(var(${prefix}accent))`,\n                foreground: `hsl(var(${prefix}accent-foreground))`,\n              },\n              popover: {\n                DEFAULT: `hsl(var(${prefix}popover))`,\n                foreground: `hsl(var(${prefix}popover-foreground))`,\n              },\n              card: {\n                DEFAULT: `hsl(var(${prefix}card))`,\n                foreground: `hsl(var(${prefix}card-foreground))`,\n              },\n            },\n          },\n        },\n      },\n    };\n  },\n);\n\nexport default auiPlugin;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAmB;AAOnB,IAAM,YAAY,cAAAA,QAAO;AAAA,EACvB,CAAC,EAAE,aAAa,CAAC,mBAAmB,QAAQ,GAAG,SAAS,MAAM,IAAI,CAAC,MACjE,CAAC,EAAE,cAAc,MAAM;AACrB,UAAM,iBAAiB,WAAW,SAAS,iBAAiB;AAC5D,UAAM,SAAS,kBAAkB,WAAW,SAAS,QAAQ;AAE7D,QAAI,QAAQ;AACV,oBAAc;AAAA,QACZ,wEACE;AAAA,MACJ,CAAC;AACD,oBAAc;AAAA,QACZ,+DAA+D;AAAA,MACjE,CAAC;AAED,UAAI,CAAC,QAAQ;AACX,sBAAc;AAAA,UACZ,2DAA2D;AAAA,QAC7D,CAAC;AAAA,MACH;AAAA,IACF;AAEA,QAAI,gBAAgB;AAClB,oBAAc;AAAA,QACZ,8DAA8D;AAAA,MAChE,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EACF,CAAC,EAAE,SAAS,MAAM,IAAI,CAAC,MAAM;AAC3B,UAAM,SAAS,CAAC,SAAS,WAAW;AACpC,WAAO;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,UACN,QAAQ;AAAA,YACN,KAAK;AAAA,cACH,QAAQ,WAAW,MAAM;AAAA,cACzB,OAAO,WAAW,MAAM;AAAA,cACxB,MAAM,WAAW,MAAM;AAAA,cACvB,YAAY,WAAW,MAAM;AAAA,cAC7B,YAAY,WAAW,MAAM;AAAA,cAC7B,SAAS;AAAA,gBACP,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cASA,OAAO;AAAA,gBACL,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,QAAQ;AAAA,gBACN,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,SAAS;AAAA,gBACP,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,MAAM;AAAA,gBACJ,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,sBAAQ;","names":["plugin"]}

package/dist/tailwindcss/index.mjs

@@ -0,0 +1,77 @@
+// src/tailwindcss/index.ts
+import plugin from "tailwindcss/plugin";
+var auiPlugin = plugin.withOptions(
+  ({ components = ["assistant-modal", "thread"], shadcn = false } = {}) => ({ addComponents }) => {
+    const assistantModal = components.includes("assistant-modal");
+    const thread = assistantModal || components.includes("thread");
+    if (thread) {
+      addComponents({
+        '@import "@assistant-ui/react/styles/tailwindcss/base-components.css"': ""
+      });
+      addComponents({
+        '@import "@assistant-ui/react/styles/tailwindcss/thread.css"': ""
+      });
+      if (!shadcn) {
+        addComponents({
+          '@import "@assistant-ui/react/styles/themes/default.css"': ""
+        });
+      }
+    }
+    if (assistantModal) {
+      addComponents({
+        '@import "@assistant-ui/react/styles/tailwindcss/modal.css"': ""
+      });
+    }
+  },
+  ({ shadcn = false } = {}) => {
+    const prefix = !shadcn ? "--aui-" : "--";
+    return {
+      theme: {
+        extend: {
+          colors: {
+            aui: {
+              border: `hsl(var(${prefix}border))`,
+              input: `hsl(var(${prefix}input))`,
+              ring: `hsl(var(${prefix}ring))`,
+              background: `hsl(var(${prefix}background))`,
+              foreground: `hsl(var(${prefix}foreground))`,
+              primary: {
+                DEFAULT: `hsl(var(${prefix}primary))`,
+                foreground: `hsl(var(${prefix}primary-foreground))`
+              },
+              //   secondary: {
+              //     DEFAULT: "hsl(var(--aui-secondary))",
+              //     foreground: "hsl(var(--aui-secondary-foreground))",
+              //   },
+              //   destructive: {
+              //     DEFAULT: "hsl(var(--aui-destructive))",
+              //     foreground: "hsl(var(--aui-destructive-foreground))",
+              //   },
+              muted: {
+                DEFAULT: `hsl(var(${prefix}muted))`,
+                foreground: `hsl(var(${prefix}muted-foreground))`
+              },
+              accent: {
+                DEFAULT: `hsl(var(${prefix}accent))`,
+                foreground: `hsl(var(${prefix}accent-foreground))`
+              },
+              popover: {
+                DEFAULT: `hsl(var(${prefix}popover))`,
+                foreground: `hsl(var(${prefix}popover-foreground))`
+              },
+              card: {
+                DEFAULT: `hsl(var(${prefix}card))`,
+                foreground: `hsl(var(${prefix}card-foreground))`
+              }
+            }
+          }
+        }
+      }
+    };
+  }
+);
+var tailwindcss_default = auiPlugin;
+export {
+  tailwindcss_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/tailwindcss/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tailwindcss/index.ts"],"sourcesContent":["import plugin from \"tailwindcss/plugin\";\n\ntype AssisstantTailwindPluginOptions = {\n  components?: (\"thread\" | \"assistant-modal\")[];\n  shadcn?: boolean;\n};\n\nconst auiPlugin = plugin.withOptions<AssisstantTailwindPluginOptions>(\n  ({ components = [\"assistant-modal\", \"thread\"], shadcn = false } = {}) =>\n    ({ addComponents }) => {\n      const assistantModal = components.includes(\"assistant-modal\");\n      const thread = assistantModal || components.includes(\"thread\");\n\n      if (thread) {\n        addComponents({\n          '@import \"@assistant-ui/react/styles/tailwindcss/base-components.css\"':\n            \"\",\n        });\n        addComponents({\n          '@import \"@assistant-ui/react/styles/tailwindcss/thread.css\"': \"\",\n        });\n\n        if (!shadcn) {\n          addComponents({\n            '@import \"@assistant-ui/react/styles/themes/default.css\"': \"\",\n          });\n        }\n      }\n\n      if (assistantModal) {\n        addComponents({\n          '@import \"@assistant-ui/react/styles/tailwindcss/modal.css\"': \"\",\n        });\n      }\n    },\n  ({ shadcn = false } = {}) => {\n    const prefix = !shadcn ? \"--aui-\" : \"--\";\n    return {\n      theme: {\n        extend: {\n          colors: {\n            aui: {\n              border: `hsl(var(${prefix}border))`,\n              input: `hsl(var(${prefix}input))`,\n              ring: `hsl(var(${prefix}ring))`,\n              background: `hsl(var(${prefix}background))`,\n              foreground: `hsl(var(${prefix}foreground))`,\n              primary: {\n                DEFAULT: `hsl(var(${prefix}primary))`,\n                foreground: `hsl(var(${prefix}primary-foreground))`,\n              },\n              //   secondary: {\n              //     DEFAULT: \"hsl(var(--aui-secondary))\",\n              //     foreground: \"hsl(var(--aui-secondary-foreground))\",\n              //   },\n              //   destructive: {\n              //     DEFAULT: \"hsl(var(--aui-destructive))\",\n              //     foreground: \"hsl(var(--aui-destructive-foreground))\",\n              //   },\n              muted: {\n                DEFAULT: `hsl(var(${prefix}muted))`,\n                foreground: `hsl(var(${prefix}muted-foreground))`,\n              },\n              accent: {\n                DEFAULT: `hsl(var(${prefix}accent))`,\n                foreground: `hsl(var(${prefix}accent-foreground))`,\n              },\n              popover: {\n                DEFAULT: `hsl(var(${prefix}popover))`,\n                foreground: `hsl(var(${prefix}popover-foreground))`,\n              },\n              card: {\n                DEFAULT: `hsl(var(${prefix}card))`,\n                foreground: `hsl(var(${prefix}card-foreground))`,\n              },\n            },\n          },\n        },\n      },\n    };\n  },\n);\n\nexport default auiPlugin;\n"],"mappings":";AAAA,OAAO,YAAY;AAOnB,IAAM,YAAY,OAAO;AAAA,EACvB,CAAC,EAAE,aAAa,CAAC,mBAAmB,QAAQ,GAAG,SAAS,MAAM,IAAI,CAAC,MACjE,CAAC,EAAE,cAAc,MAAM;AACrB,UAAM,iBAAiB,WAAW,SAAS,iBAAiB;AAC5D,UAAM,SAAS,kBAAkB,WAAW,SAAS,QAAQ;AAE7D,QAAI,QAAQ;AACV,oBAAc;AAAA,QACZ,wEACE;AAAA,MACJ,CAAC;AACD,oBAAc;AAAA,QACZ,+DAA+D;AAAA,MACjE,CAAC;AAED,UAAI,CAAC,QAAQ;AACX,sBAAc;AAAA,UACZ,2DAA2D;AAAA,QAC7D,CAAC;AAAA,MACH;AAAA,IACF;AAEA,QAAI,gBAAgB;AAClB,oBAAc;AAAA,QACZ,8DAA8D;AAAA,MAChE,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EACF,CAAC,EAAE,SAAS,MAAM,IAAI,CAAC,MAAM;AAC3B,UAAM,SAAS,CAAC,SAAS,WAAW;AACpC,WAAO;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,UACN,QAAQ;AAAA,YACN,KAAK;AAAA,cACH,QAAQ,WAAW,MAAM;AAAA,cACzB,OAAO,WAAW,MAAM;AAAA,cACxB,MAAM,WAAW,MAAM;AAAA,cACvB,YAAY,WAAW,MAAM;AAAA,cAC7B,YAAY,WAAW,MAAM;AAAA,cAC7B,SAAS;AAAA,gBACP,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cASA,OAAO;AAAA,gBACL,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,QAAQ;AAAA,gBACN,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,SAAS;AAAA,gBACP,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,MAAM;AAAA,gBACJ,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,sBAAQ;","names":[]}

package/package.json

@@ -29,7 +29,7 @@
     "conversational-ui",
     "conversational-ai"
   ],
-  "version": "0.3.4",
+  "version": "0.4.0",
   "license": "MIT",
   "exports": {
     ".": {
@@ -41,6 +41,29 @@
         "types": "./dist/index.d.ts",
         "default": "./dist/index.js"
       }
+    },
+    "./edge": {
+      "import": {
+        "types": "./dist/edge.d.mts",
+        "default": "./dist/edge.mjs"
+      },
+      "require": {
+        "types": "./dist/edge.d.ts",
+        "default": "./dist/edge.js"
+      }
+    },
+    "./tailwindcss": {
+      "import": {
+        "types": "./dist/tailwindcss/index.d.mts",
+        "default": "./dist/tailwindcss/index.mjs"
+      },
+      "require": {
+        "types": "./dist/tailwindcss/index.d.ts",
+        "default": "./dist/tailwindcss/index.js"
+      }
+    },
+    "./styles/*": {
+      "default": "./dist/styles/*"
     }
   },
   "source": "./src/index.ts",
@@ -53,25 +76,34 @@
   ],
   "sideEffects": false,
   "dependencies": {
+    "@ai-sdk/provider": "^0.0.12",
     "@radix-ui/primitive": "^1.1.0",
+    "@radix-ui/react-avatar": "^1.1.0",
     "@radix-ui/react-compose-refs": "^1.1.0",
     "@radix-ui/react-context": "^1.1.0",
     "@radix-ui/react-popover": "^1.1.1",
     "@radix-ui/react-primitive": "^2.0.0",
     "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.2",
     "@radix-ui/react-use-callback-ref": "^1.1.0",
     "@radix-ui/react-use-escape-keydown": "^1.1.0",
-    "@radix-ui/react-use-layout-effect": "^1.1.0",
+    "class-variance-authority": "^0.7.0",
+    "classnames": "^2.5.1",
+    "json-schema": "^0.4.0",
+    "lucide-react": "^0.407.0",
     "nanoid": "^5.0.7",
     "react-textarea-autosize": "^8.5.3",
+    "secure-json-parse": "^2.7.0",
     "zod": "^3.23.8",
+    "zod-to-json-schema": "^3.23.1",
     "zustand": "^4.5.4"
   },
   "peerDependencies": {
     "@types/react": "*",
     "@types/react-dom": "*",
     "react": "^18",
-    "react-dom": "^18"
+    "react-dom": "^18",
+    "tailwindcss": "^3.4.4"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -79,12 +111,23 @@
     },
     "@types/react-dom": {
       "optional": true
+    },
+    "tailwindcss": {
+      "optional": true
     }
   },
   "devDependencies": {
-    "@ai-sdk/react": "^0.0.16",
-    "@types/node": "^20.14.9",
+    "@types/json-schema": "^7.0.15",
+    "@types/node": "^20.14.10",
+    "autoprefixer": "^10.4.19",
+    "eslint-config-next": "14.2.5",
+    "postcss": "^8.4.39",
+    "postcss-nested": "^6.0.1",
+    "tailwindcss": "^3.4.4",
+    "tailwindcss-animate": "^1.0.7",
     "tsup": "^8.1.0",
+    "tsx": "^4.16.2",
+    "@assistant-ui/tailwindcss-transformer": "0.1.0",
     "@assistant-ui/tsconfig": "0.0.0"
   },
   "publishConfig": {
@@ -100,6 +143,6 @@
     "url": "https://github.com/Yonom/assistant-ui/issues"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts --sourcemap"
+    "build": "tsx scripts/build.mts"
   }
 }