@contentstack/live-preview-utils 3.1.0 → 3.2.0-alpha.1

package/dist/modern/visualBuilder/components/Collab/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,28 @@
+import React from 'preact/compat';
+
+/** @jsxImportSource preact */
+
+type ButtonGroupProps = {
+    /**
+     * Provides the class names to be appended to this prop.
+     */
+    className?: string;
+    /**
+     * Add child elements defined within a component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Pass the CSS properties for the button group.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Pass an ID that you can use for testing purposes. It is applied as a data attribute (data-testid).
+     */
+    testId?: string;
+};
+declare const ButtonGroup: {
+    (props: ButtonGroupProps): React.JSX.Element;
+    defaultProps: Partial<ButtonGroupProps>;
+};
+
+export { type ButtonGroupProps, ButtonGroup as default };

package/dist/modern/visualBuilder/components/Collab/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,32 @@
+import "../../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/Collab/ButtonGroup/ButtonGroup.tsx
+import cn from "classnames";
+import { collabStyles } from "../../../collab.style.js";
+import { jsx } from "preact/jsx-runtime";
+var ButtonGroup = (props) => {
+  const { className, children, style, testId, ...otherProps } = props;
+  const classNames = cn(
+    "collab-button-group",
+    collabStyles()["collab-button-group"],
+    className
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classNames,
+      style,
+      "data-testid": testId,
+      ...otherProps,
+      children
+    }
+  );
+};
+ButtonGroup.defaultProps = {
+  testId: "collab-button-group"
+};
+var ButtonGroup_default = ButtonGroup;
+export {
+  ButtonGroup_default as default
+};
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/modern/visualBuilder/components/Collab/ButtonGroup/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport cn from \"classnames\";\nimport { collabStyles } from \"../../../collab.style\";\n\nexport type ButtonGroupProps = {\n    /**\n     * Provides the class names to be appended to this prop.\n     */\n    className?: string;\n    /**\n     * Add child elements defined within a component.\n     */\n    children?: React.ReactNode;\n    /**\n     * Pass the CSS properties for the button group.\n     */\n    style?: React.CSSProperties;\n    /**\n     * Pass an ID that you can use for testing purposes. It is applied as a data attribute (data-testid).\n     */\n    testId?: string;\n};\n\nconst ButtonGroup = (props: ButtonGroupProps) => {\n    const { className, children, style, testId, ...otherProps } = props;\n    const classNames = cn(\n        \"collab-button-group\",\n        collabStyles()[\"collab-button-group\"],\n        className\n    );\n\n    return (\n        <div\n            className={classNames}\n            style={style}\n            data-testid={testId}\n            {...otherProps}\n        >\n            {children}\n        </div>\n    );\n};\n\nButtonGroup.defaultProps = {\n    testId: \"collab-button-group\",\n} as Partial<ButtonGroupProps>;\n\nexport default ButtonGroup;\n"],"mappings":";;;AAEA,OAAO,QAAQ;AACf,SAAS,oBAAoB;AA8BrB;AATR,IAAM,cAAc,CAAC,UAA4B;AAC7C,QAAM,EAAE,WAAW,UAAU,OAAO,QAAQ,GAAG,WAAW,IAAI;AAC9D,QAAM,aAAa;AAAA,IACf;AAAA,IACA,aAAa,EAAE,qBAAqB;AAAA,IACpC;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX;AAAA,MACA,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH;AAAA;AAAA,EACL;AAER;AAEA,YAAY,eAAe;AAAA,EACvB,QAAQ;AACZ;AAEA,IAAO,sBAAQ;","names":[]}

package/dist/modern/visualBuilder/components/Collab/CollabIndicator.cjs

