@uipath/apollo-wind 2.68.0 → 2.70.0

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

@@ -13,7 +13,10 @@ export * from './button-group';
 export * from './calendar';
 export * from './card';
 export * from './chart';
+export * from './chat-composer';
 export * from './checkbox';
+export * from './citation';
+export * from './code-block';
 export * from './collapsible';
 export * from './combobox';
 export * from './command';
@@ -24,11 +27,13 @@ export * from './datetime-picker';
 export * from './dialog';
 export * from './drawer';
 export * from './dropdown-menu';
+export * from './dropzone-overlay';
 export * from './editable-cell';
 export * from './empty-state';
 export * from './field-actions';
 export * from './field-addons';
 export * from './file-upload';
+export * from './file-validation';
 export * from './form-field';
 export * from './hover-card';
 export * from './info-tooltip';
@@ -37,9 +42,13 @@ 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-actions';
 export * from './message-scroller';
 export * from './model-picker';
 export * from './multi-select';
@@ -61,6 +70,7 @@ export * from './sheet';
 export * from './skeleton';
 export * from './slider';
 export * from './sonner';
+export * from './sources';
 export * from './spinner';
 export * from './stats-card';
 export * from './stepper';
@@ -69,8 +79,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

@@ -14,7 +14,10 @@ export * from "./button-group.js";
 export * from "./calendar.js";
 export * from "./card.js";
 export * from "./chart.js";
+export * from "./chat-composer.js";
 export * from "./checkbox.js";
+export * from "./citation.js";
+export * from "./code-block.js";
 export * from "./collapsible.js";
 export * from "./combobox.js";
 export * from "./command.js";
@@ -25,11 +28,13 @@ export * from "./datetime-picker.js";
 export * from "./dialog.js";
 export * from "./drawer.js";
 export * from "./dropdown-menu.js";
+export * from "./dropzone-overlay.js";
 export * from "./editable-cell.js";
 export * from "./empty-state.js";
 export * from "./field-actions/index.js";
 export * from "./field-addons/index.js";
 export * from "./file-upload.js";
+export * from "./file-validation.js";
 export * from "./form-field.js";
 export * from "./hover-card.js";
 export * from "./info-tooltip.js";
@@ -38,9 +43,13 @@ 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-actions.js";
 export * from "./message-scroller/index.js";
 export * from "./model-picker/index.js";
 export * from "./multi-select.js";
@@ -62,6 +71,7 @@ export * from "./sheet.js";
 export * from "./skeleton.js";
 export * from "./slider.js";
 export * from "./sonner.js";
+export * from "./sources.js";
 export * from "./spinner.js";
 export * from "./stats-card.js";
 export * from "./stepper.js";
@@ -70,8 +80,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/input-group.cjs

@@ -269,7 +269,7 @@ const InputGroupBody = /*#__PURE__*/ external_react_namespaceObject.forwardRef((
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
             ref: ref,
             "data-slot": "input-group-body",
-            className: (0, index_cjs_namespaceObject.cn)('border-t empty:border-t-0 has-[>[hidden]]:border-t-0', className),
+            className: (0, index_cjs_namespaceObject.cn)('border-t empty:border-t-0 has-[>[hidden]]:border-t-0 future:dark:border-border', className),
             ...props
         })
     });

package/dist/components/ui/input-group.d.ts

@@ -63,7 +63,8 @@ export interface InputGroupBodyProps extends React.HTMLAttributes<HTMLDivElement
  * Content below a `layout="block"` group's first row, behind a divider. Controls here are standard
  * fields with their own box, message and popovers; one that needs addons takes its own InputGroup.
  * The divider goes when there is nothing to divide: an empty body, or a closed Radix collapsible,
- * which leaves its content in place and `hidden`.
+ * which leaves its content in place and `hidden`. Future dark's default edge colour is the box's
+ * own fill, so the divider steps up to `border` there.
  */
 declare const InputGroupBody: React.ForwardRefExoticComponent<InputGroupBodyProps & React.RefAttributes<HTMLDivElement>>;
 export interface InputGroupButtonProps extends ButtonProps {

package/dist/components/ui/input-group.js

@@ -230,7 +230,7 @@ const InputGroupBody = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>
         children: /*#__PURE__*/ jsx("div", {
             ref: ref,
             "data-slot": "input-group-body",
-            className: cn('border-t empty:border-t-0 has-[>[hidden]]:border-t-0', className),
+            className: cn('border-t empty:border-t-0 has-[>[hidden]]:border-t-0 future:dark:border-border', className),
             ...props
         })
     });

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