@uipath/apollo-wind 2.70.0 → 2.71.0

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

package/dist/components/ui/date-picker.cjs

@@ -42,6 +42,7 @@ const external_input_group_context_cjs_namespaceObject = require("./input-group-
 const date_picker_DatePicker = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function({ id, value, onValueChange, disabled, placeholder = 'Pick a date', className, calendarProps, error, errorId, 'aria-labelledby': ariaLabelledBy, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage }, ref) {
     const generatedId = external_react_namespaceObject.useId();
     const validationId = errorId ?? `${id ?? `date-picker-${generatedId.replace(/:/g, '')}`}-error`;
+    const date = value instanceof Date && (0, external_date_fns_namespaceObject.isValid)(value) ? value : void 0;
     const group = (0, external_input_group_context_cjs_namespaceObject.useInputGroup)();
     const grouped = group.inGroup;
     const validation = (0, external_input_group_context_cjs_namespaceObject.useControlValidation)(group, {
@@ -53,7 +54,7 @@ const date_picker_DatePicker = /*#__PURE__*/ external_react_namespaceObject.forw
     });
     const triggerProps = {
         id,
-        'aria-label': id || ariaLabelledBy ? void 0 : value ? `Selected date: ${(0, external_date_fns_namespaceObject.format)(value, 'PPP')}` : placeholder,
+        'aria-label': id || ariaLabelledBy ? void 0 : date ? `Selected date: ${(0, external_date_fns_namespaceObject.format)(date, 'PPP')}` : placeholder,
         'aria-labelledby': ariaLabelledBy,
         ...validation.aria,
         disabled: disabled || group.disabled
@@ -68,9 +69,9 @@ const date_picker_DatePicker = /*#__PURE__*/ external_react_namespaceObject.forw
                         ...triggerProps,
                         className: className,
                         placeholder: placeholder,
-                        children: value && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        children: date && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                             className: "truncate",
-                            children: (0, external_date_fns_namespaceObject.format)(value, 'PPP')
+                            children: (0, external_date_fns_namespaceObject.format)(date, 'PPP')
                         })
                     }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger, {
                         asChild: true,
@@ -81,7 +82,7 @@ const date_picker_DatePicker = /*#__PURE__*/ external_react_namespaceObject.forw
                             className: (0, index_cjs_namespaceObject.cn)('w-full justify-start text-left font-normal [&>svg]:text-foreground-muted hover:[&>svg]:text-accent-foreground', 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:px-4 future:gap-4 future:text-foreground future:hover:bg-surface-hover future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', className),
                             children: [
                                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CalendarIcon, {}),
-                                value ? (0, external_date_fns_namespaceObject.format)(value, 'PPP') : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                date ? (0, external_date_fns_namespaceObject.format)(date, 'PPP') : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                     className: "text-foreground-muted",
                                     children: placeholder
                                 })
@@ -93,7 +94,7 @@ const date_picker_DatePicker = /*#__PURE__*/ external_react_namespaceObject.forw
                         align: grouped ? 'start' : void 0,
                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar, {
                             mode: "single",
-                            selected: value,
+                            selected: date,
                             onSelect: onValueChange,
                             initialFocus: true,
                             ...calendarProps