@@ -0,0 +1,124 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/components/Collab/CollabIndicator.tsx
+var CollabIndicator_exports = {};
+__export(CollabIndicator_exports, {
+  default: () => CollabIndicator_default
+});
+module.exports = __toCommonJS(CollabIndicator_exports);
+var import_collab = require("../../collab.style.cjs");
+var import_classnames = __toESM(require("classnames"), 1);
+var import_ThreadPopup = __toESM(require("./ThreadPopup/index.cjs"), 1);
+var import_configManager = __toESM(require("../../../configManager/configManager.cjs"), 1);
+var import_useCollabIndicator = require("../../hooks/useCollabIndicator.cjs");
+var import_useCollabOperations = require("../../hooks/useCollabOperations.cjs");
+var import_generateThread = require("../../generators/generateThread.cjs");
+var import_CollabIcons = require("../icons/CollabIcons.cjs");
+var import_jsx_runtime = require("preact/jsx-runtime");
+var CollabIndicator = (props) => {
+  const config = import_configManager.default.get();
+  const inviteMetadata = config?.collab?.inviteMetadata;
+  const {
+    buttonRef,
+    popupRef,
+    showPopup,
+    setShowPopup,
+    activeThread,
+    setActiveThread,
+    togglePopup
+  } = (0, import_useCollabIndicator.useCollabIndicator)({
+    newThread: props.newThread ?? false,
+    thread: props.activeThread || { _id: "new" }
+  });
+  const {
+    createComment,
+    editComment,
+    deleteComment,
+    resolveThread,
+    fetchComments,
+    createNewThread,
+    deleteThread
+  } = (0, import_useCollabOperations.useCollabOperations)();
+  const handleClose = (isResolved = false) => {
+    if (isResolved) {
+      buttonRef.current?.closest("div[field-path]")?.remove();
+    }
+    (0, import_generateThread.handleEmptyThreads)();
+    setShowPopup(false);
+    if (config?.collab?.isFeedbackMode === false) {
+      import_configManager.default.set("collab.isFeedbackMode", true);
+    }
+  };
+  const IconComponent = import_CollabIcons.iconComponents["Indicator"];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        ref: buttonRef,
+        "data-testid": "collab-indicator",
+        className: (0, import_classnames.default)(
+          "collab-indicator",
+          (0, import_collab.collabStyles)()["collab-indicator"]
+        ),
+        onClick: togglePopup,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconComponent, { active: !showPopup })
+      }
+    ),
+    showPopup && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref: popupRef,
+        className: (0, import_classnames.default)(
+          "collab-popup",
+          (0, import_collab.collabStyles)()["collab-popup"]
+        ),
+        "data-testid": "collab-popup",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ThreadPopup.default,
+          {
+            onCreateComment: createComment,
+            onEditComment: editComment,
+            onDeleteComment: deleteComment,
+            onClose: handleClose,
+            onResolve: resolveThread,
+            inviteMetadata,
+            loadMoreMessages: fetchComments,
+            activeThread,
+            setActiveThread,
+            onDeleteThread: deleteThread,
+            createNewThread: () => createNewThread(buttonRef, inviteMetadata)
+          }
+        )
+      }
+    )
+  ] });
+};
+var CollabIndicator_default = CollabIndicator;
+//# sourceMappingURL=CollabIndicator.cjs.map

package/dist/modern/visualBuilder/components/Collab/CollabIndicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/visualBuilder/components/Collab/CollabIndicator.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport { collabStyles } from \"../../collab.style\";\nimport classNames from \"classnames\";\nimport React from \"preact/compat\";\nimport ThreadPopup from \"./ThreadPopup\";\nimport Config from \"../../../configManager/configManager\";\nimport { IActiveThread, IInviteMetadata } from \"../../types/collab.types\";\nimport { useCollabIndicator } from \"../../hooks/useCollabIndicator\";\nimport { useCollabOperations } from \"../../hooks/useCollabOperations\";\nimport { handleEmptyThreads } from \"../../generators/generateThread\";\nimport { iconComponents } from \"../icons/CollabIcons\";\nexport interface ICollabIndicator {\n    newThread?: boolean;\n    activeThread?: IActiveThread;\n}\n\nconst CollabIndicator: React.FC<ICollabIndicator> = (props) => {\n    const config = Config.get();\n    const inviteMetadata: IInviteMetadata = config?.collab?.inviteMetadata;\n\n    const {\n        buttonRef,\n        popupRef,\n        showPopup,\n        setShowPopup,\n        activeThread,\n        setActiveThread,\n        togglePopup,\n    } = useCollabIndicator({\n        newThread: props.newThread ?? false,\n        thread: props.activeThread || { _id: \"new\" },\n    });\n\n    const {\n        createComment,\n        editComment,\n        deleteComment,\n        resolveThread,\n        fetchComments,\n        createNewThread,\n        deleteThread,\n    } = useCollabOperations();\n\n    const handleClose = (isResolved: boolean = false) => {\n        if (isResolved) {\n            buttonRef.current?.closest(\"div[field-path]\")?.remove();\n        }\n        handleEmptyThreads();\n        setShowPopup(false);\n\n        if (config?.collab?.isFeedbackMode === false) {\n            Config.set(\"collab.isFeedbackMode\", true);\n        }\n    };\n    const IconComponent = iconComponents[\"Indicator\"];\n\n    return (\n        <>\n            <button\n                ref={buttonRef}\n                data-testid=\"collab-indicator\"\n                className={classNames(\n                    \"collab-indicator\",\n                    collabStyles()[\"collab-indicator\"]\n                )}\n                onClick={togglePopup}\n            >\n                <IconComponent active={!showPopup} />\n            </button>\n            {showPopup && (\n                <div\n                    ref={popupRef}\n                    className={classNames(\n                        \"collab-popup\",\n                        collabStyles()[\"collab-popup\"]\n                    )}\n                    data-testid=\"collab-popup\"\n                >\n                    <ThreadPopup\n                        onCreateComment={createComment}\n                        onEditComment={editComment}\n                        onDeleteComment={deleteComment}\n                        onClose={handleClose}\n                        onResolve={resolveThread}\n                        inviteMetadata={inviteMetadata}\n                        loadMoreMessages={fetchComments}\n                        activeThread={activeThread}\n                        setActiveThread={setActiveThread}\n                        onDeleteThread={deleteThread}\n                        createNewThread={() =>\n                            createNewThread(buttonRef, inviteMetadata)\n                        }\n                    />\n                </div>\n            )}\n        </>\n    );\n};\n\nexport default CollabIndicator;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAA6B;AAC7B,wBAAuB;AAEvB,yBAAwB;AACxB,2BAAmB;AAEnB,gCAAmC;AACnC,iCAAoC;AACpC,4BAAmC;AACnC,yBAA+B;AA+CvB;AAzCR,IAAM,kBAA8C,CAAC,UAAU;AAC3D,QAAM,SAAS,qBAAAA,QAAO,IAAI;AAC1B,QAAM,iBAAkC,QAAQ,QAAQ;AAExD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,QAAI,8CAAmB;AAAA,IACnB,WAAW,MAAM,aAAa;AAAA,IAC9B,QAAQ,MAAM,gBAAgB,EAAE,KAAK,MAAM;AAAA,EAC/C,CAAC;AAED,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,QAAI,gDAAoB;AAExB,QAAM,cAAc,CAAC,aAAsB,UAAU;AACjD,QAAI,YAAY;AACZ,gBAAU,SAAS,QAAQ,iBAAiB,GAAG,OAAO;AAAA,IAC1D;AACA,kDAAmB;AACnB,iBAAa,KAAK;AAElB,QAAI,QAAQ,QAAQ,mBAAmB,OAAO;AAC1C,2BAAAA,QAAO,IAAI,yBAAyB,IAAI;AAAA,IAC5C;AAAA,EACJ;AACA,QAAM,gBAAgB,kCAAe,WAAW;AAEhD,SACI,4EACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,KAAK;AAAA,QACL,eAAY;AAAA,QACZ,eAAW,kBAAAC;AAAA,UACP;AAAA,cACA,4BAAa,EAAE,kBAAkB;AAAA,QACrC;AAAA,QACA,SAAS;AAAA,QAET,sDAAC,iBAAc,QAAQ,CAAC,WAAW;AAAA;AAAA,IACvC;AAAA,IACC,aACG;AAAA,MAAC;AAAA;AAAA,QACG,KAAK;AAAA,QACL,eAAW,kBAAAA;AAAA,UACP;AAAA,cACA,4BAAa,EAAE,cAAc;AAAA,QACjC;AAAA,QACA,eAAY;AAAA,QAEZ;AAAA,UAAC,mBAAAC;AAAA,UAAA;AAAA,YACG,iBAAiB;AAAA,YACjB,eAAe;AAAA,YACf,iBAAiB;AAAA,YACjB,SAAS;AAAA,YACT,WAAW;AAAA,YACX;AAAA,YACA,kBAAkB;AAAA,YAClB;AAAA,YACA;AAAA,YACA,gBAAgB;AAAA,YAChB,iBAAiB,MACb,gBAAgB,WAAW,cAAc;AAAA;AAAA,QAEjD;AAAA;AAAA,IACJ;AAAA,KAER;AAER;AAEA,IAAO,0BAAQ;","names":["Config","classNames","ThreadPopup"]}

