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

package/dist/legacy/visualBuilder/components/Collab/Avatar/Avatar.cjs

@@ -0,0 +1,116 @@
+"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/Avatar/Avatar.tsx
+var Avatar_exports = {};
+__export(Avatar_exports, {
+  default: () => Avatar_default
+});
+module.exports = __toCommonJS(Avatar_exports);
+var import_Tooltip = __toESM(require("../Tooltip/Tooltip.cjs"), 1);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_collab = require("../../../collab.style.cjs");
+var import_jsx_runtime = require("preact/jsx-runtime");
+function getInitials(name) {
+  if (!name) return "";
+  const nameParts = name.trim().split(" ");
+  if (nameParts.length === 1) {
+    return name.substring(0, 2);
+  }
+  return nameParts[0][0] + nameParts[nameParts.length - 1][0];
+}
+function DisplayAvatarContent({
+  type,
+  avatar,
+  initials
+}) {
+  if (type === "image" && avatar.image) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        "data-testid": "collab-avatar-image",
+        src: avatar.image,
+        alt: avatar.name,
+        className: (0, import_classnames.default)(
+          "collab-avatar__image",
+          (0, import_collab.collabStyles)()["collab-avatar__image"]
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `collab-avatar-link__initials`, children: initials });
+}
+function Avatar({
+  avatar,
+  type = "text",
+  testId = "collab-avatar"
+}) {
+  const initials = getInitials(avatar.name);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-testid": testId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Tooltip.default,
+    {
+      content: avatar.name || avatar.email || "",
+      position: "bottom",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: (0, import_classnames.default)(
+            "collab-avatar",
+            "collab-avatar--single",
+            "flex-v-center",
+            (0, import_collab.collabStyles)()["collab-avatar"],
+            (0, import_collab.collabStyles)()["collab-avatar--single"],
+            import_collab.flexAlignCenter
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              className: (0, import_classnames.default)(
+                "collab-avatar__link",
+                "flex-v-center",
+                (0, import_collab.collabStyles)()["collab-avatar__link"],
+                import_collab.flexAlignCenter
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                DisplayAvatarContent,
+                {
+                  type,
+                  avatar,
+                  initials
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+  ) });
+}
+var Avatar_default = Avatar;
+//# sourceMappingURL=Avatar.cjs.map

package/dist/legacy/visualBuilder/components/Collab/Avatar/Avatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Avatar/Avatar.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport classNames from \"classnames\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\n\nexport type AvatarProps = {\n    avatar: AvatarData;\n    type?: \"text\" | \"image\";\n    testId?: string;\n};\n\nexport type AvatarData = {\n    id: number;\n    name: string;\n    image?: string;\n    email?: string;\n};\n\ninterface DisplayAvatarContentProps {\n    type: \"text\" | \"image\";\n    avatar: AvatarData;\n    initials: string;\n}\n\nfunction getInitials(name?: string): string {\n    if (!name) return \"\";\n\n    const nameParts = name.trim().split(\" \");\n\n    if (nameParts.length === 1) {\n        return name.substring(0, 2);\n    }\n\n    return nameParts[0][0] + nameParts[nameParts.length - 1][0];\n}\n\nfunction DisplayAvatarContent({\n    type,\n    avatar,\n    initials,\n}: DisplayAvatarContentProps) {\n    if (type === \"image\" && avatar.image) {\n        return (\n            <img\n                data-testid={\"collab-avatar-image\"}\n                src={avatar.image}\n                alt={avatar.name}\n                className={classNames(\n                    \"collab-avatar__image\",\n                    collabStyles()[\"collab-avatar__image\"]\n                )}\n            />\n        );\n    }\n    return <span className={`collab-avatar-link__initials`}>{initials}</span>;\n}\n\nfunction Avatar({\n    avatar,\n    type = \"text\",\n    testId = \"collab-avatar\",\n}: AvatarProps) {\n    const initials = getInitials(avatar.name);\n    return (\n        <div data-testid={testId}>\n            <Tooltip\n                content={avatar.name || avatar.email || \"\"}\n                position=\"bottom\"\n            >\n                <div\n                    className={classNames(\n                        \"collab-avatar\",\n                        \"collab-avatar--single\",\n                        \"flex-v-center\",\n                        collabStyles()[\"collab-avatar\"],\n                        collabStyles()[\"collab-avatar--single\"],\n                        flexAlignCenter\n                    )}\n                >\n                    <span\n                        className={classNames(\n                            \"collab-avatar__link\",\n                            \"flex-v-center\",\n                            collabStyles()[\"collab-avatar__link\"],\n                            flexAlignCenter\n                        )}\n                    >\n                        <DisplayAvatarContent\n                            type={type}\n                            avatar={avatar}\n                            initials={initials}\n                        />\n                    </span>\n                </div>\n            </Tooltip>\n        </div>\n    );\n}\n\nexport default Avatar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,qBAAoB;AACpB,wBAAuB;AACvB,oBAA8C;AAwClC;AAnBZ,SAAS,YAAY,MAAuB;AACxC,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,YAAY,KAAK,KAAK,EAAE,MAAM,GAAG;AAEvC,MAAI,UAAU,WAAW,GAAG;AACxB,WAAO,KAAK,UAAU,GAAG,CAAC;AAAA,EAC9B;AAEA,SAAO,UAAU,CAAC,EAAE,CAAC,IAAI,UAAU,UAAU,SAAS,CAAC,EAAE,CAAC;AAC9D;AAEA,SAAS,qBAAqB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACJ,GAA8B;AAC1B,MAAI,SAAS,WAAW,OAAO,OAAO;AAClC,WACI;AAAA,MAAC;AAAA;AAAA,QACG,eAAa;AAAA,QACb,KAAK,OAAO;AAAA,QACZ,KAAK,OAAO;AAAA,QACZ,eAAW,kBAAAA;AAAA,UACP;AAAA,cACA,4BAAa,EAAE,sBAAsB;AAAA,QACzC;AAAA;AAAA,IACJ;AAAA,EAER;AACA,SAAO,4CAAC,UAAK,WAAW,gCAAiC,oBAAS;AACtE;AAEA,SAAS,OAAO;AAAA,EACZ;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AACb,GAAgB;AACZ,QAAM,WAAW,YAAY,OAAO,IAAI;AACxC,SACI,4CAAC,SAAI,eAAa,QACd;AAAA,IAAC,eAAAC;AAAA,IAAA;AAAA,MACG,SAAS,OAAO,QAAQ,OAAO,SAAS;AAAA,MACxC,UAAS;AAAA,MAET;AAAA,QAAC;AAAA;AAAA,UACG,eAAW,kBAAAD;AAAA,YACP;AAAA,YACA;AAAA,YACA;AAAA,gBACA,4BAAa,EAAE,eAAe;AAAA,gBAC9B,4BAAa,EAAE,uBAAuB;AAAA,YACtC;AAAA,UACJ;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACG,eAAW,kBAAAA;AAAA,gBACP;AAAA,gBACA;AAAA,oBACA,4BAAa,EAAE,qBAAqB;AAAA,gBACpC;AAAA,cACJ;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACG;AAAA,kBACA;AAAA,kBACA;AAAA;AAAA,cACJ;AAAA;AAAA,UACJ;AAAA;AAAA,MACJ;AAAA;AAAA,EACJ,GACJ;AAER;AAEA,IAAO,iBAAQ;","names":["classNames","Tooltip"]}

