@uipath/apollo-wind 2.70.0 → 2.72.0

package/README.md

@@ -213,3 +213,28 @@ MIT - see [LICENSE](./LICENSE)
 **Peer Dependencies:** React ≥18.0.0
 
 Built with ❤️ by UiPath | Inspired by [shadcn/ui](https://ui.shadcn.com)
+
+## Reference Chip
+
+`ReferenceChip` displays selected variables, resources and connections with paired
+semantic background, text and icon colors. Find its API and state examples in
+Storybook under **Apollo Wind → Components → Data Display → Reference Chip**.
+The **Patterns → Code Editors → Editor Variables** example uses it through
+`PromptEditor`; existing editor consumers need no API changes.
+
+```tsx
+import { ReferenceChip } from '@uipath/apollo-wind';
+
+<ReferenceChip
+  label="alex@example.com"
+  icon={<ConnectionIcon />}
+  onRemove={clearConnection}
+  removeLabel="Remove Outlook connection"
+/>
+```
+
+The host supplies the icon, selection behavior and localized removal label.
+`readOnly` hides removal, `disabled` disables removal, `invalid` uses the paired
+error palette, and `selected` adds a visual outline. Keep removable chips outside
+other buttons. Inside a picker trigger, omit `onRemove` and use a separate clear
+button. Product connection fields must adopt this primitive to receive its styles.

package/dist/components/forms/field-control.cjs

@@ -45,6 +45,7 @@ const select_cjs_namespaceObject = require("../ui/select.cjs");
 const slider_cjs_namespaceObject = require("../ui/slider.cjs");
 const switch_cjs_namespaceObject = require("../ui/switch.cjs");
 const textarea_cjs_namespaceObject = require("../ui/textarea.cjs");
+const date_value_cjs_namespaceObject = require("../../lib/date-value.cjs");
 const external_aria_ids_cjs_namespaceObject = require("./aria-ids.cjs");
 const external_literal_value_context_cjs_namespaceObject = require("./literal-value-context.cjs");
 const external_string_list_field_cjs_namespaceObject = require("./string-list-field.cjs");
@@ -301,7 +302,7 @@ function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false
         case 'date':
             return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(date_picker_cjs_namespaceObject.DatePicker, {
                 id: field.name,
-                value: formField.value,
+                value: (0, date_value_cjs_namespaceObject.toDateValue)(formField.value),
                 onValueChange: formField.onChange,
                 disabled: disabled,
                 placeholder: field.placeholder,
@@ -315,7 +316,7 @@ function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false
                 "aria-invalid": invalid || void 0,
                 "aria-describedby": describedById,
                 "aria-errormessage": errorId,
-                value: formField.value,
+                value: (0, date_value_cjs_namespaceObject.toDateValue)(formField.value),
                 onValueChange: formField.onChange,
                 disabled: disabled,
                 placeholder: field.placeholder,

package/dist/components/forms/field-control.js

@@ -14,6 +14,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from ".
 import { Slider } from "../ui/slider.js";
 import { Switch } from "../ui/switch.js";
 import { Textarea } from "../ui/textarea.js";
+import { toDateValue } from "../../lib/date-value.js";
 import { joinIds } from "./aria-ids.js";
 import { LiteralValueContext } from "./literal-value-context.js";
 import { StringListControl } from "./string-list-field.js";
@@ -270,7 +271,7 @@ function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false
         case 'date':
             return /*#__PURE__*/ jsx(DatePicker, {
                 id: field.name,
-                value: formField.value,
+                value: toDateValue(formField.value),
                 onValueChange: formField.onChange,
                 disabled: disabled,
                 placeholder: field.placeholder,
@@ -284,7 +285,7 @@ function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false
                 "aria-invalid": invalid || void 0,
                 "aria-describedby": describedById,
                 "aria-errormessage": errorId,
-                value: formField.value,
+                value: toDateValue(formField.value),
                 onValueChange: formField.onChange,
                 disabled: disabled,
                 placeholder: field.placeholder,

package/dist/components/forms/validation-converter.cjs

@@ -31,11 +31,12 @@ __webpack_require__.d(__webpack_exports__, {
     validationConfigToZod: ()=>validationConfigToZod
 });
 const external_zod_namespaceObject = require("zod");
+const date_value_cjs_namespaceObject = require("../../lib/date-value.cjs");
 const external_value_modes_cjs_namespaceObject = require("./value-modes.cjs");
 const external_rules_engine_cjs_namespaceObject = require("./rules-engine.cjs");
 function validationConfigToZod(config, fieldType, customValueType) {
     let schema = getBaseSchemaForType(fieldType, customValueType);
-    if (!config) return schema.nullish();
+    if (!config) return withDateParsing(schema.nullish(), fieldType);
     schema = applyStringConstraints(schema, config, fieldType, customValueType);
     schema = applyNumberConstraints(schema, config, fieldType, customValueType);
     schema = applyArrayConstraints(schema, config, fieldType, customValueType);
@@ -45,9 +46,18 @@ function validationConfigToZod(config, fieldType, customValueType) {
             message: requiredMessage
         });
         if (isArrayType(fieldType, customValueType) && (null == config.minItems || config.minItems < 1)) schema = schema.min(1, requiredMessage);
-        return applyCustomExpression(schema, config);
+        if (isDateType(fieldType)) schema = external_zod_namespaceObject.z.date({
+            error: requiredMessage
+        });
+        return withDateParsing(applyCustomExpression(schema, config), fieldType);
     }
-    return applyCustomExpression(schema, config).nullish();
+    return withDateParsing(applyCustomExpression(schema, config).nullish(), fieldType);
+}
+function isDateType(fieldType) {
+    return 'date' === fieldType || 'datetime' === fieldType;
+}
+function withDateParsing(schema, fieldType) {
+    return isDateType(fieldType) ? external_zod_namespaceObject.z.preprocess(date_value_cjs_namespaceObject.toDateValue, schema) : schema;
 }
 function modeAwareSchema(literalSchema, { codec, context, required, requiredMessage, validators }) {
     return external_zod_namespaceObject.z.any().superRefine((stored, ctx)=>{
@@ -110,9 +120,8 @@ function getBaseSchemaForType(fieldType, customValueType) {
         case 'string-list':
             return external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string());
         case 'date':
-            return external_zod_namespaceObject.z.coerce.date();
         case 'datetime':
-            return external_zod_namespaceObject.z.coerce.date();
+            return external_zod_namespaceObject.z.date();
         case 'file':
             return external_zod_namespaceObject.z.any();
         case 'custom':

package/dist/components/forms/validation-converter.js

@@ -1,9 +1,10 @@
 import { z } from "zod";
+import { toDateValue } from "../../lib/date-value.js";
 import { isDecodedEmpty } from "./value-modes.js";
 import { RulesEngine } from "./rules-engine.js";
 function validationConfigToZod(config, fieldType, customValueType) {
     let schema = getBaseSchemaForType(fieldType, customValueType);
-    if (!config) return schema.nullish();
+    if (!config) return withDateParsing(schema.nullish(), fieldType);
     schema = applyStringConstraints(schema, config, fieldType, customValueType);
     schema = applyNumberConstraints(schema, config, fieldType, customValueType);
     schema = applyArrayConstraints(schema, config, fieldType, customValueType);
@@ -13,9 +14,18 @@ function validationConfigToZod(config, fieldType, customValueType) {
             message: requiredMessage
         });
         if (isArrayType(fieldType, customValueType) && (null == config.minItems || config.minItems < 1)) schema = schema.min(1, requiredMessage);
-        return applyCustomExpression(schema, config);
+        if (isDateType(fieldType)) schema = z.date({
+            error: requiredMessage
+        });
+        return withDateParsing(applyCustomExpression(schema, config), fieldType);
     }
-    return applyCustomExpression(schema, config).nullish();
+    return withDateParsing(applyCustomExpression(schema, config).nullish(), fieldType);
+}
+function isDateType(fieldType) {
+    return 'date' === fieldType || 'datetime' === fieldType;
+}
+function withDateParsing(schema, fieldType) {
+    return isDateType(fieldType) ? z.preprocess(toDateValue, schema) : schema;
 }
 function modeAwareSchema(literalSchema, { codec, context, required, requiredMessage, validators }) {
     return z.any().superRefine((stored, ctx)=>{
@@ -78,9 +88,8 @@ function getBaseSchemaForType(fieldType, customValueType) {
         case 'string-list':
             return z.array(z.string());
         case 'date':
-            return z.coerce.date();
         case 'datetime':
-            return z.coerce.date();
+            return z.date();
         case 'file':
             return z.any();
         case 'custom':

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, };

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

@@ -0,0 +1,189 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { createContext, forwardRef, isValidElement, useContext, useMemo } from "react";
+import { cn } from "../../lib/index.js";
+const ChatHeroContext = /*#__PURE__*/ createContext({
+    layout: 'centered',
+    density: 'comfortable'
+});
+const chatHeroVariants = 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__*/ forwardRef(({ className, layout, density, ...props }, ref)=>{
+    const context = useMemo(()=>({
+            layout: layout ?? 'centered',
+            density: density ?? 'comfortable'
+        }), [
+        layout,
+        density
+    ]);
+    return /*#__PURE__*/ jsx(ChatHeroContext.Provider, {
+        value: context,
+        children: /*#__PURE__*/ jsx("div", {
+            ref: ref,
+            "data-slot": "chat-hero",
+            "data-layout": context.layout,
+            "data-density": context.density,
+            className: cn(chatHeroVariants({
+                layout: context.layout,
+                density: context.density
+            }), className),
+            ...props
+        })
+    });
+});
+ChatHero.displayName = 'ChatHero';
+const ChatHeroHeader = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    const { layout } = useContext(ChatHeroContext);
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "chat-hero-header",
+        className: 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__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "chat-hero-logo",
+        className: 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__*/ isValidElement(children)) return false;
+    return isEmptyContent(children.props.children);
+}
+const chatHeroTitleVariants = 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__*/ forwardRef(({ className, asChild = false, children, ...props }, ref)=>{
+    const { layout, density } = useContext(ChatHeroContext);
+    if (isEmptyTitle(children, asChild)) return null;
+    const Comp = asChild ? Slot : 'h2';
+    return /*#__PURE__*/ jsx(Comp, {
+        ref: ref,
+        "data-slot": "chat-hero-title",
+        className: cn(chatHeroTitleVariants({
+            layout,
+            density
+        }), className),
+        ...props,
+        children: children
+    });
+});
+ChatHeroTitle.displayName = 'ChatHeroTitle';
+const chatHeroDescriptionVariants = 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__*/ forwardRef(({ className, children, ...props }, ref)=>{
+    const { layout, density } = useContext(ChatHeroContext);
+    if (isEmptyContent(children)) return null;
+    return /*#__PURE__*/ jsx("p", {
+        ref: ref,
+        "data-slot": "chat-hero-description",
+        className: cn(chatHeroDescriptionVariants({
+            layout,
+            density
+        }), className),
+        ...props,
+        children: children
+    });
+});
+ChatHeroDescription.displayName = "ChatHeroDescription";
+export { ChatHero, ChatHeroDescription, ChatHeroHeader, ChatHeroLogo, ChatHeroTitle, chatHeroDescriptionVariants, chatHeroTitleVariants, chatHeroVariants };