@uipath/apollo-wind 2.66.0 → 2.67.0

package/dist/components/ui/message-scroller/primitive/use-message-scroller-refs.js

@@ -0,0 +1,84 @@
+import { useRef } from "react";
+import { areScrollStatesEqual, createMessageScrollerStore, createMessageScrollerVisibilityStore } from "./stores.js";
+import { EMPTY_MESSAGE_SCROLLER_SCROLLABLE } from "./types.js";
+function useMessageScrollerRefs({ autoScroll, defaultScrollPosition, scrollEdgeThreshold, scrollMargin, scrollPreviousItemPeek }) {
+    const autoScrollRef = useRef(autoScroll);
+    const autoscrollingRef = useRef(false);
+    const contentRef = useRef(null);
+    const defaultScrollPositionAppliedRef = useRef(false);
+    const scrollEdgeThresholdRef = useRef(scrollEdgeThreshold);
+    const itemCountRef = useRef(0);
+    const firstItemRef = useRef(null);
+    const lastScrollTopRef = useRef(0);
+    const modeRef = useRef(autoScroll ? 'following-bottom' : 'free-scrolling');
+    const messageElementsRef = useRef(new Map());
+    const pendingScrollToMessageRef = useRef(null);
+    const prependRestoreRef = useRef(null);
+    const streamingTurnRef = useRef(null);
+    const scrollPreviousItemPeekRef = useRef(scrollPreviousItemPeek);
+    const preserveScrollOnPrependRef = useRef(true);
+    const rootRef = useRef(null);
+    const scrollMarginRef = useRef(scrollMargin);
+    const pendingScrollFrameRef = useRef(null);
+    const spacerGapRef = useRef(0);
+    const spacerHeightRef = useRef(0);
+    const spacerRef = useRef(null);
+    const stateFrameRef = useRef(null);
+    const pendingDefaultScrollStoreRef = useRef(null);
+    const stateStoreRef = useRef(null);
+    const autoscrollingTimeoutRef = useRef(null);
+    const viewportRef = useRef(null);
+    const visibilityFrameRef = useRef(null);
+    const visibilityObserverRef = useRef(null);
+    const visibilityStoreRef = useRef(null);
+    const visibleMessageIdsRef = useRef(new Set());
+    const handledScrollAnchorsRef = useRef(new WeakSet());
+    if (null === pendingDefaultScrollStoreRef.current) pendingDefaultScrollStoreRef.current = createMessageScrollerStore('end' === defaultScrollPosition || 'last-anchor' === defaultScrollPosition, (current, next)=>current === next);
+    if (null === stateStoreRef.current) stateStoreRef.current = createMessageScrollerStore(EMPTY_MESSAGE_SCROLLER_SCROLLABLE, areScrollStatesEqual);
+    if (null === visibilityStoreRef.current) visibilityStoreRef.current = createMessageScrollerVisibilityStore();
+    autoScrollRef.current = autoScroll;
+    scrollEdgeThresholdRef.current = scrollEdgeThreshold;
+    scrollMarginRef.current = scrollMargin;
+    scrollPreviousItemPeekRef.current = scrollPreviousItemPeek;
+    return {
+        autoScrollRef,
+        autoscrollingRef,
+        autoscrollingTimeoutRef,
+        streamingTurnRef,
+        contentRef,
+        defaultScrollPositionAppliedRef,
+        firstItemRef,
+        itemCountRef,
+        lastScrollTopRef,
+        messageElementsRef,
+        modeRef,
+        pendingScrollFrameRef,
+        pendingScrollToMessageRef,
+        prependRestoreRef,
+        preserveScrollOnPrependRef,
+        pendingDefaultScrollStore: pendingDefaultScrollStoreRef.current,
+        rootRef,
+        scrollEdgeThresholdRef,
+        scrollMarginRef,
+        scrollPreviousItemPeekRef,
+        spacerGapRef,
+        spacerHeightRef,
+        spacerRef,
+        stateFrameRef,
+        stateStore: stateStoreRef.current,
+        viewportRef,
+        visibilityFrameRef,
+        visibilityObserverRef,
+        visibilityStore: visibilityStoreRef.current,
+        visibleMessageIdsRef,
+        handledScrollAnchorsRef
+    };
+}
+function clearPendingDefaultScroll(refs) {
+    refs.pendingDefaultScrollStore.setSnapshot(false);
+}
+function markDefaultScrollPositionApplied(refs) {
+    refs.defaultScrollPositionAppliedRef.current = true;
+    clearPendingDefaultScroll(refs);
+}
+export { clearPendingDefaultScroll, markDefaultScrollPositionApplied, useMessageScrollerRefs };

