@gxp-dev/mod-ui 2.0.0

package/dist/definitions/elements/CardLayoutElement.js

@@ -0,0 +1,152 @@
+const t = {
+  type: "card.list",
+  showCard: !0,
+  gutterY: "1rem",
+  gutterX: "0",
+  gridCols: 3,
+  gridRowHeight: 60,
+  columns: 12,
+  columnsSm: 12,
+  columnsMd: 12,
+  columnsLg: 12,
+  columnsXl: 12
+}, a = {
+  icon: "layout-panel-left",
+  displayLabel: "Card / Layout Block",
+  elementCategory: "card",
+  description: "A layout container. Use 'list' to group elements in a card, 'tab' for tabbed sections, 'info' for display tiles, or 'datatable'/'grid' for structured data."
+}, e = {
+  style: {
+    type: "option-select.select",
+    defaultValue: "list",
+    label: "Card Style",
+    selectOptions: [
+      { label: "List", value: "list" },
+      { label: "Tab Container", value: "tab" },
+      { label: "Info Card", value: "info" },
+      { label: "Data Table", value: "datatable" },
+      { label: "Grid Layout", value: "grid" }
+    ],
+    columns: 12,
+    section: "layout"
+  },
+  title: {
+    type: "input.text",
+    label: "Title",
+    columns: 12,
+    section: "configuration"
+  },
+  subtitle: {
+    type: "input.text",
+    label: "Subtitle",
+    columns: 12,
+    section: "configuration",
+    conditionParams: [{ name: "style", logic: "in-array", value: ["list", "info"] }]
+  },
+  showCard: {
+    type: "boolean.switch",
+    defaultValue: !0,
+    label: "Show Card Chrome",
+    columns: 12,
+    section: "layout",
+    conditionParams: [{ name: "style", logic: "in-array", value: ["list", "tab", "info"] }]
+  },
+  gutterY: {
+    type: "input.text",
+    label: "Vertical Gap",
+    columns: 6,
+    section: "layout",
+    conditionParams: [{ name: "style", logic: "in-array", value: ["list", "tab"] }]
+  },
+  gutterX: {
+    type: "input.text",
+    label: "Horizontal Gap",
+    columns: 6,
+    section: "layout",
+    conditionParams: [{ name: "style", logic: "in-array", value: ["list", "tab"] }]
+  },
+  gridCols: {
+    type: "input.number",
+    label: "Grid Columns",
+    columns: 6,
+    section: "layout",
+    conditionParams: [{ name: "style", logic: "==", value: "grid" }]
+  },
+  gridRowHeight: {
+    type: "input.number",
+    label: "Row Height (px)",
+    columns: 6,
+    section: "layout",
+    conditionParams: [{ name: "style", logic: "==", value: "grid" }]
+  },
+  dataRoute: {
+    type: "input.text",
+    label: "Data Route",
+    columns: 12,
+    section: "configuration",
+    conditionParams: [{ name: "style", logic: "==", value: "datatable" }]
+  },
+  icon: {
+    type: "picker.icon",
+    label: "Header Icon",
+    columns: 6,
+    section: "configuration",
+    conditionParams: [{ name: "style", logic: "==", value: "info" }]
+  },
+  iconColor: {
+    type: "input.text",
+    label: "Icon Color",
+    columns: 6,
+    section: "configuration",
+    conditionParams: [{ name: "style", logic: "==", value: "info" }]
+  },
+  headerImage: {
+    type: "file.asset-picker",
+    label: "Header Image",
+    columns: 12,
+    section: "configuration",
+    conditionParams: [{ name: "style", logic: "==", value: "info" }]
+  },
+  headerRatio: {
+    type: "input.text",
+    label: "Image Aspect Ratio",
+    columns: 6,
+    section: "layout",
+    conditionParams: [{ name: "style", logic: "==", value: "info" }]
+  },
+  lessPadding: {
+    type: "boolean.switch",
+    label: "Reduce Padding",
+    columns: 6,
+    section: "layout",
+    conditionParams: [{ name: "style", logic: "==", value: "info" }]
+  }
+}, l = {
+  list: {
+    displayLabel: "List",
+    description: "A card containing a vertical list of elements — the primary layout block."
+  },
+  tab: {
+    displayLabel: "Tab Container",
+    description: "A tabbed card that groups elements into selectable tabs."
+  },
+  info: {
+    displayLabel: "Info Card",
+    description: "A display tile with an optional header image/icon and key-value fields."
+  },
+  datatable: {
+    displayLabel: "Data Table",
+    description: "A sortable, paginated data table fetched from an API route."
+  },
+  grid: {
+    displayLabel: "Grid Layout",
+    description: "A CSS-grid canvas for structured multi-column element placement."
+  }
+};
+export {
+  t as CardLayoutElementDefaults,
+  e as CardLayoutElementEditConfig,
+  a as CardLayoutElementMetadata,
+  l as CardStyleMetadataMap
+};
+//# sourceMappingURL=CardLayoutElement.js.map

