@uipath/apollo-wind 2.68.0 → 2.70.0

package/dist/tailwind.utilities.css

@@ -322,3 +322,24 @@
     -webkit-text-fill-color: currentColor;
   }
 }
+
+/* ============================================================================
+ * Loading dots: staggered bounce for LoadingDots
+ *
+ * `animate-loading-dot` lifts a dot by its own height and dims it at rest.
+ * Stagger sibling dots with `[animation-delay:...]`. The reduced-motion rule
+ * is nested so Tailwind emits it for every variant, as `shimmer` does.
+ * ============================================================================ */
+
+@keyframes apollo-loading-dot {
+  0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
+  30%           { transform: translateY(-100%); opacity: 1; }
+}
+
+@utility animate-loading-dot {
+  animation: apollo-loading-dot 1.2s ease-in-out infinite;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.68.0",
+  "version": "2.70.0",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",
@@ -121,8 +121,13 @@
     "react-day-picker": "^9.13.0",
     "react-hook-form": "^7.66.1",
     "react-live": "^4.1.8",
+    "react-markdown": "^10.1.0",
     "react-resizable-panels": "^4.7.3",
+    "react-syntax-highlighter": "^16.1.1",
     "recharts": "2.15.4",
+    "rehype-katex": "^7.0.1",
+    "remark-gfm": "^4.0.1",
+    "remark-math": "^6.0.0",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.1.17",
@@ -155,6 +160,7 @@
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.6",
     "@types/react-dom": "^19.2.2",
+    "@types/react-syntax-highlighter": "^15.5.13",
     "@vitest/coverage-v8": "^4.1.5",
     "@vitest/ui": "^4.1.5",
     "ajv": "^8.18.0",

package/dist/components/custom/chat-composer.cjs

@@ -1,134 +0,0 @@
-"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__, {
-    ChatComposer: ()=>ChatComposer
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_lucide_react_namespaceObject = require("lucide-react");
-const external_react_namespaceObject = require("react");
-const index_cjs_namespaceObject = require("../../lib/index.cjs");
-function ChatComposer({ className, placeholder = 'I would like you to automate my', onSubmit }) {
-    const [value, setValue] = external_react_namespaceObject.useState('');
-    const handleSubmit = ()=>{
-        if (value.trim()) {
-            onSubmit?.(value.trim());
-            setValue('');
-        }
-    };
-    const handleKeyDown = (e)=>{
-        if ('Enter' === e.key && !e.shiftKey) {
-            e.preventDefault();
-            handleSubmit();
-        }
-    };
-    const showEnter = value.length > 0;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, index_cjs_namespaceObject.cn)('w-full max-w-[800px] rounded-[32px] bg-surface-raised p-2', className),
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-            className: "group/input flex flex-col gap-3 rounded-[24px] border border-border bg-surface pb-3 pl-4 pr-3 pt-4 transition-colors hover:border-border-hover focus-within:border-border-hover",
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
-                    className: "w-full resize-none bg-transparent text-sm font-normal leading-5 text-foreground placeholder:text-foreground-muted group-hover/input:placeholder:text-foreground-secondary focus:placeholder:text-foreground-secondary focus:outline-none",
-                    placeholder: placeholder,
-                    rows: 3,
-                    value: value,
-                    onChange: (e)=>setValue(e.target.value),
-                    onKeyDown: handleKeyDown
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    className: "flex items-center justify-between",
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                            className: "flex items-center gap-1",
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
-                                    type: "button",
-                                    className: "group flex h-8 w-8 items-center justify-center rounded-lg hover:bg-surface-hover",
-                                    "aria-label": "Add attachment",
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Plus, {
-                                        className: "h-5 w-5 text-foreground-muted group-hover:text-foreground-hover"
-                                    })
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
-                                    type: "button",
-                                    className: "group flex h-8 w-8 items-center justify-center rounded-lg hover:bg-surface-hover",
-                                    "aria-label": "Add workflow",
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Workflow, {
-                                        className: "h-5 w-5 text-foreground-muted group-hover:text-foreground-hover"
-                                    })
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
-                                    type: "button",
-                                    className: "group flex h-8 w-8 items-center justify-center rounded-lg hover:bg-surface-hover",
-                                    "aria-label": "Settings",
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Settings2, {
-                                        className: "h-5 w-5 text-foreground-muted group-hover:text-foreground-hover"
-                                    })
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                            className: "flex items-center gap-2",
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
-                                    type: "button",
-                                    className: "group flex h-8 w-8 items-center justify-center rounded-lg hover:bg-surface-hover",
-                                    "aria-label": "Record",
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Circle, {
-                                        className: "h-5 w-5 text-foreground-muted group-hover:text-foreground-hover"
-                                    })
-                                }),
-                                showEnter ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
-                                    type: "button",
-                                    className: "flex h-8 w-8 items-center justify-center rounded-lg bg-foreground-accent hover:bg-foreground-accent-muted",
-                                    onClick: handleSubmit,
-                                    "aria-label": "Submit message",
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CornerRightUp, {
-                                        className: "h-5 w-5 text-foreground-on-accent"
-                                    })
-                                }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
-                                    type: "button",
-                                    className: "flex h-8 w-8 items-center justify-center rounded-lg bg-surface-hover group-focus-within/input:bg-foreground-accent hover:bg-foreground-accent-muted",
-                                    "aria-label": "Voice input",
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Mic, {
-                                        className: "h-5 w-5 text-foreground-on-accent"
-                                    })
-                                })
-                            ]
-                        })
-                    ]
-                })
-            ]
-        })
-    });
-}
-exports.ChatComposer = __webpack_exports__.ChatComposer;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "ChatComposer"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/components/custom/chat-composer.d.ts

