@gxp-dev/mod-ui 2.0.0

package/dist/definitions/cards/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/definitions/cards/index.ts"],"sourcesContent":["/**\n * Public barrel for every DisplayCard type.\n *\n * Each card exports four artifacts:\n *   - `<Name>Card` interface (the JSON shape)\n *   - `<Name>CardDefaults` const\n *   - `<Name>CardMetadata` const\n *   - `<Name>CardEditConfig` const (the FormBuilder inspector schema)\n *\n * The `DisplayCard` union below is the JSON shape of any card. The\n * engine's `CardRenderer` accepts a `DisplayCard` and uses `cardType`\n * to resolve the renderer component.\n */\n\nexport type { CardListCard } from \"./CardListCard\"\nexport {\n  CardListCardDefaults,\n  CardListCardEditConfig,\n  CardListCardMetadata,\n  TabContainerCardListCardEditConfig,\n} from \"./CardListCard\"\n\nexport type {\n  AdvancedSearchField,\n  DataTableCard,\n  DataTableColumn,\n  DataTableOptions,\n  ExportConfig,\n  FilterField,\n  TableAction,\n  TableColumnType,\n} from \"./DataTableCard\"\nexport {\n  DataTableCardDefaults,\n  DataTableCardEditConfig,\n  DataTableCardMetadata,\n} from \"./DataTableCard\"\n\nexport type { ElementDisplayCard } from \"./ElementDisplayCard\"\nexport {\n  ElementDisplayCardDefaults,\n  ElementDisplayCardEditConfig,\n  ElementDisplayCardMetadata,\n} from \"./ElementDisplayCard\"\n\nexport type { ElementListCard } from \"./ElementListCard\"\nexport {\n  ElementListCardDefaults,\n  ElementListCardEditConfig,\n  ElementListCardMetadata,\n  TabContainerElementListCardEditConfig,\n} from \"./ElementListCard\"\n\nexport type {\n  GridBreakpoint,\n  GridItem,\n  GridLayout,\n  GridViewCard,\n} from \"./GridViewCard\"\nexport {\n  GridViewCardDefaults,\n  GridViewCardEditConfig,\n  GridViewCardMetadata,\n} from \"./GridViewCard\"\n\nexport type { InfoCard, InfoCardField } from \"./InfoCard\"\nexport {\n  InfoCardDefaults,\n  InfoCardEditConfig,\n  InfoCardMetadata,\n} from \"./InfoCard\"\n\nexport type { TabListCard, TabListCardStyle } from \"./TabListCard\"\nexport {\n  TabListCardDefaults,\n  TabListCardEditConfig,\n  TabListCardMetadata,\n} from \"./TabListCard\"\n\nimport type { CardListCard } from \"./CardListCard\"\nimport type { DataTableCard } from \"./DataTableCard\"\nimport type { ElementDisplayCard } from \"./ElementDisplayCard\"\nimport type { ElementListCard } from \"./ElementListCard\"\nimport type { GridViewCard } from \"./GridViewCard\"\nimport type { InfoCard } from \"./InfoCard\"\nimport type { TabListCard } from \"./TabListCard\"\n\nimport { CardListCardMetadata } from \"./CardListCard\"\nimport { DataTableCardMetadata } from \"./DataTableCard\"\nimport { ElementDisplayCardMetadata } from \"./ElementDisplayCard\"\nimport { ElementListCardMetadata } from \"./ElementListCard\"\nimport { GridViewCardMetadata } from \"./GridViewCard\"\nimport { InfoCardMetadata } from \"./InfoCard\"\nimport { TabListCardMetadata } from \"./TabListCard\"\n\n/**\n * The discriminated-union JSON shape of any DisplayCard. Narrowing on\n * `cardType` gives full intellisense for the card-specific fields.\n */\nexport type DisplayCard =\n  | CardListCard\n  | DataTableCard\n  | ElementDisplayCard\n  | ElementListCard\n  | GridViewCard\n  | InfoCard\n  | TabListCard\n\n/**\n * Runtime registry of card metadata keyed by `cardType`. Used by the\n * FormBuilder palette to enumerate available cards.\n */\nexport const DisplayCardMetadataMap = {\n  \"card-list\": CardListCardMetadata,\n  datatable: DataTableCardMetadata,\n  \"element-display\": ElementDisplayCardMetadata,\n  \"element-list\": ElementListCardMetadata,\n  \"grid-view\": GridViewCardMetadata,\n  \"info-card\": InfoCardMetadata,\n  \"tab-list\": TabListCardMetadata,\n} as const\n"],"names":["DisplayCardMetadataMap","CardListCardMetadata","DataTableCardMetadata","ElementDisplayCardMetadata","ElementListCardMetadata","GridViewCardMetadata","InfoCardMetadata","TabListCardMetadata"],"mappings":";;;;;;;;;;;;;;AAgHO,MAAMA,IAAyB;AAAA,EACpC,aAAaC;AAAAA,EACb,WAAWC;AAAAA,EACX,mBAAmBC;AAAAA,EACnB,gBAAgBC;AAAAA,EAChB,aAAaC;AAAAA,EACb,aAAaC;AAAAA,EACb,YAAYC;AACd;"}

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

