@uipath/apollo-wind 2.74.0 → 2.75.1

package/dist/components/forms/metadata-form.cjs

@@ -507,6 +507,7 @@ function TabbedStepForm({ schema, context, customComponents, disabled, sectionVa
                         return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(panel_tabs_cjs_namespaceObject.PanelTabsContent, {
                             value: step.id,
                             padded: !selfPadded,
+                            tabIndex: disabled ? 0 : void 0,
                             innerClassName: showEmptyState ? 'text-sm text-muted-foreground' : 'space-y-2',
                             children: showEmptyState ? step.emptyState : selfPadded ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                                 className: "pb-6 [padding-inline:var(--mf-content-inset,0px)]",

package/dist/components/forms/metadata-form.js

@@ -468,6 +468,7 @@ function TabbedStepForm({ schema, context, customComponents, disabled, sectionVa
                         return /*#__PURE__*/ jsx(PanelTabsContent, {
                             value: step.id,
                             padded: !selfPadded,
+                            tabIndex: disabled ? 0 : void 0,
                             innerClassName: showEmptyState ? 'text-sm text-muted-foreground' : 'space-y-2',
                             children: showEmptyState ? step.emptyState : selfPadded ? /*#__PURE__*/ jsx("div", {
                                 className: "pb-6 [padding-inline:var(--mf-content-inset,0px)]",

package/dist/components/ui/dialog-whats-new.shared.cjs

@@ -0,0 +1,223 @@
+"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__, {
+    WhatsNewVisual: ()=>WhatsNewVisual
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const NODES = [
+    {
+        id: 'a',
+        x: 8,
+        y: 30,
+        Icon: external_lucide_react_namespaceObject.Zap,
+        grad: 'from-violet-500 to-purple-400',
+        trigger: true
+    },
+    {
+        id: 'b',
+        x: 32,
+        y: 30,
+        Icon: external_lucide_react_namespaceObject.Bot,
+        grad: 'from-fuchsia-500 to-violet-400'
+    },
+    {
+        id: 'c',
+        x: 56,
+        y: 30,
+        Icon: external_lucide_react_namespaceObject.GitBranch,
+        grad: 'from-purple-500 to-indigo-400'
+    },
+    {
+        id: 'd',
+        x: 80,
+        y: 30,
+        Icon: external_lucide_react_namespaceObject.Cloud,
+        grad: 'from-violet-400 to-purple-300'
+    },
+    {
+        id: 'e',
+        x: 56,
+        y: 66,
+        Icon: external_lucide_react_namespaceObject.Users,
+        grad: 'from-indigo-500 to-violet-400'
+    },
+    {
+        id: 'f',
+        x: 80,
+        y: 66,
+        Icon: external_lucide_react_namespaceObject.Cpu,
+        grad: 'from-purple-500 to-fuchsia-400'
+    }
+];
+const EDGES = [
+    [
+        'a',
+        'b'
+    ],
+    [
+        'b',
+        'c'
+    ],
+    [
+        'c',
+        'd'
+    ],
+    [
+        'c',
+        'e'
+    ],
+    [
+        'e',
+        'f'
+    ]
+];
+const SHADOW = 'shadow-violet-500/40';
+const NODE_RADIUS = 7;
+function Node({ x, y, Icon, grad, trigger, depth = 1 }) {
+    const back = depth < 1;
+    const style = {
+        left: `${x}%`,
+        top: `${y}%`,
+        width: 52 * depth,
+        height: 52 * depth,
+        opacity: back ? 0.55 + 0.3 * depth : 1,
+        filter: back ? `blur(${(1 - depth) * 3}px)` : void 0
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        style: style,
+        className: `absolute grid -translate-x-1/2 -translate-y-1/2 place-items-center bg-linear-to-br text-foreground-on-accent shadow-xl ${SHADOW} ${grad} ${trigger ? 'rounded-full' : 'rounded-[30%]'}`,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
+            size: Math.round(20 * depth),
+            strokeWidth: 1.75
+        })
+    });
+}
+function edgePath(a, b) {
+    const r = NODE_RADIUS;
+    const ry = 1.3 * r;
+    if (Math.abs(b.x - a.x) < 2 * r && b.y > a.y) {
+        const sy = a.y + ry;
+        const ty = b.y - ry;
+        const my = (sy + ty) / 2;
+        return `M ${a.x} ${sy} C ${a.x} ${my}, ${b.x} ${my}, ${b.x} ${ty}`;
+    }
+    const sx = a.x + r;
+    const tx = b.x - r;
+    const off = Math.max(4, (tx - sx) / 2);
+    return `M ${sx} ${a.y} C ${sx + off} ${a.y}, ${tx - off} ${b.y}, ${tx} ${b.y}`;
+}
+function Edges() {
+    const byId = Object.fromEntries(NODES.map((n)=>[
+            n.id,
+            n
+        ]));
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
+        viewBox: "0 0 100 100",
+        preserveAspectRatio: "none",
+        "aria-hidden": true,
+        className: "absolute inset-0 h-full w-full text-violet-300",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        children: EDGES.map(([from, to])=>{
+            const d = edgePath(byId[from], byId[to]);
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("g", {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
+                        d: d,
+                        strokeWidth: "6",
+                        className: "opacity-25",
+                        vectorEffect: "non-scaling-stroke"
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
+                        d: d,
+                        strokeWidth: "1.5",
+                        vectorEffect: "non-scaling-stroke"
+                    })
+                ]
+            }, `${from}-${to}`);
+        })
+    });
+}
+function Plane({ children }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        style: {
+            transform: 'rotateX(28deg) rotateY(-16deg) rotateZ(5deg)'
+        },
+        className: "absolute inset-x-[4%] inset-y-[10%] [transform-style:preserve-3d]",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "pointer-events-none absolute -inset-[12%] opacity-40 [background-image:radial-gradient(circle,var(--foreground-muted)_1px,transparent_1px)] [background-size:16px_16px] [mask-image:radial-gradient(ellipse_at_center,black_35%,transparent_75%)]"
+            }),
+            children
+        ]
+    });
+}
+function WhatsNewVisual() {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        "aria-hidden": true,
+        className: "relative h-full min-h-[268px] [perspective:900px]",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Node, {
+                x: 14,
+                y: 82,
+                Icon: external_lucide_react_namespaceObject.Zap,
+                grad: "from-violet-500 to-purple-400",
+                depth: 0.55
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Node, {
+                x: 90,
+                y: 12,
+                Icon: external_lucide_react_namespaceObject.Bot,
+                grad: "from-fuchsia-500 to-violet-400",
+                depth: 0.45,
+                trigger: true
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(Plane, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Edges, {}),
+                    NODES.map(({ id, ...node })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Node, {
+                            ...node
+                        }, id))
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "pointer-events-none absolute left-[6%] top-[10%] size-16 rounded-[30%] bg-linear-to-br from-violet-500/70 to-purple-400/70 blur-[3px]"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "pointer-events-none absolute left-[70%] top-[86%] size-10 rounded-full bg-linear-to-br from-fuchsia-400/60 to-violet-400/60 blur-[2px]"
+            })
+        ]
+    });
+}
+exports.WhatsNewVisual = __webpack_exports__.WhatsNewVisual;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "WhatsNewVisual"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/dialog-whats-new.shared.d.ts

