@plitzi/sdk-elements 0.37.1 → 0.37.3

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";
@@ -77,6 +78,9 @@ export declare const defaultElements: {
             } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
         };
         type: "dropdown";
+        attributeValues: {
+            readonly popupPlacement: readonly string[];
+        };
         content: {
             readonly attributes: {
                 readonly popupPlacement: "bottom";
@@ -158,7 +162,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 +211,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 +260,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 +315,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 +373,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 +426,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";
@@ -493,6 +497,7 @@ export declare const defaultElements: {
         defaultValue?: string | number | readonly string[] | undefined;
         onLoad?: import('react').ReactEventHandler<"span"> | undefined;
         onClick?: import('react').MouseEventHandler<"span"> | undefined;
+        onPointerDown?: import('react').PointerEventHandler<"span"> | undefined;
         onMouseEnter?: import('react').MouseEventHandler<"span"> | undefined;
         onMouseLeave?: import('react').MouseEventHandler<"span"> | undefined;
         onFocus?: import('react').FocusEventHandler<"span"> | undefined;
@@ -681,7 +686,6 @@ export declare const defaultElements: {
         onTouchMoveCapture?: import('react').TouchEventHandler<"span"> | undefined;
         onTouchStart?: import('react').TouchEventHandler<"span"> | undefined;
         onTouchStartCapture?: import('react').TouchEventHandler<"span"> | undefined;
-        onPointerDown?: import('react').PointerEventHandler<"span"> | undefined;
         onPointerDownCapture?: import('react').PointerEventHandler<"span"> | undefined;
         onPointerMove?: import('react').PointerEventHandler<"span"> | undefined;
         onPointerMoveCapture?: import('react').PointerEventHandler<"span"> | undefined;
@@ -766,7 +770,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 +824,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,10 +915,13 @@ 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";
+        readonly attributeValues: {
+            readonly subType: readonly string[];
+        };
         readonly content: {
             readonly attributes: {
                 readonly subType: "div";
@@ -950,13 +970,18 @@ export declare const defaultElements: {
             readonly settings: {};
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
-        subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | undefined;
+        label?: string | undefined;
+        subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+        decorative?: boolean | 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";
+        readonly attributeValues: {
+            readonly subType: readonly string[];
+        };
         readonly content: {
             readonly attributes: {
                 readonly subType: "div";
@@ -1010,11 +1035,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 +1202,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 +1269,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 +1396,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 +1410,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 +1459,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 +1517,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 +1570,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,10 +1671,13 @@ 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";
+        readonly attributeValues: {
+            readonly subType: readonly string[];
+        };
         readonly content: {
             readonly attributes: {
                 readonly content: "Heading";
@@ -1575,7 +1732,7 @@ export declare const defaultElements: {
                                     readonly 'margin-bottom': "25px";
                                     readonly 'font-size': "38px";
                                     readonly 'font-weight': 700;
-                                    readonly 'line-height': "44px";
+                                    readonly 'line-height': "1.158";
                                 };
                             };
                         };
@@ -1590,7 +1747,7 @@ export declare const defaultElements: {
                                     readonly 'margin-bottom': "25px";
                                     readonly 'font-size': "32px";
                                     readonly 'font-weight': 700;
-                                    readonly 'line-height': "36px";
+                                    readonly 'line-height': "1.125";
                                 };
                             };
                         };
@@ -1605,7 +1762,7 @@ export declare const defaultElements: {
                                     readonly 'margin-bottom': "25px";
                                     readonly 'font-size': "24px";
                                     readonly 'font-weight': 700;
-                                    readonly 'line-height': "30px";
+                                    readonly 'line-height': "1.25";
                                 };
                             };
                         };
@@ -1620,7 +1777,7 @@ export declare const defaultElements: {
                                     readonly 'margin-bottom': "25px";
                                     readonly 'font-size': "18px";
                                     readonly 'font-weight': 700;
-                                    readonly 'line-height': "24px";
+                                    readonly 'line-height': "1.333";
                                 };
                             };
                         };
@@ -1635,7 +1792,7 @@ export declare const defaultElements: {
                                     readonly 'margin-bottom': "25px";
                                     readonly 'font-size': "14px";
                                     readonly 'font-weight': 700;
-                                    readonly 'line-height': "20px";
+                                    readonly 'line-height': "1.429";
                                 };
                             };
                         };
@@ -1650,7 +1807,7 @@ export declare const defaultElements: {
                                     readonly 'margin-bottom': "25px";
                                     readonly 'font-size': "12px";
                                     readonly 'font-weight': 700;
-                                    readonly 'line-height': "18px";
+                                    readonly 'line-height': "1.5";
                                 };
                             };
                         };