package/dist/legacy/visualBuilder/components/Collab/Avatar/Avatar.d.cts

@@ -0,0 +1,18 @@
+import React from 'preact/compat';
+
+/** @jsxImportSource preact */
+
+type AvatarProps = {
+    avatar: AvatarData;
+    type?: "text" | "image";
+    testId?: string;
+};
+type AvatarData = {
+    id: number;
+    name: string;
+    image?: string;
+    email?: string;
+};
+declare function Avatar({ avatar, type, testId, }: AvatarProps): React.JSX.Element;
+
+export { type AvatarData, type AvatarProps, Avatar as default };

package/dist/legacy/visualBuilder/components/Collab/Avatar/Avatar.d.ts

@@ -0,0 +1,18 @@
+import React from 'preact/compat';
+
+/** @jsxImportSource preact */
+
+type AvatarProps = {
+    avatar: AvatarData;
+    type?: "text" | "image";
+    testId?: string;
+};
+type AvatarData = {
+    id: number;
+    name: string;
+    image?: string;
+    email?: string;
+};
+declare function Avatar({ avatar, type, testId, }: AvatarProps): React.JSX.Element;
+
+export { type AvatarData, type AvatarProps, Avatar as default };

package/dist/legacy/visualBuilder/components/Collab/Avatar/Avatar.js

