@kopexa/assistant 0.0.1

package/dist/conversation.d.mts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Button } from '@kopexa/button';
+import { ComponentProps, ReactNode } from 'react';
+import { StickToBottom } from 'use-stick-to-bottom';
+
+type ConversationProps = ComponentProps<typeof StickToBottom>;
+declare function Conversation({ className, ...props }: ConversationProps): react_jsx_runtime.JSX.Element;
+declare namespace Conversation {
+    var displayName: string;
+}
+type ConversationContentProps = ComponentProps<typeof StickToBottom.Content>;
+declare function ConversationContent({ className, ...props }: ConversationContentProps): react_jsx_runtime.JSX.Element;
+declare namespace ConversationContent {
+    var displayName: string;
+}
+type ConversationEmptyStateProps = ComponentProps<"div"> & {
+    /** Title displayed in the empty state */
+    title?: string;
+    /** Description text displayed below the title */
+    description?: string;
+    /** Optional icon to display above the title */
+    icon?: ReactNode;
+};
+declare function ConversationEmptyState({ className, title, description, icon, children, ...props }: ConversationEmptyStateProps): react_jsx_runtime.JSX.Element;
+declare namespace ConversationEmptyState {
+    var displayName: string;
+}
+type ConversationScrollButtonProps = ComponentProps<typeof Button>;
+declare function ConversationScrollButton({ className, ...props }: ConversationScrollButtonProps): false | react_jsx_runtime.JSX.Element;
+declare namespace ConversationScrollButton {
+    var displayName: string;
+}
+
+export { Conversation, ConversationContent, type ConversationContentProps, ConversationEmptyState, type ConversationEmptyStateProps, type ConversationProps, ConversationScrollButton, type ConversationScrollButtonProps };

package/dist/conversation.d.ts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Button } from '@kopexa/button';
+import { ComponentProps, ReactNode } from 'react';
+import { StickToBottom } from 'use-stick-to-bottom';
+
+type ConversationProps = ComponentProps<typeof StickToBottom>;
+declare function Conversation({ className, ...props }: ConversationProps): react_jsx_runtime.JSX.Element;
+declare namespace Conversation {
+    var displayName: string;
+}
+type ConversationContentProps = ComponentProps<typeof StickToBottom.Content>;
+declare function ConversationContent({ className, ...props }: ConversationContentProps): react_jsx_runtime.JSX.Element;
+declare namespace ConversationContent {
+    var displayName: string;
+}
+type ConversationEmptyStateProps = ComponentProps<"div"> & {
+    /** Title displayed in the empty state */
+    title?: string;
+    /** Description text displayed below the title */
+    description?: string;
+    /** Optional icon to display above the title */
+    icon?: ReactNode;
+};
+declare function ConversationEmptyState({ className, title, description, icon, children, ...props }: ConversationEmptyStateProps): react_jsx_runtime.JSX.Element;
+declare namespace ConversationEmptyState {
+    var displayName: string;
+}
+type ConversationScrollButtonProps = ComponentProps<typeof Button>;
+declare function ConversationScrollButton({ className, ...props }: ConversationScrollButtonProps): false | react_jsx_runtime.JSX.Element;
+declare namespace ConversationScrollButton {
+    var displayName: string;
+}
+
+export { Conversation, ConversationContent, type ConversationContentProps, ConversationEmptyState, type ConversationEmptyStateProps, type ConversationProps, ConversationScrollButton, type ConversationScrollButtonProps };

package/dist/conversation.js