package/dist/components/ui/message-scroller/primitive/use-render.cjs

@@ -0,0 +1,116 @@
+"use strict";
+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__, {
+    composeRefs: ()=>composeRefs,
+    mergeProps: ()=>mergeProps,
+    useRender: ()=>useRender
+});
+const external_react_namespaceObject = require("react");
+function useRender({ defaultTagName, props, render, state = {}, stateAttributesMapping }) {
+    const elementProps = mergeProps(getStateAttributes(state, stateAttributesMapping), props);
+    if (!render) return external_react_namespaceObject.createElement(defaultTagName, elementProps);
+    if ('function' == typeof render) return render(elementProps, state);
+    if (!external_react_namespaceObject.isValidElement(render)) return null;
+    const renderProps = render.props;
+    const renderRef = renderProps.ref ?? render.ref;
+    const propsWithRenderProps = mergeProps(elementProps, renderProps);
+    const propsWithRef = {
+        ...propsWithRenderProps,
+        ref: composeRefs(elementProps.ref, renderRef)
+    };
+    return external_react_namespaceObject.cloneElement(render, propsWithRef);
+}
+function mergeProps(...sources) {
+    const result = {};
+    for (const source of sources){
+        if (!source) continue;
+        const sourceProps = source;
+        for (const key of Object.keys(sourceProps)){
+            const value = sourceProps[key];
+            if (void 0 === value) continue;
+            const current = result[key];
+            if ('className' === key) result[key] = [
+                current,
+                value
+            ].filter(Boolean).join(' ');
+            else if ('style' === key) result[key] = {
+                ...current,
+                ...value
+            };
+            else if ('ref' === key) result[key] = composeRefs(current, value);
+            else if (isEventHandler(key) && 'function' == typeof current && 'function' == typeof value) result[key] = composeEventHandlers(value, current);
+            else result[key] = value;
+        }
+    }
+    return result;
+}
+function getStateAttributes(state, mapping) {
+    const props = {};
+    for (const key of Object.keys(state)){
+        const value = state[key];
+        const attributes = mapping?.[key]?.(value);
+        if (attributes) {
+            Object.assign(props, attributes);
+            continue;
+        }
+        if ('slot' === key) {
+            props['data-slot'] = value;
+            continue;
+        }
+        const attribute = `data-${String(key).replace(/[A-Z]/g, (letter)=>`-${letter.toLowerCase()}`)}`;
+        if ('boolean' == typeof value) props[attribute] = value ? '' : void 0;
+        else if (null != value) props[attribute] = String(value);
+    }
+    return props;
+}
+function composeEventHandlers(theirs, ours) {
+    return function(event) {
+        theirs(event);
+        if (!event.defaultPrevented) ours(event);
+    };
+}
+function isEventHandler(key) {
+    return /^on[A-Z]/.test(key);
+}
+function composeRefs(...refs) {
+    const validRefs = refs.filter(Boolean);
+    if (0 === validRefs.length) return;
+    return (value)=>{
+        for (const ref of validRefs)if ('function' == typeof ref) ref(value);
+        else if (ref) ref.current = value;
+    };
+}
+exports.composeRefs = __webpack_exports__.composeRefs;
+exports.mergeProps = __webpack_exports__.mergeProps;
+exports.useRender = __webpack_exports__.useRender;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "composeRefs",
+    "mergeProps",
+    "useRender"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/message-scroller/primitive/use-render.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+type RenderState = Record<string, unknown>;
+type RenderFunction<TState extends RenderState> = (props: Record<string, unknown>, state: TState) => React.ReactElement | null;
+type RenderProp<TState extends RenderState> = React.ReactElement | RenderFunction<TState>;
+type StateAttributesMapping<TState extends RenderState> = Partial<{
+    [K in keyof TState]: (value: TState[K]) => Record<string, string | undefined> | null | undefined;
+}>;
+type UseRenderComponentProps<TElement extends React.ElementType, TState extends RenderState = RenderState> = React.ComponentPropsWithoutRef<TElement> & {
+    render?: RenderProp<TState>;
+};
+type UseRenderOptions<TElement extends React.ElementType, TState extends RenderState> = {
+    defaultTagName: TElement;
+    props?: React.ComponentPropsWithRef<TElement>;
+    render?: RenderProp<TState>;
+    state?: TState;
+    stateAttributesMapping?: StateAttributesMapping<TState>;
+};
+declare function useRender<TElement extends React.ElementType, TState extends RenderState = RenderState>({ defaultTagName, props, render, state, stateAttributesMapping, }: UseRenderOptions<TElement, TState>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+declare function mergeProps<TElement extends React.ElementType>(...sources: Array<React.ComponentPropsWithRef<TElement> | Record<string, unknown> | undefined>): React.ComponentPropsWithRef<TElement>;
+declare function composeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T> | undefined;
+export { composeRefs, mergeProps, useRender, type UseRenderComponentProps };

package/dist/components/ui/message-scroller/primitive/use-render.js

@@ -0,0 +1,76 @@
+import { cloneElement, createElement, isValidElement } from "react";
+function useRender({ defaultTagName, props, render, state = {}, stateAttributesMapping }) {
+    const elementProps = mergeProps(getStateAttributes(state, stateAttributesMapping), props);
+    if (!render) return createElement(defaultTagName, elementProps);
+    if ('function' == typeof render) return render(elementProps, state);
+    if (!isValidElement(render)) return null;
+    const renderProps = render.props;
+    const renderRef = renderProps.ref ?? render.ref;
+    const propsWithRenderProps = mergeProps(elementProps, renderProps);
+    const propsWithRef = {
+        ...propsWithRenderProps,
+        ref: composeRefs(elementProps.ref, renderRef)
+    };
+    return cloneElement(render, propsWithRef);
+}
+function mergeProps(...sources) {
+    const result = {};
+    for (const source of sources){
+        if (!source) continue;
+        const sourceProps = source;
+        for (const key of Object.keys(sourceProps)){
+            const value = sourceProps[key];
+            if (void 0 === value) continue;
+            const current = result[key];
+            if ('className' === key) result[key] = [
+                current,
+                value
+            ].filter(Boolean).join(' ');
+            else if ('style' === key) result[key] = {
+                ...current,
+                ...value
+            };
+            else if ('ref' === key) result[key] = composeRefs(current, value);
+            else if (isEventHandler(key) && 'function' == typeof current && 'function' == typeof value) result[key] = composeEventHandlers(value, current);
+            else result[key] = value;
+        }
+    }
+    return result;
+}
+function getStateAttributes(state, mapping) {
+    const props = {};
+    for (const key of Object.keys(state)){
+        const value = state[key];
+        const attributes = mapping?.[key]?.(value);
+        if (attributes) {
+            Object.assign(props, attributes);
+            continue;
+        }
+        if ('slot' === key) {
+            props['data-slot'] = value;
+            continue;
+        }
+        const attribute = `data-${String(key).replace(/[A-Z]/g, (letter)=>`-${letter.toLowerCase()}`)}`;
+        if ('boolean' == typeof value) props[attribute] = value ? '' : void 0;
+        else if (null != value) props[attribute] = String(value);
+    }
+    return props;
+}
+function composeEventHandlers(theirs, ours) {
+    return function(event) {
+        theirs(event);
+        if (!event.defaultPrevented) ours(event);
+    };
+}
+function isEventHandler(key) {
+    return /^on[A-Z]/.test(key);
+}
+function composeRefs(...refs) {
+    const validRefs = refs.filter(Boolean);
+    if (0 === validRefs.length) return;
+    return (value)=>{
+        for (const ref of validRefs)if ('function' == typeof ref) ref(value);
+        else if (ref) ref.current = value;
+    };
+}
+export { composeRefs, mergeProps, useRender };

package/dist/components/ui/message-scroller/primitive/utils.cjs

@@ -0,0 +1,41 @@
+"use strict";
+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__, {
+    useLatest: ()=>useLatest
+});
+const external_react_namespaceObject = require("react");
+function useLatest(value) {
+    const ref = external_react_namespaceObject.useRef(value);
+    ref.current = value;
+    return ref;
+}
+exports.useLatest = __webpack_exports__.useLatest;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useLatest"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/message-scroller/primitive/utils.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function useLatest<T>(value: T): React.RefObject<T>;
+export { useLatest };