@@ -0,0 +1,87 @@
+import "../../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/Collab/Avatar/Avatar.tsx
+import Tooltip from "../Tooltip/Tooltip.js";
+import classNames from "classnames";
+import { collabStyles, flexAlignCenter } from "../../../collab.style.js";
+import { jsx } from "preact/jsx-runtime";
+function getInitials(name) {
+  if (!name) return "";
+  const nameParts = name.trim().split(" ");
+  if (nameParts.length === 1) {
+    return name.substring(0, 2);
+  }
+  return nameParts[0][0] + nameParts[nameParts.length - 1][0];
+}
+function DisplayAvatarContent({
+  type,
+  avatar,
+  initials
+}) {
+  if (type === "image" && avatar.image) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        "data-testid": "collab-avatar-image",
+        src: avatar.image,
+        alt: avatar.name,
+        className: classNames(
+          "collab-avatar__image",
+          collabStyles()["collab-avatar__image"]
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("span", { className: `collab-avatar-link__initials`, children: initials });
+}
+function Avatar({
+  avatar,
+  type = "text",
+  testId = "collab-avatar"
+}) {
+  const initials = getInitials(avatar.name);
+  return /* @__PURE__ */ jsx("div", { "data-testid": testId, children: /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      content: avatar.name || avatar.email || "",
+      position: "bottom",
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: classNames(
+            "collab-avatar",
+            "collab-avatar--single",
+            "flex-v-center",
+            collabStyles()["collab-avatar"],
+            collabStyles()["collab-avatar--single"],
+            flexAlignCenter
+          ),
+          children: /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: classNames(
+                "collab-avatar__link",
+                "flex-v-center",
+                collabStyles()["collab-avatar__link"],
+                flexAlignCenter
+              ),
+              children: /* @__PURE__ */ jsx(
+                DisplayAvatarContent,
+                {
+                  type,
+                  avatar,
+                  initials
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+  ) });
+}
+var Avatar_default = Avatar;
+export {
+  Avatar_default as default
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/legacy/visualBuilder/components/Collab/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Avatar/Avatar.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport classNames from \"classnames\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\n\nexport type AvatarProps = {\n    avatar: AvatarData;\n    type?: \"text\" | \"image\";\n    testId?: string;\n};\n\nexport type AvatarData = {\n    id: number;\n    name: string;\n    image?: string;\n    email?: string;\n};\n\ninterface DisplayAvatarContentProps {\n    type: \"text\" | \"image\";\n    avatar: AvatarData;\n    initials: string;\n}\n\nfunction getInitials(name?: string): string {\n    if (!name) return \"\";\n\n    const nameParts = name.trim().split(\" \");\n\n    if (nameParts.length === 1) {\n        return name.substring(0, 2);\n    }\n\n    return nameParts[0][0] + nameParts[nameParts.length - 1][0];\n}\n\nfunction DisplayAvatarContent({\n    type,\n    avatar,\n    initials,\n}: DisplayAvatarContentProps) {\n    if (type === \"image\" && avatar.image) {\n        return (\n            <img\n                data-testid={\"collab-avatar-image\"}\n                src={avatar.image}\n                alt={avatar.name}\n                className={classNames(\n                    \"collab-avatar__image\",\n                    collabStyles()[\"collab-avatar__image\"]\n                )}\n            />\n        );\n    }\n    return <span className={`collab-avatar-link__initials`}>{initials}</span>;\n}\n\nfunction Avatar({\n    avatar,\n    type = \"text\",\n    testId = \"collab-avatar\",\n}: AvatarProps) {\n    const initials = getInitials(avatar.name);\n    return (\n        <div data-testid={testId}>\n            <Tooltip\n                content={avatar.name || avatar.email || \"\"}\n                position=\"bottom\"\n            >\n                <div\n                    className={classNames(\n                        \"collab-avatar\",\n                        \"collab-avatar--single\",\n                        \"flex-v-center\",\n                        collabStyles()[\"collab-avatar\"],\n                        collabStyles()[\"collab-avatar--single\"],\n                        flexAlignCenter\n                    )}\n                >\n                    <span\n                        className={classNames(\n                            \"collab-avatar__link\",\n                            \"flex-v-center\",\n                            collabStyles()[\"collab-avatar__link\"],\n                            flexAlignCenter\n                        )}\n                    >\n                        <DisplayAvatarContent\n                            type={type}\n                            avatar={avatar}\n                            initials={initials}\n                        />\n                    </span>\n                </div>\n            </Tooltip>\n        </div>\n    );\n}\n\nexport default Avatar;\n"],"mappings":";;;AAEA,OAAO,aAAa;AACpB,OAAO,gBAAgB;AACvB,SAAS,cAAc,uBAAuB;AAwClC;AAnBZ,SAAS,YAAY,MAAuB;AACxC,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,YAAY,KAAK,KAAK,EAAE,MAAM,GAAG;AAEvC,MAAI,UAAU,WAAW,GAAG;AACxB,WAAO,KAAK,UAAU,GAAG,CAAC;AAAA,EAC9B;AAEA,SAAO,UAAU,CAAC,EAAE,CAAC,IAAI,UAAU,UAAU,SAAS,CAAC,EAAE,CAAC;AAC9D;AAEA,SAAS,qBAAqB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACJ,GAA8B;AAC1B,MAAI,SAAS,WAAW,OAAO,OAAO;AAClC,WACI;AAAA,MAAC;AAAA;AAAA,QACG,eAAa;AAAA,QACb,KAAK,OAAO;AAAA,QACZ,KAAK,OAAO;AAAA,QACZ,WAAW;AAAA,UACP;AAAA,UACA,aAAa,EAAE,sBAAsB;AAAA,QACzC;AAAA;AAAA,IACJ;AAAA,EAER;AACA,SAAO,oBAAC,UAAK,WAAW,gCAAiC,oBAAS;AACtE;AAEA,SAAS,OAAO;AAAA,EACZ;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AACb,GAAgB;AACZ,QAAM,WAAW,YAAY,OAAO,IAAI;AACxC,SACI,oBAAC,SAAI,eAAa,QACd;AAAA,IAAC;AAAA;AAAA,MACG,SAAS,OAAO,QAAQ,OAAO,SAAS;AAAA,MACxC,UAAS;AAAA,MAET;AAAA,QAAC;AAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA;AAAA,YACA;AAAA,YACA,aAAa,EAAE,eAAe;AAAA,YAC9B,aAAa,EAAE,uBAAuB;AAAA,YACtC;AAAA,UACJ;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACG,WAAW;AAAA,gBACP;AAAA,gBACA;AAAA,gBACA,aAAa,EAAE,qBAAqB;AAAA,gBACpC;AAAA,cACJ;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACG;AAAA,kBACA;AAAA,kBACA;AAAA;AAAA,cACJ;AAAA;AAAA,UACJ;AAAA;AAAA,MACJ;AAAA;AAAA,EACJ,GACJ;AAER;AAEA,IAAO,iBAAQ;","names":[]}

package/dist/legacy/visualBuilder/components/Collab/Button/Button.cjs

@@ -0,0 +1,121 @@
+"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/Button/Button.tsx
+var Button_exports = {};
+__export(Button_exports, {
+  default: () => Button_default
+});
+module.exports = __toCommonJS(Button_exports);
+var import_compat = __toESM(require("preact/compat"), 1);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_Icon = __toESM(require("../Icon/Icon.cjs"), 1);
+var import_collab = require("../../../collab.style.cjs");
+var import_jsx_runtime = require("preact/jsx-runtime");
+var Button = ({
+  buttonType = "primary",
+  children,
+  className = "",
+  testId,
+  onClick,
+  disabled = false,
+  type = "button",
+  style,
+  href,
+  id,
+  size = "large",
+  icon,
+  iconProps,
+  iconAlignment = "left"
+}) => {
+  const Element = href ? "a" : "button";
+  let nestedChildren = children && import_compat.default.Children.toArray([children]);
+  if (icon) {
+    let iconChild = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.default, { icon, ...iconProps });
+    switch (iconAlignment) {
+      case "left":
+        nestedChildren = import_compat.default.Children.toArray([
+          iconChild,
+          nestedChildren
+        ]);
+        break;
+      case "right":
+        nestedChildren = import_compat.default.Children.toArray([
+          nestedChildren,
+          iconChild
+        ]);
+        break;
+      case "both":
+        nestedChildren = import_compat.default.Children.toArray([
+          iconChild,
+          nestedChildren,
+          iconChild
+        ]);
+        break;
+      default:
+        break;
+    }
+  }
+  const combinedClassName = (0, import_classnames.default)(
+    (0, import_collab.collabStyles)()["collab-button--basestyle"],
+    (0, import_collab.collabStyles)()["collab-button--type"][buttonType],
+    (0, import_collab.collabStyles)()["collab-button--size"][size],
+    icon && (0, import_collab.collabStyles)()["collab-button--icon-allignment"][iconAlignment],
+    disabled && (0, import_collab.collabStyles)()["collab-button--disabled"],
+    className,
+    `collab-button collab-button--${buttonType} collab-button--${size} ${icon ? `collab-button--icon-${iconAlignment}` : ""} ${disabled ? "collab-button--disabled" : ""}`
+  );
+  const validStyle = Object.fromEntries(
+    Object.entries(style || {}).filter(([_, value]) => value != null)
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Element,
+    {
+      className: combinedClassName,
+      id,
+      onClick,
+      type,
+      style: validStyle,
+      disabled,
+      href,
+      "data-testid": testId,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_classnames.default)("flex-center", import_collab.flexCentered), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: (0, import_classnames.default)("flex-v-center", import_collab.flexAlignCenter, {
+            [`${(0, import_collab.collabStyles)()["collab-button--size"]["regular"]} collab-button--regular`]: size !== "small"
+          }),
+          children: nestedChildren
+        }
+      ) })
+    }
+  );
+};
+var Button_default = Button;
+//# sourceMappingURL=Button.cjs.map