package/dist/modern/visualBuilder/components/Collab/CollabIndicator.d.cts

@@ -0,0 +1,10 @@
+import React from 'preact/compat';
+import { IActiveThread } from '../../types/collab.types.cjs';
+
+interface ICollabIndicator {
+    newThread?: boolean;
+    activeThread?: IActiveThread;
+}
+declare const CollabIndicator: React.FC<ICollabIndicator>;
+
+export { type ICollabIndicator, CollabIndicator as default };

package/dist/modern/visualBuilder/components/Collab/CollabIndicator.d.ts

@@ -0,0 +1,10 @@
+import React from 'preact/compat';
+import { IActiveThread } from '../../types/collab.types.js';
+
+interface ICollabIndicator {
+    newThread?: boolean;
+    activeThread?: IActiveThread;
+}
+declare const CollabIndicator: React.FC<ICollabIndicator>;
+
+export { type ICollabIndicator, CollabIndicator as default };

package/dist/modern/visualBuilder/components/Collab/CollabIndicator.js

@@ -0,0 +1,95 @@
+import "../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/Collab/CollabIndicator.tsx
+import { collabStyles } from "../../collab.style.js";
+import classNames from "classnames";
+import ThreadPopup from "./ThreadPopup/index.js";
+import Config from "../../../configManager/configManager.js";
+import { useCollabIndicator } from "../../hooks/useCollabIndicator.js";
+import { useCollabOperations } from "../../hooks/useCollabOperations.js";
+import { handleEmptyThreads } from "../../generators/generateThread.js";
+import { iconComponents } from "../icons/CollabIcons.js";
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
+var CollabIndicator = (props) => {
+  const config = Config.get();
+  const inviteMetadata = config?.collab?.inviteMetadata;
+  const {
+    buttonRef,
+    popupRef,
+    showPopup,
+    setShowPopup,
+    activeThread,
+    setActiveThread,
+    togglePopup
+  } = useCollabIndicator({
+    newThread: props.newThread ?? false,
+    thread: props.activeThread || { _id: "new" }
+  });
+  const {
+    createComment,
+    editComment,
+    deleteComment,
+    resolveThread,
+    fetchComments,
+    createNewThread,
+    deleteThread
+  } = useCollabOperations();
+  const handleClose = (isResolved = false) => {
+    if (isResolved) {
+      buttonRef.current?.closest("div[field-path]")?.remove();
+    }
+    handleEmptyThreads();
+    setShowPopup(false);
+    if (config?.collab?.isFeedbackMode === false) {
+      Config.set("collab.isFeedbackMode", true);
+    }
+  };
+  const IconComponent = iconComponents["Indicator"];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref: buttonRef,
+        "data-testid": "collab-indicator",
+        className: classNames(
+          "collab-indicator",
+          collabStyles()["collab-indicator"]
+        ),
+        onClick: togglePopup,
+        children: /* @__PURE__ */ jsx(IconComponent, { active: !showPopup })
+      }
+    ),
+    showPopup && /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: popupRef,
+        className: classNames(
+          "collab-popup",
+          collabStyles()["collab-popup"]
+        ),
+        "data-testid": "collab-popup",
+        children: /* @__PURE__ */ jsx(
+          ThreadPopup,
+          {
+            onCreateComment: createComment,
+            onEditComment: editComment,
+            onDeleteComment: deleteComment,
+            onClose: handleClose,
+            onResolve: resolveThread,
+            inviteMetadata,
+            loadMoreMessages: fetchComments,
+            activeThread,
+            setActiveThread,
+            onDeleteThread: deleteThread,
+            createNewThread: () => createNewThread(buttonRef, inviteMetadata)
+          }
+        )
+      }
+    )
+  ] });
+};
+var CollabIndicator_default = CollabIndicator;
+export {
+  CollabIndicator_default as default
+};
+//# sourceMappingURL=CollabIndicator.js.map

