@uipath/apollo-wind 2.69.0 → 2.71.0

package/dist/components/ui/chat-composer.js

@@ -0,0 +1,359 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { ArrowUp, CircleAlert, FileText, Paperclip, Square, TriangleAlert, X } from "lucide-react";
+import { createContext, forwardRef, useCallback, useContext, useMemo, useRef, useState } from "react";
+import { cn } from "../../lib/index.js";
+import { Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle } from "./attachment.js";
+import { Button } from "./button.js";
+import { validateFiles } from "./file-validation.js";
+import { InputGroup, InputGroupBody, InputGroupButton, InputGroupRow, InputGroupTextarea } from "./input-group.js";
+const DEFAULT_CHAT_COMPOSER_STRINGS = {
+    label: 'Message',
+    placeholder: 'Ask anything',
+    send: 'Send message',
+    stop: 'Stop generating',
+    attach: 'Attach files',
+    removeAttachment: (name)=>`Remove ${name}`,
+    dismissError: 'Dismiss'
+};
+const ChatComposerContext = /*#__PURE__*/ createContext(null);
+function useChatComposerInternal() {
+    const context = useContext(ChatComposerContext);
+    if (!context) throw new Error('ChatComposer parts must be rendered inside <ChatComposer>.');
+    return context;
+}
+function useChatComposer() {
+    return useChatComposerInternal();
+}
+const chatComposerVariants = cva('flex w-full min-w-0 flex-col', {
+    variants: {
+        density: {
+            comfortable: 'gap-2',
+            compact: 'gap-1.5'
+        }
+    },
+    defaultVariants: {
+        density: 'comfortable'
+    }
+});
+const NO_ATTACHMENTS = [];
+const ChatComposer = /*#__PURE__*/ forwardRef(({ className, children, value: valueProp, defaultValue, onValueChange, onSubmit, status = 'idle', onStop, disabled = false, submitDisabled = false, density, attachments = NO_ATTACHMENTS, onRemoveAttachment, strings, ...props }, ref)=>{
+    const resolvedDensity = density ?? 'comfortable';
+    const controlled = void 0 !== valueProp;
+    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue ?? '');
+    const value = controlled ? valueProp : uncontrolledValue;
+    const fileInputRef = useRef(null);
+    const onFilesRef = useRef(void 0);
+    const attachmentsBusy = attachments.some(({ state })=>'uploading' === state || 'processing' === state);
+    const canSubmit = !disabled && !submitDisabled && !attachmentsBusy && 'idle' === status && ('' !== value.trim() || attachments.length > 0);
+    const setValue = useCallback((next)=>{
+        if (!controlled) setUncontrolledValue(next);
+        onValueChange?.(next);
+    }, [
+        controlled,
+        onValueChange
+    ]);
+    const submit = useCallback(()=>{
+        if (!canSubmit) return;
+        onSubmit?.(value, {
+            attachments
+        });
+        if (!controlled) setValue('');
+    }, [
+        canSubmit,
+        onSubmit,
+        value,
+        attachments,
+        controlled,
+        setValue
+    ]);
+    const openFilePicker = useCallback(({ accept, multiple = true, onFiles })=>{
+        const input = fileInputRef.current;
+        if (!input) return;
+        input.accept = accept ?? '';
+        input.multiple = multiple;
+        onFilesRef.current = onFiles;
+        input.click();
+    }, []);
+    const text = useMemo(()=>({
+            ...DEFAULT_CHAT_COMPOSER_STRINGS,
+            ...strings
+        }), [
+        strings
+    ]);
+    const context = useMemo(()=>({
+            value,
+            setValue,
+            status,
+            density: resolvedDensity,
+            disabled,
+            strings: text,
+            attachments,
+            onRemoveAttachment,
+            onStop,
+            canSubmit,
+            submit,
+            openFilePicker
+        }), [
+        value,
+        setValue,
+        status,
+        resolvedDensity,
+        disabled,
+        text,
+        attachments,
+        onRemoveAttachment,
+        onStop,
+        canSubmit,
+        submit,
+        openFilePicker
+    ]);
+    return /*#__PURE__*/ jsx(ChatComposerContext.Provider, {
+        value: context,
+        children: /*#__PURE__*/ jsxs("form", {
+            ref: ref,
+            "data-slot": "chat-composer",
+            "data-status": status,
+            "data-density": resolvedDensity,
+            "data-disabled": disabled ? '' : void 0,
+            className: cn(chatComposerVariants({
+                density: resolvedDensity
+            }), className),
+            onSubmit: (event)=>{
+                event.preventDefault();
+                submit();
+            },
+            ...props,
+            children: [
+                children,
+                /*#__PURE__*/ jsx("input", {
+                    ref: fileInputRef,
+                    type: "file",
+                    hidden: true,
+                    tabIndex: -1,
+                    "data-slot": "chat-composer-file-input",
+                    disabled: disabled,
+                    onChange: (event)=>{
+                        const files = Array.from(event.target.files ?? []);
+                        event.target.value = '';
+                        if (files.length > 0) onFilesRef.current?.(files);
+                    }
+                })
+            ]
+        })
+    });
+});
+ChatComposer.displayName = 'ChatComposer';
+const FOCUS_RING_CLASS = 'has-[[data-slot=input-group-control]:focus-visible]:ring-2 has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]:focus-visible]:ring-error future:has-[[data-slot=input-group-control]:focus-visible]:ring-offset-2 future:has-[[data-slot=input-group-control]:focus-visible]:ring-offset-background';
+const ChatComposerInputGroup = /*#__PURE__*/ forwardRef(({ className, disabled, invalid, error, ...props }, ref)=>{
+    const composer = useChatComposer();
+    return /*#__PURE__*/ jsx(InputGroup, {
+        ref: ref,
+        layout: "block",
+        disabled: disabled || composer.disabled,
+        invalid: invalid,
+        error: error,
+        className: cn(FOCUS_RING_CLASS, invalid || error ? 'has-[[data-slot=input-group-control]:focus-visible]:ring-error' : 'has-[[data-slot=input-group-control]:focus-visible]:ring-ring future:has-[[data-slot=input-group-control]:focus-visible]:ring-primary', className),
+        ...props
+    });
+});
+ChatComposerInputGroup.displayName = 'ChatComposerInputGroup';
+const ChatComposerTextarea = /*#__PURE__*/ forwardRef(({ className, minRows, maxRows = 6, placeholder, disabled, onChange, onKeyDown, 'aria-label': ariaLabel, ...props }, ref)=>{
+    const composer = useChatComposer();
+    const rows = minRows ?? ('compact' === composer.density ? 1 : 2);
+    return /*#__PURE__*/ jsx(InputGroupRow, {
+        className: cn('has-[[data-slot=input-group-control]:focus-visible]:ring-0 has-[[data-slot=input-group-control]_:focus-visible]:ring-0', 'compact' === composer.density ? 'min-h-0 py-1 future:min-h-0' : 'py-2'),
+        children: /*#__PURE__*/ jsx(InputGroupTextarea, {
+            ref: ref,
+            rows: rows,
+            minRows: rows,
+            maxRows: maxRows,
+            "aria-label": ariaLabel ?? composer.strings.label,
+            placeholder: placeholder ?? composer.strings.placeholder,
+            disabled: disabled || composer.disabled,
+            value: composer.value,
+            onChange: (event)=>{
+                onChange?.(event);
+                composer.setValue(event.target.value);
+            },
+            onKeyDown: (event)=>{
+                onKeyDown?.(event);
+                if (event.defaultPrevented || 'Enter' !== event.key || event.shiftKey) return;
+                if (event.nativeEvent.isComposing || 229 === event.keyCode) return;
+                event.preventDefault();
+                composer.submit();
+            },
+            className: className,
+            ...props
+        })
+    });
+});
+ChatComposerTextarea.displayName = 'ChatComposerTextarea';
+const ChatComposerToolbar = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    const { density } = useChatComposer();
+    return /*#__PURE__*/ jsx(InputGroupBody, {
+        ref: ref,
+        "data-slot": "chat-composer-toolbar",
+        className: cn('flex min-w-0 items-center gap-1', 'compact' === density ? 'px-1.5 py-1' : 'px-2 py-1.5', className),
+        ...props
+    });
+});
+ChatComposerToolbar.displayName = 'ChatComposerToolbar';
+const ChatComposerAttachButton = /*#__PURE__*/ forwardRef(({ accept, maxSize, maxFiles, multiple = true, onFiles, onClick, children, disabled, ...props }, ref)=>{
+    const composer = useChatComposerInternal();
+    const openPicker = ()=>{
+        const remaining = void 0 === maxFiles ? void 0 : Math.max(0, maxFiles - composer.attachments.length);
+        composer.openFilePicker({
+            accept: Array.isArray(accept) ? accept.join(',') : accept,
+            multiple,
+            onFiles: (files)=>{
+                const { accepted, rejected } = validateFiles(files, {
+                    accept,
+                    maxSize,
+                    maxFiles: remaining
+                });
+                onFiles?.(accepted, rejected);
+            }
+        });
+    };
+    return /*#__PURE__*/ jsx(InputGroupButton, {
+        ref: ref,
+        "data-slot": "chat-composer-attach",
+        icon: true,
+        size: 'compact' === composer.density ? '3xs' : '2xs',
+        "aria-label": composer.strings.attach,
+        disabled: disabled || composer.disabled,
+        onClick: (event)=>{
+            onClick?.(event);
+            if (!event.defaultPrevented) openPicker();
+        },
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(Paperclip, {})
+    });
+});
+ChatComposerAttachButton.displayName = 'ChatComposerAttachButton';
+const ChatComposerSubmit = /*#__PURE__*/ forwardRef(({ className, onClick, children, disabled, ...props }, ref)=>{
+    const composer = useChatComposer();
+    const stoppable = 'streaming' === composer.status && void 0 !== composer.onStop;
+    return /*#__PURE__*/ jsx(InputGroupButton, {
+        ref: ref,
+        "data-slot": "chat-composer-submit",
+        "data-status": composer.status,
+        type: stoppable ? 'button' : 'submit',
+        variant: stoppable ? 'ghost' : 'default',
+        icon: true,
+        size: 'compact' === composer.density ? '3xs' : '2xs',
+        "aria-label": stoppable ? composer.strings.stop : composer.strings.send,
+        disabled: disabled || composer.disabled || !stoppable && !composer.canSubmit,
+        onClick: (event)=>{
+            onClick?.(event);
+            if (stoppable && !event.defaultPrevented) composer.onStop?.();
+        },
+        className: cn('ml-auto', className),
+        ...props,
+        children: children ?? (stoppable ? /*#__PURE__*/ jsx(Square, {
+            className: "fill-current"
+        }) : /*#__PURE__*/ jsx(ArrowUp, {}))
+    });
+});
+ChatComposerSubmit.displayName = 'ChatComposerSubmit';
+const ChatComposerAttachments = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    const { attachments, onRemoveAttachment, strings, disabled, density } = useChatComposer();
+    if (0 === attachments.length) return null;
+    return /*#__PURE__*/ jsx(AttachmentGroup, {
+        ref: ref,
+        "data-slot": "chat-composer-attachments",
+        className: cn('compact' === density ? 'px-2 pt-1.5' : 'px-2.5 pt-2.5', className),
+        ...props,
+        children: attachments.map((attachment)=>{
+            const state = attachment.state ?? 'done';
+            return /*#__PURE__*/ jsxs(Attachment, {
+                size: 'compact' === density ? 'xs' : 'sm',
+                state: state,
+                "aria-busy": 'uploading' === state || 'processing' === state || void 0,
+                children: [
+                    /*#__PURE__*/ jsx(AttachmentMedia, {
+                        variant: attachment.previewUrl ? 'image' : 'icon',
+                        children: attachment.previewUrl ? /*#__PURE__*/ jsx("img", {
+                            src: attachment.previewUrl,
+                            alt: ""
+                        }) : attachment.icon ?? ('error' === state ? /*#__PURE__*/ jsx(CircleAlert, {}) : /*#__PURE__*/ jsx(FileText, {}))
+                    }),
+                    /*#__PURE__*/ jsxs(AttachmentContent, {
+                        children: [
+                            /*#__PURE__*/ jsx(AttachmentTitle, {
+                                children: attachment.name
+                            }),
+                            attachment.description && /*#__PURE__*/ jsx(AttachmentDescription, {
+                                children: attachment.description
+                            })
+                        ]
+                    }),
+                    onRemoveAttachment && /*#__PURE__*/ jsx(AttachmentActions, {
+                        children: /*#__PURE__*/ jsx(AttachmentAction, {
+                            "aria-label": strings.removeAttachment(attachment.name),
+                            disabled: disabled,
+                            onClick: ()=>onRemoveAttachment(attachment),
+                            children: /*#__PURE__*/ jsx(X, {})
+                        })
+                    })
+                ]
+            }, attachment.id);
+        })
+    });
+});
+ChatComposerAttachments.displayName = 'ChatComposerAttachments';
+const chatComposerErrorVariants = cva("flex items-start gap-2 rounded-lg border px-3 py-2 text-xs leading-4 text-foreground [&>svg:not([class*='size-'])]:mt-px [&>svg:not([class*='size-'])]:size-3.5 [&>svg]:shrink-0", {
+    variants: {
+        variant: {
+            error: 'border-error/50 bg-error-background/25 [&>svg]:text-error',
+            warning: 'border-warning/50 bg-warning-background/25 [&>svg]:text-warning'
+        }
+    },
+    defaultVariants: {
+        variant: 'error'
+    }
+});
+const ChatComposerError = /*#__PURE__*/ forwardRef(({ className, variant, onDismiss, children, ...props }, ref)=>{
+    const { strings } = useChatComposer();
+    const resolved = variant ?? 'error';
+    const Icon = 'warning' === resolved ? TriangleAlert : CircleAlert;
+    return /*#__PURE__*/ jsxs("div", {
+        ref: ref,
+        role: "alert",
+        "data-slot": "chat-composer-error",
+        "data-variant": resolved,
+        className: cn(chatComposerErrorVariants({
+            variant: resolved
+        }), className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(Icon, {
+                "aria-hidden": "true"
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "min-w-0 flex-1",
+                children: children
+            }),
+            onDismiss && /*#__PURE__*/ jsx(Button, {
+                variant: "ghost",
+                size: "4xs",
+                icon: true,
+                "aria-label": strings.dismissError,
+                className: "-my-0.5 shrink-0",
+                onClick: onDismiss,
+                children: /*#__PURE__*/ jsx(X, {})
+            })
+        ]
+    });
+});
+ChatComposerError.displayName = 'ChatComposerError';
+const ChatComposerFooter = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("p", {
+        ref: ref,
+        "data-slot": "chat-composer-footer",
+        className: cn('px-1 text-center text-xs text-muted-foreground', className),
+        ...props
+    }));
+ChatComposerFooter.displayName = 'ChatComposerFooter';
+export { ChatComposer, ChatComposerAttachButton, ChatComposerAttachments, ChatComposerError, ChatComposerFooter, ChatComposerInputGroup, ChatComposerSubmit, ChatComposerTextarea, ChatComposerToolbar, DEFAULT_CHAT_COMPOSER_STRINGS, chatComposerErrorVariants, chatComposerVariants, useChatComposer };