package/dist/legacy/visualBuilder/components/Collab/Button/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Button/Button.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport classNames from \"classnames\";\nimport Icon, { IconProps } from \"../Icon/Icon\";\nimport { iconComponents } from \"../../icons/CollabIcons\";\nimport {\n    collabStyles,\n    flexAlignCenter,\n    flexCentered,\n} from \"../../../collab.style\";\n\ntype IconName = keyof typeof iconComponents;\n\ninterface ButtonProps {\n    buttonType?: \"primary\" | \"secondary\" | \"tertiary\" | \"destructive\";\n    children?: React.ReactNode;\n    className?: string;\n    testId?: string;\n    onClick?: JSX.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;\n    disabled?: boolean;\n    type?: \"button\" | \"submit\" | \"reset\";\n    style?: React.CSSProperties;\n    href?: string;\n    id?: string;\n    size?: \"large\" | \"small\";\n    icon?: IconName;\n    iconProps?: Partial<IconProps>;\n    iconAlignment?: \"left\" | \"right\" | \"both\";\n}\n\nconst Button: React.FC<ButtonProps> = ({\n    buttonType = \"primary\",\n    children,\n    className = \"\",\n    testId,\n    onClick,\n    disabled = false,\n    type = \"button\",\n    style,\n    href,\n    id,\n    size = \"large\",\n    icon,\n    iconProps,\n    iconAlignment = \"left\",\n}) => {\n    const Element = href ? \"a\" : \"button\";\n    let nestedChildren: React.ReactNode =\n        children && React.Children.toArray([children]);\n\n    if (icon) {\n        let iconChild = <Icon icon={icon} {...iconProps} />;\n\n        switch (iconAlignment) {\n            case \"left\":\n                nestedChildren = React.Children.toArray([\n                    iconChild,\n                    nestedChildren,\n                ]);\n                break;\n            case \"right\":\n                nestedChildren = React.Children.toArray([\n                    nestedChildren,\n                    iconChild,\n                ]);\n                break;\n            case \"both\":\n                nestedChildren = React.Children.toArray([\n                    iconChild,\n                    nestedChildren,\n                    iconChild,\n                ]);\n                break;\n            default:\n                break;\n        }\n    }\n\n    const combinedClassName = classNames(\n        collabStyles()[\"collab-button--basestyle\"],\n        collabStyles()[\"collab-button--type\"][buttonType],\n        collabStyles()[\"collab-button--size\"][size],\n        icon && collabStyles()[\"collab-button--icon-allignment\"][iconAlignment],\n        disabled && collabStyles()[\"collab-button--disabled\"],\n        className,\n\n        `collab-button collab-button--${buttonType} collab-button--${size} ${\n            icon ? `collab-button--icon-${iconAlignment}` : \"\"\n        } ${disabled ? \"collab-button--disabled\" : \"\"}`\n    );\n\n    // Ensure style is valid\n    const validStyle = Object.fromEntries(\n        Object.entries(style || {}).filter(([_, value]) => value != null)\n    );\n\n    return (\n        <Element\n            className={combinedClassName}\n            id={id}\n            onClick={onClick}\n            type={type}\n            style={validStyle as React.CSSProperties}\n            disabled={disabled}\n            href={href}\n            data-testid={testId}\n        >\n            <div className={classNames(\"flex-center\", flexCentered)}>\n                <div\n                    className={classNames(\"flex-v-center\", flexAlignCenter, {\n                        [`${collabStyles()[\"collab-button--size\"][\"regular\"]} collab-button--regular`]:\n                            size !== \"small\",\n                    })}\n                >\n                    {nestedChildren}\n                </div>\n            </div>\n        </Element>\n    );\n};\n\nexport default Button;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAkB;AAElB,wBAAuB;AACvB,kBAAgC;AAEhC,oBAIO;AA0CiB;AArBxB,IAAM,SAAgC,CAAC;AAAA,EACnC,aAAa;AAAA,EACb;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,gBAAgB;AACpB,MAAM;AACF,QAAM,UAAU,OAAO,MAAM;AAC7B,MAAI,iBACA,YAAY,cAAAA,QAAM,SAAS,QAAQ,CAAC,QAAQ,CAAC;AAEjD,MAAI,MAAM;AACN,QAAI,YAAY,4CAAC,YAAAC,SAAA,EAAK,MAAa,GAAG,WAAW;AAEjD,YAAQ,eAAe;AAAA,MACnB,KAAK;AACD,yBAAiB,cAAAD,QAAM,SAAS,QAAQ;AAAA,UACpC;AAAA,UACA;AAAA,QACJ,CAAC;AACD;AAAA,MACJ,KAAK;AACD,yBAAiB,cAAAA,QAAM,SAAS,QAAQ;AAAA,UACpC;AAAA,UACA;AAAA,QACJ,CAAC;AACD;AAAA,MACJ,KAAK;AACD,yBAAiB,cAAAA,QAAM,SAAS,QAAQ;AAAA,UACpC;AAAA,UACA;AAAA,UACA;AAAA,QACJ,CAAC;AACD;AAAA,MACJ;AACI;AAAA,IACR;AAAA,EACJ;AAEA,QAAM,wBAAoB,kBAAAE;AAAA,QACtB,4BAAa,EAAE,0BAA0B;AAAA,QACzC,4BAAa,EAAE,qBAAqB,EAAE,UAAU;AAAA,QAChD,4BAAa,EAAE,qBAAqB,EAAE,IAAI;AAAA,IAC1C,YAAQ,4BAAa,EAAE,gCAAgC,EAAE,aAAa;AAAA,IACtE,gBAAY,4BAAa,EAAE,yBAAyB;AAAA,IACpD;AAAA,IAEA,gCAAgC,UAAU,mBAAmB,IAAI,IAC7D,OAAO,uBAAuB,aAAa,KAAK,EACpD,IAAI,WAAW,4BAA4B,EAAE;AAAA,EACjD;AAGA,QAAM,aAAa,OAAO;AAAA,IACtB,OAAO,QAAQ,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,MAAM,SAAS,IAAI;AAAA,EACpE;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MAEb,sDAAC,SAAI,eAAW,kBAAAA,SAAW,eAAe,0BAAY,GAClD;AAAA,QAAC;AAAA;AAAA,UACG,eAAW,kBAAAA,SAAW,iBAAiB,+BAAiB;AAAA,YACpD,CAAC,OAAG,4BAAa,EAAE,qBAAqB,EAAE,SAAS,CAAC,yBAAyB,GACzE,SAAS;AAAA,UACjB,CAAC;AAAA,UAEA;AAAA;AAAA,MACL,GACJ;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,iBAAQ;","names":["React","Icon","classNames"]}

