@helpai/elements 1.8.0 → 1.10.0

package/jsx-react.d.ts

@@ -0,0 +1,15 @@
+/**
+ * `<web-ai-chat>` in React 19 JSX: its attributes autocomplete and a `ref` is the typed element (`ask`, `open`,
+ * `state`, …). Load once, e.g. `import type {} from '@helpai/elements/jsx/react';` in a `.d.ts` or your entry file.
+ */
+
+import type { WebAiChatAttributes, WebAiChatElement } from './web-component';
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+
+declare module 'react' {
+  namespace JSX {
+    interface IntrinsicElements {
+      'web-ai-chat': DetailedHTMLProps<HTMLAttributes<WebAiChatElement>, WebAiChatElement> & WebAiChatAttributes;
+    }
+  }
+}

package/jsx-svelte.d.ts

@@ -0,0 +1,14 @@
+/**
+ * `<web-ai-chat>` in Svelte markup: its attributes autocomplete and `bind:this` is the typed element. Load once, e.g.
+ * `import type {} from '@helpai/elements/jsx/svelte';` in `src/app.d.ts`.
+ */
+
+import type { WebAiChatAttributes, WebAiChatElement } from './web-component';
+
+declare global {
+  namespace svelteHTML {
+    interface IntrinsicElements {
+      'web-ai-chat': WebAiChatAttributes & { 'bind:this'?: WebAiChatElement | null };
+    }
+  }
+}

package/jsx-vue.d.ts

@@ -0,0 +1,14 @@
+/**
+ * `<web-ai-chat>` in Vue templates and TSX: its attributes autocomplete. Load once, e.g.
+ * `import type {} from '@helpai/elements/jsx/vue';`, and tell Vue the tag is a custom element
+ * (`compilerOptions.isCustomElement: (tag) => tag === 'web-ai-chat'`).
+ */
+
+import type { WebAiChatAttributes } from './web-component';
+import type { DefineComponent } from 'vue';
+
+declare module 'vue' {
+  interface GlobalComponents {
+    'web-ai-chat': DefineComponent<WebAiChatAttributes>;
+  }
+}