package/dist/modern/visualBuilder/components/Collab/CollabIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/visualBuilder/components/Collab/CollabIndicator.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport { collabStyles } from \"../../collab.style\";\nimport classNames from \"classnames\";\nimport React from \"preact/compat\";\nimport ThreadPopup from \"./ThreadPopup\";\nimport Config from \"../../../configManager/configManager\";\nimport { IActiveThread, IInviteMetadata } from \"../../types/collab.types\";\nimport { useCollabIndicator } from \"../../hooks/useCollabIndicator\";\nimport { useCollabOperations } from \"../../hooks/useCollabOperations\";\nimport { handleEmptyThreads } from \"../../generators/generateThread\";\nimport { iconComponents } from \"../icons/CollabIcons\";\nexport interface ICollabIndicator {\n    newThread?: boolean;\n    activeThread?: IActiveThread;\n}\n\nconst CollabIndicator: React.FC<ICollabIndicator> = (props) => {\n    const config = Config.get();\n    const inviteMetadata: IInviteMetadata = config?.collab?.inviteMetadata;\n\n    const {\n        buttonRef,\n        popupRef,\n        showPopup,\n        setShowPopup,\n        activeThread,\n        setActiveThread,\n        togglePopup,\n    } = useCollabIndicator({\n        newThread: props.newThread ?? false,\n        thread: props.activeThread || { _id: \"new\" },\n    });\n\n    const {\n        createComment,\n        editComment,\n        deleteComment,\n        resolveThread,\n        fetchComments,\n        createNewThread,\n        deleteThread,\n    } = useCollabOperations();\n\n    const handleClose = (isResolved: boolean = false) => {\n        if (isResolved) {\n            buttonRef.current?.closest(\"div[field-path]\")?.remove();\n        }\n        handleEmptyThreads();\n        setShowPopup(false);\n\n        if (config?.collab?.isFeedbackMode === false) {\n            Config.set(\"collab.isFeedbackMode\", true);\n        }\n    };\n    const IconComponent = iconComponents[\"Indicator\"];\n\n    return (\n        <>\n            <button\n                ref={buttonRef}\n                data-testid=\"collab-indicator\"\n                className={classNames(\n                    \"collab-indicator\",\n                    collabStyles()[\"collab-indicator\"]\n                )}\n                onClick={togglePopup}\n            >\n                <IconComponent active={!showPopup} />\n            </button>\n            {showPopup && (\n                <div\n                    ref={popupRef}\n                    className={classNames(\n                        \"collab-popup\",\n                        collabStyles()[\"collab-popup\"]\n                    )}\n                    data-testid=\"collab-popup\"\n                >\n                    <ThreadPopup\n                        onCreateComment={createComment}\n                        onEditComment={editComment}\n                        onDeleteComment={deleteComment}\n                        onClose={handleClose}\n                        onResolve={resolveThread}\n                        inviteMetadata={inviteMetadata}\n                        loadMoreMessages={fetchComments}\n                        activeThread={activeThread}\n                        setActiveThread={setActiveThread}\n                        onDeleteThread={deleteThread}\n                        createNewThread={() =>\n                            createNewThread(buttonRef, inviteMetadata)\n                        }\n                    />\n                </div>\n            )}\n        </>\n    );\n};\n\nexport default CollabIndicator;\n"],"mappings":";;;AACA,SAAS,oBAAoB;AAC7B,OAAO,gBAAgB;AAEvB,OAAO,iBAAiB;AACxB,OAAO,YAAY;AAEnB,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AA+CvB,mBAUQ,KAVR;AAzCR,IAAM,kBAA8C,CAAC,UAAU;AAC3D,QAAM,SAAS,OAAO,IAAI;AAC1B,QAAM,iBAAkC,QAAQ,QAAQ;AAExD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI,mBAAmB;AAAA,IACnB,WAAW,MAAM,aAAa;AAAA,IAC9B,QAAQ,MAAM,gBAAgB,EAAE,KAAK,MAAM;AAAA,EAC/C,CAAC;AAED,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI,oBAAoB;AAExB,QAAM,cAAc,CAAC,aAAsB,UAAU;AACjD,QAAI,YAAY;AACZ,gBAAU,SAAS,QAAQ,iBAAiB,GAAG,OAAO;AAAA,IAC1D;AACA,uBAAmB;AACnB,iBAAa,KAAK;AAElB,QAAI,QAAQ,QAAQ,mBAAmB,OAAO;AAC1C,aAAO,IAAI,yBAAyB,IAAI;AAAA,IAC5C;AAAA,EACJ;AACA,QAAM,gBAAgB,eAAe,WAAW;AAEhD,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,KAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAW;AAAA,UACP;AAAA,UACA,aAAa,EAAE,kBAAkB;AAAA,QACrC;AAAA,QACA,SAAS;AAAA,QAET,8BAAC,iBAAc,QAAQ,CAAC,WAAW;AAAA;AAAA,IACvC;AAAA,IACC,aACG;AAAA,MAAC;AAAA;AAAA,QACG,KAAK;AAAA,QACL,WAAW;AAAA,UACP;AAAA,UACA,aAAa,EAAE,cAAc;AAAA,QACjC;AAAA,QACA,eAAY;AAAA,QAEZ;AAAA,UAAC;AAAA;AAAA,YACG,iBAAiB;AAAA,YACjB,eAAe;AAAA,YACf,iBAAiB;AAAA,YACjB,SAAS;AAAA,YACT,WAAW;AAAA,YACX;AAAA,YACA,kBAAkB;AAAA,YAClB;AAAA,YACA;AAAA,YACA,gBAAgB;AAAA,YAChB,iBAAiB,MACb,gBAAgB,WAAW,cAAc;AAAA;AAAA,QAEjD;AAAA;AAAA,IACJ;AAAA,KAER;AAER;AAEA,IAAO,0BAAQ;","names":[]}

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.cjs

