@uipath/apollo-wind 2.68.0 → 2.69.0

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

@@ -14,6 +14,7 @@ export * from './calendar';
 export * from './card';
 export * from './chart';
 export * from './checkbox';
+export * from './code-block';
 export * from './collapsible';
 export * from './combobox';
 export * from './command';
@@ -37,7 +38,10 @@ export * from './input-group';
 export * from './json-tree-view';
 export * from './label';
 export * from './layout';
+export * from './live-region';
+export * from './loading-dots';
 export * from './lockable-value-field';
+export * from './markdown';
 export * from './marker';
 export * from './message';
 export * from './message-scroller';
@@ -69,8 +73,10 @@ export * from './table';
 export * from './panel-tabs';
 export * from './tabs';
 export * from './textarea';
+export * from './thinking-indicator';
 export * from './toggle';
 export * from './toggle-group';
+export * from './tool-call';
 export * from './tooltip';
 export type { FileTreeViewIconMap, FileTreeViewItem, FileTreeViewItemAction, FileTreeViewMenuItem, FileTreeViewProps, FileTreeViewSelectionMode, TreeViewIconMap, TreeViewItem, TreeViewItemAction, TreeViewMenuItem, TreeViewProps, TreeViewSelectionMode, } from './tree-view';
 export { default as FileTreeView, TreeView } from './tree-view';

package/dist/components/ui/index.js

@@ -15,6 +15,7 @@ export * from "./calendar.js";
 export * from "./card.js";
 export * from "./chart.js";
 export * from "./checkbox.js";
+export * from "./code-block.js";
 export * from "./collapsible.js";
 export * from "./combobox.js";
 export * from "./command.js";
@@ -38,7 +39,10 @@ export * from "./input-group.js";
 export * from "./json-tree-view/index.js";
 export * from "./label.js";
 export * from "./layout/index.js";
+export * from "./live-region.js";
+export * from "./loading-dots.js";
 export * from "./lockable-value-field/index.js";
+export * from "./markdown.js";
 export * from "./marker.js";
 export * from "./message.js";
 export * from "./message-scroller/index.js";
@@ -70,8 +74,10 @@ export * from "./table.js";
 export * from "./panel-tabs.js";
 export * from "./tabs.js";
 export * from "./textarea.js";
+export * from "./thinking-indicator.js";
 export * from "./toggle.js";
 export * from "./toggle-group.js";
+export * from "./tool-call.js";
 export * from "./tooltip.js";
 export * from "./variable-picker/index.js";
 export * from "./variable-value-control.js";

package/dist/components/ui/json-tree-view/JsonTree.cjs

@@ -30,8 +30,8 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_virtual_namespaceObject = require("@tanstack/react-virtual");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../../lib/index.cjs");
+const clipboard_cjs_namespaceObject = require("../../../lib/clipboard.cjs");
 const external_buildJsonTree_cjs_namespaceObject = require("./buildJsonTree.cjs");
-const external_clipboard_cjs_namespaceObject = require("./clipboard.cjs");
 const external_JsonTreeRow_cjs_namespaceObject = require("./JsonTreeRow.cjs");
 const external_JsonTreeTooltip_cjs_namespaceObject = require("./JsonTreeTooltip.cjs");
 const external_strings_cjs_namespaceObject = require("./strings.cjs");