@@ -0,0 +1,2 @@
+/** A branching process on a plane receding into the distance, in purple. */
+export declare function WhatsNewVisual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/dialog-whats-new.shared.js

@@ -0,0 +1,189 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Bot, Cloud, Cpu, GitBranch, Users, Zap } from "lucide-react";
+const NODES = [
+    {
+        id: 'a',
+        x: 8,
+        y: 30,
+        Icon: Zap,
+        grad: 'from-violet-500 to-purple-400',
+        trigger: true
+    },
+    {
+        id: 'b',
+        x: 32,
+        y: 30,
+        Icon: Bot,
+        grad: 'from-fuchsia-500 to-violet-400'
+    },
+    {
+        id: 'c',
+        x: 56,
+        y: 30,
+        Icon: GitBranch,
+        grad: 'from-purple-500 to-indigo-400'
+    },
+    {
+        id: 'd',
+        x: 80,
+        y: 30,
+        Icon: Cloud,
+        grad: 'from-violet-400 to-purple-300'
+    },
+    {
+        id: 'e',
+        x: 56,
+        y: 66,
+        Icon: Users,
+        grad: 'from-indigo-500 to-violet-400'
+    },
+    {
+        id: 'f',
+        x: 80,
+        y: 66,
+        Icon: Cpu,
+        grad: 'from-purple-500 to-fuchsia-400'
+    }
+];
+const EDGES = [
+    [
+        'a',
+        'b'
+    ],
+    [
+        'b',
+        'c'
+    ],
+    [
+        'c',
+        'd'
+    ],
+    [
+        'c',
+        'e'
+    ],
+    [
+        'e',
+        'f'
+    ]
+];
+const SHADOW = 'shadow-violet-500/40';
+const NODE_RADIUS = 7;
+function Node({ x, y, Icon, grad, trigger, depth = 1 }) {
+    const back = depth < 1;
+    const style = {
+        left: `${x}%`,
+        top: `${y}%`,
+        width: 52 * depth,
+        height: 52 * depth,
+        opacity: back ? 0.55 + 0.3 * depth : 1,
+        filter: back ? `blur(${(1 - depth) * 3}px)` : void 0
+    };
+    return /*#__PURE__*/ jsx("span", {
+        style: style,
+        className: `absolute grid -translate-x-1/2 -translate-y-1/2 place-items-center bg-linear-to-br text-foreground-on-accent shadow-xl ${SHADOW} ${grad} ${trigger ? 'rounded-full' : 'rounded-[30%]'}`,
+        children: /*#__PURE__*/ jsx(Icon, {
+            size: Math.round(20 * depth),
+            strokeWidth: 1.75
+        })
+    });
+}
+function edgePath(a, b) {
+    const r = NODE_RADIUS;
+    const ry = 1.3 * r;
+    if (Math.abs(b.x - a.x) < 2 * r && b.y > a.y) {
+        const sy = a.y + ry;
+        const ty = b.y - ry;
+        const my = (sy + ty) / 2;
+        return `M ${a.x} ${sy} C ${a.x} ${my}, ${b.x} ${my}, ${b.x} ${ty}`;
+    }
+    const sx = a.x + r;
+    const tx = b.x - r;
+    const off = Math.max(4, (tx - sx) / 2);
+    return `M ${sx} ${a.y} C ${sx + off} ${a.y}, ${tx - off} ${b.y}, ${tx} ${b.y}`;
+}
+function Edges() {
+    const byId = Object.fromEntries(NODES.map((n)=>[
+            n.id,
+            n
+        ]));
+    return /*#__PURE__*/ jsx("svg", {
+        viewBox: "0 0 100 100",
+        preserveAspectRatio: "none",
+        "aria-hidden": true,
+        className: "absolute inset-0 h-full w-full text-violet-300",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        children: EDGES.map(([from, to])=>{
+            const d = edgePath(byId[from], byId[to]);
+            return /*#__PURE__*/ jsxs("g", {
+                children: [
+                    /*#__PURE__*/ jsx("path", {
+                        d: d,
+                        strokeWidth: "6",
+                        className: "opacity-25",
+                        vectorEffect: "non-scaling-stroke"
+                    }),
+                    /*#__PURE__*/ jsx("path", {
+                        d: d,
+                        strokeWidth: "1.5",
+                        vectorEffect: "non-scaling-stroke"
+                    })
+                ]
+            }, `${from}-${to}`);
+        })
+    });
+}
+function Plane({ children }) {
+    return /*#__PURE__*/ jsxs("div", {
+        style: {
+            transform: 'rotateX(28deg) rotateY(-16deg) rotateZ(5deg)'
+        },
+        className: "absolute inset-x-[4%] inset-y-[10%] [transform-style:preserve-3d]",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "pointer-events-none absolute -inset-[12%] opacity-40 [background-image:radial-gradient(circle,var(--foreground-muted)_1px,transparent_1px)] [background-size:16px_16px] [mask-image:radial-gradient(ellipse_at_center,black_35%,transparent_75%)]"
+            }),
+            children
+        ]
+    });
+}
+function WhatsNewVisual() {
+    return /*#__PURE__*/ jsxs("div", {
+        "aria-hidden": true,
+        className: "relative h-full min-h-[268px] [perspective:900px]",
+        children: [
+            /*#__PURE__*/ jsx(Node, {
+                x: 14,
+                y: 82,
+                Icon: Zap,
+                grad: "from-violet-500 to-purple-400",
+                depth: 0.55
+            }),
+            /*#__PURE__*/ jsx(Node, {
+                x: 90,
+                y: 12,
+                Icon: Bot,
+                grad: "from-fuchsia-500 to-violet-400",
+                depth: 0.45,
+                trigger: true
+            }),
+            /*#__PURE__*/ jsxs(Plane, {
+                children: [
+                    /*#__PURE__*/ jsx(Edges, {}),
+                    NODES.map(({ id, ...node })=>/*#__PURE__*/ jsx(Node, {
+                            ...node
+                        }, id))
+                ]
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: "pointer-events-none absolute left-[6%] top-[10%] size-16 rounded-[30%] bg-linear-to-br from-violet-500/70 to-purple-400/70 blur-[3px]"
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: "pointer-events-none absolute left-[70%] top-[86%] size-10 rounded-full bg-linear-to-br from-fuchsia-400/60 to-violet-400/60 blur-[2px]"
+            })
+        ]
+    });
+}
+export { WhatsNewVisual };

