@feltmaps/js-sdk 1.7.0-next.2 → 1.7.0-next.21

package/dist/handler.d.cts

@@ -1,13 +1,13 @@
 import { z, ZodError } from 'zod';
-import { bw as UnwrapPromise, F as FeltController, z as zInfer, c as ElementChangeCallbackParams, f as ElementGroupChangeCallbackParams, E as Element, D as MapInteractionEvent, $ as LayerChangeCallbackParams, a2 as LayerGroupChangeCallbackParams, a5 as LegendItemChangeCallbackParams, at as LayerFilters, as as LayerBoundaries, ap as FilterTernary, aO as EntityNode, bn as ToolType, bl as ToolSettingsChangeEvent, bu as ViewportState, bx as UnionToIntersection, by as PromiseOrNot } from './controller-D6A8BZsm.cjs';
+import { F as FeltController, ci as UnwrapPromise, z as zInfer, c as ElementChangeCallbackParams, f as ElementGroupChangeCallbackParams, E as Element, D as MapInteractionEvent, ap as FilterTernary, $ as LayerChangeCallbackParams, a2 as LayerGroupChangeCallbackParams, a5 as LegendItemChangeCallbackParams, at as LayerFilters, as as LayerBoundaries, aO as EntityNode, bn as ToolType, bl as ToolSettingsChangeEvent, cj as uiActionTriggerSchema, bS as UIPanelElementCreate, ck as UIPanelElementCreateClonable, cl as uiPanelCreateSchema, cm as UIButtonElementCreateClonable, cn as MakeClonableSchema, bD as UITextElementCreate, bJ as UIDividerElementCreate, bM as UITextInputElementCreate, bP as UISelectElementCreate, bG as UIFlexibleSpaceElementCreate, co as UIButtonRowElementCreateClonable, b$ as UICheckboxGroupElementCreate, c2 as UIRadioGroupElementCreate, c5 as UIToggleGroupElementCreate, c8 as UIIframeElementCreate, cg as ViewportState, cp as PromiseOrNot, cq as UnionToIntersection } from './controller-BPKMlMAI.cjs';
 
 type FeltControllerFunctions = Omit<FeltController, "iframe">;
 type Method<TRequest extends {
     type: keyof FeltControllerFunctions;
     params?: any;
-}> = {
+}, TResponse = UnwrapPromise<ReturnType<FeltControllerFunctions[TRequest["type"]]>>> = {
     request: TRequest;
-    response: UnwrapPromise<ReturnType<FeltControllerFunctions[TRequest["type"]]>>;
+    response: TResponse;
 };
 type Listener<TOptions, TParams> = {
     options: TOptions;
@@ -2816,11 +2816,11 @@ declare const GetFeaturesMessage: z.ZodObject<{
             coordinates: [number, number][][][];
         } | undefined;
         filters?: boolean | [string | null, "in" | "ni", (string | number | boolean | null)[] | null] | [string | null, "lt" | "gt" | "le" | "ge" | "eq" | "ne" | "cn" | "nc" | "is" | "isnt", string | number | boolean | null] | FilterTernary | null | undefined;
+        search?: string | undefined;
         sorting?: {
             attribute: string;
             direction: "asc" | "desc";
         } | undefined;
-        search?: string | undefined;
         pagination?: string | null | undefined;
     }, {
         layerId: string;
@@ -2832,11 +2832,11 @@ declare const GetFeaturesMessage: z.ZodObject<{
             coordinates: [number, number][][][];
         } | undefined;
         filters?: boolean | [string | null, "in" | "ni", (string | number | boolean | null)[] | null] | [string | null, "lt" | "gt" | "le" | "ge" | "eq" | "ne" | "cn" | "nc" | "is" | "isnt", string | number | boolean | null] | FilterTernary | null | undefined;
+        search?: string | undefined;
         sorting?: {
             attribute: string;
             direction: "asc" | "desc";
         } | undefined;
-        search?: string | undefined;
         pagination?: string | null | undefined;
     }>;
 }, z.UnknownKeysParam, z.ZodTypeAny, {
@@ -2850,11 +2850,11 @@ declare const GetFeaturesMessage: z.ZodObject<{
             coordinates: [number, number][][][];
         } | undefined;
         filters?: boolean | [string | null, "in" | "ni", (string | number | boolean | null)[] | null] | [string | null, "lt" | "gt" | "le" | "ge" | "eq" | "ne" | "cn" | "nc" | "is" | "isnt", string | number | boolean | null] | FilterTernary | null | undefined;
+        search?: string | undefined;
         sorting?: {
             attribute: string;
             direction: "asc" | "desc";
         } | undefined;
-        search?: string | undefined;
         pagination?: string | null | undefined;
     };
     type: "getFeatures";
@@ -2869,11 +2869,11 @@ declare const GetFeaturesMessage: z.ZodObject<{
             coordinates: [number, number][][][];
         } | undefined;
         filters?: boolean | [string | null, "in" | "ni", (string | number | boolean | null)[] | null] | [string | null, "lt" | "gt" | "le" | "ge" | "eq" | "ne" | "cn" | "nc" | "is" | "isnt", string | number | boolean | null] | FilterTernary | null | undefined;
+        search?: string | undefined;
         sorting?: {
             attribute: string;
             direction: "asc" | "desc";
         } | undefined;
-        search?: string | undefined;
         pagination?: string | null | undefined;
     };
     type: "getFeatures";