@@ -0,0 +1,121 @@
+"use client";
+"use strict";
+"use client";
+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/conversation.tsx
+var conversation_exports = {};
+__export(conversation_exports, {
+  Conversation: () => Conversation,
+  ConversationContent: () => ConversationContent,
+  ConversationEmptyState: () => ConversationEmptyState,
+  ConversationScrollButton: () => ConversationScrollButton
+});
+module.exports = __toCommonJS(conversation_exports);
+var import_button = require("@kopexa/button");
+var import_icons = require("@kopexa/icons");
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme = require("@kopexa/theme");
+var import_react = require("react");
+var import_use_stick_to_bottom = require("use-stick-to-bottom");
+var import_jsx_runtime = require("react/jsx-runtime");
+var styles = (0, import_theme.conversation)();
+function Conversation({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_use_stick_to_bottom.StickToBottom,
+    {
+      className: (0, import_shared_utils.cn)(styles.root(), className),
+      initial: "smooth",
+      resize: "smooth",
+      role: "log",
+      "data-slot": "conversation",
+      ...props
+    }
+  );
+}
+Conversation.displayName = "Conversation";
+function ConversationContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_use_stick_to_bottom.StickToBottom.Content,
+    {
+      className: (0, import_shared_utils.cn)(styles.content(), className),
+      "data-slot": "conversation-content",
+      ...props
+    }
+  );
+}
+ConversationContent.displayName = "ConversationContent";
+function ConversationEmptyState({
+  className,
+  title = "No messages yet",
+  description = "Start a conversation to see messages here",
+  icon,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_shared_utils.cn)(styles.emptyState(), className),
+      "data-slot": "conversation-empty-state",
+      ...props,
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.emptyStateIcon(), children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: styles.emptyStateTitle(), children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: styles.emptyStateDescription(), children: description })
+        ] })
+      ] })
+    }
+  );
+}
+ConversationEmptyState.displayName = "ConversationEmptyState";
+function ConversationScrollButton({
+  className,
+  ...props
+}) {
+  const { isAtBottom, scrollToBottom } = (0, import_use_stick_to_bottom.useStickToBottomContext)();
+  const handleScrollToBottom = (0, import_react.useCallback)(() => {
+    scrollToBottom();
+  }, [scrollToBottom]);
+  return !isAtBottom && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_button.Button,
+    {
+      className: (0, import_shared_utils.cn)(styles.scrollButton(), className),
+      onClick: handleScrollToBottom,
+      isIconOnly: true,
+      type: "button",
+      variant: "outline",
+      "data-slot": "conversation-scroll-button",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowDown, { className: "size-4" })
+    }
+  );
+}
+ConversationScrollButton.displayName = "ConversationScrollButton";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Conversation,
+  ConversationContent,
+  ConversationEmptyState,
+  ConversationScrollButton
+});

package/dist/conversation.mjs

@@ -0,0 +1,14 @@
+"use client";
+"use client";
+import {
+  Conversation,
+  ConversationContent,
+  ConversationEmptyState,
+  ConversationScrollButton
+} from "./chunk-S247BNPZ.mjs";
+export {
+  Conversation,
+  ConversationContent,
+  ConversationEmptyState,
+  ConversationScrollButton
+};

package/dist/index.d.mts

@@ -0,0 +1,7 @@
+export { Conversation, ConversationContent, ConversationContentProps, ConversationEmptyState, ConversationEmptyStateProps, ConversationProps, ConversationScrollButton, ConversationScrollButtonProps } from './conversation.mjs';
+export { Message, MessageAction, MessageActionProps, MessageActions, MessageActionsProps, MessageBranch, MessageBranchContent, MessageBranchContentProps, MessageBranchNext, MessageBranchNextProps, MessageBranchPage, MessageBranchPageProps, MessageBranchPrevious, MessageBranchPreviousProps, MessageBranchProps, MessageBranchSelector, MessageBranchSelectorProps, MessageContent, MessageContentProps, MessageProps, MessageResponse, MessageResponseProps, MessageRole, MessageToolbar, MessageToolbarProps } from './message.mjs';
+export { PromptInput, PromptInputProps } from './prompt-input.mjs';
+import 'react/jsx-runtime';
+import '@kopexa/button';
+import 'react';
+import 'use-stick-to-bottom';

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { Conversation, ConversationContent, ConversationContentProps, ConversationEmptyState, ConversationEmptyStateProps, ConversationProps, ConversationScrollButton, ConversationScrollButtonProps } from './conversation.js';
+export { Message, MessageAction, MessageActionProps, MessageActions, MessageActionsProps, MessageBranch, MessageBranchContent, MessageBranchContentProps, MessageBranchNext, MessageBranchNextProps, MessageBranchPage, MessageBranchPageProps, MessageBranchPrevious, MessageBranchPreviousProps, MessageBranchProps, MessageBranchSelector, MessageBranchSelectorProps, MessageContent, MessageContentProps, MessageProps, MessageResponse, MessageResponseProps, MessageRole, MessageToolbar, MessageToolbarProps } from './message.js';
+export { PromptInput, PromptInputProps } from './prompt-input.js';
+import 'react/jsx-runtime';
+import '@kopexa/button';
+import 'react';
+import 'use-stick-to-bottom';