package/dist/legacy/visualBuilder/components/Collab/Button/Button.d.cts

@@ -0,0 +1,27 @@
+import React from 'preact/compat';
+import { JSX } from 'preact';
+import { IconProps } from '../Icon/Icon.cjs';
+import { iconComponents } from '../../icons/CollabIcons.cjs';
+
+/** @jsxImportSource preact */
+
+type IconName = keyof typeof iconComponents;
+interface ButtonProps {
+    buttonType?: "primary" | "secondary" | "tertiary" | "destructive";
+    children?: React.ReactNode;
+    className?: string;
+    testId?: string;
+    onClick?: JSX.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
+    disabled?: boolean;
+    type?: "button" | "submit" | "reset";
+    style?: React.CSSProperties;
+    href?: string;
+    id?: string;
+    size?: "large" | "small";
+    icon?: IconName;
+    iconProps?: Partial<IconProps>;
+    iconAlignment?: "left" | "right" | "both";
+}
+declare const Button: React.FC<ButtonProps>;
+
+export { Button as default };

package/dist/legacy/visualBuilder/components/Collab/Button/Button.d.ts

@@ -0,0 +1,27 @@
+import React from 'preact/compat';
+import { JSX } from 'preact';
+import { IconProps } from '../Icon/Icon.js';
+import { iconComponents } from '../../icons/CollabIcons.js';
+
+/** @jsxImportSource preact */
+
+type IconName = keyof typeof iconComponents;
+interface ButtonProps {
+    buttonType?: "primary" | "secondary" | "tertiary" | "destructive";
+    children?: React.ReactNode;
+    className?: string;
+    testId?: string;
+    onClick?: JSX.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
+    disabled?: boolean;
+    type?: "button" | "submit" | "reset";
+    style?: React.CSSProperties;
+    href?: string;
+    id?: string;
+    size?: "large" | "small";
+    icon?: IconName;
+    iconProps?: Partial<IconProps>;
+    iconAlignment?: "left" | "right" | "both";
+}
+declare const Button: React.FC<ButtonProps>;
+
+export { Button as default };