@@ -3707,23 +3707,23 @@ declare const ClearSelectionMessage: z.ZodObject<{
         features: z.ZodOptional<z.ZodBoolean>;
         elements: z.ZodOptional<z.ZodBoolean>;
     }, "strip", z.ZodTypeAny, {
-        features?: boolean | undefined;
         elements?: boolean | undefined;
-    }, {
         features?: boolean | undefined;
+    }, {
         elements?: boolean | undefined;
+        features?: boolean | undefined;
     }>>;
 }, z.UnknownKeysParam, z.ZodTypeAny, {
     type: "clearSelection";
     params?: {
-        features?: boolean | undefined;
         elements?: boolean | undefined;
+        features?: boolean | undefined;
     } | undefined;
 }, {
     type: "clearSelection";
     params?: {
-        features?: boolean | undefined;
         elements?: boolean | undefined;
+        features?: boolean | undefined;
     } | undefined;
 }>;
 type SelectionSchema = {
@@ -3743,10 +3743,10 @@ declare const SetToolMessage: z.ZodObject<{
     type: z.ZodLiteral<"setTool">;
     params: z.ZodNullable<z.ZodEnum<["circle", "highlighter", "line", "marker", "note", "pin", "polygon", "route", "text", "link"]>>;
 }, z.UnknownKeysParam, z.ZodTypeAny, {
-    params: "text" | "note" | "circle" | "highlighter" | "line" | "link" | "marker" | "pin" | "polygon" | "route" | null;
+    params: "text" | "link" | "note" | "circle" | "highlighter" | "line" | "marker" | "pin" | "polygon" | "route" | null;
     type: "setTool";
 }, {
-    params: "text" | "note" | "circle" | "highlighter" | "line" | "link" | "marker" | "pin" | "polygon" | "route" | null;
+    params: "text" | "link" | "note" | "circle" | "highlighter" | "line" | "marker" | "pin" | "polygon" | "route" | null;
     type: "setTool";
 }>;
 declare const GetToolMessage: z.ZodObject<{
@@ -3767,6 +3767,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         frame: z.ZodOptional<z.ZodNullable<z.ZodEnum<["frame-circle", "frame-square"]>>>;
         afterCreation: z.ZodOptional<z.ZodEnum<["enter name", "add another", "select"]>>;
     }, {
+        showInspector: z.ZodOptional<z.ZodBoolean>;
         tool: z.ZodLiteral<"pin">;
     }>, "strip", z.ZodTypeAny, {
         tool: "pin";
@@ -3774,12 +3775,14 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         color?: string | undefined;
         frame?: "frame-circle" | "frame-square" | null | undefined;
         afterCreation?: "enter name" | "add another" | "select" | undefined;
+        showInspector?: boolean | undefined;
     }, {
         tool: "pin";
         symbol?: string | undefined;
         color?: string | undefined;
         frame?: "frame-circle" | "frame-square" | null | undefined;
         afterCreation?: "enter name" | "add another" | "select" | undefined;
+        showInspector?: boolean | undefined;
     }>, z.ZodObject<z.objectUtil.extendShape<{
         color: z.ZodOptional<z.ZodString>;
         strokeOpacity: z.ZodOptional<z.ZodNumber>;
@@ -3787,6 +3790,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         strokeStyle: z.ZodOptional<z.ZodEnum<["solid", "dashed", "dotted"]>>;
         distanceMarker: z.ZodOptional<z.ZodBoolean>;
     }, {
+        showInspector: z.ZodOptional<z.ZodBoolean>;
         tool: z.ZodLiteral<"line">;
     }>, "strip", z.ZodTypeAny, {
         tool: "line";
@@ -3795,6 +3799,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         strokeWidth?: number | undefined;
         strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
         distanceMarker?: boolean | undefined;
+        showInspector?: boolean | undefined;
     }, {
         tool: "line";
         color?: string | undefined;
@@ -3802,6 +3807,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         strokeWidth?: number | undefined;
         strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
         distanceMarker?: boolean | undefined;
+        showInspector?: boolean | undefined;
     }>, z.ZodObject<z.objectUtil.extendShape<{
         color: z.ZodOptional<z.ZodString>;
         strokeOpacity: z.ZodOptional<z.ZodNumber>;
@@ -3811,6 +3817,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         routingMode: z.ZodOptional<z.ZodNullable<z.ZodEnum<["driving", "cycling", "walking", "flying"]>>>;
         endCaps: z.ZodOptional<z.ZodBoolean>;
     }, {
+        showInspector: z.ZodOptional<z.ZodBoolean>;
         tool: z.ZodLiteral<"route">;
     }>, "strip", z.ZodTypeAny, {
         tool: "route";
@@ -3821,6 +3828,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         distanceMarker?: boolean | undefined;
         routingMode?: "driving" | "cycling" | "walking" | "flying" | null | undefined;
         endCaps?: boolean | undefined;
+        showInspector?: boolean | undefined;
     }, {
         tool: "route";
         color?: string | undefined;
@@ -3830,6 +3838,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         distanceMarker?: boolean | undefined;
         routingMode?: "driving" | "cycling" | "walking" | "flying" | null | undefined;
         endCaps?: boolean | undefined;
+        showInspector?: boolean | undefined;
     }>, z.ZodObject<z.objectUtil.extendShape<{
         color: z.ZodOptional<z.ZodString>;
         strokeOpacity: z.ZodOptional<z.ZodNumber>;
@@ -3838,6 +3847,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         fillOpacity: z.ZodOptional<z.ZodNumber>;
         areaMarker: z.ZodOptional<z.ZodBoolean>;
     }, {
+        showInspector: z.ZodOptional<z.ZodBoolean>;
         tool: z.ZodLiteral<"polygon">;
     }>, "strip", z.ZodTypeAny, {
         tool: "polygon";
@@ -3847,6 +3857,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
         fillOpacity?: number | undefined;
         areaMarker?: boolean | undefined;
+        showInspector?: boolean | undefined;
     }, {
         tool: "polygon";
         color?: string | undefined;
@@ -3855,6 +3866,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
         fillOpacity?: number | undefined;
         areaMarker?: boolean | undefined;
+        showInspector?: boolean | undefined;
     }>, z.ZodObject<z.objectUtil.extendShape<{
         color: z.ZodOptional<z.ZodString>;
         strokeOpacity: z.ZodOptional<z.ZodNumber>;
@@ -3863,6 +3875,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         fillOpacity: z.ZodOptional<z.ZodNumber>;
         radiusMarker: z.ZodOptional<z.ZodBoolean>;
     }, {
+        showInspector: z.ZodOptional<z.ZodBoolean>;
         tool: z.ZodLiteral<"circle">;
     }>, "strip", z.ZodTypeAny, {
         tool: "circle";
@@ -3872,6 +3885,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
         fillOpacity?: number | undefined;
         radiusMarker?: boolean | undefined;
+        showInspector?: boolean | undefined;
     }, {
         tool: "circle";
         color?: string | undefined;
@@ -3880,28 +3894,33 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
         fillOpacity?: number | undefined;
         radiusMarker?: boolean | undefined;
+        showInspector?: boolean | undefined;
     }>, z.ZodObject<z.objectUtil.extendShape<{
         color: z.ZodOptional<z.ZodString>;
         opacity: z.ZodOptional<z.ZodNumber>;
         size: z.ZodOptional<z.ZodNumber>;
     }, {
+        showInspector: z.ZodOptional<z.ZodBoolean>;
         tool: z.ZodLiteral<"marker">;
     }>, "strip", z.ZodTypeAny, {
         tool: "marker";
         color?: string | undefined;
         opacity?: number | undefined;
         size?: number | undefined;
+        showInspector?: boolean | undefined;
     }, {
         tool: "marker";
         color?: string | undefined;
         opacity?: number | undefined;
         size?: number | undefined;
+        showInspector?: boolean | undefined;
     }>, z.ZodObject<z.objectUtil.extendShape<{
         color: z.ZodOptional<z.ZodString>;
         opacity: z.ZodOptional<z.ZodNumber>;
         renderHoles: z.ZodOptional<z.ZodBoolean>;
         size: z.ZodOptional<z.ZodNumber>;
     }, {
+        showInspector: z.ZodOptional<z.ZodBoolean>;
         tool: z.ZodLiteral<"highlighter">;
     }>, "strip", z.ZodTypeAny, {
         tool: "highlighter";
@@ -3909,44 +3928,52 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         opacity?: number | undefined;
         size?: number | undefined;
         renderHoles?: boolean | undefined;
+        showInspector?: boolean | undefined;
     }, {
         tool: "highlighter";
         color?: string | undefined;
         opacity?: number | undefined;
         size?: number | undefined;
         renderHoles?: boolean | undefined;
+        showInspector?: boolean | undefined;
     }>, z.ZodObject<z.objectUtil.extendShape<{
         color: z.ZodOptional<z.ZodString>;
         align: z.ZodOptional<z.ZodEnum<["left", "center", "right"]>>;
         style: z.ZodOptional<z.ZodEnum<["italic", "light", "regular", "caps"]>>;
     }, {
+        showInspector: z.ZodOptional<z.ZodBoolean>;
         tool: z.ZodLiteral<"text">;
     }>, "strip", z.ZodTypeAny, {
         tool: "text";
         color?: string | undefined;
         align?: "center" | "left" | "right" | undefined;
         style?: "italic" | "light" | "regular" | "caps" | undefined;
+        showInspector?: boolean | undefined;
     }, {
         tool: "text";
         color?: string | undefined;
         align?: "center" | "left" | "right" | undefined;
         style?: "italic" | "light" | "regular" | "caps" | undefined;
+        showInspector?: boolean | undefined;
     }>, z.ZodObject<z.objectUtil.extendShape<{
         color: z.ZodOptional<z.ZodString>;
         align: z.ZodOptional<z.ZodEnum<["left", "center", "right"]>>;
         style: z.ZodOptional<z.ZodEnum<["italic", "light", "regular", "caps"]>>;
     }, {
+        showInspector: z.ZodOptional<z.ZodBoolean>;
         tool: z.ZodLiteral<"note">;
     }>, "strip", z.ZodTypeAny, {
         tool: "note";
         color?: string | undefined;
         align?: "center" | "left" | "right" | undefined;
         style?: "italic" | "light" | "regular" | "caps" | undefined;
+        showInspector?: boolean | undefined;
     }, {
         tool: "note";
         color?: string | undefined;
         align?: "center" | "left" | "right" | undefined;
         style?: "italic" | "light" | "regular" | "caps" | undefined;
+        showInspector?: boolean | undefined;
     }>]>;
 }, z.UnknownKeysParam, z.ZodTypeAny, {
     params: {
@@ -3955,6 +3982,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         color?: string | undefined;
         frame?: "frame-circle" | "frame-square" | null | undefined;
         afterCreation?: "enter name" | "add another" | "select" | undefined;
+        showInspector?: boolean | undefined;
     } | {
         tool: "line";
         color?: string | undefined;
@@ -3962,6 +3990,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         strokeWidth?: number | undefined;
         strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
         distanceMarker?: boolean | undefined;
+        showInspector?: boolean | undefined;
     } | {
         tool: "route";
         color?: string | undefined;
@@ -3971,6 +4000,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         distanceMarker?: boolean | undefined;
         routingMode?: "driving" | "cycling" | "walking" | "flying" | null | undefined;
         endCaps?: boolean | undefined;
+        showInspector?: boolean | undefined;
     } | {
         tool: "polygon";
         color?: string | undefined;
@@ -3979,6 +4009,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
         fillOpacity?: number | undefined;
         areaMarker?: boolean | undefined;
+        showInspector?: boolean | undefined;
     } | {
         tool: "circle";
         color?: string | undefined;
@@ -3987,27 +4018,32 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
         fillOpacity?: number | undefined;
         radiusMarker?: boolean | undefined;
+        showInspector?: boolean | undefined;
     } | {
         tool: "marker";
         color?: string | undefined;
         opacity?: number | undefined;
         size?: number | undefined;
+        showInspector?: boolean | undefined;
     } | {
         tool: "highlighter";
         color?: string | undefined;
         opacity?: number | undefined;
         size?: number | undefined;
         renderHoles?: boolean | undefined;
+        showInspector?: boolean | undefined;
     } | {
         tool: "text";
         color?: string | undefined;
         align?: "center" | "left" | "right" | undefined;
         style?: "italic" | "light" | "regular" | "caps" | undefined;
+        showInspector?: boolean | undefined;
     } | {
         tool: "note";
         color?: string | undefined;
         align?: "center" | "left" | "right" | undefined;
         style?: "italic" | "light" | "regular" | "caps" | undefined;
+        showInspector?: boolean | undefined;
     };
     type: "setToolSettings";
 }, {
@@ -4017,6 +4053,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         color?: string | undefined;
         frame?: "frame-circle" | "frame-square" | null | undefined;
         afterCreation?: "enter name" | "add another" | "select" | undefined;
+        showInspector?: boolean | undefined;
     } | {
         tool: "line";
         color?: string | undefined;
@@ -4024,6 +4061,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         strokeWidth?: number | undefined;
         strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
         distanceMarker?: boolean | undefined;
+        showInspector?: boolean | undefined;
     } | {
         tool: "route";
         color?: string | undefined;
@@ -4033,6 +4071,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         distanceMarker?: boolean | undefined;
         routingMode?: "driving" | "cycling" | "walking" | "flying" | null | undefined;
         endCaps?: boolean | undefined;
+        showInspector?: boolean | undefined;
     } | {
         tool: "polygon";
         color?: string | undefined;
@@ -4041,6 +4080,7 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
         fillOpacity?: number | undefined;
         areaMarker?: boolean | undefined;
+        showInspector?: boolean | undefined;
     } | {
         tool: "circle";
         color?: string | undefined;
@@ -4049,27 +4089,32 @@ declare const SetToolSettingsMessage: z.ZodObject<{
         strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
         fillOpacity?: number | undefined;
         radiusMarker?: boolean | undefined;
+        showInspector?: boolean | undefined;
     } | {
         tool: "marker";
         color?: string | undefined;
         opacity?: number | undefined;
         size?: number | undefined;
+        showInspector?: boolean | undefined;
     } | {
         tool: "highlighter";
         color?: string | undefined;
         opacity?: number | undefined;
         size?: number | undefined;
         renderHoles?: boolean | undefined;
+        showInspector?: boolean | undefined;
     } | {
         tool: "text";
         color?: string | undefined;
         align?: "center" | "left" | "right" | undefined;
         style?: "italic" | "light" | "regular" | "caps" | undefined;
+        showInspector?: boolean | undefined;
     } | {
         tool: "note";
         color?: string | undefined;
         align?: "center" | "left" | "right" | undefined;
         style?: "italic" | "light" | "regular" | "caps" | undefined;
+        showInspector?: boolean | undefined;
     };
     type: "setToolSettings";
 }>;