package/dist/definitions/elements/CardLayoutElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardLayoutElement.js","sources":["../../../src/definitions/elements/CardLayoutElement.ts"],"sourcesContent":["import type {\n  BaseElement,\n  EditConfig,\n  ElementMetadata,\n} from \"@/definitions/shared/base\"\n\n/**\n * Variants of the `card` element type. Each maps to a Vue file under\n * `src/components/compositions/elements/card/` via the engine registry.\n *\n * `card.*` elements bridge the element/card divide: they act as layout\n * containers that live inline inside any element list. In the FormBuilder,\n * `card.list` is the primary nested canvas — its `elementList` IDs\n * reference entries in the flat schema, enabling drag-and-drop in/out of\n * the container. The other styles wrap their corresponding DisplayCard\n * compositions as element-compatible renderers.\n */\nexport type CardStyle = \"list\" | \"datatable\" | \"grid\" | \"info\" | \"tab\"\n\nexport interface CardLayoutElement extends BaseElement<`card.${CardStyle}`> {\n  // ── Common ────────────────────────────────────────────────────────────\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n\n  // ── list + tab (nested element containers) ────────────────────────────\n  /**\n   * Builder-managed child element IDs. Resolved to `nestedElements` by\n   * the FormBuilder canvas before being passed to the composition as props.\n   */\n  elementList?: string[]\n  /**\n   * Resolved child elements passed by the FormBuilder / engine at render\n   * time. Compositions receive this, NOT `elementList`.\n   */\n  nestedElements?: Array<Record<string, unknown>>\n  /** Vertical gap between nested elements. */\n  gutterY?: string\n  /** Horizontal gap between nested elements. */\n  gutterX?: string\n\n  // ── tab ───────────────────────────────────────────────────────────────\n  /**\n   * For `card.tab`: one entry per tab. Each tab owns its own `elementList`\n   * which the FormBuilder manages as a sub-container.\n   */\n  tabs?: Array<{ id: string; label: string; elementList?: string[] }>\n  /** Active tab index shown on mount (default 0). */\n  activeTab?: number\n\n  // ── datatable ─────────────────────────────────────────────────────────\n  /** API endpoint for fetching table rows. */\n  dataRoute?: string\n  /**\n   * Column definitions. Named `tableColumns` to avoid shadowing the\n   * responsive-grid `columns` field from `ResponsiveColumns`.\n   */\n  tableColumns?: Array<{ key: string; label: string; sortable?: boolean }>\n\n  // ── grid ──────────────────────────────────────────────────────────────\n  /** Number of CSS-grid columns (default 3). */\n  gridCols?: number\n  /** Row height in pixels used by the grid layout (default 60). */\n  gridRowHeight?: number\n\n  // ── info ──────────────────────────────────────────────────────────────\n  /** Icon shown in the card header. */\n  icon?: string\n  /** Tailwind / CSS colour class for the header icon. */\n  iconColor?: string\n  /** URL or asset path for a card header image. */\n  headerImage?: string\n  /** Aspect ratio string for the header image (e.g. `\"16/9\"`). */\n  headerRatio?: string\n  /** Reduce internal padding. */\n  lessPadding?: boolean\n  /** Key/value pairs rendered as read-only rows in the card body. */\n  fields?: Array<{\n    label: string\n    value: string\n    icon?: string\n    format?: string\n    prepend?: string\n    append?: string\n  }>\n}\n\nexport const CardLayoutElementDefaults = {\n  type: \"card.list\",\n  showCard: true,\n  gutterY: \"1rem\",\n  gutterX: \"0\",\n  gridCols: 3,\n  gridRowHeight: 60,\n  columns: 12,\n  columnsSm: 12,\n  columnsMd: 12,\n  columnsLg: 12,\n  columnsXl: 12,\n} as const satisfies Partial<CardLayoutElement>\n\nexport const CardLayoutElementMetadata = {\n  icon: \"layout-panel-left\",\n  displayLabel: \"Card / Layout Block\",\n  elementCategory: \"card\",\n  description:\n    \"A layout container. Use 'list' to group elements in a card, 'tab' for tabbed sections, 'info' for display tiles, or 'datatable'/'grid' for structured data.\",\n} as const satisfies ElementMetadata\n\nexport const CardLayoutElementEditConfig = {\n  style: {\n    type: \"option-select.select\",\n    defaultValue: \"list\",\n    label: \"Card Style\",\n    selectOptions: [\n      { label: \"List\", value: \"list\" },\n      { label: \"Tab Container\", value: \"tab\" },\n      { label: \"Info Card\", value: \"info\" },\n      { label: \"Data Table\", value: \"datatable\" },\n      { label: \"Grid Layout\", value: \"grid\" },\n    ],\n    columns: 12,\n    section: \"layout\",\n  },\n  title: {\n    type: \"input.text\",\n    label: \"Title\",\n    columns: 12,\n    section: \"configuration\",\n  },\n  subtitle: {\n    type: \"input.text\",\n    label: \"Subtitle\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"in-array\", value: [\"list\", \"info\"] }],\n  },\n  showCard: {\n    type: \"boolean.switch\",\n    defaultValue: true,\n    label: \"Show Card Chrome\",\n    columns: 12,\n    section: \"layout\",\n    conditionParams: [{ name: \"style\", logic: \"in-array\", value: [\"list\", \"tab\", \"info\"] }],\n  },\n  gutterY: {\n    type: \"input.text\",\n    label: \"Vertical Gap\",\n    columns: 6,\n    section: \"layout\",\n    conditionParams: [{ name: \"style\", logic: \"in-array\", value: [\"list\", \"tab\"] }],\n  },\n  gutterX: {\n    type: \"input.text\",\n    label: \"Horizontal Gap\",\n    columns: 6,\n    section: \"layout\",\n    conditionParams: [{ name: \"style\", logic: \"in-array\", value: [\"list\", \"tab\"] }],\n  },\n  gridCols: {\n    type: \"input.number\",\n    label: \"Grid Columns\",\n    columns: 6,\n    section: \"layout\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"grid\" }],\n  },\n  gridRowHeight: {\n    type: \"input.number\",\n    label: \"Row Height (px)\",\n    columns: 6,\n    section: \"layout\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"grid\" }],\n  },\n  dataRoute: {\n    type: \"input.text\",\n    label: \"Data Route\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"datatable\" }],\n  },\n  icon: {\n    type: \"picker.icon\",\n    label: \"Header Icon\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"info\" }],\n  },\n  iconColor: {\n    type: \"input.text\",\n    label: \"Icon Color\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"info\" }],\n  },\n  headerImage: {\n    type: \"file.asset-picker\",\n    label: \"Header Image\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"info\" }],\n  },\n  headerRatio: {\n    type: \"input.text\",\n    label: \"Image Aspect Ratio\",\n    columns: 6,\n    section: \"layout\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"info\" }],\n  },\n  lessPadding: {\n    type: \"boolean.switch\",\n    label: \"Reduce Padding\",\n    columns: 6,\n    section: \"layout\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"info\" }],\n  },\n} as const satisfies EditConfig\n\nexport const CardStyleMetadataMap: Partial<\n  Record<CardStyle, { displayLabel: string; description: string }>\n> = {\n  list: {\n    displayLabel: \"List\",\n    description: \"A card containing a vertical list of elements — the primary layout block.\",\n  },\n  tab: {\n    displayLabel: \"Tab Container\",\n    description: \"A tabbed card that groups elements into selectable tabs.\",\n  },\n  info: {\n    displayLabel: \"Info Card\",\n    description: \"A display tile with an optional header image/icon and key-value fields.\",\n  },\n  datatable: {\n    displayLabel: \"Data Table\",\n    description: \"A sortable, paginated data table fetched from an API route.\",\n  },\n  grid: {\n    displayLabel: \"Grid Layout\",\n    description: \"A CSS-grid canvas for structured multi-column element placement.\",\n  },\n}\n"],"names":["CardLayoutElementDefaults","CardLayoutElementMetadata","CardLayoutElementEditConfig","CardStyleMetadataMap"],"mappings":"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"}