package/dist/legacy/visualBuilder/components/Collab/Button/Button.js

@@ -0,0 +1,96 @@
+import "../../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/Collab/Button/Button.tsx
+import React from "preact/compat";
+import classNames from "classnames";
+import Icon from "../Icon/Icon.js";
+import {
+  collabStyles,
+  flexAlignCenter,
+  flexCentered
+} from "../../../collab.style.js";
+import { jsx } from "preact/jsx-runtime";
+var Button = ({
+  buttonType = "primary",
+  children,
+  className = "",
+  testId,
+  onClick,
+  disabled = false,
+  type = "button",
+  style,
+  href,
+  id,
+  size = "large",
+  icon,
+  iconProps,
+  iconAlignment = "left"
+}) => {
+  const Element = href ? "a" : "button";
+  let nestedChildren = children && React.Children.toArray([children]);
+  if (icon) {
+    let iconChild = /* @__PURE__ */ jsx(Icon, { icon, ...iconProps });
+    switch (iconAlignment) {
+      case "left":
+        nestedChildren = React.Children.toArray([
+          iconChild,
+          nestedChildren
+        ]);
+        break;
+      case "right":
+        nestedChildren = React.Children.toArray([
+          nestedChildren,
+          iconChild
+        ]);
+        break;
+      case "both":
+        nestedChildren = React.Children.toArray([
+          iconChild,
+          nestedChildren,
+          iconChild
+        ]);
+        break;
+      default:
+        break;
+    }
+  }
+  const combinedClassName = classNames(
+    collabStyles()["collab-button--basestyle"],
+    collabStyles()["collab-button--type"][buttonType],
+    collabStyles()["collab-button--size"][size],
+    icon && collabStyles()["collab-button--icon-allignment"][iconAlignment],
+    disabled && collabStyles()["collab-button--disabled"],
+    className,
+    `collab-button collab-button--${buttonType} collab-button--${size} ${icon ? `collab-button--icon-${iconAlignment}` : ""} ${disabled ? "collab-button--disabled" : ""}`
+  );
+  const validStyle = Object.fromEntries(
+    Object.entries(style || {}).filter(([_, value]) => value != null)
+  );
+  return /* @__PURE__ */ jsx(
+    Element,
+    {
+      className: combinedClassName,
+      id,
+      onClick,
+      type,
+      style: validStyle,
+      disabled,
+      href,
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsx("div", { className: classNames("flex-center", flexCentered), children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: classNames("flex-v-center", flexAlignCenter, {
+            [`${collabStyles()["collab-button--size"]["regular"]} collab-button--regular`]: size !== "small"
+          }),
+          children: nestedChildren
+        }
+      ) })
+    }
+  );
+};
+var Button_default = Button;
+export {
+  Button_default as default
+};
+//# sourceMappingURL=Button.js.map