package/dist/components/ui/index.cjs

@@ -57,10 +57,10 @@ var __webpack_modules__ = {
     "./citation" (module) {
         module.exports = require("./citation.cjs");
     },
-    "@/components/ui/code-block" (module) {
+    "./code-block" (module) {
         module.exports = require("./code-block.cjs");
     },
-    "@/components/ui/collapsible" (module) {
+    "./collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
@@ -90,13 +90,13 @@ var __webpack_modules__ = {
     "./drawer" (module) {
         module.exports = require("./drawer.cjs");
     },
-    "@/components/ui/dropdown-menu" (module) {
+    "./dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
     "./dropzone-overlay" (module) {
         module.exports = require("./dropzone-overlay.cjs");
     },
-    "@/components/ui/editable-cell" (module) {
+    "./editable-cell" (module) {
         module.exports = require("./editable-cell.cjs");
     },
     "./empty-state" (module) {
@@ -120,7 +120,7 @@ var __webpack_modules__ = {
     "@/components/ui/hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
-    "@/components/ui/info-tooltip" (module) {
+    "./info-tooltip" (module) {
         module.exports = require("./info-tooltip.cjs");
     },
     "@/components/ui/input-group" (module) {
@@ -132,10 +132,10 @@ var __webpack_modules__ = {
     "./json-tree-view" (module) {
         module.exports = require("./json-tree-view/index.cjs");
     },
-    "@/components/ui/label" (module) {
+    "./label" (module) {
         module.exports = require("./label.cjs");
     },
-    "@/components/ui/layout" (module) {
+    "./layout" (module) {
         module.exports = require("./layout/index.cjs");
     },
     "./live-region" (module) {
@@ -201,7 +201,7 @@ var __webpack_modules__ = {
     "./reference-chip-colors" (module) {
         module.exports = require("./reference-chip-colors.cjs");
     },
-    "@/components/ui/reference-chip" (module) {
+    "./reference-chip" (module) {
         module.exports = require("./reference-chip.cjs");
     },
     "./resizable" (module) {
@@ -249,7 +249,7 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "@/components/ui/table" (module) {
+    "./table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
@@ -264,7 +264,7 @@ var __webpack_modules__ = {
     "./toggle-group" (module) {
         module.exports = require("./toggle-group.cjs");
     },
-    "./toggle" (module) {
+    "@/components/ui/toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
     "./tool-call" (module) {
@@ -276,7 +276,7 @@ var __webpack_modules__ = {
     "./tree-view" (module) {
         module.exports = require("./tree-view.cjs");
     },
-    "@/components/ui/variable-picker" (module) {
+    "./variable-picker" (module) {
         module.exports = require("./variable-picker/index.cjs");
     },
     "./variable-value-control" (module) {
@@ -522,7 +522,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_citation__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _code_block__rspack_import_19 = __webpack_require__("@/components/ui/code-block");
+    var _code_block__rspack_import_19 = __webpack_require__("./code-block");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _code_block__rspack_import_19)if ([
         "getReferenceChipColors",
@@ -532,7 +532,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_code_block__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _collapsible__rspack_import_20 = __webpack_require__("@/components/ui/collapsible");
+    var _collapsible__rspack_import_20 = __webpack_require__("./collapsible");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _collapsible__rspack_import_20)if ([
         "getReferenceChipColors",
@@ -632,7 +632,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_drawer__rspack_import_29[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dropdown_menu__rspack_import_30 = __webpack_require__("@/components/ui/dropdown-menu");
+    var _dropdown_menu__rspack_import_30 = __webpack_require__("./dropdown-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dropdown_menu__rspack_import_30)if ([
         "getReferenceChipColors",
@@ -652,7 +652,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropzone_overlay__rspack_import_31[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _editable_cell__rspack_import_32 = __webpack_require__("@/components/ui/editable-cell");
+    var _editable_cell__rspack_import_32 = __webpack_require__("./editable-cell");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _editable_cell__rspack_import_32)if ([
         "getReferenceChipColors",
@@ -732,7 +732,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_39[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _info_tooltip__rspack_import_40 = __webpack_require__("@/components/ui/info-tooltip");
+    var _info_tooltip__rspack_import_40 = __webpack_require__("./info-tooltip");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _info_tooltip__rspack_import_40)if ([
         "getReferenceChipColors",
@@ -772,7 +772,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_json_tree_view__rspack_import_43[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_44 = __webpack_require__("@/components/ui/label");
+    var _label__rspack_import_44 = __webpack_require__("./label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_44)if ([
         "getReferenceChipColors",
@@ -782,7 +782,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_label__rspack_import_44[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _layout__rspack_import_45 = __webpack_require__("@/components/ui/layout");
+    var _layout__rspack_import_45 = __webpack_require__("./layout");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _layout__rspack_import_45)if ([
         "getReferenceChipColors",
@@ -992,7 +992,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_radio_group__rspack_import_65[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _reference_chip__rspack_import_66 = __webpack_require__("@/components/ui/reference-chip");
+    var _reference_chip__rspack_import_66 = __webpack_require__("./reference-chip");
     var _reference_chip_colors__rspack_import_67 = __webpack_require__("./reference-chip-colors");
     var _resizable__rspack_import_68 = __webpack_require__("./resizable");
     var __rspack_reexport = {};
@@ -1144,7 +1144,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_82[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _table__rspack_import_83 = __webpack_require__("@/components/ui/table");
+    var _table__rspack_import_83 = __webpack_require__("./table");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _table__rspack_import_83)if ([
         "getReferenceChipColors",
@@ -1184,7 +1184,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_thinking_indicator__rspack_import_86[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle__rspack_import_87 = __webpack_require__("./toggle");
+    var _toggle__rspack_import_87 = __webpack_require__("@/components/ui/toggle");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _toggle__rspack_import_87)if ([
         "getReferenceChipColors",
@@ -1226,7 +1226,7 @@ var __webpack_exports__ = {};
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _tree_view__rspack_import_91 = __webpack_require__("./tree-view");
     var _tree_view__rspack_import_91_default = /*#__PURE__*/ __webpack_require__.n(_tree_view__rspack_import_91);
-    var _variable_picker__rspack_import_92 = __webpack_require__("@/components/ui/variable-picker");
+    var _variable_picker__rspack_import_92 = __webpack_require__("./variable-picker");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _variable_picker__rspack_import_92)if ([
         "getReferenceChipColors",

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

@@ -34,7 +34,7 @@ const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const external_strings_cjs_namespaceObject = require("./strings.cjs");
 const external_JsonTreeTooltip_cjs_namespaceObject = require("./JsonTreeTooltip.cjs");
-const ACTION_BUTTON_CLASS = 'shrink-0 rounded text-foreground-subtle opacity-0 hover:text-foreground hover:bg-surface-raised group-hover:opacity-100 focus-visible:opacity-100';
+const ACTION_BUTTON_CLASS = 'shrink-0 rounded text-foreground-subtle opacity-0 hover:text-foreground hover:bg-surface-raised group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100';
 const ACTION_TONE_CLASS = {
     neutral: '',
     info: 'text-info hover:text-info',

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

@@ -6,7 +6,7 @@ import { MoreHorizontal } from "lucide-react";
 import { useState } from "react";
 import { useJsonTreeViewStrings } from "./strings.js";
 import { JsonTreeTooltip } from "./JsonTreeTooltip.js";
-const ACTION_BUTTON_CLASS = 'shrink-0 rounded text-foreground-subtle opacity-0 hover:text-foreground hover:bg-surface-raised group-hover:opacity-100 focus-visible:opacity-100';
+const ACTION_BUTTON_CLASS = 'shrink-0 rounded text-foreground-subtle opacity-0 hover:text-foreground hover:bg-surface-raised group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100';
 const ACTION_TONE_CLASS = {
     neutral: '',
     info: 'text-info hover:text-info',

package/dist/components/ui/panel-tabs.cjs

@@ -75,6 +75,7 @@ const PanelTabsContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef
         ref: ref,
         "data-slot": "panel-tabs-content",
         className: (0, index_cjs_namespaceObject.cn)('mt-0 min-h-0 flex-1 overflow-auto', className),
+        tabIndex: void 0,
         ...props,
         children: padded ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
             className: (0, index_cjs_namespaceObject.cn)('pt-1.5 pb-6 [padding-inline:var(--mf-content-inset,0px)]', innerClassName),

package/dist/components/ui/panel-tabs.d.ts

@@ -28,7 +28,11 @@ interface PanelTabsContentProps extends React.ComponentPropsWithoutRef<typeof Ta
     /** Classes for the padded wrapper (e.g. its own vertical rhythm). */
     innerClassName?: string;
 }
-/** The active tab's content. It is the scroll container, so the tab row stays pinned. */
+/**
+ * The active tab's content. It is the scroll container, so the tab row stays pinned.
+ * It has no tabIndex, so the browser makes it a tab stop only when it scrolls with
+ * nothing focusable inside. Radix's default 0 would stop on every panel.
+ */
 declare const PanelTabsContent: React.ForwardRefExoticComponent<PanelTabsContentProps & React.RefAttributes<HTMLDivElement>>;
 export { PanelTabs, PanelTabsContent, PanelTabsList, PanelTabsStrip, PanelTabsTrigger };
 export type { PanelTabsContentProps, PanelTabsListProps };

package/dist/components/ui/panel-tabs.js

@@ -43,6 +43,7 @@ const PanelTabsContent = /*#__PURE__*/ forwardRef(({ padded = true, innerClassNa
         ref: ref,
         "data-slot": "panel-tabs-content",
         className: cn('mt-0 min-h-0 flex-1 overflow-auto', className),
+        tabIndex: void 0,
         ...props,
         children: padded ? /*#__PURE__*/ jsx("div", {
             className: cn('pt-1.5 pb-6 [padding-inline:var(--mf-content-inset,0px)]', innerClassName),

package/dist/styles.css

@@ -273,6 +273,7 @@
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --blur-sm: 8px;
     --blur-xl: 24px;
+    --blur-3xl: 64px;
     --aspect-video: 16 / 9;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -611,18 +612,30 @@
   .sticky {
     position: sticky;
   }
+  .-inset-\[12\%\] {
+    inset: calc(12% * -1);
+  }
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
   .inset-x-0 {
     inset-inline: calc(var(--spacing) * 0);
   }
+  .inset-x-\[4\%\] {
+    inset-inline: 4%;
+  }
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
+  .inset-y-\[10\%\] {
+    inset-block: 10%;
+  }
   .-top-2 {
     top: calc(var(--spacing) * -2);
   }
+  .-top-32 {
+    top: calc(var(--spacing) * -32);
+  }
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
@@ -650,9 +663,15 @@
   .top-12 {
     top: calc(var(--spacing) * 12);
   }
+  .top-\[10\%\] {
+    top: 10%;
+  }
   .top-\[50\%\] {
     top: 50%;
   }
+  .top-\[86\%\] {
+    top: 86%;
+  }
   .-right-1 {
     right: calc(var(--spacing) * -1);
   }
@@ -689,9 +708,6 @@
   .right-5 {
     right: calc(var(--spacing) * 5);
   }
-  .right-6 {
-    right: calc(var(--spacing) * 6);
-  }
   .-bottom-1 {
     bottom: calc(var(--spacing) * -1);
   }
@@ -701,9 +717,6 @@
   .bottom-3 {
     bottom: calc(var(--spacing) * 3);
   }
-  .bottom-6 {
-    bottom: calc(var(--spacing) * 6);
-  }
   .bottom-auto {
     bottom: auto;
   }
@@ -725,9 +738,15 @@
   .left-4 {
     left: calc(var(--spacing) * 4);
   }
+  .left-\[6\%\] {
+    left: 6%;
+  }
   .left-\[50\%\] {
     left: 50%;
   }
+  .left-\[70\%\] {
+    left: 70%;
+  }
   .z-10 {
     z-index: 10;
   }
@@ -839,6 +858,9 @@
   .mx-4 {
     margin-inline: calc(var(--spacing) * 4);
   }
+  .mx-8 {
+    margin-inline: calc(var(--spacing) * 8);
+  }
   .mx-auto {
     margin-inline: auto;
   }
@@ -1113,10 +1135,18 @@
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
   }
+  .size-10 {
+    width: calc(var(--spacing) * 10);
+    height: calc(var(--spacing) * 10);
+  }
   .size-12 {
     width: calc(var(--spacing) * 12);
     height: calc(var(--spacing) * 12);
   }
+  .size-16 {
+    width: calc(var(--spacing) * 16);
+    height: calc(var(--spacing) * 16);
+  }
   .size-\[18px\] {
     width: 18px;
     height: 18px;
@@ -1283,6 +1313,9 @@
   .h-\[420px\] {
     height: 420px;
   }
+  .h-\[480px\] {
+    height: 480px;
+  }
   .h-\[500px\] {
     height: 500px;
   }
@@ -1361,6 +1394,9 @@
   .max-h-\[300px\] {
     max-height: 300px;
   }
+  .max-h-\[calc\(100dvh-2rem\)\] {
+    max-height: calc(100dvh - 2rem);
+  }
   .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
     max-height: var(--radix-dropdown-menu-content-available-height);
   }
@@ -1427,6 +1463,9 @@
   .min-h-\[200px\] {
     min-height: 200px;
   }
+  .min-h-\[268px\] {
+    min-height: 268px;
+  }
   .min-h-\[360px\] {
     min-height: 360px;
   }
@@ -1706,6 +1745,9 @@
   .w-\[760px\] {
     width: 760px;
   }
+  .w-\[920px\] {
+    width: 920px;
+  }
   .w-\[930px\] {
     width: 930px;
   }
@@ -1814,6 +1856,9 @@
   .max-w-\[calc\(100vw-1rem\)\] {
     max-width: calc(100vw - 1rem);
   }
+  .max-w-\[min\(920px\,94vw\)\] {
+    max-width: min(920px, 94vw);
+  }
   .max-w-full {
     max-width: 100%;
   }
@@ -2395,6 +2440,13 @@
       margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-3\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-4 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -2580,6 +2632,9 @@
   .rounded-\[24px\] {
     border-radius: 24px;
   }
+  .rounded-\[30\%\] {
+    border-radius: 30%;
+  }
   .rounded-\[32px\] {
     border-radius: 32px;
   }
@@ -3142,6 +3197,12 @@
       background-color: color-mix(in oklab, var(--brand) 10%, transparent);
     }
   }
+  .bg-brand\/15 {
+    background-color: var(--brand);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--brand) 15%, transparent);
+    }
+  }
   .bg-brand\/60 {
     background-color: var(--brand);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3997,6 +4058,13 @@
   .bg-zinc-950 {
     background-color: var(--color-zinc-950);
   }
+  .bg-linear-to-br {
+    --tw-gradient-position: to bottom right;
+    @supports (background-image: linear-gradient(in lab, red, red)) {
+      --tw-gradient-position: to bottom right in oklab;
+    }
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
   .bg-linear-to-r {
     --tw-gradient-position: to right;
     @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -4012,6 +4080,9 @@
     --tw-gradient-position: to right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
+  .\[background-image\:radial-gradient\(circle\,var\(--foreground-muted\)_1px\,transparent_1px\)\] {
+    background-image: radial-gradient(circle,var(--foreground-muted) 1px,transparent 1px);
+  }
   .bg-\[radial-gradient\(circle_at_center\,var\(--color-surface-overlay\)_1px\,transparent_1px\)\] {
     background-image: radial-gradient(circle at center,var(--color-surface-overlay) 1px,transparent 1px);
   }
@@ -4041,6 +4112,17 @@
     --tw-gradient-from: var(--foreground);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .from-fuchsia-400\/60 {
+    --tw-gradient-from: color-mix(in srgb, oklch(74% 0.238 322.16) 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-fuchsia-400) 60%, transparent);
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .from-fuchsia-500 {
+    --tw-gradient-from: var(--color-fuchsia-500);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .from-gradient-agent-start\/25 {
     --tw-gradient-from: var(--color-gradient-agent-start);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4048,6 +4130,10 @@
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .from-indigo-500 {
+    --tw-gradient-from: var(--color-indigo-500);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .from-primary\/5 {
     --tw-gradient-from: var(--primary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4055,10 +4141,29 @@
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .from-purple-500 {
+    --tw-gradient-from: var(--color-purple-500);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .from-purple-600 {
     --tw-gradient-from: var(--color-purple-600);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .from-violet-400 {
+    --tw-gradient-from: var(--color-violet-400);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .from-violet-500 {
+    --tw-gradient-from: var(--color-violet-500);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .from-violet-500\/70 {
+    --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 70%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 70%, transparent);
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .via-background {
     --tw-gradient-via: var(--background);
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
@@ -4079,6 +4184,10 @@
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .to-fuchsia-400 {
+    --tw-gradient-to: var(--color-fuchsia-400);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .to-gradient-agent-end\/25 {
     --tw-gradient-to: var(--color-gradient-agent-end);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4086,6 +4195,10 @@
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .to-indigo-400 {
+    --tw-gradient-to: var(--color-indigo-400);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .to-muted\/20 {
     --tw-gradient-to: var(--muted);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4104,6 +4217,38 @@
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .to-purple-300 {
+    --tw-gradient-to: var(--color-purple-300);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .to-purple-400 {
+    --tw-gradient-to: var(--color-purple-400);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .to-purple-400\/70 {
+    --tw-gradient-to: color-mix(in srgb, oklch(71.4% 0.203 305.504) 70%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-to: color-mix(in oklab, var(--color-purple-400) 70%, transparent);
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .to-violet-400 {
+    --tw-gradient-to: var(--color-violet-400);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .to-violet-400\/60 {
+    --tw-gradient-to: color-mix(in srgb, oklch(70.2% 0.183 293.541) 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-to: color-mix(in oklab, var(--color-violet-400) 60%, transparent);
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .\[mask-image\:radial-gradient\(ellipse_at_center\,black_35\%\,transparent_75\%\)\] {
+    mask-image: radial-gradient(ellipse at center,black 35%,transparent 75%);
+  }
+  .\[background-size\:16px_16px\] {
+    background-size: 16px 16px;
+  }
   .bg-\[length\:20px_20px\] {
     background-size: 20px 20px;
   }
@@ -4317,6 +4462,9 @@
   .pt-8 {
     padding-top: calc(var(--spacing) * 8);
   }
+  .pt-10 {
+    padding-top: calc(var(--spacing) * 10);
+  }
   .pt-12 {
     padding-top: calc(var(--spacing) * 12);
   }
@@ -4598,6 +4746,10 @@
     --tw-leading: calc(var(--spacing) * 10);
     line-height: calc(var(--spacing) * 10);
   }
+  .leading-\[1\.1\] {
+    --tw-leading: 1.1;
+    line-height: 1.1;
+  }
   .leading-\[18px\] {
     --tw-leading: 18px;
     line-height: 18px;
@@ -4646,6 +4798,10 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-\[-0\.02em\] {
+    --tw-tracking: -0.02em;
+    letter-spacing: -0.02em;
+  }
   .tracking-\[-0\.3px\] {
     --tw-tracking: -0.3px;
     letter-spacing: -0.3px;
@@ -4686,6 +4842,9 @@
     --tw-tracking: var(--tracking-widest);
     letter-spacing: var(--tracking-widest);
   }
+  .text-balance {
+    text-wrap: balance;
+  }
   .text-wrap {
     text-wrap: wrap;
   }
@@ -4854,12 +5013,6 @@
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
-  .text-muted-foreground\/50 {
-    color: var(--muted-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
-    }
-  }
   .text-orange-500 {
     color: var(--color-orange-500);
   }
@@ -4920,6 +5073,9 @@
   .text-transparent {
     color: transparent;
   }
+  .text-violet-300 {
+    color: var(--color-violet-300);
+  }
   .text-warning {
     color: var(--warning);
   }
@@ -4981,6 +5137,9 @@
   .opacity-0 {
     opacity: 0%;
   }
+  .opacity-25 {
+    opacity: 25%;
+  }
   .opacity-40 {
     opacity: 40%;
   }
@@ -5080,6 +5239,12 @@
     --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-violet-500\/40 {
+    --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
   .ring-background {
     --tw-ring-color: var(--background);
   }
@@ -5145,6 +5310,18 @@
     --tw-blur: blur(8px);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
+  .blur-3xl {
+    --tw-blur: blur(var(--blur-3xl));
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .blur-\[2px\] {
+    --tw-blur: blur(2px);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .blur-\[3px\] {
+    --tw-blur: blur(3px);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .invert {
     --tw-invert: invert(100%);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -5280,12 +5457,18 @@
   .\[overflow-anchor\:none\] {
     overflow-anchor: none;
   }
+  .\[perspective\:900px\] {
+    perspective: 900px;
+  }
   .\[scrollbar-width\:none\] {
     scrollbar-width: none;
   }
   .\[story\:kitchen-sink\] {
     story: kitchen-sink;
   }
+  .\[transform-style\:preserve-3d\] {
+    transform-style: preserve-3d;
+  }
   .fade-in {
     --tw-enter-opacity: 0;
   }
@@ -5330,6 +5513,11 @@
       display: block;
     }
   }
+  .group-focus-within\:opacity-100 {
+    &:is(:where(.group):focus-within *) {
+      opacity: 100%;
+    }
+  }
   .group-focus-within\/menu-item\:opacity-100 {
     &:is(:where(.group\/menu-item):focus-within *) {
       opacity: 100%;
@@ -6618,6 +6806,13 @@
       }
     }
   }
+  .hover\:text-brand-hover {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--brand-hover);
+      }
+    }
+  }
   .hover\:text-destructive {
     &:hover {
       @media (hover: hover) {
@@ -8276,6 +8471,11 @@
       max-width: var(--container-3xl);
     }
   }
+  .sm\:max-w-\[min\(920px\,94vw\)\] {
+    @media (width >= 40rem) {
+      max-width: min(920px, 94vw);
+    }
+  }
   .sm\:max-w-lg {
     @media (width >= 40rem) {
       max-width: var(--container-lg);
@@ -8438,11 +8638,22 @@
       grid-template-columns: repeat(8, minmax(0, 1fr));
     }
   }
+  .md\:grid-cols-\[1\.1fr_1fr\] {
+    @media (width >= 48rem) {
+      grid-template-columns: 1.1fr 1fr;
+    }
+  }
   .md\:flex-row {
     @media (width >= 48rem) {
       flex-direction: row;
     }
   }
+  .md\:text-4xl {
+    @media (width >= 48rem) {
+      font-size: var(--text-4xl);
+      line-height: var(--tw-leading, var(--text-4xl--line-height));
+    }
+  }
   .md\:text-sm {
     @media (width >= 48rem) {
       font-size: var(--text-sm);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.74.0",
+  "version": "2.75.1",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",