@uipath/apollo-react 4.6.2 → 4.6.3

package/dist/canvas/components/AddNodePanel/AddNodeManager.cjs

@@ -161,7 +161,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
         open: !!previewNode,
         nodeId: external_constants_cjs_namespaceObject.PREVIEW_NODE_ID,
         placement: "right-start",
-        offset: 10,
+        offset: external_constants_cjs_namespaceObject.FLOATING_CANVAS_PANEL_OFFSET,
         children: CustomPanel ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CustomPanel, {
             onNodeSelect: (item)=>handleNodeSelect(item),
             onClose: handleClose

package/dist/canvas/components/AddNodePanel/AddNodeManager.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useReactFlow } from "../../xyflow/react.js";
 import { useCallback, useEffect, useRef } from "react";
-import { PREVIEW_NODE_ID } from "../../constants.js";
+import { FLOATING_CANVAS_PANEL_OFFSET, PREVIEW_NODE_ID } from "../../constants.js";
 import { useOptionalNodeTypeRegistry } from "../../core/index.js";
 import { usePreviewNode } from "../../hooks/usePreviewNode.js";
 import { resolveCollisions } from "../../utils/index.js";
@@ -133,7 +133,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
         open: !!previewNode,
         nodeId: PREVIEW_NODE_ID,
         placement: "right-start",