@@ -0,0 +1,82 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/components/Collab/Icon/Icon.tsx
+var Icon_exports = {};
+__export(Icon_exports, {
+  default: () => Icon_default
+});
+module.exports = __toCommonJS(Icon_exports);
+var import_Tooltip = __toESM(require("../Tooltip/Tooltip.cjs"), 1);
+var import_CollabIcons = require("../../icons/CollabIcons.cjs");
+var import_classnames = __toESM(require("classnames"), 1);
+var import_collab = require("../../../collab.style.cjs");
+var import_jsx_runtime = require("preact/jsx-runtime");
+var IconWrapper = ({
+  icon,
+  className,
+  onClick,
+  testId,
+  ...otherProps
+}) => {
+  const IconComponent = import_CollabIcons.iconComponents[icon];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        "collab-icon-wrapper",
+        (0, import_collab.collabStyles)()["collab-icon-wrapper"]
+      ),
+      onClick,
+      "data-testid": testId,
+      ...otherProps,
+      children: IconComponent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        IconComponent,
+        {
+          className: (0, import_classnames.default)(
+            "collab-icon",
+            (0, import_collab.collabStyles)()["collab-icon"],
+            className
+          )
+        }
+      ) : null
+    }
+  );
+};
+var withTooltip = (Component) => ({
+  withTooltip: withTooltip2 = false,
+  tooltipContent = "",
+  testId = "collab-icon",
+  ...props
+}) => {
+  return withTooltip2 && tooltipContent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-testid": testId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tooltip.default, { content: tooltipContent, position: "bottom", testId: "collab-icon-tooltip", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props, testId });
+};
+var Icon = withTooltip(IconWrapper);
+var Icon_default = Icon;
+//# sourceMappingURL=Icon.cjs.map

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Icon/Icon.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { iconComponents } from \"../../icons/CollabIcons\";\nimport classNames from \"classnames\";\nimport { collabStyles } from \"../../../collab.style\";\n\ntype IconName = keyof typeof iconComponents;\n\nexport interface IconProps {\n    icon: IconName;\n    tooltipContent?: string;\n    className?: string;\n    withTooltip?: boolean;\n    onClick?: JSX.MouseEventHandler<HTMLDivElement>;\n    testId?: string;\n}\n\nconst IconWrapper = ({\n    icon,\n    className,\n    onClick,\n    testId, \n    ...otherProps\n}: Omit<IconProps, \"withTooltip\" | \"tooltipContent\">) => {\n    const IconComponent = iconComponents[icon];\n\n    return (\n        <div\n            className={classNames(\n                \"collab-icon-wrapper\",\n                collabStyles()[\"collab-icon-wrapper\"]\n            )}\n            onClick={onClick}\n            data-testid={testId}\n            {...otherProps}\n        >\n            {IconComponent ? (\n                <IconComponent\n                    className={classNames(\n                        \"collab-icon\",\n                        collabStyles()[\"collab-icon\"],\n                        className\n                    )}\n                />\n            ) : null}\n        </div>\n    );\n};\n\nconst withTooltip = (Component: typeof IconWrapper) => ({\n    withTooltip = false,\n    tooltipContent = \"\",\n    testId = \"collab-icon\",\n    ...props\n}: IconProps) => {\n    return withTooltip && tooltipContent ? (\n        <div data-testid={testId}>\n            <Tooltip content={tooltipContent} position=\"bottom\" testId=\"collab-icon-tooltip\">\n                <Component {...props}  />\n            </Tooltip>\n        </div>\n    ) : (\n        \n        <Component {...props} testId={testId} />\n    );\n};\n\nconst Icon = withTooltip(IconWrapper);\n\nexport default Icon;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAoB;AACpB,yBAA+B;AAC/B,wBAAuB;AACvB,oBAA6B;AAiCb;AApBhB,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyD;AACrD,QAAM,gBAAgB,kCAAe,IAAI;AAEzC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAA;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,qBAAqB;AAAA,MACxC;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,0BACG;AAAA,QAAC;AAAA;AAAA,UACG,eAAW,kBAAAA;AAAA,YACP;AAAA,gBACA,4BAAa,EAAE,aAAa;AAAA,YAC5B;AAAA,UACJ;AAAA;AAAA,MACJ,IACA;AAAA;AAAA,EACR;AAER;AAEA,IAAM,cAAc,CAAC,cAAkC,CAAC;AAAA,EACpD,aAAAC,eAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,GAAG;AACP,MAAiB;AACb,SAAOA,gBAAe,iBAClB,4CAAC,SAAI,eAAa,QACd,sDAAC,eAAAC,SAAA,EAAQ,SAAS,gBAAgB,UAAS,UAAS,QAAO,uBACvD,sDAAC,aAAW,GAAG,OAAQ,GAC3B,GACJ,IAGA,4CAAC,aAAW,GAAG,OAAO,QAAgB;AAE9C;AAEA,IAAM,OAAO,YAAY,WAAW;AAEpC,IAAO,eAAQ;","names":["classNames","withTooltip","Tooltip"]}

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.d.cts

