@uipath/apollo-react 3.71.0-pr482.ae381a7 → 3.71.1

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

@@ -28,8 +28,8 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const index_cjs_namespaceObject = require("../../utils/index.cjs");
+const components_index_cjs_namespaceObject = require("../../../material/components/index.cjs");
 const external_react_namespaceObject = require("react");
-const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
 const external_SearchBox_styles_cjs_namespaceObject = require("./SearchBox.styles.cjs");
 const SearchBox_SearchBox = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(function({ value, onChange, clear, placeholder = 'Search...', inputRef: externalInputRef, clearButtonRef, onNavigationKeyDown, navigateToFirstItem, activeDescendantId }) {
     const internalRef = (0, external_react_namespaceObject.useRef)(null);
@@ -57,9 +57,9 @@ const SearchBox_SearchBox = /*#__PURE__*/ (0, external_react_namespaceObject.mem
             children: [
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                     className: "searchbox-icon",
-                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
-                        icon: "search",
-                        size: 16
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_index_cjs_namespaceObject.ApIcon, {
+                        name: "search",
+                        size: "16px"
                     })
                 }),
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
@@ -82,9 +82,9 @@ const SearchBox_SearchBox = /*#__PURE__*/ (0, external_react_namespaceObject.mem
                     className: "searchbox-clear",
                     onClick: clear,
                     onKeyDown: handleClearButtonKeyDown,
-                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
-                        icon: "x",
-                        size: 16
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_index_cjs_namespaceObject.ApIcon, {
+                        name: "close",
+                        size: "16px"
                     })
                 })
             ]

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

@@ -1 +1 @@
-{"version":3,"file":"SearchBox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/SearchBox.tsx"],"names":[],"mappings":"AAMA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACpD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC3D,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IACvD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,sDAmEpB,CAAC"}
+{"version":3,"file":"SearchBox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/SearchBox.tsx"],"names":[],"mappings":"AAKA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACpD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC3D,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IACvD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,sDAmEpB,CAAC"}

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "../../utils/index.js";
+import { ApIcon } from "../../../material/components/index.js";
 import { memo, useEffect, useRef } from "react";