@@ -0,0 +1,283 @@
+import { BaseElement } from '../shared/base';
+import { RouteRef } from '../shared/route';
+/**
+ * Variants of the `action` element type. Each value here maps 1:1 to a
+ * Vue file under `src/elements/action/` via the engine's registry.
+ *
+ * Note: the v2 schema spells the group variant as `buttongroup` — we keep
+ * that token (so JSON authored against the platform deserialises without
+ * translation) and also accept the hyphenated form for new authoring.
+ */
+export type ActionStyle = "button" | "button-group" | "buttongroup" | "link";
+/**
+ * Visual variant for `button` / `link` styles. Maps to the design token
+ * palette (`--gxp-primary`, `--gxp-secondary`, etc.).
+ */
+export type ActionVariant = "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark" | "link" | "outline-primary" | "outline-secondary";
+/**
+ * Size token for `button` / `button-group` styles.
+ */
+export type ActionSize = "sm" | "md" | "lg";
+/**
+ * A single child action used by the `button-group` style. Mirrors a
+ * trimmed-down ActionElement (no recursion / no group-within-group).
+ */
+export interface ActionGroupItem {
+    id?: string;
+    label: string;
+    /** Optional lucide icon name rendered before the label. */
+    icon?: string;
+    /** Navigation target. */
+    href?: string;
+    /** Laravel-named route reference (preferred over `href`). */
+    route?: RouteRef;
+    /** Bootstrap-style variant. */
+    variant?: ActionVariant;
+    /** Emit a named event up to the host engine rather than navigating. */
+    emit?: string;
+    disabled?: boolean;
+}
+export interface ActionElement extends BaseElement<`action.${ActionStyle}`> {
+    /** Visible label. Required for `button` and `link`; optional for groups. */
+    label: string;
+    /** Optional lucide icon rendered before the label. */
+    icon?: string;
+    /** Bootstrap-style variant (only for `button` / `link`). */
+    variant?: ActionVariant;
+    /** Size token (only for `button` / `button-group`). */
+    size?: ActionSize;
+    /** Render as block (full width). */
+    block?: boolean;
+    /** Navigation target — raw href. */
+    href?: string;
+    /** Open `href` in a new tab. */
+    target?: "_self" | "_blank" | "_parent" | "_top";
+    /** Laravel-named route reference (preferred over `href`). */
+    route?: RouteRef;
+    /** Emit a named event up to the host engine rather than navigating. */
+    emit?: string;
+    /** Show a confirmation dialog before firing. */
+    confirm?: boolean;
+    /** Confirmation message displayed in the dialog. */
+    confirmMessage?: string;
+    /** For `button-group`: list of child actions. */
+    items?: ActionGroupItem[];
+}
+export declare const ActionElementDefaults: {
+    readonly type: "action.button";
+    readonly label: "Action";
+    readonly variant: "primary";
+    readonly size: "md";
+    readonly columns: 12;
+    readonly columnsSm: 12;
+    readonly columnsMd: 12;
+    readonly columnsLg: 12;
+    readonly columnsXl: 12;
+};
+export declare const ActionElementMetadata: {
+    readonly icon: "bolt";
+    readonly displayLabel: "Actions";
+    readonly elementCategory: "action";
+    readonly description: "Create interactive buttons or links that trigger actions when clicked.";
+};
+/**
+ * EditConfig describes how the FormBuilder inspector renders each
+ * configurable property. Each key matches a property on `ActionElement`;
+ * the value is a (loosely-typed) element spec.
+ */
+export declare const ActionElementEditConfig: {
+    readonly style: {
+        readonly type: "option-select.select";
+        readonly defaultValue: "button";
+        readonly label: "Action Style";
+        readonly columns: 6;
+        readonly selectOptions: readonly [{
+            readonly label: "Button";
+            readonly value: "button";
+        }, {
+            readonly label: "Button Group";
+            readonly value: "button-group";
+        }, {
+            readonly label: "Link";
+            readonly value: "link";
+        }];
+        readonly section: "layout";
+    };
+    readonly label: {
+        readonly type: "input.text";
+        readonly defaultValue: "Action";
+        readonly label: "Label";
+        readonly columns: 12;
+        readonly section: "configuration";
+    };
+    readonly icon: {
+        readonly type: "picker.icon";
+        readonly label: "Icon";
+        readonly columns: 6;
+        readonly section: "configuration";
+    };
+    readonly variant: {
+        readonly type: "option-select.select";
+        readonly defaultValue: "primary";
+        readonly label: "Variant";
+        readonly columns: 6;
+        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 label: "Link";
+            readonly value: "link";
+        }, {
+            readonly label: "Outline Primary";
+            readonly value: "outline-primary";
+        }, {
+            readonly label: "Outline Secondary";
+            readonly value: "outline-secondary";
+        }];
+        readonly section: "layout";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "in-array";
+            readonly value: readonly ["button", "link"];
+        }];
+    };
+    readonly size: {
+        readonly type: "option-select.select";
+        readonly defaultValue: "md";
+        readonly label: "Size";
+        readonly columns: 6;
+        readonly selectOptions: readonly [{
+            readonly label: "Small";
+            readonly value: "sm";
+        }, {
+            readonly label: "Medium";
+            readonly value: "md";
+        }, {
+            readonly label: "Large";
+            readonly value: "lg";
+        }];
+        readonly section: "layout";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "in-array";
+            readonly value: readonly ["button", "button-group"];
+        }];
+    };
+    readonly block: {
+        readonly type: "boolean.switch";
+        readonly label: "Full Width";
+        readonly columns: 6;
+        readonly section: "layout";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "in-array";
+            readonly value: readonly ["button", "button-group"];
+        }];
+    };
+    readonly href: {
+        readonly type: "input.text";
+        readonly label: "URL";
+        readonly columns: 12;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "in-array";
+            readonly value: readonly ["button", "link"];
+        }];
+    };
+    readonly target: {
+        readonly type: "option-select.select";
+        readonly defaultValue: "_self";
+        readonly label: "Link Target";
+        readonly columns: 6;
+        readonly selectOptions: readonly [{
+            readonly label: "Same Tab";
+            readonly value: "_self";
+        }, {
+            readonly label: "New Tab";
+            readonly value: "_blank";
+        }, {
+            readonly label: "Parent Frame";
+            readonly value: "_parent";
+        }, {
+            readonly label: "Top Frame";
+            readonly value: "_top";
+        }];
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "in-array";
+            readonly value: readonly ["button", "link"];
+        }];
+    };
+    readonly emit: {
+        readonly type: "input.text";
+        readonly label: "Emit Event Name";
+        readonly columns: 6;
+        readonly section: "advanced";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "in-array";
+            readonly value: readonly ["button", "link"];
+        }];
+    };
+    readonly confirm: {
+        readonly type: "boolean.switch";
+        readonly label: "Require Confirmation";
+        readonly columns: 6;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "in-array";
+            readonly value: readonly ["button", "link"];
+        }];
+    };
+    readonly confirmMessage: {
+        readonly type: "input.textarea";
+        readonly label: "Confirmation Message";
+        readonly columns: 12;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "confirm";
+            readonly logic: "==";
+            readonly value: true;
+        }];
+    };
+    readonly items: {
+        readonly type: "configuration-block.repeatable";
+        readonly label: "Group Items";
+        readonly columns: 12;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "in-array";
+            readonly value: readonly ["button-group", "buttongroup"];
+        }];
+    };
+};
+export declare const ActionStyleMetadataMap: Partial<Record<ActionStyle, {
+    displayLabel: string;
+    description: string;
+}>>;
+//# sourceMappingURL=ActionElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionElement.d.ts","sourceRoot":"","sources":["../../../src/definitions/elements/ActionElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EAGZ,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AAE1D;;;;;;;GAOG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,cAAc,GAAG,aAAa,GAAG,MAAM,CAAA;AAE5E;;;GAGG;AACH,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,iBAAiB,GACjB,mBAAmB,CAAA;AAEvB;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6DAA6D;IAC7D,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,aAAc,SAAQ,WAAW,CAAC,UAAU,WAAW,EAAE,CAAC;IACzE,4EAA4E;IAC5E,KAAK,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,uDAAuD;IACvD,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,6DAA6D;IAC7D,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iDAAiD;IACjD,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;CAC1B;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;CAUS,CAAA;AAE3C,eAAO,MAAM,qBAAqB;;;;;CAME,CAAA;AAEpC;;;;GAIG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoIL,CAAA;AAE/B,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC,CAI9G,CAAA"}