@@ -0,0 +1,18 @@
+import React from 'preact/compat';
+import { JSX } from 'preact';
+import { iconComponents } from '../../icons/CollabIcons.cjs';
+
+/** @jsxImportSource preact */
+
+type IconName = keyof typeof iconComponents;
+interface IconProps {
+    icon: IconName;
+    tooltipContent?: string;
+    className?: string;
+    withTooltip?: boolean;
+    onClick?: JSX.MouseEventHandler<HTMLDivElement>;
+    testId?: string;
+}
+declare const Icon: ({ withTooltip, tooltipContent, testId, ...props }: IconProps) => React.JSX.Element;
+
+export { type IconProps, Icon as default };

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.d.ts

@@ -0,0 +1,18 @@
+import React from 'preact/compat';
+import { JSX } from 'preact';
+import { iconComponents } from '../../icons/CollabIcons.js';
+
+/** @jsxImportSource preact */
+
+type IconName = keyof typeof iconComponents;
+interface IconProps {
+    icon: IconName;
+    tooltipContent?: string;
+    className?: string;
+    withTooltip?: boolean;
+    onClick?: JSX.MouseEventHandler<HTMLDivElement>;
+    testId?: string;
+}
+declare const Icon: ({ withTooltip, tooltipContent, testId, ...props }: IconProps) => React.JSX.Element;
+
+export { type IconProps, Icon as default };

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.js