package/dist/components/ui/chat-hero.cjs

@@ -0,0 +1,244 @@
+"use strict";
+"use client";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ChatHeroHeader: ()=>ChatHeroHeader,
+    chatHeroTitleVariants: ()=>chatHeroTitleVariants,
+    ChatHeroLogo: ()=>ChatHeroLogo,
+    ChatHeroDescription: ()=>ChatHeroDescription,
+    ChatHero: ()=>ChatHero,
+    ChatHeroTitle: ()=>ChatHeroTitle,
+    chatHeroVariants: ()=>chatHeroVariants,
+    chatHeroDescriptionVariants: ()=>chatHeroDescriptionVariants
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+const external_class_variance_authority_namespaceObject = require("class-variance-authority");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const ChatHeroContext = /*#__PURE__*/ external_react_namespaceObject.createContext({
+    layout: 'centered',
+    density: 'comfortable'
+});
+const chatHeroVariants = (0, external_class_variance_authority_namespaceObject.cva)('flex w-full min-w-0 flex-1 flex-col', {
+    variants: {
+        layout: {
+            centered: 'mx-auto max-w-[800px] items-center justify-center',
+            docked: 'justify-end gap-6 text-start'
+        },
+        density: {
+            comfortable: '',
+            compact: ''
+        }
+    },
+    compoundVariants: [
+        {
+            layout: 'centered',
+            density: 'comfortable',
+            className: 'gap-8'
+        },
+        {
+            layout: 'centered',
+            density: 'compact',
+            className: 'gap-6'
+        }
+    ],
+    defaultVariants: {
+        layout: 'centered',
+        density: 'comfortable'
+    }
+});
+const ChatHero = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, layout, density, ...props }, ref)=>{
+    const context = external_react_namespaceObject.useMemo(()=>({
+            layout: layout ?? 'centered',
+            density: density ?? 'comfortable'
+        }), [
+        layout,
+        density
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ChatHeroContext.Provider, {
+        value: context,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            ref: ref,
+            "data-slot": "chat-hero",
+            "data-layout": context.layout,
+            "data-density": context.density,
+            className: (0, index_cjs_namespaceObject.cn)(chatHeroVariants({
+                layout: context.layout,
+                density: context.density
+            }), className),
+            ...props
+        })
+    });
+});
+ChatHero.displayName = 'ChatHero';
+const ChatHeroHeader = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>{
+    const { layout } = external_react_namespaceObject.useContext(ChatHeroContext);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        "data-slot": "chat-hero-header",
+        className: (0, index_cjs_namespaceObject.cn)('flex w-full min-w-0 flex-col empty:hidden', 'centered' === layout ? 'items-center gap-1 text-center' : 'items-start gap-2 text-start', className),
+        ...props
+    });
+});
+ChatHeroHeader.displayName = 'ChatHeroHeader';
+const ChatHeroLogo = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        "data-slot": "chat-hero-logo",
+        className: (0, index_cjs_namespaceObject.cn)('mb-3 flex shrink-0 items-center justify-center', className),
+        ...props
+    }));
+ChatHeroLogo.displayName = 'ChatHeroLogo';
+function isEmptyContent(children) {
+    return null == children || false === children || '' === children;
+}
+function isEmptyTitle(children, asChild) {
+    if (isEmptyContent(children)) return true;
+    if (!asChild || !/*#__PURE__*/ external_react_namespaceObject.isValidElement(children)) return false;
+    return isEmptyContent(children.props.children);
+}
+const chatHeroTitleVariants = (0, external_class_variance_authority_namespaceObject.cva)('min-w-0 text-foreground', {
+    variants: {
+        layout: {
+            centered: 'font-bold tracking-tight',
+            docked: 'font-semibold tracking-tight'
+        },
+        density: {
+            comfortable: '',
+            compact: ''
+        }
+    },
+    compoundVariants: [
+        {
+            layout: 'centered',
+            density: 'comfortable',
+            className: 'text-4xl leading-10'
+        },
+        {
+            layout: 'centered',
+            density: 'compact',
+            className: 'text-2xl leading-8'
+        },
+        {
+            layout: 'docked',
+            className: 'text-xl leading-6'
+        }
+    ],
+    defaultVariants: {
+        layout: 'centered',
+        density: 'comfortable'
+    }
+});
+const ChatHeroTitle = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, asChild = false, children, ...props }, ref)=>{
+    const { layout, density } = external_react_namespaceObject.useContext(ChatHeroContext);
+    if (isEmptyTitle(children, asChild)) return null;
+    const Comp = asChild ? react_slot_namespaceObject.Slot : 'h2';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
+        ref: ref,
+        "data-slot": "chat-hero-title",
+        className: (0, index_cjs_namespaceObject.cn)(chatHeroTitleVariants({
+            layout,
+            density
+        }), className),
+        ...props,
+        children: children
+    });
+});
+ChatHeroTitle.displayName = 'ChatHeroTitle';
+const chatHeroDescriptionVariants = (0, external_class_variance_authority_namespaceObject.cva)('min-w-0 text-muted-foreground', {
+    variants: {
+        layout: {
+            centered: '',
+            docked: ''
+        },
+        density: {
+            comfortable: '',
+            compact: ''
+        }
+    },
+    compoundVariants: [
+        {
+            layout: 'centered',
+            density: 'comfortable',
+            className: 'text-base'
+        },
+        {
+            layout: 'centered',
+            density: 'compact',
+            className: 'text-sm'
+        },
+        {
+            layout: 'docked',
+            density: 'comfortable',
+            className: 'text-sm leading-5'
+        },
+        {
+            layout: 'docked',
+            density: 'compact',
+            className: 'text-xs leading-4'
+        }
+    ],
+    defaultVariants: {
+        layout: 'centered',
+        density: 'comfortable'
+    }
+});
+const ChatHeroDescription = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>{
+    const { layout, density } = external_react_namespaceObject.useContext(ChatHeroContext);
+    if (isEmptyContent(children)) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+        ref: ref,
+        "data-slot": "chat-hero-description",
+        className: (0, index_cjs_namespaceObject.cn)(chatHeroDescriptionVariants({
+            layout,
+            density
+        }), className),
+        ...props,
+        children: children
+    });
+});
+ChatHeroDescription.displayName = "ChatHeroDescription";
+exports.ChatHero = __webpack_exports__.ChatHero;
+exports.ChatHeroDescription = __webpack_exports__.ChatHeroDescription;
+exports.ChatHeroHeader = __webpack_exports__.ChatHeroHeader;
+exports.ChatHeroLogo = __webpack_exports__.ChatHeroLogo;
+exports.ChatHeroTitle = __webpack_exports__.ChatHeroTitle;
+exports.chatHeroDescriptionVariants = __webpack_exports__.chatHeroDescriptionVariants;
+exports.chatHeroTitleVariants = __webpack_exports__.chatHeroTitleVariants;
+exports.chatHeroVariants = __webpack_exports__.chatHeroVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ChatHero",
+    "ChatHeroDescription",
+    "ChatHeroHeader",
+    "ChatHeroLogo",
+    "ChatHeroTitle",
+    "chatHeroDescriptionVariants",
+    "chatHeroTitleVariants",
+    "chatHeroVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/chat-hero.d.ts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+/**
+ * The first-run state of a chat, before any message. `centered` is the home screen: greeting,
+ * composer and suggestions in a centered column. `docked` sits at the bottom of the message area,
+ * start-aligned, while the composer stays in the footer.
+ *
+ * ```tsx
+ * <ChatHero layout="centered">
+ *   <ChatHeroHeader>
+ *     <ChatHeroTitle>Hello David</ChatHeroTitle>
+ *     <ChatHeroDescription>What should we work on today?</ChatHeroDescription>
+ *   </ChatHeroHeader>
+ *   <ChatComposer onSubmit={send}>...</ChatComposer>
+ *   <PromptSuggestions suggestions={suggestions} onSelect={pick} />
+ * </ChatHero>
+ * ```
+ */
+export type ChatHeroLayout = 'centered' | 'docked';
+export type ChatHeroDensity = 'comfortable' | 'compact';
+declare const chatHeroVariants: (props?: ({
+    layout?: "centered" | "docked" | null | undefined;
+    density?: "compact" | "comfortable" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ChatHeroProps extends React.HTMLAttributes<HTMLDivElement> {
+    layout?: ChatHeroLayout;
+    density?: ChatHeroDensity;
+}
+/** Fills its flex parent, so the parent decides the height that `centered` centers within. */
+declare const ChatHero: React.ForwardRefExoticComponent<ChatHeroProps & React.RefAttributes<HTMLDivElement>>;
+/** Holds the logo, title and description. Hidden when all of them render nothing. */
+declare const ChatHeroHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const ChatHeroLogo: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const chatHeroTitleVariants: (props?: ({
+    layout?: "centered" | "docked" | null | undefined;
+    density?: "compact" | "comfortable" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ChatHeroTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * Renders the child element instead of an `h2`, such as an `h1` on a page of its own. Put
+     * class overrides on `ChatHeroTitle`, not the child: Slot joins the two without resolving
+     * conflicts.
+     */
+    asChild?: boolean;
+}
+declare const ChatHeroTitle: React.ForwardRefExoticComponent<ChatHeroTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const chatHeroDescriptionVariants: (props?: ({
+    layout?: "centered" | "docked" | null | undefined;
+    density?: "compact" | "comfortable" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const ChatHeroDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { ChatHero, ChatHeroDescription, ChatHeroHeader, ChatHeroLogo, ChatHeroTitle, chatHeroDescriptionVariants, chatHeroTitleVariants, chatHeroVariants, };