package/dist/definitions/elements/CodeElement.d.ts

@@ -0,0 +1,153 @@
+import { BaseElement } from '../shared/base';
+/**
+ * Variants of the `code` element type. Each value here maps 1:1 to a
+ * Vue file under `src/elements/code/` via the engine's registry.
+ *
+ * The v2 portal does not ship a `Definitions/CardElements/CodeElement.ts`
+ * — these styles are inferred from `Mod/v2/CardElements/Code/*.vue`
+ * (GitCodeEditor, FileTree, PullRequestsList, BuildStatus, ChatMessage).
+ */
+export type CodeStyle = "git-editor" | "file-tree" | "pull-requests-list" | "build-status" | "chat-message";
+export interface CodeElement extends BaseElement<`code.${CodeStyle}`> {
+    name?: string | null;
+    label?: string;
+    /** Plugin / project context used by every code variant. */
+    pluginPageId?: number | string;
+    teamSlug?: string;
+    /** Git branch context (git-editor, pull-requests-list, build-status). */
+    branch?: string;
+    /** Repository slug (`owner/repo`). */
+    repository?: string;
+    /** For `file-tree`: starting path within the repo. */
+    rootPath?: string;
+    /** For `chat-message`: the message payload to render. */
+    message?: Record<string, unknown>;
+    /** For `build-status`: build / job identifier. */
+    buildId?: string | number;
+    /** Optional fixed height (CSS length). */
+    height?: string;
+}
+export declare const CodeElementDefaults: {
+    readonly type: "code.git-editor";
+    readonly height: "60vh";
+    readonly columns: 12;
+    readonly columnsSm: 12;
+    readonly columnsMd: 12;
+    readonly columnsLg: 12;
+    readonly columnsXl: 12;
+};
+export declare const CodeElementMetadata: {
+    readonly icon: "code";
+    readonly displayLabel: "Code";
+    readonly elementCategory: "code";
+    readonly description: "Developer-oriented blocks: git editor, file tree, pull requests, build status, and chat messages.";
+};
+export declare const CodeElementEditConfig: {
+    readonly label: {
+        readonly type: "input.text";
+        readonly defaultValue: "";
+        readonly label: "Label";
+        readonly columnsMd: 6;
+        readonly columns: 12;
+        readonly section: "configuration";
+    };
+    readonly name: {
+        readonly type: "picker.data-model";
+        readonly defaultValue: "";
+        readonly label: "Name";
+        readonly columns: 12;
+        readonly section: "advanced";
+    };
+    readonly style: {
+        readonly type: "option-select.select";
+        readonly defaultValue: "git-editor";
+        readonly label: "Code Block Style";
+        readonly columns: 12;
+        readonly section: "layout";
+        readonly selectOptions: readonly [{
+            readonly label: "Git Editor";
+            readonly value: "git-editor";
+        }, {
+            readonly label: "File Tree";
+            readonly value: "file-tree";
+        }, {
+            readonly label: "Pull Requests List";
+            readonly value: "pull-requests-list";
+        }, {
+            readonly label: "Build Status";
+            readonly value: "build-status";
+        }, {
+            readonly label: "Chat Message";
+            readonly value: "chat-message";
+        }];
+    };
+    readonly pluginPageId: {
+        readonly type: "input.text";
+        readonly contentType: "integer";
+        readonly label: "Plugin Page ID";
+        readonly columns: 6;
+        readonly section: "configuration";
+    };
+    readonly teamSlug: {
+        readonly type: "input.text";
+        readonly label: "Team Slug";
+        readonly columns: 6;
+        readonly section: "configuration";
+    };
+    readonly repository: {
+        readonly type: "input.text";
+        readonly label: "Repository";
+        readonly columns: 6;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "in-array";
+            readonly value: readonly ["git-editor", "file-tree", "pull-requests-list", "build-status"];
+        }];
+    };
+    readonly branch: {
+        readonly type: "input.text";
+        readonly label: "Branch";
+        readonly columns: 6;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "in-array";
+            readonly value: readonly ["git-editor", "pull-requests-list", "build-status"];
+        }];
+    };
+    readonly rootPath: {
+        readonly type: "input.text";
+        readonly label: "Root Path";
+        readonly columns: 6;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "==";
+            readonly value: "file-tree";
+        }];
+    };
+    readonly buildId: {
+        readonly type: "input.text";
+        readonly label: "Build ID";
+        readonly columns: 6;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "==";
+            readonly value: "build-status";
+        }];
+    };
+    readonly height: {
+        readonly type: "input.text";
+        readonly label: "Height";
+        readonly defaultValue: "60vh";
+        readonly columns: 6;
+        readonly section: "layout";
+    };
+};
+export declare const CodeStyleMetadataMap: Partial<Record<CodeStyle, {
+    displayLabel: string;
+    description: string;
+}>>;
+//# sourceMappingURL=CodeElement.d.ts.map

