@plitzi/sdk-elements 0.37.1 → 0.37.2

package/dist/index.d.ts

@@ -6,15 +6,16 @@ export * from './elements';
 export * from './elements/settings';
 export declare const defaultElements: {
     dropdown: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/Dropdown/Dropdown').DropdownProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/Dropdown/Dropdown').DropdownProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         plugins: {
             dropdownPopup: {
-                (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/Dropdown/DropdownPopup/DropdownPopup').DropdownPopupProps>): import("react").JSX.Element;
+                (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/Dropdown/DropdownPopup/DropdownPopup').DropdownPopupProps>): import('react').JSX.Element;
                 displayName: string;
             } & {
                 readonly type: "dropdownPopup";
+                readonly ancestorType: "dropdown";
                 readonly content: {
                     readonly attributes: {};
                     readonly definition: {
@@ -52,7 +53,7 @@ export declare const defaultElements: {
                         readonly style: {
                             readonly base: {
                                 readonly default: {
-                                    readonly 'background-color': "white";
+                                    readonly 'background-color': "light-dark(white, oklch(0.21 0.006 285.885))";
                                     readonly 'padding-right': "4px";
                                     readonly 'padding-bottom': "4px";
                                     readonly 'padding-left': "4px";
@@ -158,7 +159,7 @@ export declare const defaultElements: {
         }>;
     };
     notFound: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/internal/NotFound/NotFound').NotFoundProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/internal/NotFound/NotFound').NotFoundProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "notFound";
@@ -207,7 +208,7 @@ export declare const defaultElements: {
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
     loading: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/internal/Loading/Loading').LoadingProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/internal/Loading/Loading').LoadingProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "loading";
@@ -256,7 +257,7 @@ export declare const defaultElements: {
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
     custom: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/advanced/Custom/Custom').CustomProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/advanced/Custom/Custom').CustomProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "custom";
@@ -311,7 +312,7 @@ export declare const defaultElements: {
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<import('./elements/advanced/Custom/declaration').CustomAttributes>;
     reference: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/advanced/Reference/Reference').ReferenceProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/advanced/Reference/Reference').ReferenceProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "reference";
@@ -369,7 +370,7 @@ export declare const defaultElements: {
         referenceContainer: string;
     }>>;
     blockHtml: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/advanced/BlockHtml/BlockHtml').BlockHtmlProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/advanced/BlockHtml/BlockHtml').BlockHtmlProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "blockHtml";
@@ -422,7 +423,7 @@ export declare const defaultElements: {
         content?: string | undefined;
     }>>;
     nodeHtml: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/advanced/NodeHtml/NodeHtml').NodeHtmlProps<"span">>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/advanced/NodeHtml/NodeHtml').NodeHtmlProps<"span">>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "nodeHtml";
@@ -766,7 +767,7 @@ export declare const defaultElements: {
         subType?: "span" | undefined;
     }>>;
     blockJsx: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/advanced/BlockJsx/BlockJsx').BlockJsxProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/advanced/BlockJsx/BlockJsx').BlockJsxProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "blockJsx";
@@ -820,10 +821,23 @@ export declare const defaultElements: {
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<import('./elements/advanced/BlockJsx/declaration').BlockJsxAttributes>;
     page: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/internal/Page/Page').PageProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/internal/Page/Page').PageProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "page";
+        readonly triggers: {
+            readonly onPageLoad: {
+                readonly action: "onPageLoad";
+                readonly title: "On Page Load";
+                readonly type: "trigger";
+                readonly params: {};
+                readonly preview: {
+                    readonly pageId: "";
+                    readonly routeParams: "";
+                    readonly queryParams: "";
+                };
+            };
+        };
         readonly content: {
             readonly attributes: {
                 readonly enabled: true;
@@ -898,7 +912,7 @@ export declare const defaultElements: {
         seoPageDescription?: string | undefined;
     }>>;
     container: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/Container/Container').ContainerProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/Container/Container').ContainerProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "container";
@@ -953,7 +967,7 @@ export declare const defaultElements: {
         subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | undefined;
     }>>;
     layoutContainer: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/internal/LayoutContainer/LayoutContainer').LayoutContainerProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/internal/LayoutContainer/LayoutContainer').LayoutContainerProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "layoutContainer";
@@ -1010,11 +1024,92 @@ export declare const defaultElements: {
         layoutContainer?: string | undefined;
     }>>;
     dialogContainer: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/DialogContainer/DialogContainer').DialogContainerProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/DialogContainer/DialogContainer').DialogContainerProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "dialogContainer";
         readonly sourceType: "dialogContainer";
+        readonly triggers: {
+            readonly onDialogAccept: {
+                readonly action: "onDialogAccept";
+                readonly title: "On Dialog Accept";
+                readonly type: "trigger";
+                readonly params: {
+                    readonly metadata: {
+                        readonly type: "text";
+                        readonly defaultValue: "";
+                    };
+                };
+                readonly preview: {
+                    readonly metadata: "";
+                };
+            };
+            readonly onDialogReject: {
+                readonly action: "onDialogReject";
+                readonly title: "On Dialog Reject";
+                readonly type: "trigger";
+                readonly params: {
+                    readonly metadata: {
+                        readonly type: "text";
+                        readonly defaultValue: "";
+                    };
+                };
+                readonly preview: {
+                    readonly metadata: "";
+                };
+            };
+            readonly onDialogOpen: {
+                readonly action: "onDialogOpen";
+                readonly title: "On Dialog Open";
+                readonly type: "trigger";
+                readonly params: {
+                    readonly metadata: {
+                        readonly type: "text";
+                        readonly defaultValue: "";
+                    };
+                };
+                readonly preview: {
+                    readonly metadata: "";
+                };
+            };
+            readonly onDialogClose: {
+                readonly action: "onDialogClose";
+                readonly title: "On Dialog Close";
+                readonly type: "trigger";
+                readonly params: {
+                    readonly metadata: {
+                        readonly type: "text";
+                        readonly defaultValue: "";
+                    };
+                };
+                readonly preview: {
+                    readonly metadata: "";
+                };
+            };
+        };
+        readonly callbacks: {
+            readonly openDialog: {
+                readonly action: "openDialog";
+                readonly title: "Open Dialog";
+                readonly type: "callback";
+                readonly params: {
+                    readonly metadata: {
+                        readonly type: "text";
+                        readonly defaultValue: "";
+                    };
+                };
+                readonly preview: {
+                    readonly metadata: "";
+                };
+            };
+            readonly closeDialog: {
+                readonly action: "closeDialog";
+                readonly title: "Close Dialog";
+                readonly type: "callback";
+                readonly preview: {};
+                readonly params: {};
+            };
+        };
         readonly content: {
             readonly attributes: {
                 readonly headerLabel: "Dialog Header";
@@ -1096,7 +1191,7 @@ export declare const defaultElements: {
                             readonly left: "50%";
                             readonly width: "500px";
                             readonly height: "300px";
-                            readonly 'background-color': "white";
+                            readonly 'background-color': "light-dark(white, oklch(0.21 0.006 285.885))";
                             readonly transform: "translate3d(-50%, -50%, 0px)";
                             readonly 'padding-top': "20px";
                             readonly 'padding-bottom': "20px";
@@ -1163,11 +1258,57 @@ export declare const defaultElements: {
         autoHideAfterClick: boolean;
     }>>;
     modalContainer: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/ModalContainer/ModalContainer').ModalContainerProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/ModalContainer/ModalContainer').ModalContainerProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "modalContainer";
         readonly sourceType: "modalContainer";
+        readonly triggers: {
+            readonly onModalOpen: {
+                readonly action: "onModalOpen";
+                readonly title: "On Modal Open";
+                readonly type: "trigger";
+                readonly params: {
+                    readonly metadata: {
+                        readonly type: "text";
+                        readonly defaultValue: "";
+                    };
+                };
+                readonly preview: {
+                    readonly metadata: "";
+                };
+            };
+            readonly onModalClose: {
+                readonly action: "onModalClose";
+                readonly title: "On Modal Close";
+                readonly type: "trigger";
+                readonly preview: {};
+                readonly params: {};
+            };
+        };
+        readonly callbacks: {
+            readonly openModal: {
+                readonly action: "openModal";
+                readonly title: "Open Modal";
+                readonly type: "callback";
+                readonly params: {
+                    readonly metadata: {
+                        readonly type: "text";
+                        readonly defaultValue: "";
+                    };
+                };
+                readonly preview: {
+                    readonly metadata: "";
+                };
+            };
+            readonly closeModal: {
+                readonly action: "closeModal";
+                readonly title: "Close Modal";
+                readonly type: "callback";
+                readonly params: {};
+                readonly preview: {};
+            };
+        };
         readonly content: {
             readonly attributes: {
                 readonly title: "Modal Header";
@@ -1244,7 +1385,7 @@ export declare const defaultElements: {
                             readonly left: "50%";
                             readonly width: "500px";
                             readonly height: "300px";
-                            readonly 'background-color': "white";
+                            readonly 'background-color': "light-dark(white, oklch(0.21 0.006 285.885))";
                             readonly transform: "translate3d(-50%, -50%, 0px)";
                             readonly 'border-top-left-radius': "8px";
                             readonly 'border-top-right-radius': "8px";
@@ -1258,7 +1399,7 @@ export declare const defaultElements: {
                             readonly 'align-items': "center";
                             readonly 'justify-content': "space-between";
                             readonly 'border-bottom-width': "1px";
-                            readonly 'border-bottom-color': "#d1d5db";
+                            readonly 'border-bottom-color': "light-dark(#d1d5db, oklch(0.37 0.013 285.805))";
                             readonly 'border-bottom-style': "solid";
                             readonly 'padding-left': "20px";
                             readonly 'padding-right': "20px";
@@ -1307,15 +1448,16 @@ export declare const defaultElements: {
         autoHideAfterClick?: boolean | undefined;
     }>>;
     tabContainer: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/TabContainer/TabContainer').TabContainerProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/TabContainer/TabContainer').TabContainerProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         plugins: {
             tabContainerHeader: {
-                (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/TabContainer/TabContainerHeader/TabContainerHeader').TabContainerHeaderProps>): import("react").JSX.Element;
+                (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/TabContainer/TabContainerHeader/TabContainerHeader').TabContainerHeaderProps>): import('react').JSX.Element;
                 displayName: string;
             } & {
                 readonly type: "tabContainerHeader";
+                readonly ancestorType: "tabContainer";
                 readonly content: {
                     readonly attributes: {};
                     readonly definition: {
@@ -1364,10 +1506,11 @@ export declare const defaultElements: {
                 readonly initialItems: readonly ["tabContainerItem", "tabContainerItem", "tabContainerItem"];
             } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
             tabContainerBody: {
-                (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/TabContainer/TabContainerBody/TabContainerBody').TabContainerBodyProps>): import("react").JSX.Element;
+                (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/TabContainer/TabContainerBody/TabContainerBody').TabContainerBodyProps>): import('react').JSX.Element;
                 displayName: string;
             } & {
                 readonly type: "tabContainerBody";
+                readonly ancestorType: "tabContainer";
                 readonly content: {
                     readonly attributes: {};
                     readonly definition: {
@@ -1416,7 +1559,7 @@ export declare const defaultElements: {
                 readonly initialItems: readonly ["tabContainerItem", "tabContainerItem", "tabContainerItem"];
             } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
             tabContainerItem: {
-                (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/TabContainer/TabContainerItem/TabContainerItem').TabContainerItemProps>): import("react").JSX.Element;
+                (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/TabContainer/TabContainerItem/TabContainerItem').TabContainerItemProps>): import('react').JSX.Element;
                 displayName: string;
             } & {
                 readonly type: "tabContainerItem";
@@ -1517,7 +1660,7 @@ export declare const defaultElements: {
         __attributes: unknown;
     };
     heading: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/Heading/Heading').HeadingProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/Heading/Heading').HeadingProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "heading";
@@ -1664,7 +1807,7 @@ export declare const defaultElements: {
         subType?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
     }>>;
     image: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/media/Image/Image').ImageProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/media/Image/Image').ImageProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "image";
@@ -1727,7 +1870,7 @@ export declare const defaultElements: {
         loadMode?: "eager" | "lazy" | undefined;
     }>>;
     video: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/media/Video/Video').VideoProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/media/Video/Video').VideoProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "video";
@@ -1792,7 +1935,7 @@ export declare const defaultElements: {
         playsInline?: boolean | undefined;
     }>>;
     fontAwesome: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/media/FontAwesome/FontAwesome').FontAwesomeProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/media/FontAwesome/FontAwesome').FontAwesomeProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "fontAwesome";
@@ -1852,7 +1995,7 @@ export declare const defaultElements: {
         iconAnimation?: string | undefined;
     }>>;
     button: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/Button/Button').ButtonProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/Button/Button').ButtonProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "button";
@@ -1980,7 +2123,7 @@ export declare const defaultElements: {
         ariaPressed?: boolean | undefined;
     }>>;
     paragraph: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/Paragraph/Paragraph').ParagraphProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/Paragraph/Paragraph').ParagraphProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "paragraph";
@@ -2036,7 +2179,7 @@ export declare const defaultElements: {
         content?: string | number | undefined;
     }>>;
     text: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/Text/Text').TextProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/Text/Text').TextProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "text";
@@ -2093,10 +2236,21 @@ export declare const defaultElements: {
         content?: string | number | undefined;
     }>>;
     themeToggle: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/ThemeToggle/ThemeToggle').ThemeToggleProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/ThemeToggle/ThemeToggle').ThemeToggleProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "themeToggle";
+        readonly triggers: {
+            readonly onThemeChange: {
+                readonly action: "onThemeChange";
+                readonly title: "On Theme Change";
+                readonly type: "trigger";
+                readonly params: {};
+                readonly preview: {
+                    readonly theme: "dark";
+                };
+            };
+        };
         readonly content: {
             readonly attributes: {
                 readonly subType: "switch";
@@ -2108,7 +2262,7 @@ export declare const defaultElements: {
             readonly definition: {
                 readonly label: "Theme Toggle";
                 readonly type: "themeToggle";
-                readonly description: "Lets a visitor choose light or dark. It writes the choice on the document root, where a space stylesheet is already looking for it, and remembers it — so the machine decides until somebody says otherwise. It ships no colours of its own: style it with the space own classes, and use `data-theme-icon` to decide which icon each scheme shows.";
+                readonly description: "Lets a visitor choose light or dark. It writes the choice on the document root, where a space stylesheet is already looking for it, and remembers it — so the machine decides until somebody says otherwise. It ships no colours of its own: style it with the space own classes. It shows the icon of the scheme in use by default; key a rule off `data-theme-icon` to change that.";
                 readonly items: readonly [];
                 readonly bindings: {};
                 readonly styleSelectors: {
@@ -2162,12 +2316,12 @@ export declare const defaultElements: {
         showSystem?: boolean | undefined;
     }>>;
     list: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/List/List').ListProps<unknown>>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/List/List').ListProps<unknown>>): import('react').JSX.Element;
         displayName: string;
     } & {
         plugins: {
             listItem: {
-                (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/List/ListItem/ListItem').ListItemProps>): import("react").JSX.Element;
+                (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/List/ListItem/ListItem').ListItemProps>): import('react').JSX.Element;
                 displayName: string;
             } & {
                 readonly type: "listItem";
@@ -2303,7 +2457,7 @@ export declare const defaultElements: {
         }>;
     };
     link: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/Link/Link').LinkProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/Link/Link').LinkProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "link";
@@ -2367,7 +2521,7 @@ export declare const defaultElements: {
         href?: string | undefined;
     }>>;
     markdown: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/Markdown/Markdown').MarkdownProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/Markdown/Markdown').MarkdownProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "markdown";
@@ -2423,7 +2577,7 @@ export declare const defaultElements: {
         content: string;
     }>>;
     richText: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/RichText/RichText').RichTextProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/RichText/RichText').RichTextProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "richText";
@@ -2482,10 +2636,21 @@ export declare const defaultElements: {
         mediaBaseUrl?: string | undefined;
     }>>;
     pagination: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/Pagination/Pagination').PaginationProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/Pagination/Pagination').PaginationProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "pagination";
+        readonly triggers: {
+            readonly onPageChange: {
+                readonly action: "onPageChange";
+                readonly title: "On Page Change";
+                readonly type: "trigger";
+                readonly params: {};
+                readonly preview: {
+                    readonly page: "1";
+                };
+            };
+        };
         readonly content: {
             readonly attributes: {
                 readonly pageInfo: {};
@@ -2556,12 +2721,12 @@ export declare const defaultElements: {
         loadMoreLabel?: string | undefined;
     }>>;
     form: {
-        (props: import('./Element/hocs/withElement').WithElementProps<elements.FormProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<elements.FormProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         content: {
             market: {
-                icon: import("react").JSX.Element;
+                icon: import('react').JSX.Element;
                 category: "form";
                 owner: "Plitzi";
                 verified: true;
@@ -2612,6 +2777,63 @@ export declare const defaultElements: {
         };
         type: "form";
         sourceType: "apiContainer";
+        triggers: {
+            readonly onSubmit: {
+                readonly action: "onSubmit";
+                readonly title: "On Form Submit";
+                readonly type: "trigger";
+                readonly params: {};
+                readonly preview: {
+                    readonly values: {};
+                    readonly actionUrl: "";
+                    readonly method: "";
+                };
+            };
+        };
+        callbacks: {
+            readonly performReset: {
+                readonly action: "performReset";
+                readonly title: "Reset Form";
+                readonly type: "callback";
+                readonly params: {};
+            };
+            readonly setFieldValue: {
+                readonly action: "setFieldValue";
+                readonly title: "Set Field Value";
+                readonly type: "callback";
+                readonly preview: {};
+                readonly params: {
+                    readonly name: {
+                        readonly label: "Field Name";
+                        readonly defaultValue: undefined;
+                        readonly type: "select";
+                        readonly options: [];
+                    };
+                    readonly value: {
+                        readonly type: "text";
+                        readonly defaultValue: "";
+                    };
+                };
+            };
+            readonly setFieldError: {
+                readonly action: "setFieldError";
+                readonly title: "Set Field Error";
+                readonly type: "callback";
+                readonly preview: {};
+                readonly params: {
+                    readonly name: {
+                        readonly label: "Field Name";
+                        readonly defaultValue: undefined;
+                        readonly type: "select";
+                        readonly options: [];
+                    };
+                    readonly error: {
+                        readonly type: "text";
+                        readonly defaultValue: "";
+                    };
+                };
+            };
+        };
         __attributes: Partial<{
             values: Record<string, unknown>;
             method: "get" | "post";
@@ -2622,12 +2844,12 @@ export declare const defaultElements: {
         }>;
     };
     formControl: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/form/FormControl/hocs/withFieldValue').WithFieldValueProps<import('./elements/form/FormControl/FormControl').FormControlProps>>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/form/FormControl/hocs/withFieldValue').WithFieldValueProps<import('./elements/form/FormControl/FormControl').FormControlProps>>): import('react').JSX.Element;
         displayName: string;
     } & {
         content: {
             market: {
-                icon: import("react").JSX.Element;
+                icon: import('react').JSX.Element;
                 category: "form";
                 owner: "Plitzi";
                 verified: true;
@@ -3118,14 +3340,101 @@ export declare const defaultElements: {
             settings: {};
         };
         type: "formControl";
+        triggers: {
+            readonly onChange: {
+                readonly action: "onChange";
+                readonly title: "On Change";
+                readonly type: "trigger";
+                readonly params: {};
+                readonly preview: {
+                    readonly value: "";
+                    readonly name: "";
+                };
+            };
+        };
         __attributes: import('./elements/form/FormControl/declaration').FormControlAttributes;
     };
     apiContainer: {
-        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/provider/ApiContainer/ApiContainer').ApiContainerProps>): import("react").JSX.Element;
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/provider/ApiContainer/ApiContainer').ApiContainerProps>): import('react').JSX.Element;
         displayName: string;
     } & {
         readonly type: "apiContainer";
         readonly sourceType: "apiContainer";
+        readonly triggers: {
+            readonly onApiError: {
+                readonly action: "onApiError";
+                readonly title: "On Api Error";
+                readonly type: "trigger";
+                readonly params: {};
+                readonly preview: {
+                    readonly url: "";
+                    readonly method: "";
+                    readonly status: "";
+                    readonly data: "";
+                };
+            };
+            readonly onApiSuccess: {
+                readonly action: "onApiSuccess";
+                readonly title: "On Api Success";
+                readonly type: "trigger";
+                readonly params: {};
+                readonly preview: {
+                    readonly url: "";
+                    readonly method: "";
+                    readonly status: "";
+                    readonly data: "";
+                };
+            };
+        };
+        readonly callbacks: {
+            readonly performQuery: {
+                readonly action: "performQuery";
+                readonly title: "Perform Query";
+                readonly type: "callback";
+                readonly preview: {};
+                readonly params: {};
+            };
+            readonly loadMore: {
+                readonly action: "loadMore";
+                readonly title: "Load More";
+                readonly type: "callback";
+                readonly preview: {};
+                readonly params: {};
+            };
+            readonly goToPage: {
+                readonly action: "goToPage";
+                readonly title: "Go To Page";
+                readonly type: "callback";
+                readonly preview: {};
+                readonly params: {
+                    readonly page: {
+                        readonly label: "Page";
+                        readonly defaultValue: "1";
+                        readonly type: "text";
+                    };
+                };
+            };
+            readonly writeRecord: {
+                readonly action: "writeRecord";
+                readonly title: "Write Record";
+                readonly type: "callback";
+                readonly preview: {
+                    readonly action: "create";
+                };
+                readonly params: {
+                    readonly action: {
+                        readonly label: "Endpoint";
+                        readonly defaultValue: "create";
+                        readonly type: "text";
+                    };
+                    readonly recordId: {
+                        readonly label: "Record Id";
+                        readonly defaultValue: "";
+                        readonly type: "text";
+                    };
+                };
+            };
+        };
         readonly content: {
             readonly attributes: {
                 readonly query: "";