-        offset: 10,
+        offset: FLOATING_CANVAS_PANEL_OFFSET,
         children: CustomPanel ? /*#__PURE__*/ jsx(CustomPanel, {
             onNodeSelect: (item)=>handleNodeSelect(item),
             onClose: handleClose

package/dist/canvas/components/NodeInspector.cjs

@@ -29,6 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const index_cjs_namespaceObject = require("../layouts/index.cjs");
 const react_cjs_namespaceObject = require("../xyflow/react.cjs");
+const external_constants_cjs_namespaceObject = require("../constants.cjs");
 const external_FloatingCanvasPanel_index_cjs_namespaceObject = require("./FloatingCanvasPanel/index.cjs");
 function safeStringify(obj, indent = 2) {
     const seen = new WeakSet();
@@ -345,7 +346,7 @@ function NodeInspector({ nodeFilter, edgeFilter, showCloseButton = false, onClos
                     nodeId: node.id,
                     title: "Node Inspector",
                     placement: "right-start",
-                    offset: 10,
+                    offset: external_constants_cjs_namespaceObject.FLOATING_CANVAS_PANEL_OFFSET,
                     onClose: showCloseButton ? onClose : void 0,
                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NodeInfoContent, {
                         node: node,
@@ -363,7 +364,7 @@ function NodeInspector({ nodeFilter, edgeFilter, showCloseButton = false, onClos
                     nodeId: nodeId,
                     title: "Edge Inspector",
                     placement: "right-start",
-                    offset: 10 + (nodesToShow.length > 0 ? 420 : 0) + 420 * index,
+                    offset: external_constants_cjs_namespaceObject.FLOATING_CANVAS_PANEL_OFFSET + (nodesToShow.length > 0 ? 420 : 0) + 420 * index,
                     onClose: showCloseButton ? onClose : void 0,
                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(EdgeInfoContent, {
                         edge: edge

package/dist/canvas/components/NodeInspector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeInspector.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/NodeInspector.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EAKV,MAAM,0CAA0C,CAAC;AAqOlD,MAAM,MAAM,kBAAkB,GAAG;IAI/B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IAIrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IAIrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAI1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAIrB,YAAY,CAAC,EAAE,OAAO,CAAC;IAIvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,UAAU,EACV,eAAuB,EACvB,OAAO,EACP,YAAmB,EACnB,YAAmB,GACpB,GAAE,kBAAuB,kDAwFzB"}
+{"version":3,"file":"NodeInspector.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/NodeInspector.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EAKV,MAAM,0CAA0C,CAAC;AAsOlD,MAAM,MAAM,kBAAkB,GAAG;IAI/B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IAIrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IAIrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAI1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAIrB,YAAY,CAAC,EAAE,OAAO,CAAC;IAIvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,UAAU,EACV,eAAuB,EACvB,OAAO,EACP,YAAmB,EACnB,YAAmB,GACpB,GAAE,kBAAuB,kDAwFzB"}

package/dist/canvas/components/NodeInspector.js

@@ -1,6 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Column, Row } from "../layouts/index.js";
 import { useEdges, useNodes, useReactFlow } from "../xyflow/react.js";
+import { FLOATING_CANVAS_PANEL_OFFSET } from "../constants.js";
 import { FloatingCanvasPanel } from "./FloatingCanvasPanel/index.js";
 function safeStringify(obj, indent = 2) {
     const seen = new WeakSet();
@@ -317,7 +318,7 @@ function NodeInspector({ nodeFilter, edgeFilter, showCloseButton = false, onClos
                     nodeId: node.id,
                     title: "Node Inspector",
                     placement: "right-start",
-                    offset: 10,
+                    offset: FLOATING_CANVAS_PANEL_OFFSET,
                     onClose: showCloseButton ? onClose : void 0,
                     children: /*#__PURE__*/ jsx(NodeInfoContent, {
                         node: node,
@@ -335,7 +336,7 @@ function NodeInspector({ nodeFilter, edgeFilter, showCloseButton = false, onClos
                     nodeId: nodeId,
                     title: "Edge Inspector",
                     placement: "right-start",
-                    offset: 10 + (nodesToShow.length > 0 ? 420 : 0) + 420 * index,
+                    offset: FLOATING_CANVAS_PANEL_OFFSET + (nodesToShow.length > 0 ? 420 : 0) + 420 * index,
                     onClose: showCloseButton ? onClose : void 0,
                     children: /*#__PURE__*/ jsx(EdgeInfoContent, {
                         edge: edge

package/dist/canvas/components/Toolbox/Toolbox.cjs

@@ -31,6 +31,7 @@ const index_cjs_namespaceObject = require("../../hooks/index.cjs");
 const external_layouts_index_cjs_namespaceObject = require("../../layouts/index.cjs");
 const external_react_namespaceObject = require("react");
 const external_react_window_namespaceObject = require("react-window");
+const external_constants_cjs_namespaceObject = require("../../constants.cjs");
 const external_Header_cjs_namespaceObject = require("./Header.cjs");
 const external_ListView_cjs_namespaceObject = require("./ListView.cjs");
 const external_SearchBox_cjs_namespaceObject = require("./SearchBox.cjs");
@@ -389,11 +390,11 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
         ref: containerRef,
         "data-testid": "toolbox-container",
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_layouts_index_cjs_namespaceObject.Column, {
-            px: 20,
-            py: 12,
-            gap: 12,
-            w: fullWidth ? '100%' : 320,
-            h: fullHeight ? '100%' : 440,
+            px: external_constants_cjs_namespaceObject.TOOLBOX_PADDING_X,
+            py: external_constants_cjs_namespaceObject.TOOLBOX_PADDING_Y,
+            gap: external_constants_cjs_namespaceObject.TOOLBOX_GAP,
+            w: fullWidth ? '100%' : external_constants_cjs_namespaceObject.TOOLBOX_WIDTH,
+            h: fullHeight ? '100%' : external_constants_cjs_namespaceObject.TOOLBOX_HEIGHT,
             children: [
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Header_cjs_namespaceObject.Header, {
                     title: currentParentItem?.name || title,

package/dist/canvas/components/Toolbox/Toolbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,YAAY,CAAC;AAwC3F,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,GAAG,IAAI,CAC1C,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5E,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAE5B,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACpC;AAgDD,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAiB,EACjB,UAAkB,GACnB,EAAE,YAAY,CAAC,CAAC,CAAC,2CAocjB"}
+{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,YAAY,CAAC;AAwC3F,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,GAAG,IAAI,CAC1C,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5E,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAE5B,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACpC;AAgDD,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAiB,EACjB,UAAkB,GACnB,EAAE,YAAY,CAAC,CAAC,CAAC,2CA0cjB"}

package/dist/canvas/components/Toolbox/Toolbox.js

@@ -3,6 +3,7 @@ import { useNavigationStack } from "../../hooks/index.js";
 import { Column } from "../../layouts/index.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useListRef } from "react-window";
+import { TOOLBOX_GAP, TOOLBOX_HEIGHT, TOOLBOX_PADDING_X, TOOLBOX_PADDING_Y, TOOLBOX_WIDTH } from "../../constants.js";
 import { Header } from "./Header.js";
 import { ListView } from "./ListView.js";
 import { SearchBox } from "./SearchBox.js";
@@ -361,11 +362,11 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
         ref: containerRef,
         "data-testid": "toolbox-container",
         children: /*#__PURE__*/ jsxs(Column, {
-            px: 20,
-            py: 12,
-            gap: 12,
-            w: fullWidth ? '100%' : 320,
-            h: fullHeight ? '100%' : 440,
+            px: TOOLBOX_PADDING_X,
+            py: TOOLBOX_PADDING_Y,
+            gap: TOOLBOX_GAP,
+            w: fullWidth ? '100%' : TOOLBOX_WIDTH,
+            h: fullHeight ? '100%' : TOOLBOX_HEIGHT,
             children: [
                 /*#__PURE__*/ jsx(Header, {
                     title: currentParentItem?.name || title,

package/dist/canvas/constants.cjs

@@ -26,26 +26,50 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     CANVAS_COMPACT_BREAKPOINT: ()=>CANVAS_COMPACT_BREAKPOINT,
     DEFAULT_NODE_SIZE: ()=>DEFAULT_NODE_SIZE,
+    FLOATING_CANVAS_PANEL_OFFSET: ()=>FLOATING_CANVAS_PANEL_OFFSET,
     GRID_SPACING: ()=>GRID_SPACING,
     PREVIEW_EDGE_ID: ()=>PREVIEW_EDGE_ID,
-    PREVIEW_NODE_ID: ()=>PREVIEW_NODE_ID
+    PREVIEW_NODE_ID: ()=>PREVIEW_NODE_ID,
+    TOOLBOX_GAP: ()=>TOOLBOX_GAP,
+    TOOLBOX_HEIGHT: ()=>TOOLBOX_HEIGHT,
+    TOOLBOX_PADDING_X: ()=>TOOLBOX_PADDING_X,
+    TOOLBOX_PADDING_Y: ()=>TOOLBOX_PADDING_Y,
+    TOOLBOX_WIDTH: ()=>TOOLBOX_WIDTH
 });
 const PREVIEW_NODE_ID = 'preview-node-id';
 const PREVIEW_EDGE_ID = 'preview-edge-id';
 const DEFAULT_NODE_SIZE = 96;
 const GRID_SPACING = 16;
 const CANVAS_COMPACT_BREAKPOINT = 600;
+const TOOLBOX_WIDTH = 320;
+const TOOLBOX_HEIGHT = 440;
+const TOOLBOX_PADDING_X = 20;
+const TOOLBOX_PADDING_Y = 12;
+const TOOLBOX_GAP = 12;
+const FLOATING_CANVAS_PANEL_OFFSET = 10;
 exports.CANVAS_COMPACT_BREAKPOINT = __webpack_exports__.CANVAS_COMPACT_BREAKPOINT;
 exports.DEFAULT_NODE_SIZE = __webpack_exports__.DEFAULT_NODE_SIZE;
+exports.FLOATING_CANVAS_PANEL_OFFSET = __webpack_exports__.FLOATING_CANVAS_PANEL_OFFSET;
 exports.GRID_SPACING = __webpack_exports__.GRID_SPACING;
 exports.PREVIEW_EDGE_ID = __webpack_exports__.PREVIEW_EDGE_ID;
 exports.PREVIEW_NODE_ID = __webpack_exports__.PREVIEW_NODE_ID;
+exports.TOOLBOX_GAP = __webpack_exports__.TOOLBOX_GAP;
+exports.TOOLBOX_HEIGHT = __webpack_exports__.TOOLBOX_HEIGHT;
+exports.TOOLBOX_PADDING_X = __webpack_exports__.TOOLBOX_PADDING_X;
+exports.TOOLBOX_PADDING_Y = __webpack_exports__.TOOLBOX_PADDING_Y;
+exports.TOOLBOX_WIDTH = __webpack_exports__.TOOLBOX_WIDTH;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "CANVAS_COMPACT_BREAKPOINT",
     "DEFAULT_NODE_SIZE",
+    "FLOATING_CANVAS_PANEL_OFFSET",
     "GRID_SPACING",
     "PREVIEW_EDGE_ID",
-    "PREVIEW_NODE_ID"
+    "PREVIEW_NODE_ID",
+    "TOOLBOX_GAP",
+    "TOOLBOX_HEIGHT",
+    "TOOLBOX_PADDING_X",
+    "TOOLBOX_PADDING_Y",
+    "TOOLBOX_WIDTH"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/canvas/constants.d.ts

@@ -3,4 +3,10 @@ export declare const PREVIEW_EDGE_ID = "preview-edge-id";
 export declare const DEFAULT_NODE_SIZE = 96;
 export declare const GRID_SPACING = 16;
 export declare const CANVAS_COMPACT_BREAKPOINT = 600;
+export declare const TOOLBOX_WIDTH = 320;
+export declare const TOOLBOX_HEIGHT = 440;
+export declare const TOOLBOX_PADDING_X = 20;
+export declare const TOOLBOX_PADDING_Y = 12;
+export declare const TOOLBOX_GAP = 12;
+export declare const FLOATING_CANVAS_PANEL_OFFSET = 10;
 //# sourceMappingURL=constants.d.ts.map

package/dist/canvas/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/canvas/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,YAAY,KAAK,CAAC;AAG/B,eAAO,MAAM,yBAAyB,MAAM,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/canvas/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,YAAY,KAAK,CAAC;AAG/B,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAG7C,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,WAAW,KAAK,CAAC;AAU9B,eAAO,MAAM,4BAA4B,KAAK,CAAC"}

package/dist/canvas/constants.js

@@ -3,4 +3,10 @@ const PREVIEW_EDGE_ID = 'preview-edge-id';
 const DEFAULT_NODE_SIZE = 96;
 const GRID_SPACING = 16;
 const CANVAS_COMPACT_BREAKPOINT = 600;
-export { CANVAS_COMPACT_BREAKPOINT, DEFAULT_NODE_SIZE, GRID_SPACING, PREVIEW_EDGE_ID, PREVIEW_NODE_ID };
+const TOOLBOX_WIDTH = 320;
+const TOOLBOX_HEIGHT = 440;
+const TOOLBOX_PADDING_X = 20;
+const TOOLBOX_PADDING_Y = 12;
+const TOOLBOX_GAP = 12;
+const FLOATING_CANVAS_PANEL_OFFSET = 10;
+export { CANVAS_COMPACT_BREAKPOINT, DEFAULT_NODE_SIZE, FLOATING_CANVAS_PANEL_OFFSET, GRID_SPACING, PREVIEW_EDGE_ID, PREVIEW_NODE_ID, TOOLBOX_GAP, TOOLBOX_HEIGHT, TOOLBOX_PADDING_X, TOOLBOX_PADDING_Y, TOOLBOX_WIDTH };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "4.6.2",
+  "version": "4.6.3",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -184,7 +184,7 @@
     "lodash": "^4.18.1",
     "lucide-react": "^0.555.0",
     "luxon": "^3.7.1",
-    "mermaid": "^11.13.0",
+    "mermaid": "^11.14.0",
     "motion": "^12.23.12",
     "react-dropzone": "^14.3.8",
     "react-focus-lock": "^2.13.7",
@@ -205,7 +205,6 @@
     "@uipath/apollo-wind": "2.3.0"
   },
   "devDependencies": {
-    "@tailwindcss/cli": "^4.1.17",
     "@lingui/cli": "^5.6.1",
     "@lingui/conf": "^5.6.1",
     "@lingui/format-json": "^5.6.1",
@@ -218,6 +217,7 @@
     "@storybook/react": "^10.2.15",
     "@storybook/react-vite": "^10.2.15",
     "@svgr/webpack": "^8.1.0",
+    "@tailwindcss/cli": "^4.1.17",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",