@@ -4096,6 +4141,1800 @@ type ToolsSchema = {
     };
 };
 
+declare const CreateActionTriggerMessage: z.ZodObject<{
+    type: z.ZodLiteral<"createActionTrigger">;
+    params: z.ZodObject<{
+        actionTrigger: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
+            id: z.ZodOptional<z.ZodString>;
+            onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
+                id: z.ZodString;
+            }, "strip", z.ZodTypeAny, {
+                id: string;
+            }, {
+                id: string;
+            }>], z.ZodUnknown>, z.ZodVoid>>;
+            onDestroy: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
+                id: z.ZodString;
+            }, "strip", z.ZodTypeAny, {
+                id: string;
+            }, {
+                id: string;
+            }>], z.ZodUnknown>, z.ZodVoid>>;
+        }, {
+            onCreate: z.ZodOptional<z.ZodString>;
+            onDestroy: z.ZodOptional<z.ZodString>;
+        }>, {
+            type: z.ZodLiteral<"ActionTrigger">;
+            label: z.ZodString;
+            disabled: z.ZodOptional<z.ZodBoolean>;
+        }>, {
+            type: z.ZodUndefined;
+        }>, {
+            onTrigger: z.ZodString;
+        }>, "strip", z.ZodTypeAny, {
+            label: string;
+            onTrigger: string;
+            type?: undefined;
+            id?: string | undefined;
+            onCreate?: string | undefined;
+            onDestroy?: string | undefined;
+            disabled?: boolean | undefined;
+        }, {
+            label: string;
+            onTrigger: string;
+            type?: undefined;
+            id?: string | undefined;
+            onCreate?: string | undefined;
+            onDestroy?: string | undefined;
+            disabled?: boolean | undefined;
+        }>;
+        placement: z.ZodOptional<z.ZodUnion<[z.ZodObject<{
+            after: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            after: string;
+        }, {
+            after: string;
+        }>, z.ZodObject<{
+            before: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            before: string;
+        }, {
+            before: string;
+        }>, z.ZodObject<{
+            at: z.ZodEnum<["start", "end"]>;
+        }, "strip", z.ZodTypeAny, {
+            at: "start" | "end";
+        }, {
+            at: "start" | "end";
+        }>]>>;
+    }, "strip", z.ZodTypeAny, {
+        actionTrigger: {
+            label: string;
+            onTrigger: string;
+            type?: undefined;
+            id?: string | undefined;
+            onCreate?: string | undefined;
+            onDestroy?: string | undefined;
+            disabled?: boolean | undefined;
+        };
+        placement?: {
+            after: string;
+        } | {
+            before: string;
+        } | {
+            at: "start" | "end";
+        } | undefined;
+    }, {
+        actionTrigger: {
+            label: string;
+            onTrigger: string;
+            type?: undefined;
+            id?: string | undefined;
+            onCreate?: string | undefined;
+            onDestroy?: string | undefined;
+            disabled?: boolean | undefined;
+        };
+        placement?: {
+            after: string;
+        } | {
+            before: string;
+        } | {
+            at: "start" | "end";
+        } | undefined;
+    }>;
+}, z.UnknownKeysParam, z.ZodTypeAny, {
+    params: {
+        actionTrigger: {
+            label: string;
+            onTrigger: string;
+            type?: undefined;
+            id?: string | undefined;
+            onCreate?: string | undefined;
+            onDestroy?: string | undefined;
+            disabled?: boolean | undefined;
+        };
+        placement?: {
+            after: string;
+        } | {
+            before: string;
+        } | {
+            at: "start" | "end";
+        } | undefined;
+    };
+    type: "createActionTrigger";
+}, {
+    params: {
+        actionTrigger: {
+            label: string;
+            onTrigger: string;
+            type?: undefined;
+            id?: string | undefined;
+            onCreate?: string | undefined;
+            onDestroy?: string | undefined;
+            disabled?: boolean | undefined;
+        };
+        placement?: {
+            after: string;
+        } | {
+            before: string;
+        } | {
+            at: "start" | "end";
+        } | undefined;
+    };
+    type: "createActionTrigger";
+}>;
+declare const UpdateActionTriggerMessage: z.ZodObject<{
+    type: z.ZodLiteral<"updateActionTrigger">;
+    params: z.ZodObject<{
+        type: z.ZodOptional<z.ZodUndefined>;
+        id: z.ZodString;
+        onCreate: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+        onDestroy: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+        label: z.ZodOptional<z.ZodString>;
+        disabled: z.ZodOptional<z.ZodOptional<z.ZodBoolean>>;
+        onTrigger: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        id: string;
+        type?: undefined;
+        onCreate?: string | undefined;
+        onDestroy?: string | undefined;
+        label?: string | undefined;
+        disabled?: boolean | undefined;
+        onTrigger?: string | undefined;
+    }, {
+        id: string;
+        type?: undefined;
+        onCreate?: string | undefined;
+        onDestroy?: string | undefined;
+        label?: string | undefined;
+        disabled?: boolean | undefined;
+        onTrigger?: string | undefined;
+    }>;
+}, z.UnknownKeysParam, z.ZodTypeAny, {
+    params: {
+        id: string;
+        type?: undefined;
+        onCreate?: string | undefined;
+        onDestroy?: string | undefined;
+        label?: string | undefined;
+        disabled?: boolean | undefined;
+        onTrigger?: string | undefined;
+    };
+    type: "updateActionTrigger";
+}, {
+    params: {
+        id: string;
+        type?: undefined;
+        onCreate?: string | undefined;
+        onDestroy?: string | undefined;
+        label?: string | undefined;
+        disabled?: boolean | undefined;
+        onTrigger?: string | undefined;
+    };
+    type: "updateActionTrigger";
+}>;
+declare const DeleteActionTriggerMessage: z.ZodObject<{
+    type: z.ZodLiteral<"deleteActionTrigger">;
+    params: z.ZodString;
+}, z.UnknownKeysParam, z.ZodTypeAny, {
+    params: string;
+    type: "deleteActionTrigger";
+}, {
+    params: string;
+    type: "deleteActionTrigger";
+}>;
+declare const CreatePanelIdMessage: z.ZodObject<{
+    type: z.ZodLiteral<"createPanelId">;
+    params: z.ZodVoid;
+}, z.UnknownKeysParam, z.ZodTypeAny, {
+    type: "createPanelId";
+    params?: void | undefined;
+}, {
+    type: "createPanelId";
+    params?: void | undefined;
+}>;
+declare const CreateOrUpdatePanelMessage: z.ZodObject<{
+    type: z.ZodLiteral<"createOrUpdatePanel">;
+    params: z.ZodObject<{
+        panel: z.ZodObject<z.objectUtil.extendShape<{
+            type: z.ZodOptional<z.ZodLiteral<"Panel">>;
+            id: z.ZodString;
+            onCreate: z.ZodOptional<z.ZodString>;
+            onDestroy: z.ZodOptional<z.ZodString>;
+            title: z.ZodOptional<z.ZodString>;
+            body: z.ZodOptional<z.ZodArray<z.ZodType<UIPanelElementCreate, z.ZodTypeDef, UIPanelElementCreate>, "many">>;
+            footer: z.ZodOptional<z.ZodArray<z.ZodType<UIPanelElementCreate, z.ZodTypeDef, UIPanelElementCreate>, "many">>;
+            onClickClose: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
+                id: z.ZodString;
+            }, "strip", z.ZodTypeAny, {
+                id: string;
+            }, {
+                id: string;
+            }>], z.ZodUnknown>, z.ZodVoid>>;
+        }, {
+            onClickClose: z.ZodOptional<z.ZodString>;
+            body: z.ZodOptional<z.ZodArray<z.ZodType<UIPanelElementCreateClonable, z.ZodTypeDef, UIPanelElementCreateClonable>, "many">>;
+            footer: z.ZodOptional<z.ZodArray<z.ZodType<UIPanelElementCreateClonable, z.ZodTypeDef, UIPanelElementCreateClonable>, "many">>;
+        }>, "strip", z.ZodTypeAny, {
+            id: string;
+            type?: "Panel" | undefined;
+            onCreate?: string | undefined;
+            onDestroy?: string | undefined;
+            title?: string | undefined;
+            body?: UIPanelElementCreateClonable[] | undefined;
+            footer?: UIPanelElementCreateClonable[] | undefined;
+            onClickClose?: string | undefined;
+        }, {
+            id: string;
+            type?: "Panel" | undefined;
+            onCreate?: string | undefined;
+            onDestroy?: string | undefined;
+            title?: string | undefined;
+            body?: UIPanelElementCreateClonable[] | undefined;
+            footer?: UIPanelElementCreateClonable[] | undefined;
+            onClickClose?: string | undefined;
+        }>;
+        initialPlacement: z.ZodOptional<z.ZodUnion<[z.ZodObject<{
+            after: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            after: string;
+        }, {
+            after: string;
+        }>, z.ZodObject<{
+            before: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            before: string;
+        }, {
+            before: string;
+        }>, z.ZodObject<{
+            at: z.ZodEnum<["start", "end"]>;
+        }, "strip", z.ZodTypeAny, {
+            at: "start" | "end";
+        }, {
+            at: "start" | "end";
+        }>]>>;
+    }, "strip", z.ZodTypeAny, {
+        panel: {
+            id: string;
+            type?: "Panel" | undefined;
+            onCreate?: string | undefined;
+            onDestroy?: string | undefined;
+            title?: string | undefined;
+            body?: UIPanelElementCreateClonable[] | undefined;
+            footer?: UIPanelElementCreateClonable[] | undefined;
+            onClickClose?: string | undefined;
+        };
+        initialPlacement?: {
+            after: string;
+        } | {
+            before: string;
+        } | {
+            at: "start" | "end";
+        } | undefined;
+    }, {
+        panel: {
+            id: string;
+            type?: "Panel" | undefined;
+            onCreate?: string | undefined;
+            onDestroy?: string | undefined;
+            title?: string | undefined;
+            body?: UIPanelElementCreateClonable[] | undefined;
+            footer?: UIPanelElementCreateClonable[] | undefined;
+            onClickClose?: string | undefined;
+        };
+        initialPlacement?: {
+            after: string;
+        } | {
+            before: string;
+        } | {
+            at: "start" | "end";
+        } | undefined;
+    }>;
+}, z.UnknownKeysParam, z.ZodTypeAny, {
+    params: {
+        panel: {
+            id: string;
+            type?: "Panel" | undefined;
+            onCreate?: string | undefined;
+            onDestroy?: string | undefined;
+            title?: string | undefined;
+            body?: UIPanelElementCreateClonable[] | undefined;
+            footer?: UIPanelElementCreateClonable[] | undefined;
+            onClickClose?: string | undefined;
+        };
+        initialPlacement?: {
+            after: string;
+        } | {
+            before: string;
+        } | {
+            at: "start" | "end";
+        } | undefined;
+    };
+    type: "createOrUpdatePanel";
+}, {
+    params: {
+        panel: {
+            id: string;
+            type?: "Panel" | undefined;
+            onCreate?: string | undefined;
+            onDestroy?: string | undefined;
+            title?: string | undefined;
+            body?: UIPanelElementCreateClonable[] | undefined;
+            footer?: UIPanelElementCreateClonable[] | undefined;
+            onClickClose?: string | undefined;
+        };
+        initialPlacement?: {
+            after: string;
+        } | {
+            before: string;
+        } | {
+            at: "start" | "end";
+        } | undefined;
+    };
+    type: "createOrUpdatePanel";
+}>;
+declare const DeletePanelMessage: z.ZodObject<{
+    type: z.ZodLiteral<"deletePanel">;
+    params: z.ZodString;
+}, z.UnknownKeysParam, z.ZodTypeAny, {
+    params: string;
+    type: "deletePanel";
+}, {
+    params: string;
+    type: "deletePanel";
+}>;
+declare const CreatePanelElementsMessage: z.ZodObject<{
+    type: z.ZodLiteral<"createPanelElements">;
+    params: z.ZodObject<{
+        panelId: z.ZodString;
+        elements: z.ZodArray<z.ZodObject<{
+            element: z.ZodType<UIPanelElementCreateClonable, z.ZodTypeDef, UIPanelElementCreateClonable>;
+            container: z.ZodOptional<z.ZodUnion<[z.ZodLiteral<"body">, z.ZodLiteral<"footer">, z.ZodObject<{
+                id: z.ZodString;
+            }, "strip", z.ZodTypeAny, {
+                id: string;
+            }, {
+                id: string;
+            }>]>>;
+            placement: z.ZodOptional<z.ZodUnion<[z.ZodObject<{
+                after: z.ZodString;
+            }, "strip", z.ZodTypeAny, {
+                after: string;
+            }, {
+                after: string;
+            }>, z.ZodObject<{
+                before: z.ZodString;
+            }, "strip", z.ZodTypeAny, {
+                before: string;
+            }, {
+                before: string;
+            }>, z.ZodObject<{
+                at: z.ZodEnum<["start", "end"]>;
+            }, "strip", z.ZodTypeAny, {
+                at: "start" | "end";
+            }, {
+                at: "start" | "end";
+            }>]>>;
+        }, "strip", z.ZodTypeAny, {
+            element: UIPanelElementCreateClonable;
+            placement?: {
+                after: string;
+            } | {
+                before: string;
+            } | {
+                at: "start" | "end";
+            } | undefined;
+            container?: "body" | "footer" | {
+                id: string;
+            } | undefined;
+        }, {
+            element: UIPanelElementCreateClonable;
+            placement?: {
+                after: string;
+            } | {
+                before: string;
+            } | {
+                at: "start" | "end";
+            } | undefined;
+            container?: "body" | "footer" | {
+                id: string;
+            } | undefined;
+        }>, "many">;
+    }, "strip", z.ZodTypeAny, {
+        panelId: string;
+        elements: {
+            element: UIPanelElementCreateClonable;
+            placement?: {
+                after: string;
+            } | {
+                before: string;
+            } | {
+                at: "start" | "end";
+            } | undefined;
+            container?: "body" | "footer" | {
+                id: string;
+            } | undefined;
+        }[];
+    }, {
+        panelId: string;
+        elements: {
+            element: UIPanelElementCreateClonable;
+            placement?: {
+                after: string;
+            } | {
+                before: string;
+            } | {
+                at: "start" | "end";
+            } | undefined;
+            container?: "body" | "footer" | {
+                id: string;
+            } | undefined;
+        }[];
+    }>;
+}, z.UnknownKeysParam, z.ZodTypeAny, {
+    params: {
+        panelId: string;
+        elements: {
+            element: UIPanelElementCreateClonable;
+            placement?: {
+                after: string;
+            } | {
+                before: string;
+            } | {
+                at: "start" | "end";
+            } | undefined;
+            container?: "body" | "footer" | {
+                id: string;
+            } | undefined;
+        }[];
+    };
+    type: "createPanelElements";
+}, {
+    params: {
+        panelId: string;
+        elements: {
+            element: UIPanelElementCreateClonable;
+            placement?: {
+                after: string;
+            } | {
+                before: string;
+            } | {
+                at: "start" | "end";
+            } | undefined;
+            container?: "body" | "footer" | {
+                id: string;
+            } | undefined;
+        }[];
+    };
+    type: "createPanelElements";
+}>;
+declare const UpdatePanelElementsMessage: z.ZodObject<{
+    type: z.ZodLiteral<"updatePanelElements">;
+    params: z.ZodObject<{
+        panelId: z.ZodString;
+        elements: z.ZodArray<z.ZodObject<{
+            element: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+                type: z.ZodLiteral<"Button">;
+                label: z.ZodOptional<z.ZodString>;
+                variant: z.ZodOptional<z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>>;
+                tint: z.ZodOptional<z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>>;
+                disabled: z.ZodOptional<z.ZodOptional<z.ZodBoolean>>;
+                id: z.ZodString;
+                onCreate: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onDestroy: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onClick: z.ZodOptional<z.ZodString>;
+            }, z.UnknownKeysParam, z.ZodTypeAny, {
+                type: "Button";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                disabled?: boolean | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                onClick?: string | undefined;
+            }, {
+                type: "Button";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                disabled?: boolean | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                onClick?: string | undefined;
+            }>, z.ZodObject<{
+                type: z.ZodLiteral<"Text">;
+                content: z.ZodOptional<z.ZodString>;
+                id: z.ZodString;
+                onCreate: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onDestroy: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+            }, z.UnknownKeysParam, z.ZodTypeAny, {
+                type: "Text";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                content?: string | undefined;
+            }, {
+                type: "Text";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                content?: string | undefined;
+            }>, z.ZodObject<{
+                type: z.ZodLiteral<"TextInput">;
+                value: z.ZodOptional<z.ZodString>;
+                placeholder: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                label: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                id: z.ZodString;
+                onCreate: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onDestroy: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onChange: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onBlur: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onFocus: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+            }, z.UnknownKeysParam, z.ZodTypeAny, {
+                type: "TextInput";
+                id: string;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                placeholder?: string | undefined;
+                onChange?: string | undefined;
+                onBlur?: string | undefined;
+                onFocus?: string | undefined;
+            }, {
+                type: "TextInput";
+                id: string;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                placeholder?: string | undefined;
+                onChange?: string | undefined;
+                onBlur?: string | undefined;
+                onFocus?: string | undefined;
+            }>, z.ZodObject<{
+                type: z.ZodLiteral<"Select">;
+                options: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                    label: z.ZodString;
+                    value: z.ZodString;
+                    disabled: z.ZodOptional<z.ZodBoolean>;
+                }, "strip", z.ZodTypeAny, {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }, {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }>, "many">>;
+                value: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                placeholder: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                search: z.ZodOptional<z.ZodOptional<z.ZodBoolean>>;
+                label: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                id: z.ZodString;
+                onCreate: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onDestroy: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onChange: z.ZodOptional<z.ZodString>;
+            }, z.UnknownKeysParam, z.ZodTypeAny, {
+                type: "Select";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                placeholder?: string | undefined;
+                onChange?: string | undefined;
+                search?: boolean | undefined;
+            }, {
+                type: "Select";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                placeholder?: string | undefined;
+                onChange?: string | undefined;
+                search?: boolean | undefined;
+            }>, z.ZodObject<{
+                type: z.ZodLiteral<"Divider">;
+                id: z.ZodString;
+                onCreate: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onDestroy: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+            }, z.UnknownKeysParam, z.ZodTypeAny, {
+                type: "Divider";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+            }, {
+                type: "Divider";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+            }>, z.ZodObject<{
+                type: z.ZodLiteral<"FlexibleSpace">;
+                id: z.ZodString;
+                onCreate: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onDestroy: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+            }, z.UnknownKeysParam, z.ZodTypeAny, {
+                type: "FlexibleSpace";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+            }, {
+                type: "FlexibleSpace";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+            }>, z.ZodObject<{
+                type: z.ZodLiteral<"ButtonRow">;
+                align: z.ZodOptional<z.ZodOptional<z.ZodEnum<["start", "end"]>>>;
+                label: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                id: z.ZodString;
+                onCreate: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onDestroy: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                items: z.ZodOptional<z.ZodArray<z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
+                    onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
+                        id: z.ZodString;
+                    }, "strip", z.ZodTypeAny, {
+                        id: string;
+                    }, {
+                        id: string;
+                    }>], z.ZodUnknown>, z.ZodVoid>>;
+                    onDestroy: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
+                        id: z.ZodString;
+                    }, "strip", z.ZodTypeAny, {
+                        id: string;
+                    }, {
+                        id: string;
+                    }>], z.ZodUnknown>, z.ZodVoid>>;
+                }, {
+                    id: z.ZodString;
+                }>, {
+                    type: z.ZodLiteral<"Button">;
+                    label: z.ZodString;
+                    variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                    tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
+                    disabled: z.ZodOptional<z.ZodBoolean>;
+                    onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
+                        id: z.ZodString;
+                    }, "strip", z.ZodTypeAny, {
+                        id: string;
+                    }, {
+                        id: string;
+                    }>], z.ZodUnknown>, z.ZodVoid>;
+                }>, {
+                    id: z.ZodOptional<z.ZodString>;
+                    onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
+                        id: z.ZodString;
+                    }, "strip", z.ZodTypeAny, {
+                        id: string;
+                    }, {
+                        id: string;
+                    }>], z.ZodUnknown>, z.ZodVoid>>;
+                    onDestroy: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
+                        id: z.ZodString;
+                    }, "strip", z.ZodTypeAny, {
+                        id: string;
+                    }, {
+                        id: string;
+                    }>], z.ZodUnknown>, z.ZodVoid>>;
+                }>, z.objectUtil.extendShape<{
+                    id: z.ZodOptional<z.ZodString>;
+                    onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
+                        id: z.ZodString;
+                    }, "strip", z.ZodTypeAny, {
+                        id: string;
+                    }, {
+                        id: string;
+                    }>], z.ZodUnknown>, z.ZodVoid>>;
+                    onDestroy: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
+                        id: z.ZodString;
+                    }, "strip", z.ZodTypeAny, {
+                        id: string;
+                    }, {
+                        id: string;
+                    }>], z.ZodUnknown>, z.ZodVoid>>;
+                }, {
+                    onCreate: z.ZodOptional<z.ZodString>;
+                    onDestroy: z.ZodOptional<z.ZodString>;
+                }>>, {
+                    onClick: z.ZodString;
+                }>, "strip", z.ZodTypeAny, {
+                    type: "Button";
+                    label: string;
+                    onClick: string;
+                    id?: string | undefined;
+                    onCreate?: string | undefined;
+                    onDestroy?: string | undefined;
+                    disabled?: boolean | undefined;
+                    variant?: "filled" | "transparent" | "outlined" | undefined;
+                    tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                }, {
+                    type: "Button";
+                    label: string;
+                    onClick: string;
+                    id?: string | undefined;
+                    onCreate?: string | undefined;
+                    onDestroy?: string | undefined;
+                    disabled?: boolean | undefined;
+                    variant?: "filled" | "transparent" | "outlined" | undefined;
+                    tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                }>, "many">>;
+            }, z.UnknownKeysParam, z.ZodTypeAny, {
+                type: "ButtonRow";
+                id: string;
+                align?: "start" | "end" | undefined;
+                items?: {
+                    type: "Button";
+                    label: string;
+                    onClick: string;
+                    id?: string | undefined;
+                    onCreate?: string | undefined;
+                    onDestroy?: string | undefined;
+                    disabled?: boolean | undefined;
+                    variant?: "filled" | "transparent" | "outlined" | undefined;
+                    tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                }[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+            }, {
+                type: "ButtonRow";
+                id: string;
+                align?: "start" | "end" | undefined;
+                items?: {
+                    type: "Button";
+                    label: string;
+                    onClick: string;
+                    id?: string | undefined;
+                    onCreate?: string | undefined;
+                    onDestroy?: string | undefined;
+                    disabled?: boolean | undefined;
+                    variant?: "filled" | "transparent" | "outlined" | undefined;
+                    tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                }[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+            }>, z.ZodObject<{
+                type: z.ZodLiteral<"CheckboxGroup">;
+                options: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                    label: z.ZodString;
+                    value: z.ZodString;
+                    disabled: z.ZodOptional<z.ZodBoolean>;
+                }, "strip", z.ZodTypeAny, {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }, {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }>, "many">>;
+                value: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+                label: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                id: z.ZodString;
+                onCreate: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onDestroy: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onChange: z.ZodOptional<z.ZodString>;
+            }, z.UnknownKeysParam, z.ZodTypeAny, {
+                type: "CheckboxGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+            }, {
+                type: "CheckboxGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+            }>, z.ZodObject<{
+                type: z.ZodLiteral<"RadioGroup">;
+                options: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                    label: z.ZodString;
+                    value: z.ZodString;
+                    disabled: z.ZodOptional<z.ZodBoolean>;
+                }, "strip", z.ZodTypeAny, {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }, {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }>, "many">>;
+                value: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                label: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                id: z.ZodString;
+                onCreate: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onDestroy: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onChange: z.ZodOptional<z.ZodString>;
+            }, z.UnknownKeysParam, z.ZodTypeAny, {
+                type: "RadioGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+            }, {
+                type: "RadioGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+            }>, z.ZodObject<{
+                type: z.ZodLiteral<"ToggleGroup">;
+                alignment: z.ZodOptional<z.ZodOptional<z.ZodEnum<["start", "end"]>>>;
+                options: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                    label: z.ZodString;
+                    value: z.ZodString;
+                    disabled: z.ZodOptional<z.ZodBoolean>;
+                }, "strip", z.ZodTypeAny, {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }, {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }>, "many">>;
+                value: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+                label: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                id: z.ZodString;
+                onCreate: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onDestroy: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onChange: z.ZodOptional<z.ZodString>;
+            }, z.UnknownKeysParam, z.ZodTypeAny, {
+                type: "ToggleGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+                alignment?: "start" | "end" | undefined;
+            }, {
+                type: "ToggleGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+                alignment?: "start" | "end" | undefined;
+            }>, z.ZodObject<{
+                type: z.ZodLiteral<"Iframe">;
+                height: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodString]>>>;
+                url: z.ZodOptional<z.ZodString>;
+                id: z.ZodString;
+                onCreate: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onDestroy: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+            }, z.UnknownKeysParam, z.ZodTypeAny, {
+                type: "Iframe";
+                id: string;
+                url?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                height?: string | number | undefined;
+            }, {
+                type: "Iframe";
+                id: string;
+                url?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                height?: string | number | undefined;
+            }>, z.ZodObject<{
+                type: z.ZodLiteral<"Grid">;
+                grid: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                verticalAlignment: z.ZodOptional<z.ZodOptional<z.ZodEnum<["top", "center", "bottom"]>>>;
+                horizontalDistribution: z.ZodOptional<z.ZodOptional<z.ZodEnum<["start", "center", "end", "space-between", "space-around", "space-evenly"]>>>;
+                id: z.ZodString;
+                onCreate: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                onDestroy: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                items: z.ZodOptional<z.ZodType<(UIButtonElementCreateClonable | MakeClonableSchema<UITextElementCreate> | MakeClonableSchema<UIDividerElementCreate> | MakeClonableSchema<UITextInputElementCreate> | MakeClonableSchema<UISelectElementCreate> | MakeClonableSchema<UIFlexibleSpaceElementCreate> | UIButtonRowElementCreateClonable | MakeClonableSchema<UICheckboxGroupElementCreate> | MakeClonableSchema<UIRadioGroupElementCreate> | MakeClonableSchema<UIToggleGroupElementCreate> | MakeClonableSchema<UIIframeElementCreate>)[], z.ZodTypeDef, (UIButtonElementCreateClonable | MakeClonableSchema<UITextElementCreate> | MakeClonableSchema<UIDividerElementCreate> | MakeClonableSchema<UITextInputElementCreate> | MakeClonableSchema<UISelectElementCreate> | MakeClonableSchema<UIFlexibleSpaceElementCreate> | UIButtonRowElementCreateClonable | MakeClonableSchema<UICheckboxGroupElementCreate> | MakeClonableSchema<UIRadioGroupElementCreate> | MakeClonableSchema<UIToggleGroupElementCreate> | MakeClonableSchema<UIIframeElementCreate>)[]>>;
+            }, z.UnknownKeysParam, z.ZodTypeAny, {
+                type: "Grid";
+                id: string;
+                items?: (UIButtonElementCreateClonable | MakeClonableSchema<UITextElementCreate> | MakeClonableSchema<UIDividerElementCreate> | MakeClonableSchema<UITextInputElementCreate> | MakeClonableSchema<UISelectElementCreate> | MakeClonableSchema<UIFlexibleSpaceElementCreate> | UIButtonRowElementCreateClonable | MakeClonableSchema<UICheckboxGroupElementCreate> | MakeClonableSchema<UIRadioGroupElementCreate> | MakeClonableSchema<UIToggleGroupElementCreate> | MakeClonableSchema<UIIframeElementCreate>)[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                grid?: string | undefined;
+                verticalAlignment?: "center" | "top" | "bottom" | undefined;
+                horizontalDistribution?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | undefined;
+            }, {
+                type: "Grid";
+                id: string;
+                items?: (UIButtonElementCreateClonable | MakeClonableSchema<UITextElementCreate> | MakeClonableSchema<UIDividerElementCreate> | MakeClonableSchema<UITextInputElementCreate> | MakeClonableSchema<UISelectElementCreate> | MakeClonableSchema<UIFlexibleSpaceElementCreate> | UIButtonRowElementCreateClonable | MakeClonableSchema<UICheckboxGroupElementCreate> | MakeClonableSchema<UIRadioGroupElementCreate> | MakeClonableSchema<UIToggleGroupElementCreate> | MakeClonableSchema<UIIframeElementCreate>)[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                grid?: string | undefined;
+                verticalAlignment?: "center" | "top" | "bottom" | undefined;
+                horizontalDistribution?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | undefined;
+            }>]>;
+        }, "strip", z.ZodTypeAny, {
+            element: {
+                type: "Button";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                disabled?: boolean | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                onClick?: string | undefined;
+            } | {
+                type: "Text";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                content?: string | undefined;
+            } | {
+                type: "TextInput";
+                id: string;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                placeholder?: string | undefined;
+                onChange?: string | undefined;
+                onBlur?: string | undefined;
+                onFocus?: string | undefined;
+            } | {
+                type: "Select";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                placeholder?: string | undefined;
+                onChange?: string | undefined;
+                search?: boolean | undefined;
+            } | {
+                type: "Divider";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+            } | {
+                type: "FlexibleSpace";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+            } | {
+                type: "ButtonRow";
+                id: string;
+                align?: "start" | "end" | undefined;
+                items?: {
+                    type: "Button";
+                    label: string;
+                    onClick: string;
+                    id?: string | undefined;
+                    onCreate?: string | undefined;
+                    onDestroy?: string | undefined;
+                    disabled?: boolean | undefined;
+                    variant?: "filled" | "transparent" | "outlined" | undefined;
+                    tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                }[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+            } | {
+                type: "CheckboxGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+            } | {
+                type: "RadioGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+            } | {
+                type: "ToggleGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+                alignment?: "start" | "end" | undefined;
+            } | {
+                type: "Iframe";
+                id: string;
+                url?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                height?: string | number | undefined;
+            } | {
+                type: "Grid";
+                id: string;
+                items?: (UIButtonElementCreateClonable | MakeClonableSchema<UITextElementCreate> | MakeClonableSchema<UIDividerElementCreate> | MakeClonableSchema<UITextInputElementCreate> | MakeClonableSchema<UISelectElementCreate> | MakeClonableSchema<UIFlexibleSpaceElementCreate> | UIButtonRowElementCreateClonable | MakeClonableSchema<UICheckboxGroupElementCreate> | MakeClonableSchema<UIRadioGroupElementCreate> | MakeClonableSchema<UIToggleGroupElementCreate> | MakeClonableSchema<UIIframeElementCreate>)[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                grid?: string | undefined;
+                verticalAlignment?: "center" | "top" | "bottom" | undefined;
+                horizontalDistribution?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | undefined;
+            };
+        }, {
+            element: {
+                type: "Button";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                disabled?: boolean | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                onClick?: string | undefined;
+            } | {
+                type: "Text";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                content?: string | undefined;
+            } | {
+                type: "TextInput";
+                id: string;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                placeholder?: string | undefined;
+                onChange?: string | undefined;
+                onBlur?: string | undefined;
+                onFocus?: string | undefined;
+            } | {
+                type: "Select";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                placeholder?: string | undefined;
+                onChange?: string | undefined;
+                search?: boolean | undefined;
+            } | {
+                type: "Divider";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+            } | {
+                type: "FlexibleSpace";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+            } | {
+                type: "ButtonRow";
+                id: string;
+                align?: "start" | "end" | undefined;
+                items?: {
+                    type: "Button";
+                    label: string;
+                    onClick: string;
+                    id?: string | undefined;
+                    onCreate?: string | undefined;
+                    onDestroy?: string | undefined;
+                    disabled?: boolean | undefined;
+                    variant?: "filled" | "transparent" | "outlined" | undefined;
+                    tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                }[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+            } | {
+                type: "CheckboxGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+            } | {
+                type: "RadioGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+            } | {
+                type: "ToggleGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+                alignment?: "start" | "end" | undefined;
+            } | {
+                type: "Iframe";
+                id: string;
+                url?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                height?: string | number | undefined;
+            } | {
+                type: "Grid";
+                id: string;
+                items?: (UIButtonElementCreateClonable | MakeClonableSchema<UITextElementCreate> | MakeClonableSchema<UIDividerElementCreate> | MakeClonableSchema<UITextInputElementCreate> | MakeClonableSchema<UISelectElementCreate> | MakeClonableSchema<UIFlexibleSpaceElementCreate> | UIButtonRowElementCreateClonable | MakeClonableSchema<UICheckboxGroupElementCreate> | MakeClonableSchema<UIRadioGroupElementCreate> | MakeClonableSchema<UIToggleGroupElementCreate> | MakeClonableSchema<UIIframeElementCreate>)[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                grid?: string | undefined;
+                verticalAlignment?: "center" | "top" | "bottom" | undefined;
+                horizontalDistribution?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | undefined;
+            };
+        }>, "many">;
+    }, "strip", z.ZodTypeAny, {
+        panelId: string;
+        elements: {
+            element: {
+                type: "Button";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                disabled?: boolean | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                onClick?: string | undefined;
+            } | {
+                type: "Text";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                content?: string | undefined;
+            } | {
+                type: "TextInput";
+                id: string;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                placeholder?: string | undefined;
+                onChange?: string | undefined;
+                onBlur?: string | undefined;
+                onFocus?: string | undefined;
+            } | {
+                type: "Select";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                placeholder?: string | undefined;
+                onChange?: string | undefined;
+                search?: boolean | undefined;
+            } | {
+                type: "Divider";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+            } | {
+                type: "FlexibleSpace";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+            } | {
+                type: "ButtonRow";
+                id: string;
+                align?: "start" | "end" | undefined;
+                items?: {
+                    type: "Button";
+                    label: string;
+                    onClick: string;
+                    id?: string | undefined;
+                    onCreate?: string | undefined;
+                    onDestroy?: string | undefined;
+                    disabled?: boolean | undefined;
+                    variant?: "filled" | "transparent" | "outlined" | undefined;
+                    tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                }[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+            } | {
+                type: "CheckboxGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+            } | {
+                type: "RadioGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+            } | {
+                type: "ToggleGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+                alignment?: "start" | "end" | undefined;
+            } | {
+                type: "Iframe";
+                id: string;
+                url?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                height?: string | number | undefined;
+            } | {
+                type: "Grid";
+                id: string;
+                items?: (UIButtonElementCreateClonable | MakeClonableSchema<UITextElementCreate> | MakeClonableSchema<UIDividerElementCreate> | MakeClonableSchema<UITextInputElementCreate> | MakeClonableSchema<UISelectElementCreate> | MakeClonableSchema<UIFlexibleSpaceElementCreate> | UIButtonRowElementCreateClonable | MakeClonableSchema<UICheckboxGroupElementCreate> | MakeClonableSchema<UIRadioGroupElementCreate> | MakeClonableSchema<UIToggleGroupElementCreate> | MakeClonableSchema<UIIframeElementCreate>)[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                grid?: string | undefined;
+                verticalAlignment?: "center" | "top" | "bottom" | undefined;
+                horizontalDistribution?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | undefined;
+            };
+        }[];
+    }, {
+        panelId: string;
+        elements: {
+            element: {
+                type: "Button";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                disabled?: boolean | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                onClick?: string | undefined;
+            } | {
+                type: "Text";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                content?: string | undefined;
+            } | {
+                type: "TextInput";
+                id: string;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                placeholder?: string | undefined;
+                onChange?: string | undefined;
+                onBlur?: string | undefined;
+                onFocus?: string | undefined;
+            } | {
+                type: "Select";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                placeholder?: string | undefined;
+                onChange?: string | undefined;
+                search?: boolean | undefined;
+            } | {
+                type: "Divider";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+            } | {
+                type: "FlexibleSpace";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+            } | {
+                type: "ButtonRow";
+                id: string;
+                align?: "start" | "end" | undefined;
+                items?: {
+                    type: "Button";
+                    label: string;
+                    onClick: string;
+                    id?: string | undefined;
+                    onCreate?: string | undefined;
+                    onDestroy?: string | undefined;
+                    disabled?: boolean | undefined;
+                    variant?: "filled" | "transparent" | "outlined" | undefined;
+                    tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                }[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+            } | {
+                type: "CheckboxGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+            } | {
+                type: "RadioGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+            } | {
+                type: "ToggleGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+                alignment?: "start" | "end" | undefined;
+            } | {
+                type: "Iframe";
+                id: string;
+                url?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                height?: string | number | undefined;
+            } | {
+                type: "Grid";
+                id: string;
+                items?: (UIButtonElementCreateClonable | MakeClonableSchema<UITextElementCreate> | MakeClonableSchema<UIDividerElementCreate> | MakeClonableSchema<UITextInputElementCreate> | MakeClonableSchema<UISelectElementCreate> | MakeClonableSchema<UIFlexibleSpaceElementCreate> | UIButtonRowElementCreateClonable | MakeClonableSchema<UICheckboxGroupElementCreate> | MakeClonableSchema<UIRadioGroupElementCreate> | MakeClonableSchema<UIToggleGroupElementCreate> | MakeClonableSchema<UIIframeElementCreate>)[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                grid?: string | undefined;
+                verticalAlignment?: "center" | "top" | "bottom" | undefined;
+                horizontalDistribution?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | undefined;
+            };
+        }[];
+    }>;
+}, z.UnknownKeysParam, z.ZodTypeAny, {
+    params: {
+        panelId: string;
+        elements: {
+            element: {
+                type: "Button";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                disabled?: boolean | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                onClick?: string | undefined;
+            } | {
+                type: "Text";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                content?: string | undefined;
+            } | {
+                type: "TextInput";
+                id: string;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                placeholder?: string | undefined;
+                onChange?: string | undefined;
+                onBlur?: string | undefined;
+                onFocus?: string | undefined;
+            } | {
+                type: "Select";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                placeholder?: string | undefined;
+                onChange?: string | undefined;
+                search?: boolean | undefined;
+            } | {
+                type: "Divider";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+            } | {
+                type: "FlexibleSpace";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+            } | {
+                type: "ButtonRow";
+                id: string;
+                align?: "start" | "end" | undefined;
+                items?: {
+                    type: "Button";
+                    label: string;
+                    onClick: string;
+                    id?: string | undefined;
+                    onCreate?: string | undefined;
+                    onDestroy?: string | undefined;
+                    disabled?: boolean | undefined;
+                    variant?: "filled" | "transparent" | "outlined" | undefined;
+                    tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                }[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+            } | {
+                type: "CheckboxGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+            } | {
+                type: "RadioGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+            } | {
+                type: "ToggleGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+                alignment?: "start" | "end" | undefined;
+            } | {
+                type: "Iframe";
+                id: string;
+                url?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                height?: string | number | undefined;
+            } | {
+                type: "Grid";
+                id: string;
+                items?: (UIButtonElementCreateClonable | MakeClonableSchema<UITextElementCreate> | MakeClonableSchema<UIDividerElementCreate> | MakeClonableSchema<UITextInputElementCreate> | MakeClonableSchema<UISelectElementCreate> | MakeClonableSchema<UIFlexibleSpaceElementCreate> | UIButtonRowElementCreateClonable | MakeClonableSchema<UICheckboxGroupElementCreate> | MakeClonableSchema<UIRadioGroupElementCreate> | MakeClonableSchema<UIToggleGroupElementCreate> | MakeClonableSchema<UIIframeElementCreate>)[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                grid?: string | undefined;
+                verticalAlignment?: "center" | "top" | "bottom" | undefined;
+                horizontalDistribution?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | undefined;
+            };
+        }[];
+    };
+    type: "updatePanelElements";
+}, {
+    params: {
+        panelId: string;
+        elements: {
+            element: {
+                type: "Button";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                disabled?: boolean | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                onClick?: string | undefined;
+            } | {
+                type: "Text";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                content?: string | undefined;
+            } | {
+                type: "TextInput";
+                id: string;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                placeholder?: string | undefined;
+                onChange?: string | undefined;
+                onBlur?: string | undefined;
+                onFocus?: string | undefined;
+            } | {
+                type: "Select";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                placeholder?: string | undefined;
+                onChange?: string | undefined;
+                search?: boolean | undefined;
+            } | {
+                type: "Divider";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+            } | {
+                type: "FlexibleSpace";
+                id: string;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+            } | {
+                type: "ButtonRow";
+                id: string;
+                align?: "start" | "end" | undefined;
+                items?: {
+                    type: "Button";
+                    label: string;
+                    onClick: string;
+                    id?: string | undefined;
+                    onCreate?: string | undefined;
+                    onDestroy?: string | undefined;
+                    disabled?: boolean | undefined;
+                    variant?: "filled" | "transparent" | "outlined" | undefined;
+                    tint?: "default" | "primary" | "accent" | "danger" | undefined;
+                }[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+            } | {
+                type: "CheckboxGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+            } | {
+                type: "RadioGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+            } | {
+                type: "ToggleGroup";
+                id: string;
+                options?: {
+                    value: string;
+                    label: string;
+                    disabled?: boolean | undefined;
+                }[] | undefined;
+                value?: string[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                label?: string | undefined;
+                onChange?: string | undefined;
+                alignment?: "start" | "end" | undefined;
+            } | {
+                type: "Iframe";
+                id: string;
+                url?: string | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                height?: string | number | undefined;
+            } | {
+                type: "Grid";
+                id: string;
+                items?: (UIButtonElementCreateClonable | MakeClonableSchema<UITextElementCreate> | MakeClonableSchema<UIDividerElementCreate> | MakeClonableSchema<UITextInputElementCreate> | MakeClonableSchema<UISelectElementCreate> | MakeClonableSchema<UIFlexibleSpaceElementCreate> | UIButtonRowElementCreateClonable | MakeClonableSchema<UICheckboxGroupElementCreate> | MakeClonableSchema<UIRadioGroupElementCreate> | MakeClonableSchema<UIToggleGroupElementCreate> | MakeClonableSchema<UIIframeElementCreate>)[] | undefined;
+                onCreate?: string | undefined;
+                onDestroy?: string | undefined;
+                grid?: string | undefined;
+                verticalAlignment?: "center" | "top" | "bottom" | undefined;
+                horizontalDistribution?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | undefined;
+            };
+        }[];
+    };
+    type: "updatePanelElements";
+}>;
+declare const DeletePanelElementsMessage: z.ZodObject<{
+    type: z.ZodLiteral<"deletePanelElements">;
+    params: z.ZodObject<{
+        panelId: z.ZodString;
+        elements: z.ZodArray<z.ZodString, "many">;
+    }, "strip", z.ZodTypeAny, {
+        panelId: string;
+        elements: string[];
+    }, {
+        panelId: string;
+        elements: string[];
+    }>;
+}, z.UnknownKeysParam, z.ZodTypeAny, {
+    params: {
+        panelId: string;
+        elements: string[];
+    };
+    type: "deletePanelElements";
+}, {
+    params: {
+        panelId: string;
+        elements: string[];
+    };
+    type: "deletePanelElements";
+}>;
 declare const UiControlsMessage: z.ZodObject<{
     type: z.ZodLiteral<"updateUiControls">;
     params: z.ZodObject<{
@@ -4239,6 +6078,15 @@ declare const HideLayerDataTableMessage: z.ZodObject<{
 }>;
 type UiSchema = {
     methods: {
+        createActionTrigger: Method<zInfer<typeof CreateActionTriggerMessage>, zInfer<typeof uiActionTriggerSchema.clonable>>;
+        updateActionTrigger: Method<zInfer<typeof UpdateActionTriggerMessage>, zInfer<typeof uiActionTriggerSchema.clonable>>;
+        deleteActionTrigger: Method<zInfer<typeof DeleteActionTriggerMessage>>;
+        createPanelId: Method<zInfer<typeof CreatePanelIdMessage>>;
+        createOrUpdatePanel: Method<zInfer<typeof CreateOrUpdatePanelMessage>, zInfer<typeof uiPanelCreateSchema.clonable>>;
+        deletePanel: Method<zInfer<typeof DeletePanelMessage>>;
+        createPanelElements: Method<zInfer<typeof CreatePanelElementsMessage>, zInfer<typeof uiPanelCreateSchema.clonable>>;
+        updatePanelElements: Method<zInfer<typeof UpdatePanelElementsMessage>, zInfer<typeof uiPanelCreateSchema.clonable>>;
+        deletePanelElements: Method<zInfer<typeof DeletePanelElementsMessage>>;
         updateUiControls: Method<zInfer<typeof UiControlsMessage>>;
         setOnMapInteractionsUi: Method<zInfer<typeof OnMapInteractionsMessage>>;
         showLayerDataTable: Method<zInfer<typeof ShowLayerDataTableMessage>>;
@@ -4385,7 +6233,11 @@ type FeltHandlers = {
     listeners: FeltListenerHandlers;
 };
 type MethodSpec = UnionToIntersection<AllModules["methods"]>;
-type ListenerSpec = UnionToIntersection<AllModules["listeners"]>;
+type ListenerSpec = UnionToIntersection<AllModules["listeners"]> & {
+    onGenericEvent: Listener<{
+        id: string;
+    }, void>;
+};
 type ExtractMethodParams<T extends Record<string, AnyFunction | {
     request: {
         params?: any;