@@ -153,7 +153,7 @@ function JsonTreeViewContent({ nodes, collapsed = {}, onToggleCollapsed, query,
             if (copyTimerRef.current) clearTimeout(copyTimerRef.current);
         }, []);
     const copy = (node, kind, text)=>{
-        (0, external_clipboard_cjs_namespaceObject.copyTextToClipboard)(text).then((ok)=>{
+        (0, clipboard_cjs_namespaceObject.copyTextToClipboard)(text).then((ok)=>{
             if (!ok) return;
             setCopied({
                 path: node.path,

package/dist/components/ui/json-tree-view/JsonTree.js

@@ -2,8 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { cn } from "../../../lib/index.js";
+import { copyTextToClipboard } from "../../../lib/clipboard.js";
 import { flattenJsonTree } from "./buildJsonTree.js";
-import { copyTextToClipboard } from "./clipboard.js";
 import { JsonTreeRow, JsonTreeRowContextProvider, ROW_MIN_HEIGHT_PX } from "./JsonTreeRow.js";
 import { JsonTreeTooltipProvider } from "./JsonTreeTooltip.js";
 import { JsonTreeViewProvider, useJsonTreeViewStrings } from "./strings.js";

package/dist/components/ui/json-tree-view/index.cjs

@@ -1,5 +1,8 @@
 "use strict";
 var __webpack_modules__ = {
+    "@/lib/clipboard" (module) {
+        module.exports = require("../../../lib/clipboard.cjs");
+    },
     "./JsonContainerEditor" (module) {
         module.exports = require("./JsonContainerEditor.cjs");
     },
@@ -24,9 +27,6 @@ var __webpack_modules__ = {
     "./buildJsonTree" (module) {
         module.exports = require("./buildJsonTree.cjs");
     },
-    "./clipboard" (module) {
-        module.exports = require("./clipboard.cjs");
-    },
     "./strings" (module) {
         module.exports = require("./strings.cjs");
     }
@@ -77,25 +77,19 @@ var __webpack_exports__ = {};
     __webpack_require__.d(__webpack_exports__, {
         DEFAULT_JSON_TREE_VIEW_STRINGS: ()=>_strings__rspack_import_9.DEFAULT_JSON_TREE_VIEW_STRINGS,
         JsonTreeViewProvider: ()=>_strings__rspack_import_9.JsonTreeViewProvider,
+        copyTextToClipboard: ()=>_lib_clipboard__rspack_import_0.copyTextToClipboard,
         useJsonTreeViewStrings: ()=>_strings__rspack_import_9.useJsonTreeViewStrings
     });
-    var _buildJsonTree__rspack_import_0 = __webpack_require__("./buildJsonTree");
-    var __rspack_reexport = {};
-    for(const __rspack_import_key in _buildJsonTree__rspack_import_0)if ([
-        "useJsonTreeViewStrings",
-        "DEFAULT_JSON_TREE_VIEW_STRINGS",
-        "JsonTreeViewProvider",
-        "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_buildJsonTree__rspack_import_0[__rspack_import_key];
-    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _clipboard__rspack_import_1 = __webpack_require__("./clipboard");
+    var _lib_clipboard__rspack_import_0 = __webpack_require__("@/lib/clipboard");
+    var _buildJsonTree__rspack_import_1 = __webpack_require__("./buildJsonTree");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _clipboard__rspack_import_1)if ([
+    for(const __rspack_import_key in _buildJsonTree__rspack_import_1)if ([
         "useJsonTreeViewStrings",
         "DEFAULT_JSON_TREE_VIEW_STRINGS",
         "JsonTreeViewProvider",
-        "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_clipboard__rspack_import_1[__rspack_import_key];
+        "default",
+        "copyTextToClipboard"
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_buildJsonTree__rspack_import_1[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _JsonContainerEditor__rspack_import_2 = __webpack_require__("./JsonContainerEditor");
     var __rspack_reexport = {};
@@ -103,7 +97,8 @@ var __webpack_exports__ = {};
         "useJsonTreeViewStrings",
         "DEFAULT_JSON_TREE_VIEW_STRINGS",
         "JsonTreeViewProvider",
-        "default"
+        "default",
+        "copyTextToClipboard"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_JsonContainerEditor__rspack_import_2[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _JsonLeafValueEditor__rspack_import_3 = __webpack_require__("./JsonLeafValueEditor");
@@ -112,7 +107,8 @@ var __webpack_exports__ = {};
         "useJsonTreeViewStrings",
         "DEFAULT_JSON_TREE_VIEW_STRINGS",
         "JsonTreeViewProvider",
-        "default"
+        "default",
+        "copyTextToClipboard"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_JsonLeafValueEditor__rspack_import_3[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _JsonMultilineLeafEditor__rspack_import_4 = __webpack_require__("./JsonMultilineLeafEditor");
@@ -121,7 +117,8 @@ var __webpack_exports__ = {};
         "useJsonTreeViewStrings",
         "DEFAULT_JSON_TREE_VIEW_STRINGS",
         "JsonTreeViewProvider",
-        "default"
+        "default",
+        "copyTextToClipboard"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_JsonMultilineLeafEditor__rspack_import_4[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _JsonTree__rspack_import_5 = __webpack_require__("./JsonTree");
@@ -130,7 +127,8 @@ var __webpack_exports__ = {};
         "useJsonTreeViewStrings",
         "DEFAULT_JSON_TREE_VIEW_STRINGS",
         "JsonTreeViewProvider",
-        "default"
+        "default",
+        "copyTextToClipboard"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_JsonTree__rspack_import_5[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _JsonTree_types__rspack_import_6 = __webpack_require__("./JsonTree.types");
@@ -139,7 +137,8 @@ var __webpack_exports__ = {};
         "useJsonTreeViewStrings",
         "DEFAULT_JSON_TREE_VIEW_STRINGS",
         "JsonTreeViewProvider",
-        "default"
+        "default",
+        "copyTextToClipboard"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_JsonTree_types__rspack_import_6[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _JsonTreeToolbar__rspack_import_7 = __webpack_require__("./JsonTreeToolbar");
@@ -148,7 +147,8 @@ var __webpack_exports__ = {};
         "useJsonTreeViewStrings",
         "DEFAULT_JSON_TREE_VIEW_STRINGS",
         "JsonTreeViewProvider",
-        "default"
+        "default",
+        "copyTextToClipboard"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_JsonTreeToolbar__rspack_import_7[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _JsonTypeBadge__rspack_import_8 = __webpack_require__("./JsonTypeBadge");
@@ -157,17 +157,20 @@ var __webpack_exports__ = {};
         "useJsonTreeViewStrings",
         "DEFAULT_JSON_TREE_VIEW_STRINGS",
         "JsonTreeViewProvider",
-        "default"
+        "default",
+        "copyTextToClipboard"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_JsonTypeBadge__rspack_import_8[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _strings__rspack_import_9 = __webpack_require__("./strings");
 })();
 exports.DEFAULT_JSON_TREE_VIEW_STRINGS = __webpack_exports__.DEFAULT_JSON_TREE_VIEW_STRINGS;
 exports.JsonTreeViewProvider = __webpack_exports__.JsonTreeViewProvider;
+exports.copyTextToClipboard = __webpack_exports__.copyTextToClipboard;
 exports.useJsonTreeViewStrings = __webpack_exports__.useJsonTreeViewStrings;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "DEFAULT_JSON_TREE_VIEW_STRINGS",
     "JsonTreeViewProvider",
+    "copyTextToClipboard",
     "useJsonTreeViewStrings"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

package/dist/components/ui/json-tree-view/index.d.ts

@@ -1,5 +1,5 @@
+export { copyTextToClipboard } from '../../../lib/clipboard';
 export * from './buildJsonTree';
-export * from './clipboard';
 export * from './JsonContainerEditor';
 export * from './JsonLeafValueEditor';
 export * from './JsonMultilineLeafEditor';
@@ -7,4 +7,4 @@ export * from './JsonTree';
 export * from './JsonTree.types';
 export * from './JsonTreeToolbar';
 export * from './JsonTypeBadge';
-export { DEFAULT_JSON_TREE_VIEW_STRINGS, type JsonTreeViewStrings, JsonTreeViewProvider, type JsonTreeViewProviderProps, type ResolvedJsonTreeViewStrings, useJsonTreeViewStrings, } from './strings';
+export { DEFAULT_JSON_TREE_VIEW_STRINGS, JsonTreeViewProvider, type JsonTreeViewProviderProps, type JsonTreeViewStrings, type ResolvedJsonTreeViewStrings, useJsonTreeViewStrings, } from './strings';

package/dist/components/ui/json-tree-view/index.js

@@ -1,6 +1,6 @@
+import { copyTextToClipboard } from "../../../lib/clipboard.js";
 import { DEFAULT_JSON_TREE_VIEW_STRINGS, JsonTreeViewProvider, useJsonTreeViewStrings } from "./strings.js";
 export * from "./buildJsonTree.js";
-export * from "./clipboard.js";
 export * from "./JsonContainerEditor.js";
 export * from "./JsonLeafValueEditor.js";
 export * from "./JsonMultilineLeafEditor.js";
@@ -8,4 +8,4 @@ export * from "./JsonTree.js";
 export * from "./JsonTree.types.js";
 export * from "./JsonTreeToolbar.js";
 export * from "./JsonTypeBadge.js";
-export { DEFAULT_JSON_TREE_VIEW_STRINGS, JsonTreeViewProvider, useJsonTreeViewStrings };
+export { DEFAULT_JSON_TREE_VIEW_STRINGS, JsonTreeViewProvider, copyTextToClipboard, useJsonTreeViewStrings };

package/dist/components/ui/live-region.cjs

@@ -0,0 +1,106 @@
+"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__, {
+    LiveRegion: ()=>LiveRegion
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const LiveRegion = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, message, 'aria-live': politeness = 'polite', 'aria-atomic': atomic = true, clearAfter = 1000, debounce = 0, ...props }, ref)=>{
+    const [current, setCurrent] = external_react_namespaceObject.useState({
+        id: 0,
+        text: ''
+    });
+    const debounceTimer = external_react_namespaceObject.useRef(void 0);
+    const clearTimer = external_react_namespaceObject.useRef(void 0);
+    const clear = external_react_namespaceObject.useCallback(()=>{
+        clearTimeout(debounceTimer.current);
+        clearTimeout(clearTimer.current);
+        setCurrent((prev)=>prev.text ? {
+                id: prev.id + 1,
+                text: ''
+            } : prev);
+    }, []);
+    const announce = external_react_namespaceObject.useCallback((next)=>{
+        clearTimeout(debounceTimer.current);
+        const commit = ()=>{
+            clearTimeout(clearTimer.current);
+            setCurrent((prev)=>({
+                    id: prev.id + 1,
+                    text: next
+                }));
+            if (clearAfter > 0) clearTimer.current = setTimeout(()=>setCurrent((prev)=>({
+                        id: prev.id + 1,
+                        text: ''
+                    })), clearAfter);
+        };
+        if (debounce > 0) debounceTimer.current = setTimeout(commit, debounce);
+        else commit();
+    }, [
+        clearAfter,
+        debounce
+    ]);
+    external_react_namespaceObject.useImperativeHandle(ref, ()=>({
+            announce,
+            clear
+        }), [
+        announce,
+        clear
+    ]);
+    const announceRef = external_react_namespaceObject.useRef(announce);
+    announceRef.current = announce;
+    external_react_namespaceObject.useEffect(()=>{
+        if (message) announceRef.current(message);
+        else clear();
+    }, [
+        message,
+        clear
+    ]);
+    external_react_namespaceObject.useEffect(()=>()=>{
+            clearTimeout(debounceTimer.current);
+            clearTimeout(clearTimer.current);
+        }, []);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "live-region",
+        role: 'assertive' === politeness ? 'alert' : 'status',
+        "aria-live": politeness,
+        "aria-atomic": atomic,
+        className: (0, index_cjs_namespaceObject.cn)('sr-only', className),
+        ...props,
+        children: current.text ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            children: current.text
+        }, current.id) : null
+    });
+});
+LiveRegion.displayName = 'LiveRegion';
+exports.LiveRegion = __webpack_exports__.LiveRegion;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "LiveRegion"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/live-region.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+/**
+ * A visually hidden live region for screen reader announcements, such as "Response ready" or
+ * "3 files attached". Render it once, before anything needs announcing: screen readers only
+ * speak changes to a region that already exists.
+ *
+ * Two ways to announce: set the `message` prop (announced when it changes), or call
+ * `announce()` on the ref, which is a `LiveRegionHandle` rather than the DOM node. The handle
+ * also repeats an identical message, which a prop that does not change cannot.
+ *
+ * `polite` maps to `role="status"` and waits for the reader to finish; `assertive` maps to
+ * `role="alert"` and interrupts, so keep it for errors.
+ */
+export interface LiveRegionHandle {
+    /** Announces `message`, after `debounce` ms when set. */
+    announce: (message: string) => void;
+    /** Empties the region and drops any pending announcement. */
+    clear: () => void;
+}
+export interface LiveRegionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'role' | 'aria-live'> {
+    /** Text to announce. A new value is announced, the same value is not, and an empty one clears. */
+    message?: string;
+    /** `assertive` interrupts the reader; use it for errors only. */
+    'aria-live'?: 'polite' | 'assertive';
+    /** Milliseconds before the text is removed, so stale text is not found when browsing. `0` keeps it. */
+    clearAfter?: number;
+    /** Milliseconds to wait for quiet before announcing; only the last of a burst is spoken. */
+    debounce?: number;
+}
+declare const LiveRegion: React.ForwardRefExoticComponent<LiveRegionProps & React.RefAttributes<LiveRegionHandle>>;
+export { LiveRegion };

package/dist/components/ui/live-region.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { cn } from "../../lib/index.js";
+const LiveRegion = /*#__PURE__*/ forwardRef(({ className, message, 'aria-live': politeness = 'polite', 'aria-atomic': atomic = true, clearAfter = 1000, debounce = 0, ...props }, ref)=>{
+    const [current, setCurrent] = useState({
+        id: 0,
+        text: ''
+    });
+    const debounceTimer = useRef(void 0);
+    const clearTimer = useRef(void 0);
+    const clear = useCallback(()=>{
+        clearTimeout(debounceTimer.current);
+        clearTimeout(clearTimer.current);
+        setCurrent((prev)=>prev.text ? {
+                id: prev.id + 1,
+                text: ''
+            } : prev);
+    }, []);
+    const announce = useCallback((next)=>{
+        clearTimeout(debounceTimer.current);
+        const commit = ()=>{
+            clearTimeout(clearTimer.current);
+            setCurrent((prev)=>({
+                    id: prev.id + 1,
+                    text: next
+                }));
+            if (clearAfter > 0) clearTimer.current = setTimeout(()=>setCurrent((prev)=>({
+                        id: prev.id + 1,
+                        text: ''
+                    })), clearAfter);
+        };
+        if (debounce > 0) debounceTimer.current = setTimeout(commit, debounce);
+        else commit();
+    }, [
+        clearAfter,
+        debounce
+    ]);
+    useImperativeHandle(ref, ()=>({
+            announce,
+            clear
+        }), [
+        announce,
+        clear
+    ]);
+    const announceRef = useRef(announce);
+    announceRef.current = announce;
+    useEffect(()=>{
+        if (message) announceRef.current(message);
+        else clear();
+    }, [
+        message,
+        clear
+    ]);
+    useEffect(()=>()=>{
+            clearTimeout(debounceTimer.current);
+            clearTimeout(clearTimer.current);
+        }, []);
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "live-region",
+        role: 'assertive' === politeness ? 'alert' : 'status',
+        "aria-live": politeness,
+        "aria-atomic": atomic,
+        className: cn('sr-only', className),
+        ...props,
+        children: current.text ? /*#__PURE__*/ jsx("span", {
+            children: current.text
+        }, current.id) : null
+    });
+});
+LiveRegion.displayName = 'LiveRegion';
+export { LiveRegion };

package/dist/components/ui/loading-dots.cjs

@@ -0,0 +1,95 @@
+"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__, {
+    DEFAULT_LOADING_DOTS_STRINGS: ()=>DEFAULT_LOADING_DOTS_STRINGS,
+    LoadingDots: ()=>LoadingDots,
+    loadingDotsVariants: ()=>loadingDotsVariants
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+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 loadingDotsVariants = (0, external_class_variance_authority_namespaceObject.cva)('inline-flex shrink-0 items-end text-muted-foreground', {
+    variants: {
+        size: {
+            sm: 'h-2 gap-0.5 [&>[data-slot=loading-dot]]:size-1',
+            md: 'h-3 gap-1 [&>[data-slot=loading-dot]]:size-1.5',
+            lg: 'h-4 gap-1.5 [&>[data-slot=loading-dot]]:size-2'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});
+const DOT_DELAYS = [
+    '[animation-delay:0ms]',
+    '[animation-delay:150ms]',
+    '[animation-delay:300ms]'
+];
+const DEFAULT_LOADING_DOTS_STRINGS = {
+    label: 'Loading'
+};
+const LoadingDots = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, size = 'md', strings, 'aria-label': ariaLabel, ...props }, ref)=>{
+    const text = {
+        ...DEFAULT_LOADING_DOTS_STRINGS,
+        ...strings
+    };
+    const name = ariaLabel ?? text.label;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: ref,
+        "data-slot": "loading-dots",
+        "data-size": size,
+        role: "status",
+        "aria-label": name,
+        className: (0, index_cjs_namespaceObject.cn)(loadingDotsVariants({
+            size
+        }), className),
+        ...props,
+        children: [
+            DOT_DELAYS.map((delay)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    "data-slot": "loading-dot",
+                    "aria-hidden": "true",
+                    className: (0, index_cjs_namespaceObject.cn)('animate-loading-dot rounded-full bg-current', delay)
+                }, delay)),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "sr-only",
+                children: name
+            })
+        ]
+    });
+});
+LoadingDots.displayName = 'LoadingDots';
+exports.DEFAULT_LOADING_DOTS_STRINGS = __webpack_exports__.DEFAULT_LOADING_DOTS_STRINGS;
+exports.LoadingDots = __webpack_exports__.LoadingDots;
+exports.loadingDotsVariants = __webpack_exports__.loadingDotsVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DEFAULT_LOADING_DOTS_STRINGS",
+    "LoadingDots",
+    "loadingDotsVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/loading-dots.d.ts

@@ -0,0 +1,21 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const loadingDotsVariants: (props?: ({
+    size?: "lg" | "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface LoadingDotsStrings {
+    /** Accessible name of the status. */
+    label: string;
+}
+export declare const DEFAULT_LOADING_DOTS_STRINGS: LoadingDotsStrings;
+export interface LoadingDotsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof loadingDotsVariants> {
+    /** Overrides for any subset of the English strings. An explicit `aria-label` wins over `label`. */
+    strings?: Partial<LoadingDotsStrings>;
+}
+/**
+ * Three dots with a staggered bounce, for compact waits inside a conversation such as loading
+ * older messages or a typing hint. The dots take `currentColor`, so set the colour with a text
+ * class. They hold still under `prefers-reduced-motion` (handled by `animate-loading-dot`).
+ */
+declare const LoadingDots: React.ForwardRefExoticComponent<LoadingDotsProps & React.RefAttributes<HTMLDivElement>>;
+export { LoadingDots, loadingDotsVariants };

package/dist/components/ui/loading-dots.js

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../lib/index.js";
+const loadingDotsVariants = cva('inline-flex shrink-0 items-end text-muted-foreground', {
+    variants: {
+        size: {
+            sm: 'h-2 gap-0.5 [&>[data-slot=loading-dot]]:size-1',
+            md: 'h-3 gap-1 [&>[data-slot=loading-dot]]:size-1.5',
+            lg: 'h-4 gap-1.5 [&>[data-slot=loading-dot]]:size-2'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});
+const DOT_DELAYS = [
+    '[animation-delay:0ms]',
+    '[animation-delay:150ms]',
+    '[animation-delay:300ms]'
+];
+const DEFAULT_LOADING_DOTS_STRINGS = {
+    label: 'Loading'
+};
+const LoadingDots = /*#__PURE__*/ forwardRef(({ className, size = 'md', strings, 'aria-label': ariaLabel, ...props }, ref)=>{
+    const text = {
+        ...DEFAULT_LOADING_DOTS_STRINGS,
+        ...strings
+    };
+    const name = ariaLabel ?? text.label;
+    return /*#__PURE__*/ jsxs("div", {
+        ref: ref,
+        "data-slot": "loading-dots",
+        "data-size": size,
+        role: "status",
+        "aria-label": name,
+        className: cn(loadingDotsVariants({
+            size
+        }), className),
+        ...props,
+        children: [
+            DOT_DELAYS.map((delay)=>/*#__PURE__*/ jsx("span", {
+                    "data-slot": "loading-dot",
+                    "aria-hidden": "true",
+                    className: cn('animate-loading-dot rounded-full bg-current', delay)
+                }, delay)),
+            /*#__PURE__*/ jsx("span", {
+                className: "sr-only",
+                children: name
+            })
+        ]
+    });
+});
+LoadingDots.displayName = 'LoadingDots';
+export { DEFAULT_LOADING_DOTS_STRINGS, LoadingDots, loadingDotsVariants };