@@ -1,14 +0,0 @@
-export interface ChatComposerProps {
-    className?: string;
-    /** Placeholder text displayed when the input is empty */
-    placeholder?: string;
-    /** Callback when the user submits a message */
-    onSubmit?: (value: string) => void;
-}
-/**
- * Reusable chat composer input with action buttons.
- *
- * Features a text area, left-side action buttons (add, workflow),
- * and an accent submit button. Max-width 800px.
- */
-export declare function ChatComposer({ className, placeholder, onSubmit, }: ChatComposerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/custom/chat-composer.js

@@ -1,100 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Circle, CornerRightUp, Mic, Plus, Settings2, Workflow } from "lucide-react";
-import { useState } from "react";
-import { cn } from "../../lib/index.js";
-function ChatComposer({ className, placeholder = 'I would like you to automate my', onSubmit }) {
-    const [value, setValue] = useState('');
-    const handleSubmit = ()=>{
-        if (value.trim()) {
-            onSubmit?.(value.trim());
-            setValue('');
-        }
-    };
-    const handleKeyDown = (e)=>{
-        if ('Enter' === e.key && !e.shiftKey) {
-            e.preventDefault();
-            handleSubmit();
-        }
-    };
-    const showEnter = value.length > 0;
-    return /*#__PURE__*/ jsx("div", {
-        className: cn('w-full max-w-[800px] rounded-[32px] bg-surface-raised p-2', className),
-        children: /*#__PURE__*/ jsxs("div", {
-            className: "group/input flex flex-col gap-3 rounded-[24px] border border-border bg-surface pb-3 pl-4 pr-3 pt-4 transition-colors hover:border-border-hover focus-within:border-border-hover",
-            children: [
-                /*#__PURE__*/ jsx("textarea", {
-                    className: "w-full resize-none bg-transparent text-sm font-normal leading-5 text-foreground placeholder:text-foreground-muted group-hover/input:placeholder:text-foreground-secondary focus:placeholder:text-foreground-secondary focus:outline-none",
-                    placeholder: placeholder,
-                    rows: 3,
-                    value: value,
-                    onChange: (e)=>setValue(e.target.value),
-                    onKeyDown: handleKeyDown
-                }),
-                /*#__PURE__*/ jsxs("div", {
-                    className: "flex items-center justify-between",
-                    children: [
-                        /*#__PURE__*/ jsxs("div", {
-                            className: "flex items-center gap-1",
-                            children: [
-                                /*#__PURE__*/ jsx("button", {
-                                    type: "button",
-                                    className: "group flex h-8 w-8 items-center justify-center rounded-lg hover:bg-surface-hover",
-                                    "aria-label": "Add attachment",
-                                    children: /*#__PURE__*/ jsx(Plus, {
-                                        className: "h-5 w-5 text-foreground-muted group-hover:text-foreground-hover"
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx("button", {
-                                    type: "button",
-                                    className: "group flex h-8 w-8 items-center justify-center rounded-lg hover:bg-surface-hover",
-                                    "aria-label": "Add workflow",
-                                    children: /*#__PURE__*/ jsx(Workflow, {
-                                        className: "h-5 w-5 text-foreground-muted group-hover:text-foreground-hover"
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx("button", {
-                                    type: "button",
-                                    className: "group flex h-8 w-8 items-center justify-center rounded-lg hover:bg-surface-hover",
-                                    "aria-label": "Settings",
-                                    children: /*#__PURE__*/ jsx(Settings2, {
-                                        className: "h-5 w-5 text-foreground-muted group-hover:text-foreground-hover"
-                                    })
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ jsxs("div", {
-                            className: "flex items-center gap-2",
-                            children: [
-                                /*#__PURE__*/ jsx("button", {
-                                    type: "button",
-                                    className: "group flex h-8 w-8 items-center justify-center rounded-lg hover:bg-surface-hover",
-                                    "aria-label": "Record",
-                                    children: /*#__PURE__*/ jsx(Circle, {
-                                        className: "h-5 w-5 text-foreground-muted group-hover:text-foreground-hover"
-                                    })
-                                }),
-                                showEnter ? /*#__PURE__*/ jsx("button", {
-                                    type: "button",
-                                    className: "flex h-8 w-8 items-center justify-center rounded-lg bg-foreground-accent hover:bg-foreground-accent-muted",
-                                    onClick: handleSubmit,
-                                    "aria-label": "Submit message",
-                                    children: /*#__PURE__*/ jsx(CornerRightUp, {
-                                        className: "h-5 w-5 text-foreground-on-accent"
-                                    })
-                                }) : /*#__PURE__*/ jsx("button", {
-                                    type: "button",
-                                    className: "flex h-8 w-8 items-center justify-center rounded-lg bg-surface-hover group-focus-within/input:bg-foreground-accent hover:bg-foreground-accent-muted",
-                                    "aria-label": "Voice input",
-                                    children: /*#__PURE__*/ jsx(Mic, {
-                                        className: "h-5 w-5 text-foreground-on-accent"
-                                    })
-                                })
-                            ]
-                        })
-                    ]
-                })
-            ]
-        })
-    });
-}
-export { ChatComposer };