@c2n/chatbot 0.0.6 → 0.0.7

package/dist/chatbot.js

@@ -1,5 +1,6 @@
 import { LitElement, html, unsafeCSS } from "lit";
-import { customElement, property } from "lit/decorators.js";
+import { property } from "lit/decorators.js";
+import { customElement } from "@c2n/core/element-helper.js";
 import "@c2n/avatar";
 //#region src/chatbot.scss?inline
 var chatbot_default = "/* ex : var((width: 24px), width, c2-checkbox)  returns var(--c2-checkbox-width, 24px) */\n:host {\n  display: flex;\n  --c2-avatar--width: 32px;\n  --c2-avatar--height: 32px;\n  --c2-avatar--font-size: 13px;\n}\n\n.c2-chatbot {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  border-top: var(--c2-chatbot--border-top,1px solid rgb(177, 177, 177));\n  border-bottom: var(--c2-chatbot--border-bottom,1px solid rgb(177, 177, 177));\n  border-right: var(--c2-chatbot--border-right,1px solid rgb(177, 177, 177));\n  border-left: var(--c2-chatbot--border-left,1px solid rgb(177, 177, 177));\n  border-top-left-radius: var(--c2-chatbot--border-top-left-radius,8px);\n  border-top-right-radius: var(--c2-chatbot--border-top-right-radius,8px);\n  border-bottom-left-radius: var(--c2-chatbot--border-bottom-left-radius,8px);\n  border-bottom-right-radius: var(--c2-chatbot--border-bottom-right-radius,8px);\n}\n.c2-chatbot .c2-chatbot__header-container {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: var(--c2-chatbot__header--padding,16px 16px);\n  background: var(--c2-chatbot__header--background,rgb(248, 248, 248));\n  border-top-left-radius: inherit;\n  border-top-right-radius: inherit;\n  border-bottom: var(--c2-chatbot__header--border-bottom,1px solid rgb(177, 177, 177));\n}";

package/package.json

@@ -1,18 +1,30 @@
 {
   "name": "@c2n/chatbot",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "type": "module",
   "main": "dist/chatbot.js",
   "exports": {
     ".": {
-      "default": "./dist/chatbot.js",
-      "types": "./types/src/chatbot.d.ts"
+      "types": "./types/src/chatbot.d.ts",
+      "default": "./dist/chatbot.js"
+    },
+    "./react": {
+      "types": "./react.d.ts",
+      "default": "./react.js"
+    },
+    "./vue": {
+      "types": "./vue.d.ts",
+      "default": "./vue.js"
     },
     "./custom-elements.json": "./custom-elements.json"
   },
   "files": [
     "dist",
-    "types"
+    "types",
+    "react.d.ts",
+    "react.js",
+    "vue.d.ts",
+    "vue.js"
   ],
   "keywords": [
     "chatbot",
@@ -51,13 +63,13 @@
     }
   },
   "dependencies": {
-    "@c2n/avatar": "0.0.6",
-    "@c2n/core": "0.0.6",
+    "@c2n/avatar": "0.0.7",
+    "@c2n/core": "0.0.7",
     "lit": "3.3.3"
   },
   "devDependencies": {
     "@c2n/config": "*"
   },
   "customElements": "custom-elements.json",
-  "gitHead": "2921054bc75299da66dad11c1e374246ff88a51e"
+  "gitHead": "c8db398a27f7cd417d665fdf5da455fee2d4e910"
 }

package/react.d.ts

@@ -0,0 +1,24 @@
+// GENERATED by @c2n/framework-types. Do not edit by hand.
+//
+// JSX types for the custom elements of @c2n/chatbot. Import once, anywhere in the program:
+//
+//     import '@c2n/chatbot/react'
+//
+// Register the elements at module scope before React renders, or React writes an object prop as an
+// attribute and it stringifies.
+
+import type { DetailedHTMLProps, HTMLAttributes } from 'react'
+import type { Chatbot } from '@c2n/chatbot'
+
+/** Standard React host-element attributes plus the element's own public properties. */
+type C2Props<T> = DetailedHTMLProps<HTMLAttributes<T>, T> & Partial<Omit<T, keyof HTMLElement>>
+
+declare module 'react' {
+  namespace JSX {
+    interface IntrinsicElements {
+      'c2-chatbot': C2Props<Chatbot>
+    }
+  }
+}
+
+export {}

package/react.js

@@ -0,0 +1,3 @@
+// GENERATED by @c2n/framework-types. Do not edit by hand.
+// Types only — see the matching .d.ts.
+export {}

package/types/src/chatbot.d.ts

@@ -1,15 +1,15 @@
 import { LitElement } from 'lit';
 import '@c2n/avatar';
 /**
- * @tag c2-chatbot
+ * Minimal chatbot shell that greets a named user and renders application-provided conversation content.
  *
- * @slot default - This is a default/unnamed slot
+ * @tag c2-chatbot
  *
- * @event
- * @cssproperty
+ * @slot default - Conversation content rendered inside the chatbot shell.
  */
 export declare class Chatbot extends LitElement {
     static styles: import("lit").CSSResult;
+    /** Name included in the chatbot greeting. */
     name: string;
     render(): import("lit-html").TemplateResult<1>;
 }

package/types/src/chatbot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbot.d.ts","sourceRoot":"","sources":["../../src/chatbot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAA;AAGjD,OAAO,aAAa,CAAA;AACpB;;;;;;;GAOG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAAoB;IAEd,IAAI,SAAqB;IAE5C,MAAM;CAYhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,OAAO,CAAA;KACtB;CACF"}
+{"version":3,"file":"chatbot.d.ts","sourceRoot":"","sources":["../../src/chatbot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAA;AAIjD,OAAO,aAAa,CAAA;AACpB;;;;;;GAMG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAAoB;IAE1C,6CAA6C;IACjB,IAAI,SAAqB;IAE5C,MAAM;CAYhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,OAAO,CAAA;KACtB;CACF"}

package/vue.d.ts

@@ -0,0 +1,29 @@
+// GENERATED by @c2n/framework-types. Do not edit by hand.
+//
+// Vue template types for the custom elements of @c2n/chatbot. Import once, anywhere in the program:
+//
+//     import '@c2n/chatbot/vue'
+//
+// Tell the compiler about the tags as well, or every c2-* tag is resolved as a Vue component and renders
+// nothing: template.compilerOptions.isCustomElement = (tag) => tag.startsWith('c2-') in vite.config.ts.
+
+import type { DefineComponent, HTMLAttributes } from 'vue'
+import type { Chatbot } from '@c2n/chatbot'
+
+/** The element's own public properties, plus every attribute Vue understands on a host element. */
+type C2Props<T> = Partial<Omit<T, keyof HTMLElement>> & HTMLAttributes
+
+declare module 'vue' {
+  interface GlobalComponents {
+    'c2-chatbot': DefineComponent<C2Props<Chatbot>>
+  }
+}
+
+declare module '@vue/runtime-dom' {
+  interface HTMLAttributes {
+    /** Vue's own definition omits it, and slotting a plain element into a component needs it. */
+    slot?: string
+  }
+}
+
+export {}

package/vue.js

@@ -0,0 +1,3 @@
+// GENERATED by @c2n/framework-types. Do not edit by hand.
+// Types only — see the matching .d.ts.
+export {}