-import { CanvasIcon } from "../../utils/icon-registry.js";
 import { StyledSearchForm } from "./SearchBox.styles.js";
 const SearchBox_SearchBox = /*#__PURE__*/ memo(function({ value, onChange, clear, placeholder = 'Search...', inputRef: externalInputRef, clearButtonRef, onNavigationKeyDown, navigateToFirstItem, activeDescendantId }) {
     const internalRef = useRef(null);
@@ -29,9 +29,9 @@ const SearchBox_SearchBox = /*#__PURE__*/ memo(function({ value, onChange, clear
             children: [
                 /*#__PURE__*/ jsx("span", {
                     className: "searchbox-icon",
-                    children: /*#__PURE__*/ jsx(CanvasIcon, {
-                        icon: "search",
-                        size: 16
+                    children: /*#__PURE__*/ jsx(ApIcon, {
+                        name: "search",
+                        size: "16px"
                     })
                 }),
                 /*#__PURE__*/ jsx("input", {
@@ -54,9 +54,9 @@ const SearchBox_SearchBox = /*#__PURE__*/ memo(function({ value, onChange, clear
                     className: "searchbox-clear",
                     onClick: clear,
                     onKeyDown: handleClearButtonKeyDown,
-                    children: /*#__PURE__*/ jsx(CanvasIcon, {
-                        icon: "x",
-                        size: 16
+                    children: /*#__PURE__*/ jsx(ApIcon, {
+                        name: "close",
+                        size: "16px"
                     })
                 })
             ]

package/dist/canvas/components/TriggerNode/TriggerNode.cjs

@@ -28,11 +28,10 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
+const index_cjs_namespaceObject = require("../../../material/components/index.cjs");
 const external_react_namespaceObject = require("react");
-const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
 const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
 const useButtonHandles_cjs_namespaceObject = require("../ButtonHandle/useButtonHandles.cjs");
-const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
 const external_TriggerNode_styles_cjs_namespaceObject = require("./TriggerNode.styles.cjs");
 const TriggerNodeComponent = (props)=>{
     const { selected, id, details = {} } = props;
@@ -73,8 +72,10 @@ const TriggerNodeComponent = (props)=>{
         status: status,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TriggerNode_styles_cjs_namespaceObject.TriggerIconWrapper, {
             status: status,
-            children: icon || /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
-                icon: "zap"
+            children: icon || /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApIcon, {
+                name: "bolt",
+                variant: "outlined",
+                size: "30px"
             })
         })
     });
@@ -87,9 +88,13 @@ const TriggerNodeComponent = (props)=>{
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         children: [
-            tooltip ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+            tooltip ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApTooltip, {
                 content: tooltip,
                 placement: "top",
+                style: {
+                    width: '100%',
+                    height: '100%'
+                },
                 children: triggerContent
             }) : triggerContent,
             handleElements

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

@@ -1 +1 @@
-{"version":3,"file":"TriggerNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/TriggerNode/TriggerNode.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAgE5D,eAAO,MAAM,WAAW,8CA9Da,gBAAgB,6CA8DA,CAAC"}
+{"version":3,"file":"TriggerNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/TriggerNode/TriggerNode.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAkE5D,eAAO,MAAM,WAAW,8CAhEa,gBAAgB,6CAgEA,CAAC"}

package/dist/canvas/components/TriggerNode/TriggerNode.js

@@ -1,10 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Position, useStore } from "../../xyflow/react.js";
+import { ApIcon, ApTooltip } from "../../../material/components/index.js";
 import { memo, useCallback, useMemo, useState } from "react";
-import { CanvasIcon } from "../../utils/icon-registry.js";
 import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
 import { useButtonHandles } from "../ButtonHandle/useButtonHandles.js";
-import { CanvasTooltip } from "../CanvasTooltip.js";
 import { TriggerContainer, TriggerIconWrapper } from "./TriggerNode.styles.js";
 const TriggerNodeComponent = (props)=>{
     const { selected, id, details = {} } = props;
@@ -45,8 +44,10 @@ const TriggerNodeComponent = (props)=>{
         status: status,
         children: /*#__PURE__*/ jsx(TriggerIconWrapper, {
             status: status,
-            children: icon || /*#__PURE__*/ jsx(CanvasIcon, {
-                icon: "zap"
+            children: icon || /*#__PURE__*/ jsx(ApIcon, {
+                name: "bolt",
+                variant: "outlined",
+                size: "30px"
             })
         })
     });
@@ -59,9 +60,13 @@ const TriggerNodeComponent = (props)=>{
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         children: [
-            tooltip ? /*#__PURE__*/ jsx(CanvasTooltip, {
+            tooltip ? /*#__PURE__*/ jsx(ApTooltip, {
                 content: tooltip,
                 placement: "top",
+                style: {
+                    width: '100%',
+                    height: '100%'
+                },
                 children: triggerContent
             }) : triggerContent,
             handleElements

package/dist/canvas/constants.cjs

@@ -24,7 +24,6 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    CANVAS_COMPACT_BREAKPOINT: ()=>CANVAS_COMPACT_BREAKPOINT,
     DEFAULT_NODE_SIZE: ()=>DEFAULT_NODE_SIZE,
     GRID_SPACING: ()=>GRID_SPACING,
     PREVIEW_EDGE_ID: ()=>PREVIEW_EDGE_ID,
@@ -34,14 +33,11 @@ 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;
-exports.CANVAS_COMPACT_BREAKPOINT = __webpack_exports__.CANVAS_COMPACT_BREAKPOINT;
 exports.DEFAULT_NODE_SIZE = __webpack_exports__.DEFAULT_NODE_SIZE;
 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;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "CANVAS_COMPACT_BREAKPOINT",
     "DEFAULT_NODE_SIZE",
     "GRID_SPACING",
     "PREVIEW_EDGE_ID",

package/dist/canvas/constants.d.ts

@@ -2,5 +2,4 @@ export declare const PREVIEW_NODE_ID = "preview-node-id";
 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;
 //# 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"}

package/dist/canvas/constants.js

@@ -2,5 +2,4 @@ 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;
-export { CANVAS_COMPACT_BREAKPOINT, DEFAULT_NODE_SIZE, GRID_SPACING, PREVIEW_EDGE_ID, PREVIEW_NODE_ID };
+export { DEFAULT_NODE_SIZE, GRID_SPACING, PREVIEW_EDGE_ID, PREVIEW_NODE_ID };

package/dist/canvas/controls/Breadcrumb/Breadcrumb.cjs

@@ -39,9 +39,9 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const styled_namespaceObject = require("@emotion/styled");
 var styled_default = /*#__PURE__*/ __webpack_require__.n(styled_namespaceObject);
 const apollo_core_namespaceObject = require("@uipath/apollo-core");
+const index_cjs_namespaceObject = require("../../../material/index.cjs");
 const external_react_namespaceObject = require("react");
-const CanvasTooltip_cjs_namespaceObject = require("../../components/CanvasTooltip.cjs");
-const index_cjs_namespaceObject = require("../../layouts/index.cjs");
+const external_layouts_index_cjs_namespaceObject = require("../../layouts/index.cjs");
 const OlStyled = styled_default().ol`
   display: flex;
   flex-direction: row;
@@ -54,11 +54,12 @@ const LiStyled = styled_default().li`
   padding: 0;
 `;
 const Breadcrumb = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ items, delimiter = '>' })=>{
-    const delimiterNode = 'string' == typeof delimiter ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+    const delimiterNode = 'string' == typeof delimiter ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApTypography, {
         "aria-hidden": "true",
+        color: "var(--color-foreground-de-emp)",
         children: delimiter
     }) : delimiter;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Row, {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_layouts_index_cjs_namespaceObject.Row, {
         align: "center",
         style: {
             overflow: 'hidden',
@@ -81,18 +82,23 @@ const Breadcrumb = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ ite
                             },
                             onClick: (e)=>item.onClick?.(e),
                             onKeyDown: (e)=>'Enter' === e.key && item.onClick?.(e),
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_layouts_index_cjs_namespaceObject.Row, {
                                 overflow: "hidden",
                                 align: "center",
                                 gap: apollo_core_namespaceObject.Spacing.SpacingMicro,
                                 "aria-current": index === items.length - 1 ? 'page' : void 0,
                                 children: [
                                     item.startAdornment,
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApTooltip, {
                                         smartTooltip: true,
                                         content: item.label,
-                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                            className: `${index === items.length - 1 ? 'text-sm font-bold' : 'text-sm'} truncate`,
+                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApTypography, {
+                                            variant: index === items.length - 1 ? apollo_core_namespaceObject.FontVariantToken.fontSizeMBold : apollo_core_namespaceObject.FontVariantToken.fontSizeM,
+                                            style: {
+                                                textOverflow: 'ellipsis',
+                                                overflow: 'hidden',
+                                                whiteSpace: 'nowrap'
+                                            },
                                             "data-testid": `breadcrumb-item-${item.label}`,
                                             children: item.label
                                         })
@@ -100,18 +106,23 @@ const Breadcrumb = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ ite
                                     item.endAdornment
                                 ]
                             })
-                        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
+                        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_layouts_index_cjs_namespaceObject.Row, {
                             overflow: "hidden",
                             align: "center",
                             gap: apollo_core_namespaceObject.Spacing.SpacingMicro,
                             "aria-current": index === items.length - 1 ? 'page' : void 0,
                             children: [
                                 item.startAdornment,
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApTooltip, {
                                     smartTooltip: true,
                                     content: item.label,
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                        className: `${index === items.length - 1 ? 'text-sm font-bold' : 'text-sm'} truncate`,
+                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApTypography, {
+                                        variant: index === items.length - 1 ? apollo_core_namespaceObject.FontVariantToken.fontSizeMBold : apollo_core_namespaceObject.FontVariantToken.fontSizeM,
+                                        style: {
+                                            textOverflow: 'ellipsis',
+                                            overflow: 'hidden',
+                                            whiteSpace: 'nowrap'
+                                        },
                                         "data-testid": `breadcrumb-item-${item.label}`,
                                         children: item.label
                                     })

package/dist/canvas/controls/Breadcrumb/Breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/canvas/controls/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CACR,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAC5E,IAAI,CAAC;IACV,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;CACtC,CAAC;AAeF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsE/C,CAAC"}
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/canvas/controls/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CACR,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAC5E,IAAI,CAAC;IACV,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;CACtC,CAAC;AAeF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsF/C,CAAC"}

package/dist/canvas/controls/Breadcrumb/Breadcrumb.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import styled from "@emotion/styled";
-import { Spacing } from "@uipath/apollo-core";
+import { FontVariantToken, Spacing } from "@uipath/apollo-core";
+import { ApTooltip, ApTypography } from "../../../material/index.js";
 import { memo } from "react";
-import { CanvasTooltip } from "../../components/CanvasTooltip.js";
 import { Row } from "../../layouts/index.js";
 const OlStyled = styled.ol`
   display: flex;
@@ -16,8 +16,9 @@ const LiStyled = styled.li`
   padding: 0;
 `;
 const Breadcrumb = /*#__PURE__*/ memo(({ items, delimiter = '>' })=>{
-    const delimiterNode = 'string' == typeof delimiter ? /*#__PURE__*/ jsx("span", {
+    const delimiterNode = 'string' == typeof delimiter ? /*#__PURE__*/ jsx(ApTypography, {
         "aria-hidden": "true",
+        color: "var(--color-foreground-de-emp)",
         children: delimiter
     }) : delimiter;
     return /*#__PURE__*/ jsx(Row, {
@@ -50,11 +51,16 @@ const Breadcrumb = /*#__PURE__*/ memo(({ items, delimiter = '>' })=>{
                                 "aria-current": index === items.length - 1 ? 'page' : void 0,
                                 children: [
                                     item.startAdornment,
-                                    /*#__PURE__*/ jsx(CanvasTooltip, {
+                                    /*#__PURE__*/ jsx(ApTooltip, {
                                         smartTooltip: true,
                                         content: item.label,
-                                        children: /*#__PURE__*/ jsx("span", {
-                                            className: `${index === items.length - 1 ? 'text-sm font-bold' : 'text-sm'} truncate`,
+                                        children: /*#__PURE__*/ jsx(ApTypography, {
+                                            variant: index === items.length - 1 ? FontVariantToken.fontSizeMBold : FontVariantToken.fontSizeM,
+                                            style: {
+                                                textOverflow: 'ellipsis',
+                                                overflow: 'hidden',
+                                                whiteSpace: 'nowrap'
+                                            },
                                             "data-testid": `breadcrumb-item-${item.label}`,
                                             children: item.label
                                         })
@@ -69,11 +75,16 @@ const Breadcrumb = /*#__PURE__*/ memo(({ items, delimiter = '>' })=>{
                             "aria-current": index === items.length - 1 ? 'page' : void 0,
                             children: [
                                 item.startAdornment,
-                                /*#__PURE__*/ jsx(CanvasTooltip, {
+                                /*#__PURE__*/ jsx(ApTooltip, {
                                     smartTooltip: true,
                                     content: item.label,
-                                    children: /*#__PURE__*/ jsx("span", {
-                                        className: `${index === items.length - 1 ? 'text-sm font-bold' : 'text-sm'} truncate`,
+                                    children: /*#__PURE__*/ jsx(ApTypography, {
+                                        variant: index === items.length - 1 ? FontVariantToken.fontSizeMBold : FontVariantToken.fontSizeM,
+                                        style: {
+                                            textOverflow: 'ellipsis',
+                                            overflow: 'hidden',
+                                            whiteSpace: 'nowrap'
+                                        },
                                         "data-testid": `breadcrumb-item-${item.label}`,
                                         children: item.label
                                     })

package/dist/canvas/storybook-utils/components/StoryInfoPanel.cjs

@@ -27,11 +27,11 @@ __webpack_require__.d(__webpack_exports__, {
     StoryInfoPanel: ()=>StoryInfoPanel
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_core_namespaceObject = require("@uipath/apollo-core");
 const index_cjs_namespaceObject = require("../../layouts/index.cjs");
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
-const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_material_index_cjs_namespaceObject = require("../../../material/index.cjs");
 const external_react_namespaceObject = require("react");
-const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
 function StoryInfoPanel({ title, description, children, collapsible = false, defaultCollapsed = false, position = 'top-left' }) {
     const [isCollapsed, setIsCollapsed] = (0, external_react_namespaceObject.useState)(defaultCollapsed);
     const hasContent = description || children;
@@ -54,19 +54,16 @@ function StoryInfoPanel({ title, description, children, collapsible = false, def
                     align: "center",
                     gap: 12,
                     children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                            className: "text-lg font-bold",
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
+                            variant: apollo_core_namespaceObject.FontVariantToken.fontSizeH4Bold,
                             children: title
                         }),
-                        collapsible && hasContent && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Button, {
-                            variant: "ghost",
-                            size: "icon",
-                            className: "h-6 w-6",
+                        collapsible && hasContent && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApIconButton, {
+                            size: "small",
                             onClick: ()=>setIsCollapsed(!isCollapsed),
                             "aria-label": isCollapsed ? 'Expand panel' : 'Collapse panel',
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
-                                icon: isCollapsed ? 'chevron-down' : 'chevron-up',
-                                size: 16
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApIcon, {
+                                name: isCollapsed ? 'expand_more' : 'expand_less'
                             })
                         })
                     ]
@@ -80,8 +77,9 @@ function StoryInfoPanel({ title, description, children, collapsible = false, def
                         marginTop: isCollapsed && collapsible ? 0 : void 0
                     },
                     children: [
-                        description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                            className: "text-xs text-foreground-muted",
+                        description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
+                            variant: apollo_core_namespaceObject.FontVariantToken.fontSizeS,
+                            color: "var(--uix-canvas-foreground-de-emp)",
                             children: description
                         }),
                         children

package/dist/canvas/storybook-utils/components/StoryInfoPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StoryInfoPanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/components/StoryInfoPanel.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,mBAAmB;IAElC,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;CACtE;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAmB,EACnB,gBAAwB,EACxB,QAAqB,GACtB,EAAE,mBAAmB,2CAmDrB"}
+{"version":3,"file":"StoryInfoPanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/components/StoryInfoPanel.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,mBAAmB;IAElC,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;CACtE;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAmB,EACnB,gBAAwB,EACxB,QAAqB,GACtB,EAAE,mBAAmB,2CAwDrB"}

package/dist/canvas/storybook-utils/components/StoryInfoPanel.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { FontVariantToken } from "@uipath/apollo-core";
 import { Column, Row } from "../../layouts/index.js";
 import { Panel } from "../../xyflow/react.js";
-import { Button } from "@uipath/apollo-wind";
+import { ApIcon, ApIconButton, ApTypography } from "../../../material/index.js";
 import { useState } from "react";
-import { CanvasIcon } from "../../utils/icon-registry.js";
 function StoryInfoPanel({ title, description, children, collapsible = false, defaultCollapsed = false, position = 'top-left' }) {
     const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);
     const hasContent = description || children;
@@ -26,19 +26,16 @@ function StoryInfoPanel({ title, description, children, collapsible = false, def
                     align: "center",
                     gap: 12,
                     children: [
-                        /*#__PURE__*/ jsx("span", {
-                            className: "text-lg font-bold",
+                        /*#__PURE__*/ jsx(ApTypography, {
+                            variant: FontVariantToken.fontSizeH4Bold,
                             children: title
                         }),
-                        collapsible && hasContent && /*#__PURE__*/ jsx(Button, {
-                            variant: "ghost",
-                            size: "icon",
-                            className: "h-6 w-6",
+                        collapsible && hasContent && /*#__PURE__*/ jsx(ApIconButton, {
+                            size: "small",
                             onClick: ()=>setIsCollapsed(!isCollapsed),
                             "aria-label": isCollapsed ? 'Expand panel' : 'Collapse panel',
-                            children: /*#__PURE__*/ jsx(CanvasIcon, {
-                                icon: isCollapsed ? 'chevron-down' : 'chevron-up',
-                                size: 16
+                            children: /*#__PURE__*/ jsx(ApIcon, {
+                                name: isCollapsed ? 'expand_more' : 'expand_less'
                             })
                         })
                     ]
@@ -52,8 +49,9 @@ function StoryInfoPanel({ title, description, children, collapsible = false, def
                         marginTop: isCollapsed && collapsible ? 0 : void 0
                     },
                     children: [
-                        description && /*#__PURE__*/ jsx("span", {
-                            className: "text-xs text-foreground-muted",
+                        description && /*#__PURE__*/ jsx(ApTypography, {
+                            variant: FontVariantToken.fontSizeS,
+                            color: "var(--uix-canvas-foreground-de-emp)",
                             children: description
                         }),
                         children

package/dist/canvas/storybook-utils/decorators.cjs

@@ -29,9 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_cjs_namespaceObject = require("../xyflow/react.cjs");
-const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
 const external_react_namespaceObject = require("react");
-const CanvasTooltip_cjs_namespaceObject = require("../components/CanvasTooltip.cjs");
 const index_cjs_namespaceObject = require("../core/index.cjs");
 const external_hooks_index_cjs_namespaceObject = require("../hooks/index.cjs");
 const external_manifests_index_cjs_namespaceObject = require("./manifests/index.cjs");
@@ -66,11 +64,7 @@ function withCanvasProviders(options = {}) {
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_hooks_index_cjs_namespaceObject.ValidationStatusContext.Provider, {
                     value: validations,
                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.ReactFlowProvider, {
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.TooltipProvider, {
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CanvasTooltip_cjs_namespaceObject.CanvasTooltipProviderMarker, {
-                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Story, {})
-                            })
-                        })
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Story, {})
                     })
                 })
             })

package/dist/canvas/storybook-utils/decorators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../../src/canvas/storybook-utils/decorators.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EACL,KAAK,0BAA0B,EAE/B,KAAK,2BAA2B,EAEjC,MAAM,UAAU,CAAC;AASlB,MAAM,MAAM,oBAAoB,GAAG,0BAA0B,CAAC;AAK9D,MAAM,WAAW,sBAAsB;IAIrC,cAAc,CAAC,EAAE,oBAAoB,CAAC;IAKtC,eAAe,CAAC,EAAE,2BAA2B,CAAC;IAM9C,UAAU,CAAC,EAAE,OAAO,CAAC;IAKrB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACtC;AAqED,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,sBAA2B,GAAG,SAAS,CAmCnF;AAaD,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAQrE"}
+{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../../src/canvas/storybook-utils/decorators.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,KAAK,0BAA0B,EAE/B,KAAK,2BAA2B,EAEjC,MAAM,UAAU,CAAC;AASlB,MAAM,MAAM,oBAAoB,GAAG,0BAA0B,CAAC;AAK9D,MAAM,WAAW,sBAAsB;IAIrC,cAAc,CAAC,EAAE,oBAAoB,CAAC;IAKtC,eAAe,CAAC,EAAE,2BAA2B,CAAC;IAM9C,UAAU,CAAC,EAAE,OAAO,CAAC;IAKrB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACtC;AAqED,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,sBAA2B,GAAG,SAAS,CA+BnF;AAaD,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAQrE"}

package/dist/canvas/storybook-utils/decorators.js

@@ -1,8 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { ReactFlowProvider } from "../xyflow/react.js";
-import { TooltipProvider } from "@uipath/apollo-wind";
 import { useMemo } from "react";
-import { CanvasTooltipProviderMarker } from "../components/CanvasTooltip.js";
 import { NodeRegistryProvider } from "../core/index.js";
 import { ExecutionStatusContext, ValidationStatusContext } from "../hooks/index.js";
 import { defaultWorkflowManifest } from "./manifests/index.js";
@@ -37,11 +35,7 @@ function withCanvasProviders(options = {}) {
                 children: /*#__PURE__*/ jsx(ValidationStatusContext.Provider, {
                     value: validations,
                     children: /*#__PURE__*/ jsx(ReactFlowProvider, {
-                        children: /*#__PURE__*/ jsx(TooltipProvider, {
-                            children: /*#__PURE__*/ jsx(CanvasTooltipProviderMarker, {
-                                children: /*#__PURE__*/ jsx(Story, {})
-                            })
-                        })
+                        children: /*#__PURE__*/ jsx(Story, {})
                     })
                 })
             })

package/dist/canvas/utils/adornment-resolver.cjs

@@ -33,8 +33,9 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_index_cjs_namespaceObject = require("../index.cjs");
+const index_cjs_namespaceObject = require("../../material/index.cjs");
+const components_index_cjs_namespaceObject = require("../../material/components/index.cjs");
 const external_react_namespaceObject = require("react");
-const CanvasTooltip_cjs_namespaceObject = require("../components/CanvasTooltip.cjs");
 const ExecutionStatusIcon_cjs_namespaceObject = require("../components/ExecutionStatusIcon/ExecutionStatusIcon.cjs");
 const validation_cjs_namespaceObject = require("../types/validation.cjs");
 function BreakpointIndicator({ isActive = true }) {
@@ -70,14 +71,14 @@ function ExecutionStatusIndicatorInternal({ status, count }) {
     });
 }
 function SquareDashedIndicator() {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApTooltip, {
         content: "Node output is mocked",
         placement: "bottom",
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
             style: {
                 display: 'inline-flex'
             },
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.CanvasIcon, {
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.NodeIcon, {
                 icon: "square-dashed",
                 size: 16,
                 color: "var(--color-foreground-emp)"
@@ -87,32 +88,32 @@ function SquareDashedIndicator() {
 }
 const ExecutionStatusIndicator = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(ExecutionStatusIndicatorInternal);
 function ValidationErrorIndicator({ message }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApTooltip, {
         content: message || 'Validation error',
         placement: "bottom",
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
             style: {
                 display: 'inline-flex'
             },
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.CanvasIcon, {
-                icon: "circle-alert",
-                size: 16,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_index_cjs_namespaceObject.ApIcon, {
+                name: "error",
+                size: "16px",
                 color: "var(--uix-canvas-error-icon)"
             })
         })
     });
 }
 function ValidationWarningIndicator({ message }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApTooltip, {
         content: message || 'Validation warning',
         placement: "bottom",
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
             style: {
                 display: 'inline-flex'
             },
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.CanvasIcon, {
-                icon: "triangle-alert",
-                size: 16,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_index_cjs_namespaceObject.ApIcon, {
+                name: "warning",
+                size: "16px",
                 color: "var(--uix-canvas-warning-icon)"
             })
         })

package/dist/canvas/utils/adornment-resolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"adornment-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/adornment-resolver.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAKvE,UAAU,wBAAwB;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAe,EAAE,EAAE,wBAAwB,kDAWhF;AAED,UAAU,iCAAiC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,QAAe,GAChB,EAAE,iCAAiC,kDAWnC;AAED,iBAAS,gCAAgC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAc/F;AAYD,eAAO,MAAM,wBAAwB,8EAAyC,CAAC;AAE/E,wBAAgB,wBAAwB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,2CAQzE;AAED,wBAAgB,0BAA0B,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,2CAQ3E;AA0CD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,iBAAiB,kBAG3D"}
+{"version":3,"file":"adornment-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/adornment-resolver.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAIvE,UAAU,wBAAwB;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAe,EAAE,EAAE,wBAAwB,kDAWhF;AAED,UAAU,iCAAiC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,QAAe,GAChB,EAAE,iCAAiC,kDAWnC;AAED,iBAAS,gCAAgC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAc/F;AAYD,eAAO,MAAM,wBAAwB,8EAAyC,CAAC;AAE/E,wBAAgB,wBAAwB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,2CAQzE;AAED,wBAAgB,0BAA0B,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,2CAQ3E;AA0CD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,iBAAiB,kBAG3D"}