package/dist/components/ui/message-scroller/primitive/utils.js

@@ -0,0 +1,7 @@
+import { useRef } from "react";
+function useLatest(value) {
+    const ref = useRef(value);
+    ref.current = value;
+    return ref;
+}
+export { useLatest };

package/dist/components/ui/message.cjs

@@ -0,0 +1,96 @@
+"use strict";
+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__, {
+    MessageContent: ()=>MessageContent,
+    MessageAvatar: ()=>MessageAvatar,
+    MessageFooter: ()=>MessageFooter,
+    MessageGroup: ()=>MessageGroup,
+    Message: ()=>Message,
+    MessageHeader: ()=>MessageHeader
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const MessageGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        "data-slot": "message-group",
+        className: (0, index_cjs_namespaceObject.cn)('flex min-w-0 flex-col gap-2', className),
+        ...props
+    }));
+MessageGroup.displayName = 'MessageGroup';
+const Message = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, align = 'start', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        "data-slot": "message",
+        "data-align": align,
+        className: (0, index_cjs_namespaceObject.cn)('group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse', className),
+        ...props
+    }));
+Message.displayName = 'Message';
+const MessageAvatar = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        "data-slot": "message-avatar",
+        className: (0, index_cjs_namespaceObject.cn)('flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-[[data-slot=message-footer]]/message:-translate-y-8', className),
+        ...props
+    }));
+MessageAvatar.displayName = 'MessageAvatar';
+const MessageContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        "data-slot": "message-content",
+        className: (0, index_cjs_namespaceObject.cn)('flex w-full min-w-0 flex-col gap-2.5 break-words group-data-[align=end]/message:*:self-end', className),
+        ...props
+    }));
+MessageContent.displayName = 'MessageContent';
+const MessageHeader = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        "data-slot": "message-header",
+        className: (0, index_cjs_namespaceObject.cn)('flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground', className),
+        ...props
+    }));
+MessageHeader.displayName = 'MessageHeader';
+const MessageFooter = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        "data-slot": "message-footer",
+        className: (0, index_cjs_namespaceObject.cn)('flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-data-[align=end]/message:justify-end', className),
+        ...props
+    }));
+MessageFooter.displayName = 'MessageFooter';
+exports.Message = __webpack_exports__.Message;
+exports.MessageAvatar = __webpack_exports__.MessageAvatar;
+exports.MessageContent = __webpack_exports__.MessageContent;
+exports.MessageFooter = __webpack_exports__.MessageFooter;
+exports.MessageGroup = __webpack_exports__.MessageGroup;
+exports.MessageHeader = __webpack_exports__.MessageHeader;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Message",
+    "MessageAvatar",
+    "MessageContent",
+    "MessageFooter",
+    "MessageGroup",
+    "MessageHeader"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/message.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+/**
+ * Chat conversation row primitives, ported from shadcn/ui's chat components. A `Message` lays out
+ * one turn: an optional `MessageAvatar`, then `MessageContent` holding a `MessageHeader`, the body
+ * (usually a `Bubble`) and a `MessageFooter`. `align="end"` mirrors the row for the current user.
+ */
+declare const MessageGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** `end` mirrors the row so the avatar and bubble sit on the trailing edge. */
+    align?: 'start' | 'end';
+}
+declare const Message: React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;
+declare const MessageAvatar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const MessageContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const MessageHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const MessageFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { MessageGroup, Message, MessageAvatar, MessageContent, MessageHeader, MessageFooter };