package/dist/definitions/elements/ActionElement.js

@@ -0,0 +1,159 @@
+const e = {
+  type: "action.button",
+  label: "Action",
+  variant: "primary",
+  size: "md",
+  columns: 12,
+  columnsSm: 12,
+  columnsMd: 12,
+  columnsLg: 12,
+  columnsXl: 12
+}, t = {
+  icon: "bolt",
+  displayLabel: "Actions",
+  elementCategory: "action",
+  description: "Create interactive buttons or links that trigger actions when clicked."
+}, a = {
+  style: {
+    type: "option-select.select",
+    defaultValue: "button",
+    label: "Action Style",
+    columns: 6,
+    selectOptions: [
+      { label: "Button", value: "button" },
+      { label: "Button Group", value: "button-group" },
+      { label: "Link", value: "link" }
+    ],
+    section: "layout"
+  },
+  label: {
+    type: "input.text",
+    defaultValue: "Action",
+    label: "Label",
+    columns: 12,
+    section: "configuration"
+  },
+  icon: {
+    type: "picker.icon",
+    label: "Icon",
+    columns: 6,
+    section: "configuration"
+  },
+  variant: {
+    type: "option-select.select",
+    defaultValue: "primary",
+    label: "Variant",
+    columns: 6,
+    selectOptions: [
+      { label: "Primary", value: "primary" },
+      { label: "Secondary", value: "secondary" },
+      { label: "Success", value: "success" },
+      { label: "Danger", value: "danger" },
+      { label: "Warning", value: "warning" },
+      { label: "Info", value: "info" },
+      { label: "Light", value: "light" },
+      { label: "Dark", value: "dark" },
+      { label: "Link", value: "link" },
+      { label: "Outline Primary", value: "outline-primary" },
+      { label: "Outline Secondary", value: "outline-secondary" }
+    ],
+    section: "layout",
+    conditionParams: [
+      { name: "style", logic: "in-array", value: ["button", "link"] }
+    ]
+  },
+  size: {
+    type: "option-select.select",
+    defaultValue: "md",
+    label: "Size",
+    columns: 6,
+    selectOptions: [
+      { label: "Small", value: "sm" },
+      { label: "Medium", value: "md" },
+      { label: "Large", value: "lg" }
+    ],
+    section: "layout",
+    conditionParams: [
+      { name: "style", logic: "in-array", value: ["button", "button-group"] }
+    ]
+  },
+  block: {
+    type: "boolean.switch",
+    label: "Full Width",
+    columns: 6,
+    section: "layout",
+    conditionParams: [
+      { name: "style", logic: "in-array", value: ["button", "button-group"] }
+    ]
+  },
+  href: {
+    type: "input.text",
+    label: "URL",
+    columns: 12,
+    section: "configuration",
+    conditionParams: [
+      { name: "style", logic: "in-array", value: ["button", "link"] }
+    ]
+  },
+  target: {
+    type: "option-select.select",
+    defaultValue: "_self",
+    label: "Link Target",
+    columns: 6,
+    selectOptions: [
+      { label: "Same Tab", value: "_self" },
+      { label: "New Tab", value: "_blank" },
+      { label: "Parent Frame", value: "_parent" },
+      { label: "Top Frame", value: "_top" }
+    ],
+    section: "configuration",
+    conditionParams: [
+      { name: "style", logic: "in-array", value: ["button", "link"] }
+    ]
+  },
+  emit: {
+    type: "input.text",
+    label: "Emit Event Name",
+    columns: 6,
+    section: "advanced",
+    conditionParams: [
+      { name: "style", logic: "in-array", value: ["button", "link"] }
+    ]
+  },
+  confirm: {
+    type: "boolean.switch",
+    label: "Require Confirmation",
+    columns: 6,
+    section: "configuration",
+    conditionParams: [
+      { name: "style", logic: "in-array", value: ["button", "link"] }
+    ]
+  },
+  confirmMessage: {
+    type: "input.textarea",
+    label: "Confirmation Message",
+    columns: 12,
+    section: "configuration",
+    conditionParams: [{ name: "confirm", logic: "==", value: !0 }]
+  },
+  items: {
+    type: "configuration-block.repeatable",
+    label: "Group Items",
+    columns: 12,
+    section: "configuration",
+    conditionParams: [
+      { name: "style", logic: "in-array", value: ["button-group", "buttongroup"] }
+    ]
+  }
+}, l = {
+  button: { displayLabel: "Button", description: "A clickable button that triggers an action or navigation." },
+  "button-group": { displayLabel: "Button Group", description: "A group of related action buttons rendered side-by-side." },
+  link: { displayLabel: "Link", description: "An inline hyperlink that navigates or triggers an action." }
+};
+export {
+  e as ActionElementDefaults,
+  a as ActionElementEditConfig,
+  t as ActionElementMetadata,
+  l as ActionStyleMetadataMap
+};
+//# sourceMappingURL=ActionElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionElement.js","sources":["../../../src/definitions/elements/ActionElement.ts"],"sourcesContent":["import type {\n  BaseElement,\n  EditConfig,\n  ElementMetadata,\n} from \"@/definitions/shared/base\"\nimport type { RouteRef } from \"@/definitions/shared/route\"\n\n/**\n * Variants of the `action` element type. Each value here maps 1:1 to a\n * Vue file under `src/elements/action/` via the engine's registry.\n *\n * Note: the v2 schema spells the group variant as `buttongroup` — we keep\n * that token (so JSON authored against the platform deserialises without\n * translation) and also accept the hyphenated form for new authoring.\n */\nexport type ActionStyle = \"button\" | \"button-group\" | \"buttongroup\" | \"link\"\n\n/**\n * Visual variant for `button` / `link` styles. Maps to the design token\n * palette (`--gxp-primary`, `--gxp-secondary`, etc.).\n */\nexport type ActionVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"success\"\n  | \"danger\"\n  | \"warning\"\n  | \"info\"\n  | \"light\"\n  | \"dark\"\n  | \"link\"\n  | \"outline-primary\"\n  | \"outline-secondary\"\n\n/**\n * Size token for `button` / `button-group` styles.\n */\nexport type ActionSize = \"sm\" | \"md\" | \"lg\"\n\n/**\n * A single child action used by the `button-group` style. Mirrors a\n * trimmed-down ActionElement (no recursion / no group-within-group).\n */\nexport interface ActionGroupItem {\n  id?: string\n  label: string\n  /** Optional lucide icon name rendered before the label. */\n  icon?: string\n  /** Navigation target. */\n  href?: string\n  /** Laravel-named route reference (preferred over `href`). */\n  route?: RouteRef\n  /** Bootstrap-style variant. */\n  variant?: ActionVariant\n  /** Emit a named event up to the host engine rather than navigating. */\n  emit?: string\n  disabled?: boolean\n}\n\nexport interface ActionElement extends BaseElement<`action.${ActionStyle}`> {\n  /** Visible label. Required for `button` and `link`; optional for groups. */\n  label: string\n  /** Optional lucide icon rendered before the label. */\n  icon?: string\n  /** Bootstrap-style variant (only for `button` / `link`). */\n  variant?: ActionVariant\n  /** Size token (only for `button` / `button-group`). */\n  size?: ActionSize\n  /** Render as block (full width). */\n  block?: boolean\n  /** Navigation target — raw href. */\n  href?: string\n  /** Open `href` in a new tab. */\n  target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\"\n  /** Laravel-named route reference (preferred over `href`). */\n  route?: RouteRef\n  /** Emit a named event up to the host engine rather than navigating. */\n  emit?: string\n  /** Show a confirmation dialog before firing. */\n  confirm?: boolean\n  /** Confirmation message displayed in the dialog. */\n  confirmMessage?: string\n  /** For `button-group`: list of child actions. */\n  items?: ActionGroupItem[]\n}\n\nexport const ActionElementDefaults = {\n  type: \"action.button\",\n  label: \"Action\",\n  variant: \"primary\",\n  size: \"md\",\n  columns: 12,\n  columnsSm: 12,\n  columnsMd: 12,\n  columnsLg: 12,\n  columnsXl: 12,\n} as const satisfies Partial<ActionElement>\n\nexport const ActionElementMetadata = {\n  icon: \"bolt\",\n  displayLabel: \"Actions\",\n  elementCategory: \"action\",\n  description:\n    \"Create interactive buttons or links that trigger actions when clicked.\",\n} as const satisfies ElementMetadata\n\n/**\n * EditConfig describes how the FormBuilder inspector renders each\n * configurable property. Each key matches a property on `ActionElement`;\n * the value is a (loosely-typed) element spec.\n */\nexport const ActionElementEditConfig = {\n  style: {\n    type: \"option-select.select\",\n    defaultValue: \"button\",\n    label: \"Action Style\",\n    columns: 6,\n    selectOptions: [\n      { label: \"Button\", value: \"button\" },\n      { label: \"Button Group\", value: \"button-group\" },\n      { label: \"Link\", value: \"link\" },\n    ],\n    section: \"layout\",\n  },\n  label: {\n    type: \"input.text\",\n    defaultValue: \"Action\",\n    label: \"Label\",\n    columns: 12,\n    section: \"configuration\",\n  },\n  icon: {\n    type: \"picker.icon\",\n    label: \"Icon\",\n    columns: 6,\n    section: \"configuration\",\n  },\n  variant: {\n    type: \"option-select.select\",\n    defaultValue: \"primary\",\n    label: \"Variant\",\n    columns: 6,\n    selectOptions: [\n      { label: \"Primary\", value: \"primary\" },\n      { label: \"Secondary\", value: \"secondary\" },\n      { label: \"Success\", value: \"success\" },\n      { label: \"Danger\", value: \"danger\" },\n      { label: \"Warning\", value: \"warning\" },\n      { label: \"Info\", value: \"info\" },\n      { label: \"Light\", value: \"light\" },\n      { label: \"Dark\", value: \"dark\" },\n      { label: \"Link\", value: \"link\" },\n      { label: \"Outline Primary\", value: \"outline-primary\" },\n      { label: \"Outline Secondary\", value: \"outline-secondary\" },\n    ],\n    section: \"layout\",\n    conditionParams: [\n      { name: \"style\", logic: \"in-array\", value: [\"button\", \"link\"] },\n    ],\n  },\n  size: {\n    type: \"option-select.select\",\n    defaultValue: \"md\",\n    label: \"Size\",\n    columns: 6,\n    selectOptions: [\n      { label: \"Small\", value: \"sm\" },\n      { label: \"Medium\", value: \"md\" },\n      { label: \"Large\", value: \"lg\" },\n    ],\n    section: \"layout\",\n    conditionParams: [\n      { name: \"style\", logic: \"in-array\", value: [\"button\", \"button-group\"] },\n    ],\n  },\n  block: {\n    type: \"boolean.switch\",\n    label: \"Full Width\",\n    columns: 6,\n    section: \"layout\",\n    conditionParams: [\n      { name: \"style\", logic: \"in-array\", value: [\"button\", \"button-group\"] },\n    ],\n  },\n  href: {\n    type: \"input.text\",\n    label: \"URL\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [\n      { name: \"style\", logic: \"in-array\", value: [\"button\", \"link\"] },\n    ],\n  },\n  target: {\n    type: \"option-select.select\",\n    defaultValue: \"_self\",\n    label: \"Link Target\",\n    columns: 6,\n    selectOptions: [\n      { label: \"Same Tab\", value: \"_self\" },\n      { label: \"New Tab\", value: \"_blank\" },\n      { label: \"Parent Frame\", value: \"_parent\" },\n      { label: \"Top Frame\", value: \"_top\" },\n    ],\n    section: \"configuration\",\n    conditionParams: [\n      { name: \"style\", logic: \"in-array\", value: [\"button\", \"link\"] },\n    ],\n  },\n  emit: {\n    type: \"input.text\",\n    label: \"Emit Event Name\",\n    columns: 6,\n    section: \"advanced\",\n    conditionParams: [\n      { name: \"style\", logic: \"in-array\", value: [\"button\", \"link\"] },\n    ],\n  },\n  confirm: {\n    type: \"boolean.switch\",\n    label: \"Require Confirmation\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [\n      { name: \"style\", logic: \"in-array\", value: [\"button\", \"link\"] },\n    ],\n  },\n  confirmMessage: {\n    type: \"input.textarea\",\n    label: \"Confirmation Message\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [{ name: \"confirm\", logic: \"==\", value: true }],\n  },\n  items: {\n    type: \"configuration-block.repeatable\",\n    label: \"Group Items\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [\n      { name: \"style\", logic: \"in-array\", value: [\"button-group\", \"buttongroup\"] },\n    ],\n  },\n} as const satisfies EditConfig\n\nexport const ActionStyleMetadataMap: Partial<Record<ActionStyle, { displayLabel: string; description: string }>> = {\n  button: { displayLabel: \"Button\", description: \"A clickable button that triggers an action or navigation.\" },\n  \"button-group\": { displayLabel: \"Button Group\", description: \"A group of related action buttons rendered side-by-side.\" },\n  link: { displayLabel: \"Link\", description: \"An inline hyperlink that navigates or triggers an action.\" },\n}\n"],"names":["ActionElementDefaults","ActionElementMetadata","ActionElementEditConfig","ActionStyleMetadataMap"],"mappings":"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"}

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