package/dist/legacy/visualBuilder/components/Collab/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Button/Button.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport classNames from \"classnames\";\nimport Icon, { IconProps } from \"../Icon/Icon\";\nimport { iconComponents } from \"../../icons/CollabIcons\";\nimport {\n    collabStyles,\n    flexAlignCenter,\n    flexCentered,\n} from \"../../../collab.style\";\n\ntype IconName = keyof typeof iconComponents;\n\ninterface ButtonProps {\n    buttonType?: \"primary\" | \"secondary\" | \"tertiary\" | \"destructive\";\n    children?: React.ReactNode;\n    className?: string;\n    testId?: string;\n    onClick?: JSX.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;\n    disabled?: boolean;\n    type?: \"button\" | \"submit\" | \"reset\";\n    style?: React.CSSProperties;\n    href?: string;\n    id?: string;\n    size?: \"large\" | \"small\";\n    icon?: IconName;\n    iconProps?: Partial<IconProps>;\n    iconAlignment?: \"left\" | \"right\" | \"both\";\n}\n\nconst Button: React.FC<ButtonProps> = ({\n    buttonType = \"primary\",\n    children,\n    className = \"\",\n    testId,\n    onClick,\n    disabled = false,\n    type = \"button\",\n    style,\n    href,\n    id,\n    size = \"large\",\n    icon,\n    iconProps,\n    iconAlignment = \"left\",\n}) => {\n    const Element = href ? \"a\" : \"button\";\n    let nestedChildren: React.ReactNode =\n        children && React.Children.toArray([children]);\n\n    if (icon) {\n        let iconChild = <Icon icon={icon} {...iconProps} />;\n\n        switch (iconAlignment) {\n            case \"left\":\n                nestedChildren = React.Children.toArray([\n                    iconChild,\n                    nestedChildren,\n                ]);\n                break;\n            case \"right\":\n                nestedChildren = React.Children.toArray([\n                    nestedChildren,\n                    iconChild,\n                ]);\n                break;\n            case \"both\":\n                nestedChildren = React.Children.toArray([\n                    iconChild,\n                    nestedChildren,\n                    iconChild,\n                ]);\n                break;\n            default:\n                break;\n        }\n    }\n\n    const combinedClassName = classNames(\n        collabStyles()[\"collab-button--basestyle\"],\n        collabStyles()[\"collab-button--type\"][buttonType],\n        collabStyles()[\"collab-button--size\"][size],\n        icon && collabStyles()[\"collab-button--icon-allignment\"][iconAlignment],\n        disabled && collabStyles()[\"collab-button--disabled\"],\n        className,\n\n        `collab-button collab-button--${buttonType} collab-button--${size} ${\n            icon ? `collab-button--icon-${iconAlignment}` : \"\"\n        } ${disabled ? \"collab-button--disabled\" : \"\"}`\n    );\n\n    // Ensure style is valid\n    const validStyle = Object.fromEntries(\n        Object.entries(style || {}).filter(([_, value]) => value != null)\n    );\n\n    return (\n        <Element\n            className={combinedClassName}\n            id={id}\n            onClick={onClick}\n            type={type}\n            style={validStyle as React.CSSProperties}\n            disabled={disabled}\n            href={href}\n            data-testid={testId}\n        >\n            <div className={classNames(\"flex-center\", flexCentered)}>\n                <div\n                    className={classNames(\"flex-v-center\", flexAlignCenter, {\n                        [`${collabStyles()[\"collab-button--size\"][\"regular\"]} collab-button--regular`]:\n                            size !== \"small\",\n                    })}\n                >\n                    {nestedChildren}\n                </div>\n            </div>\n        </Element>\n    );\n};\n\nexport default Button;\n"],"mappings":";;;AACA,OAAO,WAAW;AAElB,OAAO,gBAAgB;AACvB,OAAO,UAAyB;AAEhC;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,OACG;AA0CiB;AArBxB,IAAM,SAAgC,CAAC;AAAA,EACnC,aAAa;AAAA,EACb;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,gBAAgB;AACpB,MAAM;AACF,QAAM,UAAU,OAAO,MAAM;AAC7B,MAAI,iBACA,YAAY,MAAM,SAAS,QAAQ,CAAC,QAAQ,CAAC;AAEjD,MAAI,MAAM;AACN,QAAI,YAAY,oBAAC,QAAK,MAAa,GAAG,WAAW;AAEjD,YAAQ,eAAe;AAAA,MACnB,KAAK;AACD,yBAAiB,MAAM,SAAS,QAAQ;AAAA,UACpC;AAAA,UACA;AAAA,QACJ,CAAC;AACD;AAAA,MACJ,KAAK;AACD,yBAAiB,MAAM,SAAS,QAAQ;AAAA,UACpC;AAAA,UACA;AAAA,QACJ,CAAC;AACD;AAAA,MACJ,KAAK;AACD,yBAAiB,MAAM,SAAS,QAAQ;AAAA,UACpC;AAAA,UACA;AAAA,UACA;AAAA,QACJ,CAAC;AACD;AAAA,MACJ;AACI;AAAA,IACR;AAAA,EACJ;AAEA,QAAM,oBAAoB;AAAA,IACtB,aAAa,EAAE,0BAA0B;AAAA,IACzC,aAAa,EAAE,qBAAqB,EAAE,UAAU;AAAA,IAChD,aAAa,EAAE,qBAAqB,EAAE,IAAI;AAAA,IAC1C,QAAQ,aAAa,EAAE,gCAAgC,EAAE,aAAa;AAAA,IACtE,YAAY,aAAa,EAAE,yBAAyB;AAAA,IACpD;AAAA,IAEA,gCAAgC,UAAU,mBAAmB,IAAI,IAC7D,OAAO,uBAAuB,aAAa,KAAK,EACpD,IAAI,WAAW,4BAA4B,EAAE;AAAA,EACjD;AAGA,QAAM,aAAa,OAAO;AAAA,IACtB,OAAO,QAAQ,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,MAAM,SAAS,IAAI;AAAA,EACpE;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MAEb,8BAAC,SAAI,WAAW,WAAW,eAAe,YAAY,GAClD;AAAA,QAAC;AAAA;AAAA,UACG,WAAW,WAAW,iBAAiB,iBAAiB;AAAA,YACpD,CAAC,GAAG,aAAa,EAAE,qBAAqB,EAAE,SAAS,CAAC,yBAAyB,GACzE,SAAS;AAAA,UACjB,CAAC;AAAA,UAEA;AAAA;AAAA,MACL,GACJ;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,iBAAQ;","names":[]}

