@uipath/apollo-wind 2.73.1 → 2.75.0

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

@@ -18,7 +18,7 @@ var __webpack_modules__ = {
     "./avatar" (module) {
         module.exports = require("./avatar.cjs");
     },
-    "./badge" (module) {
+    "@/components/ui/badge" (module) {
         module.exports = require("./badge.cjs");
     },
     "./boolean-radio-group" (module) {
@@ -39,7 +39,7 @@ var __webpack_modules__ = {
     "@/components/ui/calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "@/components/ui/card" (module) {
+    "./card" (module) {
         module.exports = require("./card.cjs");
     },
     "./chart" (module) {
@@ -57,7 +57,7 @@ var __webpack_modules__ = {
     "./citation" (module) {
         module.exports = require("./citation.cjs");
     },
-    "@/components/ui/code-block" (module) {
+    "./code-block" (module) {
         module.exports = require("./code-block.cjs");
     },
     "./collapsible" (module) {
@@ -81,7 +81,7 @@ var __webpack_modules__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "@/components/ui/dialog" (module) {
+    "./dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "./disclosure-tree" (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) {
@@ -132,7 +132,7 @@ var __webpack_modules__ = {
     "./json-tree-view" (module) {
         module.exports = require("./json-tree-view/index.cjs");
     },
-    "./label" (module) {
+    "@/components/ui/label" (module) {
         module.exports = require("./label.cjs");
     },
     "./layout" (module) {
@@ -249,13 +249,13 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "@/components/ui/table" (module) {
+    "./table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "@/components/ui/textarea" (module) {
+    "./textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./thinking-indicator" (module) {
@@ -264,7 +264,7 @@ var __webpack_modules__ = {
     "./toggle-group" (module) {
         module.exports = require("./toggle-group.cjs");
     },
-    "@/components/ui/toggle" (module) {
+    "./toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
     "./tool-call" (module) {
@@ -392,7 +392,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_5[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _badge__rspack_import_6 = __webpack_require__("./badge");
+    var _badge__rspack_import_6 = __webpack_require__("@/components/ui/badge");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _badge__rspack_import_6)if ([
         "getReferenceChipColors",
@@ -462,7 +462,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_12[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _card__rspack_import_13 = __webpack_require__("@/components/ui/card");
+    var _card__rspack_import_13 = __webpack_require__("./card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _card__rspack_import_13)if ([
         "getReferenceChipColors",
@@ -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",
@@ -602,7 +602,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_26[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_27 = __webpack_require__("@/components/ui/dialog");
+    var _dialog__rspack_import_27 = __webpack_require__("./dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_27)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",
@@ -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__("./label");
+    var _label__rspack_import_44 = __webpack_require__("@/components/ui/label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_44)if ([
         "getReferenceChipColors",
@@ -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",
@@ -1164,7 +1164,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_84[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _textarea__rspack_import_85 = __webpack_require__("@/components/ui/textarea");
+    var _textarea__rspack_import_85 = __webpack_require__("./textarea");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _textarea__rspack_import_85)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__("@/components/ui/toggle");
+    var _toggle__rspack_import_87 = __webpack_require__("./toggle");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _toggle__rspack_import_87)if ([
         "getReferenceChipColors",

package/dist/components/ui/quick-form-field/quick-form-field.cjs

@@ -121,7 +121,8 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
         mode
     ]);
     const handleValueKeyDown = (e)=>{
-        if ('Enter' === e.key) {
+        const newLine = e.shiftKey && e.currentTarget instanceof HTMLTextAreaElement;
+        if ('Enter' === e.key && !newLine) {
             e.preventDefault();
             e.currentTarget.blur();
         }
@@ -149,9 +150,12 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
             input.setSelectionRange(next_caret, next_caret);
         });
     };
+    const setValueInput = (0, external_react_namespaceObject.useCallback)((el)=>{
+        valueInputRef.current = el;
+    }, []);
     const textInputProps = {
         id: fieldId,
-        ref: valueInputRef,
+        ref: setValueInput,
         readOnly: !editableOnValueChange,
         disabled,
         value,
@@ -277,6 +281,10 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
         placeholder: strings.selectOptions,
         disabled: !editableOnValueChange,
         onBlur: onValueBlur
+    }) : 'textarea' === fieldType ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupTextarea, {
+        ...textInputProps,
+        minRows: 3,
+        maxRows: 8
     }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupInput, {
         ...textInputProps,
         type: 'integer' === fieldType || 'double' === fieldType ? 'number' : 'text',
@@ -312,7 +320,7 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
                 error: error,
                 errorId: validationId,
                 disabled: disabled,
-                layout: 'literal' === mode && ('file' === fieldType || 'multi-select' === fieldType) ? 'grow' : 'row',
+                layout: 'literal' === mode && ('file' === fieldType || 'multi-select' === fieldType || 'textarea' === fieldType) ? 'grow' : 'row',
                 children: [
                     (showLock || void 0 !== leadingAddon) && null !== leadingAddon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
                         align: "inline-start",

package/dist/components/ui/quick-form-field/quick-form-field.d.ts

@@ -18,6 +18,7 @@ import type { QuickFormFieldProps } from './types';
  * - Insert variable renders `variables` as supplied and splices at the caret;
  *   `onInsertVariable` takes over what inserting means.
  * - Enter commits through `onValueBlur`, Escape restores the value as of focus.
+ *   In a text area Shift+Enter adds a new line.
  * - Every user-visible string can be overridden through `strings`.
  *
  * The expression mode is styled as code but not highlighted or evaluated.

package/dist/components/ui/quick-form-field/quick-form-field.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { RefreshCw, Trash2 } from "lucide-react";
-import { useEffect, useId, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
 import { Calendar } from "../calendar.js";
 import { DateTimePicker } from "../datetime-picker.js";
 import { FileUpload } from "../file-upload.js";
-import { InputGroup, InputGroupAddon, InputGroupInput } from "../input-group.js";
+import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea } from "../input-group.js";
 import { MultiSelect } from "../multi-select.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../popover.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select.js";
@@ -93,7 +93,8 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
         mode
     ]);
     const handleValueKeyDown = (e)=>{
-        if ('Enter' === e.key) {
+        const newLine = e.shiftKey && e.currentTarget instanceof HTMLTextAreaElement;
+        if ('Enter' === e.key && !newLine) {
             e.preventDefault();
             e.currentTarget.blur();
         }
@@ -121,9 +122,12 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
             input.setSelectionRange(next_caret, next_caret);
         });
     };
+    const setValueInput = useCallback((el)=>{
+        valueInputRef.current = el;
+    }, []);
     const textInputProps = {
         id: fieldId,
-        ref: valueInputRef,
+        ref: setValueInput,
         readOnly: !editableOnValueChange,
         disabled,
         value,
@@ -249,6 +253,10 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
         placeholder: strings.selectOptions,
         disabled: !editableOnValueChange,
         onBlur: onValueBlur
+    }) : 'textarea' === fieldType ? /*#__PURE__*/ jsx(InputGroupTextarea, {
+        ...textInputProps,
+        minRows: 3,
+        maxRows: 8
     }) : /*#__PURE__*/ jsx(InputGroupInput, {
         ...textInputProps,
         type: 'integer' === fieldType || 'double' === fieldType ? 'number' : 'text',
@@ -284,7 +292,7 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
                 error: error,
                 errorId: validationId,
                 disabled: disabled,
-                layout: 'literal' === mode && ('file' === fieldType || 'multi-select' === fieldType) ? 'grow' : 'row',
+                layout: 'literal' === mode && ('file' === fieldType || 'multi-select' === fieldType || 'textarea' === fieldType) ? 'grow' : 'row',
                 children: [
                     (showLock || void 0 !== leadingAddon) && null !== leadingAddon && /*#__PURE__*/ jsx(InputGroupAddon, {
                         align: "inline-start",

package/dist/components/ui/quick-form-field/types.cjs

@@ -37,6 +37,13 @@ const FIELD_TYPE_META = {
         fixedLabel: 'Fixed value',
         fixedDescription: 'Use a literal string value'
     },
+    textarea: {
+        label: 'Text area',
+        icon: external_lucide_react_namespaceObject.AlignLeft,
+        supportsExpression: true,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Use a literal multi-line string value'
+    },
     integer: {
         label: 'Integer',
         icon: external_lucide_react_namespaceObject.Hash,
@@ -110,6 +117,7 @@ const FIELD_TYPE_META = {
 };
 const FIELD_TYPE_ORDER = [
     'string',
+    'textarea',
     'integer',
     'double',
     'date',

package/dist/components/ui/quick-form-field/types.d.ts

@@ -2,7 +2,7 @@ import { type LucideIcon } from 'lucide-react';
 import type { AriaAttributes, ReactNode } from 'react';
 import type { ValueMode } from '../field-addons/value-mode-strings';
 export type QuickFormFieldMode = ValueMode;
-export type QuickFieldType = 'string' | 'integer' | 'double' | 'date' | 'datetime' | 'boolean' | 'single-select' | 'multi-select' | 'array' | 'file' | 'object';
+export type QuickFieldType = 'string' | 'textarea' | 'integer' | 'double' | 'date' | 'datetime' | 'boolean' | 'single-select' | 'multi-select' | 'array' | 'file' | 'object';
 interface FieldTypeMeta {
     label: string;
     icon: LucideIcon;

package/dist/components/ui/quick-form-field/types.js

@@ -1,4 +1,4 @@
-import { ALargeSmall, Braces, Brackets, Calendar, CalendarClock, File, Hash, List, ListChecks, Sigma, ToggleLeft } from "lucide-react";
+import { ALargeSmall, AlignLeft, Braces, Brackets, Calendar, CalendarClock, File, Hash, List, ListChecks, Sigma, ToggleLeft } from "lucide-react";
 const FIELD_TYPE_META = {
     string: {
         label: 'String',
@@ -7,6 +7,13 @@ const FIELD_TYPE_META = {
         fixedLabel: 'Fixed value',
         fixedDescription: 'Use a literal string value'
     },
+    textarea: {
+        label: 'Text area',
+        icon: AlignLeft,
+        supportsExpression: true,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Use a literal multi-line string value'
+    },
     integer: {
         label: 'Integer',
         icon: Hash,
@@ -80,6 +87,7 @@ const FIELD_TYPE_META = {
 };
 const FIELD_TYPE_ORDER = [
     'string',
+    'textarea',
     'integer',
     'double',
     'date',

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);
   }
@@ -725,9 +744,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 +864,9 @@
   .mx-4 {
     margin-inline: calc(var(--spacing) * 4);
   }
+  .mx-8 {
+    margin-inline: calc(var(--spacing) * 8);
+  }
   .mx-auto {
     margin-inline: auto;
   }
@@ -1113,10 +1141,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 +1319,9 @@
   .h-\[420px\] {
     height: 420px;
   }
+  .h-\[480px\] {
+    height: 480px;
+  }
   .h-\[500px\] {
     height: 500px;
   }
@@ -1361,6 +1400,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 +1469,9 @@
   .min-h-\[200px\] {
     min-height: 200px;
   }
+  .min-h-\[268px\] {
+    min-height: 268px;
+  }
   .min-h-\[360px\] {
     min-height: 360px;
   }
@@ -1706,6 +1751,9 @@
   .w-\[760px\] {
     width: 760px;
   }
+  .w-\[920px\] {
+    width: 920px;
+  }
   .w-\[930px\] {
     width: 930px;
   }
@@ -1814,6 +1862,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 +2446,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 +2638,9 @@
   .rounded-\[24px\] {
     border-radius: 24px;
   }
+  .rounded-\[30\%\] {
+    border-radius: 30%;
+  }
   .rounded-\[32px\] {
     border-radius: 32px;
   }
@@ -3142,6 +3203,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 +4064,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 +4086,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 +4118,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 +4136,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 +4147,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 +4190,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 +4201,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 +4223,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 +4468,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 +4752,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 +4804,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 +4848,9 @@
     --tw-tracking: var(--tracking-widest);
     letter-spacing: var(--tracking-widest);
   }
+  .text-balance {
+    text-wrap: balance;
+  }
   .text-wrap {
     text-wrap: wrap;
   }
@@ -4920,6 +5085,9 @@
   .text-transparent {
     color: transparent;
   }
+  .text-violet-300 {
+    color: var(--color-violet-300);
+  }
   .text-warning {
     color: var(--warning);
   }
@@ -4981,6 +5149,9 @@
   .opacity-0 {
     opacity: 0%;
   }
+  .opacity-25 {
+    opacity: 25%;
+  }
   .opacity-40 {
     opacity: 40%;
   }
@@ -5080,6 +5251,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 +5322,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 +5469,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;
   }
@@ -6618,6 +6813,13 @@
       }
     }
   }
+  .hover\:text-brand-hover {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--brand-hover);
+      }
+    }
+  }
   .hover\:text-destructive {
     &:hover {
       @media (hover: hover) {
@@ -8276,6 +8478,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 +8645,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.73.1",
+  "version": "2.75.0",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",