package/dist/definitions/elements/CodeElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeElement.d.ts","sourceRoot":"","sources":["../../../src/definitions/elements/CodeElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EAGZ,MAAM,2BAA2B,CAAA;AAElC;;;;;;;GAOG;AACH,MAAM,MAAM,SAAS,GACjB,YAAY,GACZ,WAAW,GACX,oBAAoB,GACpB,cAAc,GACd,cAAc,CAAA;AAElB,MAAM,WAAW,WAAY,SAAQ,WAAW,CAAC,QAAQ,SAAS,EAAE,CAAC;IACnE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACjC,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB;;;;;;;;CAQS,CAAA;AAEzC,eAAO,MAAM,mBAAmB;;;;;CAMI,CAAA;AAEpC,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+FH,CAAA;AAE/B,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC,CAM1G,CAAA"}

package/dist/definitions/elements/CodeElement.js

@@ -0,0 +1,122 @@
+const e = {
+  type: "code.git-editor",
+  height: "60vh",
+  columns: 12,
+  columnsSm: 12,
+  columnsMd: 12,
+  columnsLg: 12,
+  columnsXl: 12
+}, t = {
+  icon: "code",
+  displayLabel: "Code",
+  elementCategory: "code",
+  description: "Developer-oriented blocks: git editor, file tree, pull requests, build status, and chat messages."
+}, l = {
+  label: {
+    type: "input.text",
+    defaultValue: "",
+    label: "Label",
+    columnsMd: 6,
+    columns: 12,
+    section: "configuration"
+  },
+  name: {
+    type: "picker.data-model",
+    defaultValue: "",
+    label: "Name",
+    columns: 12,
+    section: "advanced"
+  },
+  style: {
+    type: "option-select.select",
+    defaultValue: "git-editor",
+    label: "Code Block Style",
+    columns: 12,
+    section: "layout",
+    selectOptions: [
+      { label: "Git Editor", value: "git-editor" },
+      { label: "File Tree", value: "file-tree" },
+      { label: "Pull Requests List", value: "pull-requests-list" },
+      { label: "Build Status", value: "build-status" },
+      { label: "Chat Message", value: "chat-message" }
+    ]
+  },
+  pluginPageId: {
+    type: "input.text",
+    contentType: "integer",
+    label: "Plugin Page ID",
+    columns: 6,
+    section: "configuration"
+  },
+  teamSlug: {
+    type: "input.text",
+    label: "Team Slug",
+    columns: 6,
+    section: "configuration"
+  },
+  repository: {
+    type: "input.text",
+    label: "Repository",
+    columns: 6,
+    section: "configuration",
+    conditionParams: [
+      {
+        name: "style",
+        logic: "in-array",
+        value: [
+          "git-editor",
+          "file-tree",
+          "pull-requests-list",
+          "build-status"
+        ]
+      }
+    ]
+  },
+  branch: {
+    type: "input.text",
+    label: "Branch",
+    columns: 6,
+    section: "configuration",
+    conditionParams: [
+      {
+        name: "style",
+        logic: "in-array",
+        value: ["git-editor", "pull-requests-list", "build-status"]
+      }
+    ]
+  },
+  rootPath: {
+    type: "input.text",
+    label: "Root Path",
+    columns: 6,
+    section: "configuration",
+    conditionParams: [{ name: "style", logic: "==", value: "file-tree" }]
+  },
+  buildId: {
+    type: "input.text",
+    label: "Build ID",
+    columns: 6,
+    section: "configuration",
+    conditionParams: [{ name: "style", logic: "==", value: "build-status" }]
+  },
+  height: {
+    type: "input.text",
+    label: "Height",
+    defaultValue: "60vh",
+    columns: 6,
+    section: "layout"
+  }
+}, i = {
+  "git-editor": { displayLabel: "Git Editor", description: "Browse and edit files in a connected git repository." },
+  "file-tree": { displayLabel: "File Tree", description: "Display a navigable file tree for a repository." },
+  "pull-requests-list": { displayLabel: "Pull Requests", description: "List pull requests for a connected repository." },
+  "build-status": { displayLabel: "Build Status", description: "Show CI/CD build status for a branch or commit." },
+  "chat-message": { displayLabel: "Chat Message", description: "Render a chat message bubble with author and content." }
+};
+export {
+  e as CodeElementDefaults,
+  l as CodeElementEditConfig,
+  t as CodeElementMetadata,
+  i as CodeStyleMetadataMap
+};
+//# sourceMappingURL=CodeElement.js.map