@@ -0,0 +1,53 @@
+import "../../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/Collab/Icon/Icon.tsx
+import Tooltip from "../Tooltip/Tooltip.js";
+import { iconComponents } from "../../icons/CollabIcons.js";
+import classNames from "classnames";
+import { collabStyles } from "../../../collab.style.js";
+import { jsx } from "preact/jsx-runtime";
+var IconWrapper = ({
+  icon,
+  className,
+  onClick,
+  testId,
+  ...otherProps
+}) => {
+  const IconComponent = iconComponents[icon];
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classNames(
+        "collab-icon-wrapper",
+        collabStyles()["collab-icon-wrapper"]
+      ),
+      onClick,
+      "data-testid": testId,
+      ...otherProps,
+      children: IconComponent ? /* @__PURE__ */ jsx(
+        IconComponent,
+        {
+          className: classNames(
+            "collab-icon",
+            collabStyles()["collab-icon"],
+            className
+          )
+        }
+      ) : null
+    }
+  );
+};
+var withTooltip = (Component) => ({
+  withTooltip: withTooltip2 = false,
+  tooltipContent = "",
+  testId = "collab-icon",
+  ...props
+}) => {
+  return withTooltip2 && tooltipContent ? /* @__PURE__ */ jsx("div", { "data-testid": testId, children: /* @__PURE__ */ jsx(Tooltip, { content: tooltipContent, position: "bottom", testId: "collab-icon-tooltip", children: /* @__PURE__ */ jsx(Component, { ...props }) }) }) : /* @__PURE__ */ jsx(Component, { ...props, testId });
+};
+var Icon = withTooltip(IconWrapper);
+var Icon_default = Icon;
+export {
+  Icon_default as default
+};
+//# sourceMappingURL=Icon.js.map

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Icon/Icon.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { iconComponents } from \"../../icons/CollabIcons\";\nimport classNames from \"classnames\";\nimport { collabStyles } from \"../../../collab.style\";\n\ntype IconName = keyof typeof iconComponents;\n\nexport interface IconProps {\n    icon: IconName;\n    tooltipContent?: string;\n    className?: string;\n    withTooltip?: boolean;\n    onClick?: JSX.MouseEventHandler<HTMLDivElement>;\n    testId?: string;\n}\n\nconst IconWrapper = ({\n    icon,\n    className,\n    onClick,\n    testId, \n    ...otherProps\n}: Omit<IconProps, \"withTooltip\" | \"tooltipContent\">) => {\n    const IconComponent = iconComponents[icon];\n\n    return (\n        <div\n            className={classNames(\n                \"collab-icon-wrapper\",\n                collabStyles()[\"collab-icon-wrapper\"]\n            )}\n            onClick={onClick}\n            data-testid={testId}\n            {...otherProps}\n        >\n            {IconComponent ? (\n                <IconComponent\n                    className={classNames(\n                        \"collab-icon\",\n                        collabStyles()[\"collab-icon\"],\n                        className\n                    )}\n                />\n            ) : null}\n        </div>\n    );\n};\n\nconst withTooltip = (Component: typeof IconWrapper) => ({\n    withTooltip = false,\n    tooltipContent = \"\",\n    testId = \"collab-icon\",\n    ...props\n}: IconProps) => {\n    return withTooltip && tooltipContent ? (\n        <div data-testid={testId}>\n            <Tooltip content={tooltipContent} position=\"bottom\" testId=\"collab-icon-tooltip\">\n                <Component {...props}  />\n            </Tooltip>\n        </div>\n    ) : (\n        \n        <Component {...props} testId={testId} />\n    );\n};\n\nconst Icon = withTooltip(IconWrapper);\n\nexport default Icon;\n"],"mappings":";;;AAGA,OAAO,aAAa;AACpB,SAAS,sBAAsB;AAC/B,OAAO,gBAAgB;AACvB,SAAS,oBAAoB;AAiCb;AApBhB,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyD;AACrD,QAAM,gBAAgB,eAAe,IAAI;AAEzC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,qBAAqB;AAAA,MACxC;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,0BACG;AAAA,QAAC;AAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,aAAa,EAAE,aAAa;AAAA,YAC5B;AAAA,UACJ;AAAA;AAAA,MACJ,IACA;AAAA;AAAA,EACR;AAER;AAEA,IAAM,cAAc,CAAC,cAAkC,CAAC;AAAA,EACpD,aAAAA,eAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,GAAG;AACP,MAAiB;AACb,SAAOA,gBAAe,iBAClB,oBAAC,SAAI,eAAa,QACd,8BAAC,WAAQ,SAAS,gBAAgB,UAAS,UAAS,QAAO,uBACvD,8BAAC,aAAW,GAAG,OAAQ,GAC3B,GACJ,IAGA,oBAAC,aAAW,GAAG,OAAO,QAAgB;AAE9C;AAEA,IAAM,OAAO,YAAY,WAAW;AAEpC,IAAO,eAAQ;","names":["withTooltip"]}

package/dist/modern/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.cjs

@@ -0,0 +1,81 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.tsx
+var SkeletonTile_exports = {};
+__export(SkeletonTile_exports, {
+  default: () => SkeletonTile_default
+});
+module.exports = __toCommonJS(SkeletonTile_exports);
+var import_collab = require("../../../collab.style.cjs");
+var import_classnames = __toESM(require("classnames"), 1);
+var import_jsx_runtime = require("preact/jsx-runtime");
+var SkeletonTile = (props) => {
+  const {
+    numberOfTiles,
+    tileleftSpace,
+    tileTopSpace,
+    tileHeight,
+    tileBottomSpace,
+    tileWidth,
+    testId,
+    tileRadius = 7
+  } = props;
+  const svgHeight = numberOfTiles * tileHeight + numberOfTiles * tileBottomSpace + numberOfTiles * tileTopSpace;
+  const svgWidth = typeof tileWidth === "string" ? tileWidth : tileWidth + tileleftSpace;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      "data-testid": testId,
+      height: svgHeight,
+      width: svgWidth,
+      className: (0, import_classnames.default)(
+        "collab-skeletonTileSvgClass",
+        (0, import_collab.collabStyles)()["collab-skeletonTileSvgClass"]
+      ),
+      fill: "#EDF1F7",
+      children: Array.from({ length: numberOfTiles }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "rect",
+        {
+          "data-testid": "rect",
+          x: tileleftSpace,
+          y: index * (tileHeight + tileBottomSpace) + tileTopSpace,
+          rx: tileRadius,
+          width: tileWidth,
+          height: tileHeight
+        }
+      ) }, index))
+    }
+  );
+};
+SkeletonTile.defaultProps = {
+  testId: "collab-skeletonTile"
+};
+var SkeletonTile_default = SkeletonTile;
+//# sourceMappingURL=SkeletonTile.cjs.map