package/dist/legacy/visualBuilder/components/Collab/ButtonGroup/ButtonGroup.cjs

@@ -0,0 +1,61 @@
+"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/ButtonGroup/ButtonGroup.tsx
+var ButtonGroup_exports = {};
+__export(ButtonGroup_exports, {
+  default: () => ButtonGroup_default
+});
+module.exports = __toCommonJS(ButtonGroup_exports);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_collab = require("../../../collab.style.cjs");
+var import_jsx_runtime = require("preact/jsx-runtime");
+var ButtonGroup = (props) => {
+  const { className, children, style, testId, ...otherProps } = props;
+  const classNames = (0, import_classnames.default)(
+    "collab-button-group",
+    (0, import_collab.collabStyles)()["collab-button-group"],
+    className
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: classNames,
+      style,
+      "data-testid": testId,
+      ...otherProps,
+      children
+    }
+  );
+};
+ButtonGroup.defaultProps = {
+  testId: "collab-button-group"
+};
+var ButtonGroup_default = ButtonGroup;
+//# sourceMappingURL=ButtonGroup.cjs.map

package/dist/legacy/visualBuilder/components/Collab/ButtonGroup/ButtonGroup.cjs.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,wBAAe;AACf,oBAA6B;AA8BrB;AATR,IAAM,cAAc,CAAC,UAA4B;AAC7C,QAAM,EAAE,WAAW,UAAU,OAAO,QAAQ,GAAG,WAAW,IAAI;AAC9D,QAAM,iBAAa,kBAAAA;AAAA,IACf;AAAA,QACA,4BAAa,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":["cn"]}

package/dist/legacy/visualBuilder/components/Collab/ButtonGroup/ButtonGroup.d.cts

@@ -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 };