package/dist/definitions/elements/CodeElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeElement.js","sources":["../../../src/definitions/elements/CodeElement.ts"],"sourcesContent":["import type {\n  BaseElement,\n  EditConfig,\n  ElementMetadata,\n} from \"@/definitions/shared/base\"\n\n/**\n * Variants of the `code` element type. Each value here maps 1:1 to a\n * Vue file under `src/elements/code/` via the engine's registry.\n *\n * The v2 portal does not ship a `Definitions/CardElements/CodeElement.ts`\n * — these styles are inferred from `Mod/v2/CardElements/Code/*.vue`\n * (GitCodeEditor, FileTree, PullRequestsList, BuildStatus, ChatMessage).\n */\nexport type CodeStyle =\n  | \"git-editor\"\n  | \"file-tree\"\n  | \"pull-requests-list\"\n  | \"build-status\"\n  | \"chat-message\"\n\nexport interface CodeElement extends BaseElement<`code.${CodeStyle}`> {\n  name?: string | null\n  label?: string\n  /** Plugin / project context used by every code variant. */\n  pluginPageId?: number | string\n  teamSlug?: string\n  /** Git branch context (git-editor, pull-requests-list, build-status). */\n  branch?: string\n  /** Repository slug (`owner/repo`). */\n  repository?: string\n  /** For `file-tree`: starting path within the repo. */\n  rootPath?: string\n  /** For `chat-message`: the message payload to render. */\n  message?: Record<string, unknown>\n  /** For `build-status`: build / job identifier. */\n  buildId?: string | number\n  /** Optional fixed height (CSS length). */\n  height?: string\n}\n\nexport const CodeElementDefaults = {\n  type: \"code.git-editor\",\n  height: \"60vh\",\n  columns: 12,\n  columnsSm: 12,\n  columnsMd: 12,\n  columnsLg: 12,\n  columnsXl: 12,\n} as const satisfies Partial<CodeElement>\n\nexport const CodeElementMetadata = {\n  icon: \"code\",\n  displayLabel: \"Code\",\n  elementCategory: \"code\",\n  description:\n    \"Developer-oriented blocks: git editor, file tree, pull requests, build status, and chat messages.\",\n} as const satisfies ElementMetadata\n\nexport const CodeElementEditConfig = {\n  label: {\n    type: \"input.text\",\n    defaultValue: \"\",\n    label: \"Label\",\n    columnsMd: 6,\n    columns: 12,\n    section: \"configuration\",\n  },\n  name: {\n    type: \"picker.data-model\",\n    defaultValue: \"\",\n    label: \"Name\",\n    columns: 12,\n    section: \"advanced\",\n  },\n  style: {\n    type: \"option-select.select\",\n    defaultValue: \"git-editor\",\n    label: \"Code Block Style\",\n    columns: 12,\n    section: \"layout\",\n    selectOptions: [\n      { label: \"Git Editor\", value: \"git-editor\" },\n      { label: \"File Tree\", value: \"file-tree\" },\n      { label: \"Pull Requests List\", value: \"pull-requests-list\" },\n      { label: \"Build Status\", value: \"build-status\" },\n      { label: \"Chat Message\", value: \"chat-message\" },\n    ],\n  },\n  pluginPageId: {\n    type: \"input.text\",\n    contentType: \"integer\",\n    label: \"Plugin Page ID\",\n    columns: 6,\n    section: \"configuration\",\n  },\n  teamSlug: {\n    type: \"input.text\",\n    label: \"Team Slug\",\n    columns: 6,\n    section: \"configuration\",\n  },\n  repository: {\n    type: \"input.text\",\n    label: \"Repository\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [\n      {\n        name: \"style\",\n        logic: \"in-array\",\n        value: [\n          \"git-editor\",\n          \"file-tree\",\n          \"pull-requests-list\",\n          \"build-status\",\n        ],\n      },\n    ],\n  },\n  branch: {\n    type: \"input.text\",\n    label: \"Branch\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [\n      {\n        name: \"style\",\n        logic: \"in-array\",\n        value: [\"git-editor\", \"pull-requests-list\", \"build-status\"],\n      },\n    ],\n  },\n  rootPath: {\n    type: \"input.text\",\n    label: \"Root Path\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"file-tree\" }],\n  },\n  buildId: {\n    type: \"input.text\",\n    label: \"Build ID\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"build-status\" }],\n  },\n  height: {\n    type: \"input.text\",\n    label: \"Height\",\n    defaultValue: \"60vh\",\n    columns: 6,\n    section: \"layout\",\n  },\n} as const satisfies EditConfig\n\nexport const CodeStyleMetadataMap: Partial<Record<CodeStyle, { displayLabel: string; description: string }>> = {\n  \"git-editor\": { displayLabel: \"Git Editor\", description: \"Browse and edit files in a connected git repository.\" },\n  \"file-tree\": { displayLabel: \"File Tree\", description: \"Display a navigable file tree for a repository.\" },\n  \"pull-requests-list\": { displayLabel: \"Pull Requests\", description: \"List pull requests for a connected repository.\" },\n  \"build-status\": { displayLabel: \"Build Status\", description: \"Show CI/CD build status for a branch or commit.\" },\n  \"chat-message\": { displayLabel: \"Chat Message\", description: \"Render a chat message bubble with author and content.\" },\n}\n"],"names":["CodeElementDefaults","CodeElementMetadata","CodeElementEditConfig","CodeStyleMetadataMap"],"mappings":"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"}