package/dist/components/ui/message.js

@@ -0,0 +1,47 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/index.js";
+const MessageGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "message-group",
+        className: cn('flex min-w-0 flex-col gap-2', className),
+        ...props
+    }));
+MessageGroup.displayName = 'MessageGroup';
+const Message = /*#__PURE__*/ forwardRef(({ className, align = 'start', ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "message",
+        "data-align": align,
+        className: cn('group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse', className),
+        ...props
+    }));
+Message.displayName = 'Message';
+const MessageAvatar = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "message-avatar",
+        className: cn('flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-[[data-slot=message-footer]]/message:-translate-y-8', className),
+        ...props
+    }));
+MessageAvatar.displayName = 'MessageAvatar';
+const MessageContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "message-content",
+        className: cn('flex w-full min-w-0 flex-col gap-2.5 break-words group-data-[align=end]/message:*:self-end', className),
+        ...props
+    }));
+MessageContent.displayName = 'MessageContent';
+const MessageHeader = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "message-header",
+        className: cn('flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground', className),
+        ...props
+    }));
+MessageHeader.displayName = 'MessageHeader';
+const MessageFooter = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "message-footer",
+        className: cn('flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-data-[align=end]/message:justify-end', className),
+        ...props
+    }));
+MessageFooter.displayName = 'MessageFooter';
+export { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader };

package/dist/components/ui/multi-select.cjs

@@ -76,7 +76,7 @@ function CreateOption({ query, disabled, onCreate, label }) {
         })
     });
 }
-const MultiSelect = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ id, options, selected, onChange, placeholder = 'Select items...', emptyMessage = 'No items found.', className, maxSelected, disabled = false, searchPlaceholder = 'Search...', clearAllText, overflow = 'wrap', onCreate, strings, onBlur, error, errorId, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage }, ref)=>{
+const MultiSelect = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ id, options, selected, onChange, placeholder = 'Select items...', emptyMessage = 'No items found.', className, triggerClassName, maxSelected, disabled = false, searchPlaceholder = 'Search...', clearAllText, overflow = 'wrap', onCreate, strings, onBlur, error, errorId, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage }, ref)=>{
     const text = {
         ...DEFAULT_MULTI_SELECT_STRINGS,
         ...strings
@@ -246,12 +246,12 @@ const MultiSelect = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ i
                         asChild: true,
                         children: grouped ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupTrigger, {
                             ...triggerProps,
-                            className: (0, index_cjs_namespaceObject.cn)('items-start', selected.length > 0 && !collapse && 'h-auto'),
+                            className: (0, index_cjs_namespaceObject.cn)('items-start', selected.length > 0 && !collapse && 'h-auto', triggerClassName),
                             children: triggerContent
                         }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
                             variant: "outline",
                             ...triggerProps,
-                            className: (0, index_cjs_namespaceObject.cn)('w-full justify-between future:rounded-xl future:border-0 future:bg-surface-overlay future:px-4 future:gap-4 future:hover:bg-surface-overlay future:[&:hover:not(:has([data-slot=badge]:hover))]:bg-surface-hover future:font-normal future:text-foreground future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', selected.length > 0 && !collapse ? 'h-auto min-h-10' : 'h-10'),
+                            className: (0, index_cjs_namespaceObject.cn)('w-full justify-between future:rounded-xl future:border-0 future:bg-surface-overlay future:px-4 future:gap-4 future:hover:bg-surface-overlay future:[&:hover:not(:has([data-slot=badge]:hover))]:bg-surface-hover future:font-normal future:text-foreground future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background future:focus-visible:ring-primary future:aria-invalid:focus-visible:ring-error', selected.length > 0 && !collapse ? 'h-auto min-h-10' : 'h-10', triggerClassName),
                             children: triggerContent
                         })
                     }),

