@kitn.ai/ui 0.15.0 → 0.16.0

package/dist/react/runtime.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties, ForwardRefExoticComponent, PropsWithoutRef, ReactNode, RefAttributes } from 'react';
+export interface WebComponentProps {
+    /** Color mode (`auto` follows prefers-color-scheme). */
+    theme?: 'light' | 'dark' | 'auto';
+    className?: string;
+    style?: CSSProperties;
+    id?: string;
+    /** Light-DOM children passed through to the element (slots). */
+    children?: ReactNode;
+}
+export declare function createWebComponent<P extends WebComponentProps>(tagName: string, 
+/** DOM-property names to assign from props (incl. `theme`). */
+propNames: readonly string[], 
+/** Map of React handler prop → DOM event name, e.g. `{ onMessageAction: 'kai-message-action' }`. */
+eventMap: Record<string, string>): ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<HTMLElement>>;

package/dist/react.js

@@ -0,0 +1,265 @@
+import "@kitn.ai/ui/elements";
+import { forwardRef as C, useRef as k, useImperativeHandle as S, useLayoutEffect as g, createElement as T } from "react";
+function e(n, p, l) {
+  const u = Object.entries(l), r = C((b, v) => {
+    const s = k(null);
+    S(v, () => s.current, []);
+    const o = b, h = k({});
+    for (const a of Object.keys(l)) h.current[a] = o[a];
+    return g(() => {
+      const a = s.current;
+      if (!a) return;
+      const i = () => {
+        for (const t of p)
+          t in o && o[t] !== void 0 && (a[t] = o[t]);
+      };
+      i(), typeof customElements < "u" && !customElements.get(n) && customElements.whenDefined(n).then(i);
+    }), g(() => {
+      const a = s.current;
+      if (!a) return;
+      const i = [];
+      for (const [t, c] of u) {
+        const d = (f) => {
+          const m = h.current[t];
+          typeof m == "function" && m(f);
+        };
+        a.addEventListener(c, d), i.push([c, d]);
+      }
+      return () => i.forEach(([t, c]) => a.removeEventListener(t, c));
+    }, []), T(
+      n,
+      {
+        ref: s,
+        className: o.className,
+        style: o.style,
+        id: o.id
+      },
+      // Light-DOM children pass straight through to the element (slots).
+      o.children ?? null
+    );
+  });
+  return r.displayName = n, r;
+}
+const M = e(
+  "kai-artifact",
+  ["theme", "src", "files", "tab", "activeFile", "sandbox", "iframeTitle", "maximized", "expandable", "openInTab", "noNav", "noReload", "noHome", "noPathField", "noTabs", "standalone", "readonlyPath"],
+  { onFileSelect: "kai-file-select", onMaximizeChange: "kai-maximize-change", onNavigate: "kai-navigate", onTabChange: "kai-tab-change" }
+), w = e(
+  "kai-attachments",
+  ["theme", "items", "variant", "hoverCard", "removable", "showMediaType", "emptyText"],
+  { onRemove: "kai-remove" }
+), y = e(
+  "kai-card",
+  ["theme", "heading", "description", "errorMessage", "dense"],
+  {}
+), I = e(
+  "kai-cards",
+  ["theme", "cards", "types", "policy"],
+  {}
+), F = e(
+  "kai-chain-of-thought",
+  ["theme", "steps"],
+  {}
+), E = e(
+  "kai-chat",
+  ["theme", "messages", "value", "placeholder", "loading", "suggestions", "suggestionMode", "persistSuggestions", "proseSize", "codeTheme", "codeHighlight", "chatTitle", "models", "currentModel", "context", "scrollButton", "headerStart", "headerEnd", "search", "voice", "slashCommands", "slashActiveIds", "slashCompact", "actionsReveal"],
+  { onMessageAction: "kai-message-action", onModelChange: "kai-model-change", onSearch: "kai-search", onSlashSelect: "kai-slash-select", onSubmit: "kai-submit", onSuggestionClick: "kai-suggestion-click", onValueChange: "kai-value-change", onVoice: "kai-voice" }
+), R = e(
+  "kai-checkpoint",
+  ["theme", "label", "tooltip", "variant", "size"],
+  { onSelect: "kai-select" }
+), A = e(
+  "kai-choice",
+  ["theme", "data", "cardId", "heading", "resolution"],
+  {}
+), L = e(
+  "kai-code-block",
+  ["theme", "code", "language", "codeTheme", "codeHighlight", "proseSize"],
+  {}
+), P = e(
+  "kai-confirm",
+  ["theme", "data", "cardId", "heading", "autofocus", "resolution"],
+  {}
+), H = e(
+  "kai-context",
+  ["theme", "context", "warnThreshold", "dangerThreshold"],
+  { onThresholdChange: "kai-threshold-change" }
+), N = e(
+  "kai-conversations",
+  ["theme", "groups", "conversations", "activeId"],
+  { onConversationSelect: "kai-conversation-select", onNewChat: "kai-new-chat", onToggleSidebar: "kai-toggle-sidebar" }
+), V = e(
+  "kai-embed",
+  ["theme", "cardId", "data"],
+  {}
+), B = e(
+  "kai-empty",
+  ["theme", "emptyTitle", "description"],
+  {}
+), O = e(
+  "kai-feedback-bar",
+  ["theme", "barTitle", "collectDetail", "categories", "detailTitle", "detailPlaceholder", "submitLabel", "thanksMessage"],
+  { onClose: "kai-close", onFeedback: "kai-feedback", onFeedbackDetail: "kai-feedback-detail" }
+), W = e(
+  "kai-file-tree",
+  ["theme", "files", "activeFile", "defaultExpanded"],
+  { onSelect: "kai-select" }
+), D = e(
+  "kai-file-upload",
+  ["theme", "multiple", "accept", "disabled", "label"],
+  { onFilesAdded: "kai-files-added" }
+), j = e(
+  "kai-form",
+  ["theme", "data", "cardId", "heading", "resolution"],
+  {}
+), U = e(
+  "kai-image",
+  ["theme", "base64", "bytes", "alt", "mediaType"],
+  {}
+), q = e(
+  "kai-link-preview",
+  ["theme", "cardId", "data"],
+  {}
+), G = e(
+  "kai-loader",
+  ["theme", "variant", "size", "text"],
+  {}
+), J = e(
+  "kai-markdown",
+  ["theme", "content", "proseSize", "codeTheme", "codeHighlight"],
+  {}
+), K = e(
+  "kai-message",
+  ["theme", "message", "role", "content", "markdown", "proseSize", "codeTheme", "codeHighlight", "actionsReveal", "avatarSrc", "avatarFallback"],
+  { onMessageAction: "kai-message-action" }
+), Q = e(
+  "kai-model-switcher",
+  ["theme", "models", "currentModel"],
+  { onModelChange: "kai-model-change" }
+), X = e(
+  "kai-popover",
+  ["theme", "placement", "gutter", "open"],
+  { onOpenChange: "kai-open-change" }
+), Y = e(
+  "kai-prompt-input",
+  ["theme", "value", "placeholder", "disabled", "loading", "suggestions", "suggestionMode", "slashCommands", "slashActiveIds", "slashCompact", "search", "voice", "stoppable", "attachments"],
+  { onSearch: "kai-search", onSlashSelect: "kai-slash-select", onStop: "kai-stop", onSubmit: "kai-submit", onSuggestionClick: "kai-suggestion-click", onToolbarAction: "kai-toolbar-action", onValueChange: "kai-value-change", onVoice: "kai-voice" }
+), Z = e(
+  "kai-reasoning",
+  ["theme", "text", "label", "open", "streaming", "markdown"],
+  { onOpenChange: "kai-open-change" }
+), _ = e(
+  "kai-remote",
+  ["theme", "src", "providerOrigin", "envelope", "policy"],
+  {}
+), $ = e(
+  "kai-resizable",
+  ["theme", "orientation", "maximizedIndex"],
+  { onChange: "kai-change", onMaximizeChange: "kai-maximize-change" }
+), ee = e(
+  "kai-resizable-item",
+  ["theme", "size", "min", "max", "locked", "hidden"],
+  { onChange: "kai-change", onMaximizeChange: "kai-maximize-change" }
+), ae = e(
+  "kai-response-stream",
+  ["theme", "text", "mode", "speed", "as"],
+  { onComplete: "kai-complete" }
+), oe = e(
+  "kai-scope-picker",
+  ["theme", "availableAuthors", "availableTags", "currentLabel"],
+  { onScopeChange: "kai-scope-change" }
+), te = e(
+  "kai-scroll-button",
+  ["theme", "for", "variant", "size"],
+  { onScroll: "kai-scroll" }
+), ie = e(
+  "kai-skills",
+  ["theme", "skills"],
+  {}
+), ne = e(
+  "kai-source",
+  ["theme", "href", "label", "headline", "description", "showFavicon"],
+  {}
+), se = e(
+  "kai-sources",
+  ["theme", "sources", "showFavicon", "numbered"],
+  {}
+), ce = e(
+  "kai-suggestions",
+  ["theme", "suggestions", "variant", "size", "block", "highlight"],
+  { onSelect: "kai-select" }
+), le = e(
+  "kai-switch",
+  ["theme", "checked", "disabled", "label"],
+  { onChange: "kai-change" }
+), re = e(
+  "kai-tasks",
+  ["theme", "data", "cardId", "heading", "resolution"],
+  {}
+), he = e(
+  "kai-text-shimmer",
+  ["theme", "text", "as", "duration", "spread"],
+  {}
+), de = e(
+  "kai-thinking-bar",
+  ["theme", "text", "stoppable", "stopLabel"],
+  { onStop: "kai-stop" }
+), me = e(
+  "kai-tool",
+  ["theme", "tool", "open"],
+  {}
+), ke = e(
+  "kai-voice-input",
+  ["theme", "transcribe", "disabled"],
+  { onAudioCaptured: "kai-audio-captured", onTranscription: "kai-transcription" }
+), ge = e(
+  "kai-workspace",
+  ["theme", "groups", "conversations", "activeId", "messages", "value", "placeholder", "loading", "suggestions", "suggestionMode", "proseSize", "codeTheme", "codeHighlight", "chatTitle", "models", "currentModel", "context", "scrollButton", "search", "voice", "slashCommands", "slashActiveIds", "slashCompact", "sidebarWidth", "sidebarMinWidth", "sidebarMaxWidth", "sidebarCollapsed", "defaultSidebarCollapsed"],
+  { onConversationSelect: "kai-conversation-select", onMessageAction: "kai-message-action", onModelChange: "kai-model-change", onNewChat: "kai-new-chat", onSearch: "kai-search", onSidebarToggle: "kai-sidebar-toggle", onSlashSelect: "kai-slash-select", onSubmit: "kai-submit", onSuggestionClick: "kai-suggestion-click", onValueChange: "kai-value-change", onVoice: "kai-voice" }
+);
+export {
+  M as Artifact,
+  w as Attachments,
+  y as Card,
+  I as Cards,
+  F as ChainOfThought,
+  E as Chat,
+  R as Checkpoint,
+  A as Choice,
+  L as CodeBlock,
+  P as Confirm,
+  H as Context,
+  N as Conversations,
+  V as Embed,
+  B as Empty,
+  O as FeedbackBar,
+  W as FileTree,
+  D as FileUpload,
+  j as Form,
+  U as Image,
+  q as LinkPreview,
+  G as Loader,
+  J as Markdown,
+  K as Message,
+  Q as ModelSwitcher,
+  X as Popover,
+  Y as PromptInput,
+  Z as Reasoning,
+  _ as Remote,
+  $ as Resizable,
+  ee as ResizableItem,
+  ae as ResponseStream,
+  oe as ScopePicker,
+  te as ScrollButton,
+  ie as Skills,
+  ne as Source,
+  se as Sources,
+  ce as Suggestions,
+  le as Switch,
+  re as Tasks,
+  he as TextShimmer,
+  de as ThinkingBar,
+  me as Tool,
+  ke as VoiceInput,
+  ge as Workspace
+};