package/dist/definitions/elements/ComponentsElement.d.ts

@@ -0,0 +1,187 @@
+import { BaseElement } from '../shared/base';
+/**
+ * Variants of the `components` element type. Each value here maps 1:1 to a
+ * Vue file under `src/elements/components/` via the engine's registry.
+ *
+ * The v2 portal does not ship a `Definitions/CardElements/ComponentsElement.ts`
+ * — these styles are inferred from `Mod/v2/CardElements/Components/*.vue`
+ * (IconBadge, IconPicker).
+ */
+export type ComponentsStyle = "icon-badge" | "icon-picker";
+/** Sizes accepted by IconBadge. Mirrors the Vue component's prop union. */
+export type ComponentsSize = "xs" | "sm" | "md" | "lg" | "xl" | string | number;
+export interface ComponentsElement extends BaseElement<`components.${ComponentsStyle}`> {
+    name?: string | null;
+    label?: string;
+    /** For `icon-badge`: icon identifier (FontAwesome / lucide name). */
+    icon?: string;
+    /** For `icon-badge`: size token or px value. */
+    size?: ComponentsSize;
+    /**
+     * For `icon-badge`: colour token. Matches the GxP palette
+     * (`primary`, `secondary`, `success`, `danger`, `warning`, `info`, ...).
+     */
+    color?: string;
+    /** For `icon-picker`: which icon library to pick from ("icons", "emoji", ...). */
+    iconLibrary?: string;
+    /** For `icon-picker`: pre-filter the available icons by style. */
+    iconStyle?: string;
+}
+export declare const ComponentsElementDefaults: {
+    readonly type: "components.icon-badge";
+    readonly size: "md";
+    readonly color: "primary";
+    readonly columns: 12;
+    readonly columnsSm: 12;
+    readonly columnsMd: 12;
+    readonly columnsLg: 12;
+    readonly columnsXl: 12;
+};
+export declare const ComponentsElementMetadata: {
+    readonly icon: "shapes";
+    readonly displayLabel: "Component";
+    readonly elementCategory: "components";
+    readonly description: "Reusable presentation components: icon badges and icon pickers.";
+};
+export declare const ComponentsElementEditConfig: {
+    readonly label: {
+        readonly type: "input.text";
+        readonly defaultValue: "";
+        readonly label: "Label";
+        readonly columnsMd: 6;
+        readonly columns: 12;
+        readonly section: "configuration";
+    };
+    readonly name: {
+        readonly type: "picker.data-model";
+        readonly defaultValue: "";
+        readonly label: "Name";
+        readonly columns: 12;
+        readonly section: "advanced";
+    };
+    readonly style: {
+        readonly type: "option-select.select";
+        readonly defaultValue: "icon-badge";
+        readonly label: "Component Style";
+        readonly columns: 12;
+        readonly section: "layout";
+        readonly selectOptions: readonly [{
+            readonly label: "Icon Badge";
+            readonly value: "icon-badge";
+        }, {
+            readonly label: "Icon Picker";
+            readonly value: "icon-picker";
+        }];
+    };
+    readonly icon: {
+        readonly type: "picker.icon";
+        readonly label: "Icon";
+        readonly columns: 12;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "==";
+            readonly value: "icon-badge";
+        }];
+    };
+    readonly size: {
+        readonly type: "option-select.select";
+        readonly defaultValue: "md";
+        readonly label: "Size";
+        readonly columns: 6;
+        readonly section: "layout";
+        readonly selectOptions: readonly [{
+            readonly label: "XS";
+            readonly value: "xs";
+        }, {
+            readonly label: "Small";
+            readonly value: "sm";
+        }, {
+            readonly label: "Medium";
+            readonly value: "md";
+        }, {
+            readonly label: "Large";
+            readonly value: "lg";
+        }, {
+            readonly label: "XL";
+            readonly value: "xl";
+        }];
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "==";
+            readonly value: "icon-badge";
+        }];
+    };
+    readonly color: {
+        readonly type: "option-select.select";
+        readonly defaultValue: "primary";
+        readonly label: "Color";
+        readonly columns: 6;
+        readonly section: "layout";
+        readonly selectOptions: readonly [{
+            readonly label: "Primary";
+            readonly value: "primary";
+        }, {
+            readonly label: "Secondary";
+            readonly value: "secondary";
+        }, {
+            readonly label: "Success";
+            readonly value: "success";
+        }, {
+            readonly label: "Danger";
+            readonly value: "danger";
+        }, {
+            readonly label: "Warning";
+            readonly value: "warning";
+        }, {
+            readonly label: "Info";
+            readonly value: "info";
+        }, {
+            readonly label: "Light";
+            readonly value: "light";
+        }, {
+            readonly label: "Dark";
+            readonly value: "dark";
+        }];
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "==";
+            readonly value: "icon-badge";
+        }];
+    };
+    readonly iconLibrary: {
+        readonly type: "option-select.select";
+        readonly defaultValue: "icons";
+        readonly label: "Icon Library";
+        readonly columns: 6;
+        readonly section: "configuration";
+        readonly selectOptions: readonly [{
+            readonly label: "Icons";
+            readonly value: "icons";
+        }, {
+            readonly label: "Emoji";
+            readonly value: "emoji";
+        }];
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "==";
+            readonly value: "icon-picker";
+        }];
+    };
+    readonly iconStyle: {
+        readonly type: "input.text";
+        readonly label: "Icon Style Filter";
+        readonly columns: 6;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "==";
+            readonly value: "icon-picker";
+        }];
+    };
+};
+export declare const ComponentsStyleMetadataMap: Partial<Record<ComponentsStyle, {
+    displayLabel: string;
+    description: string;
+}>>;
+//# sourceMappingURL=ComponentsElement.d.ts.map

package/dist/definitions/elements/ComponentsElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentsElement.d.ts","sourceRoot":"","sources":["../../../src/definitions/elements/ComponentsElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EAGZ,MAAM,2BAA2B,CAAA;AAElC;;;;;;;GAOG;AACH,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,aAAa,CAAA;AAE1D,2EAA2E;AAC3E,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;AAE/E,MAAM,WAAW,iBACf,SAAQ,WAAW,CAAC,cAAc,eAAe,EAAE,CAAC;IACpD,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,yBAAyB;;;;;;;;;CASS,CAAA;AAE/C,eAAO,MAAM,yBAAyB;;;;;CAMF,CAAA;AAEpC,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFT,CAAA;AAE/B,eAAO,MAAM,0BAA0B,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC,CAGtH,CAAA"}