@team-plain/ui-components 2.0.0 → 3.0.0

package/README.md

@@ -5,10 +5,10 @@ Helper functions for building Plain [UI components](https://plain.com/docs). Pro
 ## Installation
 
 ```bash
-npm install @team-plain/ui-components @team-plain/sdk
+npm install @team-plain/ui-components @team-plain/graphql
 ```
 
-Requires `@team-plain/sdk` as a peer dependency.
+Requires `@team-plain/graphql` as a peer dependency.
 
 ## Usage
 

package/dist/badgeComponent.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentBadgeColor, ComponentInput } from "@team-plain/sdk";
+import type { ComponentBadgeColor, ComponentInput } from "@team-plain/graphql";
 export declare function badgeComponent(args: {
     label: string;
     color?: ComponentBadgeColor;

package/dist/badgeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badgeComponent.d.ts","sourceRoot":"","sources":["../src/badgeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE3E,wBAAgB,cAAc,CAAC,IAAI,EAAE;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC7B,GAAG,cAAc,CAOjB"}
+{"version":3,"file":"badgeComponent.d.ts","sourceRoot":"","sources":["../src/badgeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE/E,wBAAgB,cAAc,CAAC,IAAI,EAAE;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC7B,GAAG,cAAc,CAOjB"}

package/dist/cjs/badgeComponent.js

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var badgeComponent_exports = {};
+__export(badgeComponent_exports, {
+  badgeComponent: () => badgeComponent
+});
+module.exports = __toCommonJS(badgeComponent_exports);
+function badgeComponent(args) {
+  return {
+    componentBadge: {
+      badgeLabel: args.label,
+      badgeColor: args.color ?? null
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  badgeComponent
+});
+//# sourceMappingURL=badgeComponent.js.map

package/dist/cjs/badgeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/badgeComponent.ts"],"sourcesContent":["import type { ComponentBadgeColor, ComponentInput } from \"@team-plain/graphql\";\n\nexport function badgeComponent(args: {\n  label: string;\n  color?: ComponentBadgeColor;\n}): ComponentInput {\n  return {\n    componentBadge: {\n      badgeLabel: args.label,\n      badgeColor: args.color ?? null,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,eAAe,MAGZ;AACjB,SAAO;AAAA,IACL,gBAAgB;AAAA,MACd,YAAY,KAAK;AAAA,MACjB,YAAY,KAAK,SAAS;AAAA,IAC5B;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/containerComponent.js

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var containerComponent_exports = {};
+__export(containerComponent_exports, {
+  containerComponent: () => containerComponent
+});
+module.exports = __toCommonJS(containerComponent_exports);
+function containerComponent(args) {
+  return {
+    componentContainer: {
+      containerContent: args.content
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  containerComponent
+});
+//# sourceMappingURL=containerComponent.js.map

package/dist/cjs/containerComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/containerComponent.ts"],"sourcesContent":["import type { ComponentInput } from \"@team-plain/graphql\";\n\nexport function containerComponent(args: { content: ComponentInput[] }): ComponentInput {\n  return {\n    componentContainer: {\n      containerContent: args.content,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,mBAAmB,MAAqD;AACtF,SAAO;AAAA,IACL,oBAAoB;AAAA,MAClB,kBAAkB,KAAK;AAAA,IACzB;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/copyButtonComponent.js

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var copyButtonComponent_exports = {};
+__export(copyButtonComponent_exports, {
+  copyButtonComponent: () => copyButtonComponent
+});
+module.exports = __toCommonJS(copyButtonComponent_exports);
+function copyButtonComponent(args) {
+  return {
+    componentCopyButton: {
+      copyButtonValue: args.value,
+      copyButtonTooltipLabel: args.tooltip
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  copyButtonComponent
+});
+//# sourceMappingURL=copyButtonComponent.js.map

package/dist/cjs/copyButtonComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/copyButtonComponent.ts"],"sourcesContent":["import type { ComponentInput } from \"@team-plain/graphql\";\n\nexport function copyButtonComponent(args: { value: string; tooltip?: string }): ComponentInput {\n  return {\n    componentCopyButton: {\n      copyButtonValue: args.value,\n      copyButtonTooltipLabel: args.tooltip,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,oBAAoB,MAA2D;AAC7F,SAAO;AAAA,IACL,qBAAqB;AAAA,MACnB,iBAAiB,KAAK;AAAA,MACtB,wBAAwB,KAAK;AAAA,IAC/B;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/dividerComponent.js

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var dividerComponent_exports = {};
+__export(dividerComponent_exports, {
+  dividerComponent: () => dividerComponent
+});
+module.exports = __toCommonJS(dividerComponent_exports);
+function dividerComponent(args) {
+  return {
+    componentDivider: {
+      dividerSpacingSize: args.spacingSize ?? null
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  dividerComponent
+});
+//# sourceMappingURL=dividerComponent.js.map

package/dist/cjs/dividerComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dividerComponent.ts"],"sourcesContent":["import type { ComponentDividerSpacingSize, ComponentInput } from \"@team-plain/graphql\";\n\nexport function dividerComponent(args: {\n  spacingSize?: ComponentDividerSpacingSize;\n}): ComponentInput {\n  return {\n    componentDivider: {\n      dividerSpacingSize: args.spacingSize ?? null,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,iBAAiB,MAEd;AACjB,SAAO;AAAA,IACL,kBAAkB;AAAA,MAChB,oBAAoB,KAAK,eAAe;AAAA,IAC1C;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/index.js

@@ -0,0 +1,50 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+__export(index_exports, {
+  uiComponent: () => uiComponent
+});
+module.exports = __toCommonJS(index_exports);
+var import_badgeComponent = require("./badgeComponent.js");
+var import_containerComponent = require("./containerComponent.js");
+var import_copyButtonComponent = require("./copyButtonComponent.js");
+var import_dividerComponent = require("./dividerComponent.js");
+var import_linkButtonComponent = require("./linkButtonComponent.js");
+var import_plainTextComponent = require("./plainTextComponent.js");
+var import_rowComponent = require("./rowComponent.js");
+var import_spacerComponent = require("./spacerComponent.js");
+var import_textComponent = require("./textComponent.js");
+var import_workflowButtonComponent = require("./workflowButtonComponent.js");
+const uiComponent = {
+  badge: import_badgeComponent.badgeComponent,
+  container: import_containerComponent.containerComponent,
+  copyButton: import_copyButtonComponent.copyButtonComponent,
+  divider: import_dividerComponent.dividerComponent,
+  linkButton: import_linkButtonComponent.linkButtonComponent,
+  plainText: import_plainTextComponent.plainTextComponent,
+  row: import_rowComponent.rowComponent,
+  spacer: import_spacerComponent.spacerComponent,
+  text: import_textComponent.textComponent,
+  workflowButton: import_workflowButtonComponent.workflowButtonComponent
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  uiComponent
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import { badgeComponent } from \"./badgeComponent.js\";\nimport { containerComponent } from \"./containerComponent.js\";\nimport { copyButtonComponent } from \"./copyButtonComponent.js\";\nimport { dividerComponent } from \"./dividerComponent.js\";\nimport { linkButtonComponent } from \"./linkButtonComponent.js\";\nimport { plainTextComponent } from \"./plainTextComponent.js\";\nimport { rowComponent } from \"./rowComponent.js\";\nimport { spacerComponent } from \"./spacerComponent.js\";\nimport { textComponent } from \"./textComponent.js\";\nimport { workflowButtonComponent } from \"./workflowButtonComponent.js\";\n\nexport const uiComponent = {\n  badge: badgeComponent,\n  container: containerComponent,\n  copyButton: copyButtonComponent,\n  divider: dividerComponent,\n  linkButton: linkButtonComponent,\n  plainText: plainTextComponent,\n  row: rowComponent,\n  spacer: spacerComponent,\n  text: textComponent,\n  workflowButton: workflowButtonComponent,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA+B;AAC/B,gCAAmC;AACnC,iCAAoC;AACpC,8BAAiC;AACjC,iCAAoC;AACpC,gCAAmC;AACnC,0BAA6B;AAC7B,6BAAgC;AAChC,2BAA8B;AAC9B,qCAAwC;AAEjC,MAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,gBAAgB;AAClB;","names":[]}

package/dist/cjs/linkButtonComponent.js

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var linkButtonComponent_exports = {};
+__export(linkButtonComponent_exports, {
+  linkButtonComponent: () => linkButtonComponent
+});
+module.exports = __toCommonJS(linkButtonComponent_exports);
+function linkButtonComponent(args) {
+  return {
+    componentLinkButton: {
+      linkButtonLabel: args.label,
+      linkButtonUrl: args.url
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  linkButtonComponent
+});
+//# sourceMappingURL=linkButtonComponent.js.map

package/dist/cjs/linkButtonComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/linkButtonComponent.ts"],"sourcesContent":["import type { ComponentInput } from \"@team-plain/graphql\";\n\nexport function linkButtonComponent(args: { label: string; url: string }): ComponentInput {\n  return {\n    componentLinkButton: {\n      linkButtonLabel: args.label,\n      linkButtonUrl: args.url,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,oBAAoB,MAAsD;AACxF,SAAO;AAAA,IACL,qBAAqB;AAAA,MACnB,iBAAiB,KAAK;AAAA,MACtB,eAAe,KAAK;AAAA,IACtB;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/dist/cjs/plainTextComponent.js

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var plainTextComponent_exports = {};
+__export(plainTextComponent_exports, {
+  plainTextComponent: () => plainTextComponent
+});
+module.exports = __toCommonJS(plainTextComponent_exports);
+function plainTextComponent(args) {
+  return {
+    componentPlainText: {
+      plainText: args.text,
+      plainTextColor: args.color ?? null,
+      plainTextSize: args.size ?? null
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  plainTextComponent
+});
+//# sourceMappingURL=plainTextComponent.js.map

package/dist/cjs/plainTextComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/plainTextComponent.ts"],"sourcesContent":["import type {\n  ComponentInput,\n  ComponentPlainTextColor,\n  ComponentPlainTextSize,\n} from \"@team-plain/graphql\";\n\nexport function plainTextComponent(args: {\n  text: string;\n  size?: ComponentPlainTextSize;\n  color?: ComponentPlainTextColor;\n}): ComponentInput {\n  return {\n    componentPlainText: {\n      plainText: args.text,\n      plainTextColor: args.color ?? null,\n      plainTextSize: args.size ?? null,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,SAAS,mBAAmB,MAIhB;AACjB,SAAO;AAAA,IACL,oBAAoB;AAAA,MAClB,WAAW,KAAK;AAAA,MAChB,gBAAgB,KAAK,SAAS;AAAA,MAC9B,eAAe,KAAK,QAAQ;AAAA,IAC9B;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/rowComponent.js

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var rowComponent_exports = {};
+__export(rowComponent_exports, {
+  rowComponent: () => rowComponent
+});
+module.exports = __toCommonJS(rowComponent_exports);
+function rowComponent(args) {
+  return {
+    componentRow: {
+      rowMainContent: args.mainContent,
+      rowAsideContent: args.asideContent
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  rowComponent
+});
+//# sourceMappingURL=rowComponent.js.map

package/dist/cjs/rowComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/rowComponent.ts"],"sourcesContent":["import type { ComponentInput } from \"@team-plain/graphql\";\n\nexport function rowComponent(args: {\n  mainContent: ComponentInput[];\n  asideContent: ComponentInput[];\n}): ComponentInput {\n  return {\n    componentRow: {\n      rowMainContent: args.mainContent,\n      rowAsideContent: args.asideContent,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,aAAa,MAGV;AACjB,SAAO;AAAA,IACL,cAAc;AAAA,MACZ,gBAAgB,KAAK;AAAA,MACrB,iBAAiB,KAAK;AAAA,IACxB;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/spacerComponent.js

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var spacerComponent_exports = {};
+__export(spacerComponent_exports, {
+  spacerComponent: () => spacerComponent
+});
+module.exports = __toCommonJS(spacerComponent_exports);
+function spacerComponent(args) {
+  return {
+    componentSpacer: {
+      spacerSize: args.size ?? null
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  spacerComponent
+});
+//# sourceMappingURL=spacerComponent.js.map

package/dist/cjs/spacerComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/spacerComponent.ts"],"sourcesContent":["import type { ComponentInput, ComponentSpacerSize } from \"@team-plain/graphql\";\n\nexport function spacerComponent(args: { size?: ComponentSpacerSize }): ComponentInput {\n  return {\n    componentSpacer: {\n      spacerSize: args.size ?? null,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,gBAAgB,MAAsD;AACpF,SAAO;AAAA,IACL,iBAAiB;AAAA,MACf,YAAY,KAAK,QAAQ;AAAA,IAC3B;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/textComponent.js

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var textComponent_exports = {};
+__export(textComponent_exports, {
+  textComponent: () => textComponent
+});
+module.exports = __toCommonJS(textComponent_exports);
+function textComponent(args) {
+  return {
+    componentText: {
+      text: args.text,
+      textColor: args.color ?? null,
+      textSize: args.size ?? null
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  textComponent
+});
+//# sourceMappingURL=textComponent.js.map

package/dist/cjs/textComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/textComponent.ts"],"sourcesContent":["import type { ComponentInput, ComponentTextColor, ComponentTextSize } from \"@team-plain/graphql\";\n\nexport function textComponent(args: {\n  text: string;\n  size?: ComponentTextSize;\n  color?: ComponentTextColor;\n}): ComponentInput {\n  return {\n    componentText: {\n      text: args.text,\n      textColor: args.color ?? null,\n      textSize: args.size ?? null,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,cAAc,MAIX;AACjB,SAAO;AAAA,IACL,eAAe;AAAA,MACb,MAAM,KAAK;AAAA,MACX,WAAW,KAAK,SAAS;AAAA,MACzB,UAAU,KAAK,QAAQ;AAAA,IACzB;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/workflowButtonComponent.js

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var workflowButtonComponent_exports = {};
+__export(workflowButtonComponent_exports, {
+  workflowButtonComponent: () => workflowButtonComponent
+});
+module.exports = __toCommonJS(workflowButtonComponent_exports);
+function workflowButtonComponent(args) {
+  return {
+    componentWorkflowButton: {
+      workflowButtonLabel: args.label,
+      workflowButtonWorkflowIdentifier: {
+        workflowId: args.workflowId
+      }
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  workflowButtonComponent
+});
+//# sourceMappingURL=workflowButtonComponent.js.map

package/dist/cjs/workflowButtonComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/workflowButtonComponent.ts"],"sourcesContent":["import type { ComponentInput } from \"@team-plain/graphql\";\n\nexport function workflowButtonComponent(args: {\n  label: string;\n  workflowId: string;\n}): ComponentInput {\n  return {\n    componentWorkflowButton: {\n      workflowButtonLabel: args.label,\n      workflowButtonWorkflowIdentifier: {\n        workflowId: args.workflowId,\n      },\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,wBAAwB,MAGrB;AACjB,SAAO;AAAA,IACL,yBAAyB;AAAA,MACvB,qBAAqB,KAAK;AAAA,MAC1B,kCAAkC;AAAA,QAChC,YAAY,KAAK;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/containerComponent.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentInput } from "@team-plain/sdk";
+import type { ComponentInput } from "@team-plain/graphql";
 export declare function containerComponent(args: {
     content: ComponentInput[];
 }): ComponentInput;

package/dist/containerComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"containerComponent.d.ts","sourceRoot":"","sources":["../src/containerComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE;IAAE,OAAO,EAAE,cAAc,EAAE,CAAA;CAAE,GAAG,cAAc,CAMtF"}
+{"version":3,"file":"containerComponent.d.ts","sourceRoot":"","sources":["../src/containerComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,wBAAgB,kBAAkB,CAAC,IAAI,EAAE;IAAE,OAAO,EAAE,cAAc,EAAE,CAAA;CAAE,GAAG,cAAc,CAMtF"}

package/dist/copyButtonComponent.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentInput } from "@team-plain/sdk";
+import type { ComponentInput } from "@team-plain/graphql";
 export declare function copyButtonComponent(args: {
     value: string;
     tooltip?: string;

package/dist/copyButtonComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"copyButtonComponent.d.ts","sourceRoot":"","sources":["../src/copyButtonComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,cAAc,CAO7F"}
+{"version":3,"file":"copyButtonComponent.d.ts","sourceRoot":"","sources":["../src/copyButtonComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,wBAAgB,mBAAmB,CAAC,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,cAAc,CAO7F"}

package/dist/dividerComponent.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentDividerSpacingSize, ComponentInput } from "@team-plain/sdk";
+import type { ComponentDividerSpacingSize, ComponentInput } from "@team-plain/graphql";
 export declare function dividerComponent(args: {
     spacingSize?: ComponentDividerSpacingSize;
 }): ComponentInput;

package/dist/dividerComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dividerComponent.d.ts","sourceRoot":"","sources":["../src/dividerComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEnF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE;IACrC,WAAW,CAAC,EAAE,2BAA2B,CAAC;CAC3C,GAAG,cAAc,CAMjB"}
+{"version":3,"file":"dividerComponent.d.ts","sourceRoot":"","sources":["../src/dividerComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAEvF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE;IACrC,WAAW,CAAC,EAAE,2BAA2B,CAAC;CAC3C,GAAG,cAAc,CAMjB"}

package/dist/linkButtonComponent.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentInput } from "@team-plain/sdk";
+import type { ComponentInput } from "@team-plain/graphql";
 export declare function linkButtonComponent(args: {
     label: string;
     url: string;

package/dist/linkButtonComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"linkButtonComponent.d.ts","sourceRoot":"","sources":["../src/linkButtonComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,cAAc,CAOxF"}
+{"version":3,"file":"linkButtonComponent.d.ts","sourceRoot":"","sources":["../src/linkButtonComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,wBAAgB,mBAAmB,CAAC,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,cAAc,CAOxF"}

package/dist/plainTextComponent.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentInput, ComponentPlainTextColor, ComponentPlainTextSize } from "@team-plain/sdk";
+import type { ComponentInput, ComponentPlainTextColor, ComponentPlainTextSize } from "@team-plain/graphql";
 export declare function plainTextComponent(args: {
     text: string;
     size?: ComponentPlainTextSize;

package/dist/plainTextComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plainTextComponent.d.ts","sourceRoot":"","sources":["../src/plainTextComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,uBAAuB,EACvB,sBAAsB,EACvB,MAAM,iBAAiB,CAAC;AAEzB,wBAAgB,kBAAkB,CAAC,IAAI,EAAE;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,KAAK,CAAC,EAAE,uBAAuB,CAAC;CACjC,GAAG,cAAc,CAQjB"}
+{"version":3,"file":"plainTextComponent.d.ts","sourceRoot":"","sources":["../src/plainTextComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,uBAAuB,EACvB,sBAAsB,EACvB,MAAM,qBAAqB,CAAC;AAE7B,wBAAgB,kBAAkB,CAAC,IAAI,EAAE;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,KAAK,CAAC,EAAE,uBAAuB,CAAC;CACjC,GAAG,cAAc,CAQjB"}

package/dist/rowComponent.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentInput } from "@team-plain/sdk";
+import type { ComponentInput } from "@team-plain/graphql";
 export declare function rowComponent(args: {
     mainContent: ComponentInput[];
     asideContent: ComponentInput[];

package/dist/rowComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rowComponent.d.ts","sourceRoot":"","sources":["../src/rowComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,YAAY,CAAC,IAAI,EAAE;IACjC,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B,YAAY,EAAE,cAAc,EAAE,CAAC;CAChC,GAAG,cAAc,CAOjB"}
+{"version":3,"file":"rowComponent.d.ts","sourceRoot":"","sources":["../src/rowComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,wBAAgB,YAAY,CAAC,IAAI,EAAE;IACjC,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B,YAAY,EAAE,cAAc,EAAE,CAAC;CAChC,GAAG,cAAc,CAOjB"}

package/dist/spacerComponent.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentInput, ComponentSpacerSize } from "@team-plain/sdk";
+import type { ComponentInput, ComponentSpacerSize } from "@team-plain/graphql";
 export declare function spacerComponent(args: {
     size?: ComponentSpacerSize;
 }): ComponentInput;

package/dist/spacerComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spacerComponent.d.ts","sourceRoot":"","sources":["../src/spacerComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3E,wBAAgB,eAAe,CAAC,IAAI,EAAE;IAAE,IAAI,CAAC,EAAE,mBAAmB,CAAA;CAAE,GAAG,cAAc,CAMpF"}
+{"version":3,"file":"spacerComponent.d.ts","sourceRoot":"","sources":["../src/spacerComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/E,wBAAgB,eAAe,CAAC,IAAI,EAAE;IAAE,IAAI,CAAC,EAAE,mBAAmB,CAAA;CAAE,GAAG,cAAc,CAMpF"}

package/dist/textComponent.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentInput, ComponentTextColor, ComponentTextSize } from "@team-plain/sdk";
+import type { ComponentInput, ComponentTextColor, ComponentTextSize } from "@team-plain/graphql";
 export declare function textComponent(args: {
     text: string;
     size?: ComponentTextSize;

package/dist/textComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textComponent.d.ts","sourceRoot":"","sources":["../src/textComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAE7F,wBAAgB,aAAa,CAAC,IAAI,EAAE;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B,GAAG,cAAc,CAQjB"}
+{"version":3,"file":"textComponent.d.ts","sourceRoot":"","sources":["../src/textComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEjG,wBAAgB,aAAa,CAAC,IAAI,EAAE;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B,GAAG,cAAc,CAQjB"}

package/dist/workflowButtonComponent.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentInput } from "@team-plain/sdk";
+import type { ComponentInput } from "@team-plain/graphql";
 export declare function workflowButtonComponent(args: {
     label: string;
     workflowId: string;

package/dist/workflowButtonComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workflowButtonComponent.d.ts","sourceRoot":"","sources":["../src/workflowButtonComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,uBAAuB,CAAC,IAAI,EAAE;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CASjB"}
+{"version":3,"file":"workflowButtonComponent.d.ts","sourceRoot":"","sources":["../src/workflowButtonComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,wBAAgB,uBAAuB,CAAC,IAAI,EAAE;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CASjB"}

package/package.json

@@ -1,13 +1,38 @@
 {
   "name": "@team-plain/ui-components",
-  "version": "2.0.0",
+  "version": "3.0.0",
+  "description": "UI component builder helpers for Plain",
+  "license": "MIT",
+  "author": "Plain <hello@plain.com> (https://plain.com)",
+  "homepage": "https://github.com/team-plain/sdk/tree/main/packages/ui-components#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/team-plain/sdk.git",
+    "directory": "packages/ui-components"
+  },
+  "bugs": {
+    "url": "https://github.com/team-plain/sdk/issues"
+  },
+  "keywords": [
+    "plain",
+    "ui-components",
+    "typescript",
+    "customer-support"
+  ],
   "type": "module",
-  "main": "./dist/index.js",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/cjs/index.js"
+      }
     }
   },
   "publishConfig": {
@@ -17,14 +42,15 @@
     "dist"
   ],
   "peerDependencies": {
-    "@team-plain/sdk": "1.0.0"
+    "@team-plain/graphql": "1.1.0"
   },
   "devDependencies": {
+    "tsup": "^8.5.1",
     "typescript": "^5.7.0",
-    "@team-plain/sdk": "1.0.0"
+    "@team-plain/graphql": "1.1.0"
   },
   "scripts": {
-    "build": "tsc",
+    "build": "tsc && tsup",
     "test": "vitest run"
   }
 }