package/dist/modern/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nexport type SkeletonTileProps = {\n    numberOfTiles: number;\n    tileHeight: number;\n    tileWidth: number | string;\n    tileBottomSpace: number;\n    tileTopSpace: number;\n    tileleftSpace: number;\n    tileRadius?: number;\n    testId?: string;\n};\n\nconst SkeletonTile: React.FC<SkeletonTileProps> = (props) => {\n    const {\n        numberOfTiles,\n        tileleftSpace,\n        tileTopSpace,\n        tileHeight,\n        tileBottomSpace,\n        tileWidth,\n        testId,\n        tileRadius = 7,\n    } = props;\n\n    const svgHeight =\n        numberOfTiles * tileHeight +\n        numberOfTiles * tileBottomSpace +\n        numberOfTiles * tileTopSpace;\n\n    const svgWidth =\n        typeof tileWidth === \"string\" ? tileWidth : tileWidth + tileleftSpace;\n\n    return (\n        <svg\n            data-testid={testId}\n            height={svgHeight}\n            width={svgWidth}\n            className={classNames(\n                \"collab-skeletonTileSvgClass\",\n                collabStyles()[\"collab-skeletonTileSvgClass\"]\n            )}\n            fill=\"#EDF1F7\"\n        >\n            {Array.from({ length: numberOfTiles }).map((_, index) => (\n                <g key={index}>\n                    <rect\n                        data-testid=\"rect\"\n                        x={tileleftSpace}\n                        y={\n                            index * (tileHeight + tileBottomSpace) +\n                            tileTopSpace\n                        }\n                        rx={tileRadius}\n                        width={tileWidth}\n                        height={tileHeight}\n                    />\n                </g>\n            ))}\n        </svg>\n    );\n};\n\nSkeletonTile.defaultProps = {\n    testId: \"collab-skeletonTile\",\n} as Partial<SkeletonTileProps>;\n\nexport default SkeletonTile;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,oBAA6B;AAC7B,wBAAuB;AA8CH;AAjCpB,IAAM,eAA4C,CAAC,UAAU;AACzD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,EACjB,IAAI;AAEJ,QAAM,YACF,gBAAgB,aAChB,gBAAgB,kBAChB,gBAAgB;AAEpB,QAAM,WACF,OAAO,cAAc,WAAW,YAAY,YAAY;AAE5D,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAa;AAAA,MACb,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,eAAW,kBAAAA;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,6BAA6B;AAAA,MAChD;AAAA,MACA,MAAK;AAAA,MAEJ,gBAAM,KAAK,EAAE,QAAQ,cAAc,CAAC,EAAE,IAAI,CAAC,GAAG,UAC3C,4CAAC,OACG;AAAA,QAAC;AAAA;AAAA,UACG,eAAY;AAAA,UACZ,GAAG;AAAA,UACH,GACI,SAAS,aAAa,mBACtB;AAAA,UAEJ,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA;AAAA,MACZ,KAXI,KAYR,CACH;AAAA;AAAA,EACL;AAER;AAEA,aAAa,eAAe;AAAA,EACxB,QAAQ;AACZ;AAEA,IAAO,uBAAQ;","names":["classNames"]}

package/dist/modern/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.d.cts

@@ -0,0 +1,17 @@
+import React from 'preact/compat';
+
+/** @jsxImportSource preact */
+
+type SkeletonTileProps = {
+    numberOfTiles: number;
+    tileHeight: number;
+    tileWidth: number | string;
+    tileBottomSpace: number;
+    tileTopSpace: number;
+    tileleftSpace: number;
+    tileRadius?: number;
+    testId?: string;
+};
+declare const SkeletonTile: React.FC<SkeletonTileProps>;
+
+export { type SkeletonTileProps, SkeletonTile as default };

package/dist/modern/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.d.ts

@@ -0,0 +1,17 @@
+import React from 'preact/compat';
+
+/** @jsxImportSource preact */
+
+type SkeletonTileProps = {
+    numberOfTiles: number;
+    tileHeight: number;
+    tileWidth: number | string;
+    tileBottomSpace: number;
+    tileTopSpace: number;
+    tileleftSpace: number;
+    tileRadius?: number;
+    testId?: string;
+};
+declare const SkeletonTile: React.FC<SkeletonTileProps>;
+
+export { type SkeletonTileProps, SkeletonTile as default };