package/dist/components/ui/multi-select.d.ts

@@ -30,7 +30,17 @@ export interface MultiSelectProps {
     onChange: (selected: string[]) => void;
     placeholder?: string;
     emptyMessage?: string;
+    /**
+     * Applied to the outer wrapper `div`, not the trigger button. To restyle the trigger, such as
+     * overriding the Future focus ring, use `triggerClassName`.
+     */
     className?: string;
+    /**
+     * Applied to the trigger button, merged after its own classes, e.g.
+     * `future:focus-visible:ring-foreground` to replace the Future primary focus ring. Inside an
+     * InputGroup the group draws the ring, so set it there.
+     */
+    triggerClassName?: string;
     maxSelected?: number;
     disabled?: boolean;
     searchPlaceholder?: string;

package/dist/components/ui/multi-select.js

@@ -47,7 +47,7 @@ function CreateOption({ query, disabled, onCreate, label }) {
         })
     });
 }
-const MultiSelect = /*#__PURE__*/ forwardRef(({ id, options, selected, onChange, placeholder = 'Select items...', emptyMessage = 'No items found.', className, maxSelected, disabled = false, searchPlaceholder = 'Search...', clearAllText, overflow = 'wrap', onCreate, strings, onBlur, error, errorId, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage }, ref)=>{
+const MultiSelect = /*#__PURE__*/ forwardRef(({ id, options, selected, onChange, placeholder = 'Select items...', emptyMessage = 'No items found.', className, triggerClassName, maxSelected, disabled = false, searchPlaceholder = 'Search...', clearAllText, overflow = 'wrap', onCreate, strings, onBlur, error, errorId, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage }, ref)=>{
     const text = {
         ...DEFAULT_MULTI_SELECT_STRINGS,
         ...strings
@@ -217,12 +217,12 @@ const MultiSelect = /*#__PURE__*/ forwardRef(({ id, options, selected, onChange,
                         asChild: true,
                         children: grouped ? /*#__PURE__*/ jsx(InputGroupTrigger, {
                             ...triggerProps,
-                            className: cn('items-start', selected.length > 0 && !collapse && 'h-auto'),
+                            className: cn('items-start', selected.length > 0 && !collapse && 'h-auto', triggerClassName),
                             children: triggerContent
                         }) : /*#__PURE__*/ jsx(Button, {
                             variant: "outline",
                             ...triggerProps,
-                            className: cn('w-full justify-between future:rounded-xl future:border-0 future:bg-surface-overlay future:px-4 future:gap-4 future:hover:bg-surface-overlay future:[&:hover:not(:has([data-slot=badge]:hover))]:bg-surface-hover future:font-normal future:text-foreground future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', selected.length > 0 && !collapse ? 'h-auto min-h-10' : 'h-10'),
+                            className: cn('w-full justify-between future:rounded-xl future:border-0 future:bg-surface-overlay future:px-4 future:gap-4 future:hover:bg-surface-overlay future:[&:hover:not(:has([data-slot=badge]:hover))]:bg-surface-hover future:font-normal future:text-foreground future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background future:focus-visible:ring-primary future:aria-invalid:focus-visible:ring-error', selected.length > 0 && !collapse ? 'h-auto min-h-10' : 'h-10', triggerClassName),
                             children: triggerContent
                         })
                     }),

package/dist/components/ui/select.cjs

@@ -65,7 +65,7 @@ SelectValue.displayName = react_select_namespaceObject.Value.displayName;
 const selectTriggerVariants = (0, external_class_variance_authority_namespaceObject.cva)('flex w-full cursor-pointer items-center justify-between bg-transparent text-base transition-colors data-[placeholder]:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1 future:font-normal', {
     variants: {
         grouped: {
-            false: 'h-9 rounded-md border border-input px-3 py-1 focus:outline-none focus:ring-2 focus:ring-ring focus-visible:ring-2 focus-visible:ring-ring future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:hover:bg-surface-hover future:px-4 future:gap-4 aria-invalid:border-error aria-invalid:focus-visible:ring-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40',
+            false: 'h-9 rounded-md border border-input px-3 py-1 focus:outline-none focus:ring-2 focus:ring-ring focus-visible:ring-2 focus-visible:ring-ring future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:hover:bg-surface-hover future:px-4 future:gap-4 aria-invalid:border-error aria-invalid:focus-visible:ring-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40 future:focus:ring-primary future:focus-visible:ring-primary future:aria-invalid:focus:ring-error future:aria-invalid:focus-visible:ring-error',
             true: 'h-full min-h-5 min-w-0 flex-1 gap-2 p-0'
         }
     },

package/dist/components/ui/select.js

@@ -28,7 +28,7 @@ SelectValue.displayName = Value.displayName;
 const selectTriggerVariants = cva('flex w-full cursor-pointer items-center justify-between bg-transparent text-base transition-colors data-[placeholder]:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1 future:font-normal', {
     variants: {
         grouped: {
-            false: 'h-9 rounded-md border border-input px-3 py-1 focus:outline-none focus:ring-2 focus:ring-ring focus-visible:ring-2 focus-visible:ring-ring future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:hover:bg-surface-hover future:px-4 future:gap-4 aria-invalid:border-error aria-invalid:focus-visible:ring-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40',
+            false: 'h-9 rounded-md border border-input px-3 py-1 focus:outline-none focus:ring-2 focus:ring-ring focus-visible:ring-2 focus-visible:ring-ring future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:hover:bg-surface-hover future:px-4 future:gap-4 aria-invalid:border-error aria-invalid:focus-visible:ring-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40 future:focus:ring-primary future:focus-visible:ring-primary future:aria-invalid:focus:ring-error future:aria-invalid:focus-visible:ring-error',
             true: 'h-full min-h-5 min-w-0 flex-1 gap-2 p-0'
         }
     },

package/dist/components/ui/textarea.cjs

@@ -166,7 +166,7 @@ const Textarea = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ 'ari
                 "data-slot": group.inGroup ? 'input-group-control' : 'textarea',
                 id: id,
                 ...validation.aria,
-                className: (0, index_cjs_namespaceObject.cn)('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40 aria-invalid:focus-visible:ring-error md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !managed && 'min-h-[80px]', managed && 'resize-y', group.inGroup && IN_GROUP_CLASS, className),
+                className: (0, index_cjs_namespaceObject.cn)('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40 aria-invalid:focus-visible:ring-error md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background future:focus-visible:ring-primary future:aria-invalid:focus-visible:ring-error', !managed && 'min-h-[80px]', managed && 'resize-y', group.inGroup && IN_GROUP_CLASS, className),
                 ref: setRef,
                 style: style,
                 onChange: (event)=>{

package/dist/components/ui/textarea.js

@@ -138,7 +138,7 @@ const Textarea = /*#__PURE__*/ forwardRef(({ 'aria-describedby': ariaDescribedBy
                 "data-slot": group.inGroup ? 'input-group-control' : 'textarea',
                 id: id,
                 ...validation.aria,
-                className: cn('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40 aria-invalid:focus-visible:ring-error md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !managed && 'min-h-[80px]', managed && 'resize-y', group.inGroup && IN_GROUP_CLASS, className),
+                className: cn('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40 aria-invalid:focus-visible:ring-error md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background future:focus-visible:ring-primary future:aria-invalid:focus-visible:ring-error', !managed && 'min-h-[80px]', managed && 'resize-y', group.inGroup && IN_GROUP_CLASS, className),
                 ref: setRef,
                 style: style,
                 onChange: (event)=>{