@@ -1664,14 +1821,19 @@ 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";
+        readonly attributeValues: {
+            readonly fetchPriority: readonly string[];
+            readonly loadMode: readonly string[];
+        };
         readonly content: {
             readonly attributes: {
                 readonly src: "https://cdn.plitzi.com/resources/img/placeholder-img.svg";
                 readonly alt: "";
+                readonly decorative: false;
                 readonly fetchPriority: "auto";
                 readonly loadMode: "auto";
             };
@@ -1724,10 +1886,11 @@ export declare const defaultElements: {
         fetchPriority?: "high" | "low" | "auto" | undefined;
         src?: string | undefined;
         alt?: string | undefined;
-        loadMode?: "eager" | "lazy" | undefined;
+        decorative?: boolean | undefined;
+        loadMode?: "auto" | "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 +1955,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";
@@ -1848,14 +2011,19 @@ export declare const defaultElements: {
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
         size?: string | undefined;
+        label?: string | undefined;
         icon?: string | undefined;
         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";
+        readonly attributeValues: {
+            readonly subType: readonly string[];
+            readonly contentPlacement: readonly string[];
+        };
         readonly content: {
             readonly attributes: {
                 readonly contentPlacement: "after";
@@ -1915,7 +2083,7 @@ export declare const defaultElements: {
                                     readonly 'padding-bottom': "6px";
                                     readonly cursor: "pointer";
                                     readonly 'font-size': "16px";
-                                    readonly 'line-height': "24px";
+                                    readonly 'line-height': "1.5";
                                     readonly 'border-top-left-radius': "4px";
                                     readonly 'border-top-right-radius': "4px";
                                     readonly 'border-bottom-left-radius': "4px";
@@ -1936,7 +2104,7 @@ export declare const defaultElements: {
                                     readonly 'padding-bottom': "6px";
                                     readonly cursor: "pointer";
                                     readonly 'font-size': "16px";
-                                    readonly 'line-height': "24px";
+                                    readonly 'line-height': "1.5";
                                     readonly 'border-top-left-radius': "4px";
                                     readonly 'border-top-right-radius': "4px";
                                     readonly 'border-bottom-left-radius': "4px";
@@ -1957,7 +2125,7 @@ export declare const defaultElements: {
                                     readonly 'padding-bottom': "6px";
                                     readonly cursor: "pointer";
                                     readonly 'font-size': "16px";
-                                    readonly 'line-height': "24px";
+                                    readonly 'line-height': "1.5";
                                     readonly 'border-top-left-radius': "4px";
                                     readonly 'border-top-right-radius': "4px";
                                     readonly 'border-bottom-left-radius': "4px";
@@ -1971,6 +2139,7 @@ export declare const defaultElements: {
             readonly settings: {};
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+        label?: string | undefined;
         title?: string | undefined;
         content?: string | undefined;
         disabled?: boolean | undefined;
@@ -1980,7 +2149,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 +2205,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";
@@ -2081,7 +2250,7 @@ export declare const defaultElements: {
                     readonly base: {
                         readonly default: {
                             readonly 'font-size': "14px";
-                            readonly 'line-height': "24px";
+                            readonly 'line-height': "1.714";
                             readonly display: "inline";
                         };
                     };
@@ -2093,10 +2262,24 @@ 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 attributeValues: {
+            readonly subType: readonly string[];
+        };
+        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 +2291,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 +2345,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";
@@ -2218,6 +2401,10 @@ export declare const defaultElements: {
             } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
         };
         type: "list";
+        attributeValues: {
+            readonly subType: readonly string[];
+            readonly source: readonly string[];
+        };
         sourceType: "list";
         content: {
             readonly attributes: {
@@ -2303,10 +2490,14 @@ 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";
+        readonly attributeValues: {
+            readonly mode: readonly string[];
+            readonly target: readonly string[];
+        };
         readonly content: {
             readonly attributes: {
                 readonly href: "#";
@@ -2362,12 +2553,12 @@ export declare const defaultElements: {
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
         mode?: "page" | "internal" | "external" | undefined;
+        href?: string | undefined;
         label?: string | undefined;
         target?: "self" | "blank" | "parent" | "top" | undefined;
-        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";
@@ -2412,7 +2603,7 @@ export declare const defaultElements: {
                     readonly base: {
                         readonly default: {
                             readonly 'font-size': "14px";
-                            readonly 'line-height': "24px";
+                            readonly 'line-height': "1.714";
                         };
                     };
                 };
@@ -2423,10 +2614,13 @@ 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";
+        readonly attributeValues: {
+            readonly format: readonly string[];
+        };
         readonly content: {
             readonly attributes: {
                 readonly content: "";
@@ -2482,10 +2676,25 @@ 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 attributeValues: {
+            readonly mode: readonly string[];
+            readonly target: readonly string[];
+        };
+        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: {};
@@ -2547,6 +2756,7 @@ export declare const defaultElements: {
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
         mode?: "pages" | "loadMore" | undefined;
+        label?: string | undefined;
         target?: "url" | "interaction" | undefined;
         pageParam?: string | undefined;
         pageInfo?: import('./elements/structure/Pagination/Pagination').PaginationPageInfo | undefined;
@@ -2556,12 +2766,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;
@@ -2611,7 +2821,67 @@ export declare const defaultElements: {
             settings: {};
         };
         type: "form";
+        attributeValues: {
+            readonly method: readonly string[];
+        };
         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 +2892,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;
@@ -2639,9 +2909,11 @@ export declare const defaultElements: {
                 readonly subType: "text";
                 readonly name: "";
                 readonly label: "Label";
+                readonly hideLabel: false;
                 readonly placeholder: "";
                 readonly defaultValue: "";
                 readonly autoComplete: true;
+                readonly autoFocus: false;
                 readonly disabled: false;
                 readonly options: readonly [];
                 readonly required: true;
@@ -3118,14 +3390,117 @@ export declare const defaultElements: {
             settings: {};
         };
         type: "formControl";
+        attributeValues: {
+            readonly subType: readonly string[];
+        };
+        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 attributeValues: {
+            readonly subType: readonly string[];
+            readonly method: readonly string[];
+            readonly credentials: readonly string[];
+            readonly pagination: readonly string[];
+        };
         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 input: {
+                        readonly label: "Input (server providers)";
+                        readonly type: "codemirror-json";
+                        readonly defaultValue: "{}";
+                        readonly description: string;
+                    };
+                };
+            };
+            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: "";
@@ -3190,5 +3565,143 @@ export declare const defaultElements: {
             readonly settings: {};
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<import('./elements/provider/ApiContainer/declaration').ApiContainerAttributes>;
+    channel: {
+        (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/provider/Channel/Channel').ChannelProps>): import('react').JSX.Element;
+        displayName: string;
+    } & {
+        readonly type: "channel";
+        readonly attributeValues: {
+            readonly subType: readonly string[];
+        };
+        readonly sourceType: "channel";
+        readonly triggers: {
+            readonly onMessage: {
+                readonly action: "onMessage";
+                readonly title: "On Message";
+                readonly type: "trigger";
+                readonly params: {};
+                readonly preview: {
+                    readonly type: "";
+                    readonly data: "";
+                    readonly from: "";
+                    readonly user: "";
+                    readonly at: "";
+                };
+            };
+            readonly onJoin: {
+                readonly action: "onJoin";
+                readonly title: "On Join";
+                readonly type: "trigger";
+                readonly params: {};
+                readonly preview: {
+                    readonly from: "";
+                    readonly user: "";
+                    readonly state: {};
+                };
+            };
+            readonly onLeave: {
+                readonly action: "onLeave";
+                readonly title: "On Leave";
+                readonly type: "trigger";
+                readonly params: {};
+                readonly preview: {
+                    readonly from: "";
+                    readonly user: "";
+                    readonly state: {};
+                };
+            };
+        };
+        readonly callbacks: {
+            readonly publish: {
+                readonly action: "publish";
+                readonly title: "Publish";
+                readonly type: "callback";
+                readonly preview: {};
+                readonly params: {
+                    readonly type: {
+                        readonly label: "Type";
+                        readonly defaultValue: "";
+                        readonly type: "text";
+                    };
+                    readonly data: {
+                        readonly label: "Data (JSON or a template)";
+                        readonly defaultValue: "";
+                        readonly type: "text";
+                    };
+                };
+            };
+            readonly setPresence: {
+                readonly action: "setPresence";
+                readonly title: "Set Presence";
+                readonly type: "callback";
+                readonly preview: {};
+                readonly params: {
+                    readonly data: {
+                        readonly label: "State (JSON or a template)";
+                        readonly defaultValue: "";
+                        readonly type: "text";
+                    };
+                };
+            };
+        };
+        readonly content: {
+            readonly attributes: {
+                readonly topic: "";
+                readonly grant: "";
+                readonly keep: 20;
+                readonly subType: "";
+            };
+            readonly definition: {
+                readonly label: "Channel";
+                readonly type: "channel";
+                readonly description: string;
+                readonly items: readonly [];
+                readonly bindings: {};
+                readonly styleSelectors: {
+                    readonly base: "";
+                };
+                readonly initialState: {
+                    readonly visibility: true;
+                };
+            };
+            readonly builder: {
+                readonly canDelete: true;
+                readonly canSelect: true;
+                readonly canDragDrop: true;
+                readonly canMove: true;
+                readonly canTemplate: true;
+                readonly itemsAllowed: readonly [];
+                readonly itemsNotAllowed: readonly [];
+            };
+            readonly market: {
+                readonly category: "provider";
+                readonly owner: "Plitzi";
+                readonly verified: true;
+                readonly license: "MIT";
+                readonly website: "https://plitzi.com";
+                readonly backgroundColor: "#4422ee";
+                readonly icon: "fa-solid fa-tower-broadcast";
+            };
+            readonly defaultStyle: {
+                readonly name: "Channel";
+                readonly displayMode: "desktop";
+                readonly style: {
+                    readonly base: {
+                        readonly default: {};
+                    };
+                };
+                readonly subTypes: {};
+            };
+            readonly settings: {};
+        };
+    } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+        subType?: "" | "div" | "section" | "aside" | "main" | undefined;
+        topic?: string | undefined;
+        grant?: string | undefined;
+        presence?: unknown;
+        keep?: number | string | undefined;
+    }>>;
 };
 export { useRscData, elements, elementSettings, JsxManager };
+export { default as useChannel } from './realtime/useChannel';
+export type { ChannelHandle, UseChannelOptions } from './realtime/useChannel';