@@ -0,0 +1,161 @@
+import { BaseElement } from '../shared/base';
+import { ValidationConfig } from '../shared/validation';
+/**
+ * Variants of the `boolean` element type. Each value here maps 1:1 to a
+ * Vue file under `src/elements/boolean/` via the engine's registry.
+ */
+export type BooleanStyle = "checkbox" | "switch" | "radio" | "icon-toggle";
+export interface BooleanElement extends BaseElement<`boolean.${BooleanStyle}`> {
+    name: string;
+    label: string;
+    defaultValue?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    /** For `radio`: render the two choices on the same row. */
+    inline?: boolean;
+    /** Override the label shown next to / on top of the control's "true" state. */
+    trueLabel?: string;
+    /** Override the label shown next to / on top of the control's "false" state. */
+    falseLabel?: string;
+    /** For `icon-toggle`: lucide icon name when value is true. */
+    trueIcon?: string;
+    /** For `icon-toggle`: lucide icon name when value is false. */
+    falseIcon?: string;
+    /** Validation rules (Laravel-style strings). */
+    validation?: ValidationConfig;
+}
+export declare const BooleanElementDefaults: {
+    readonly type: "boolean.checkbox";
+    readonly label: "Boolean Label";
+    readonly defaultValue: false;
+    readonly columns: 12;
+    readonly columnsSm: 12;
+    readonly columnsMd: 12;
+    readonly columnsLg: 12;
+    readonly columnsXl: 12;
+};
+export declare const BooleanElementMetadata: {
+    readonly icon: "square-check";
+    readonly displayLabel: "True or False";
+    readonly elementCategory: "boolean";
+    readonly description: "Create a boolean field to store true/false values and display as a checkbox, switch, radio button, or icon toggle.";
+};
+/**
+ * EditConfig describes how the FormBuilder inspector renders each
+ * configurable property. Each key matches a property on `BooleanElement`;
+ * the value is a (loosely-typed) element spec.
+ */
+export declare const BooleanElementEditConfig: {
+    readonly label: {
+        readonly type: "input.text";
+        readonly defaultValue: "";
+        readonly label: "Label";
+        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: "checkbox";
+        readonly label: "Boolean Style";
+        readonly columns: 6;
+        readonly selectOptions: readonly [{
+            readonly label: "Checkbox";
+            readonly value: "checkbox";
+        }, {
+            readonly label: "Switch";
+            readonly value: "switch";
+        }, {
+            readonly label: "Radio";
+            readonly value: "radio";
+        }, {
+            readonly label: "Icon Toggle";
+            readonly value: "icon-toggle";
+        }];
+        readonly section: "layout";
+    };
+    readonly defaultValue: {
+        readonly type: "boolean.checkbox";
+        readonly label: "Default Value";
+        readonly columns: 12;
+        readonly section: "configuration";
+    };
+    readonly required: {
+        readonly type: "boolean.switch";
+        readonly label: "Make item required";
+        readonly columns: 6;
+        readonly section: "configuration";
+    };
+    readonly readonly: {
+        readonly type: "boolean.switch";
+        readonly label: "Make item read-only";
+        readonly columns: 6;
+        readonly section: "configuration";
+    };
+    readonly inline: {
+        readonly type: "boolean.switch";
+        readonly label: "Inline Options";
+        readonly columns: 6;
+        readonly section: "layout";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "==";
+            readonly value: "radio";
+        }];
+    };
+    readonly trueLabel: {
+        readonly type: "input.text";
+        readonly label: "True Label";
+        readonly columns: 6;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "in-array";
+            readonly value: readonly ["radio", "switch"];
+        }];
+    };
+    readonly falseLabel: {
+        readonly type: "input.text";
+        readonly label: "False Label";
+        readonly columns: 6;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "in-array";
+            readonly value: readonly ["radio", "switch"];
+        }];
+    };
+    readonly trueIcon: {
+        readonly type: "picker.icon";
+        readonly label: "True Icon";
+        readonly columns: 6;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "==";
+            readonly value: "icon-toggle";
+        }];
+    };
+    readonly falseIcon: {
+        readonly type: "picker.icon";
+        readonly label: "False Icon";
+        readonly columns: 6;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "==";
+            readonly value: "icon-toggle";
+        }];
+    };
+};
+export declare const BooleanStyleMetadataMap: Partial<Record<BooleanStyle, {
+    displayLabel: string;
+    description: string;
+}>>;
+//# sourceMappingURL=BooleanElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanElement.d.ts","sourceRoot":"","sources":["../../../src/definitions/elements/BooleanElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EAGZ,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAEvE;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAA;AAE1E,MAAM,WAAW,cAAe,SAAQ,WAAW,CAAC,WAAW,YAAY,EAAE,CAAC;IAC5E,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gDAAgD;IAChD,UAAU,CAAC,EAAE,gBAAgB,CAAA;CAC9B;AAED,eAAO,MAAM,sBAAsB;;;;;;;;;CASS,CAAA;AAE5C,eAAO,MAAM,sBAAsB;;;;;CAMC,CAAA;AAEpC;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFN,CAAA;AAE/B,eAAO,MAAM,uBAAuB,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC,CAKhH,CAAA"}