windmill-components 1.447.7 → 1.447.8

package/package/components/apps/editor/component/components.d.ts

@@ -1,5 +1,6 @@
 import type { IntRange } from '../../../../common';
 import type { NARROW_GRID_COLUMNS, WIDE_GRID_COLUMNS } from '../../gridUtils';
+import type { ChartType } from 'chart.js';
 import { BarChart4, Binary, FormInput, Inspect, List, Monitor, PieChart, Table2, TextCursorInput, Type, Lock, Calendar, ToggleLeft, GripHorizontal, Code2, SlidersHorizontal, PlusSquare, ListOrdered, BoxSelect, Smile, DollarSign, SeparatorHorizontal, SeparatorVertical, Paperclip, Image, SidebarClose, MapPin, FlipHorizontal, FlipVertical, FileText, AtSignIcon, Split, Download, PanelLeft, PanelTopInactive, Heading1, FileBarChart, Menu, Network, Database, UploadCloud, AlertTriangle, Clock, CalendarClock, AppWindow, PanelTop, RefreshCw } from 'lucide-svelte';
 import type { Aligned, BaseAppComponent, ComponentCustomCSS, GridItem, OneOfConfiguration, RichConfiguration, RichConfigurations, StaticRichConfigurations } from '../../types';
 import type { Size } from '../../svelte-grid/types';
@@ -251,7 +252,7 @@ export declare const selectOptions: {
     objectFitOptions: string[];
     splitPanelOptions: string[];
     formorientationOptions: string[];
-    chartTypeOptions: (keyof import("chart.js").ChartTypeRegistry)[];
+    chartTypeOptions: ChartType[];
     animationTimingFunctionOptions: string[];
     prose: string[];
     imageSourceKind: string[];
@@ -261,7 +262,7 @@ export declare const components: {
         readonly name: "Rich Result";
         readonly icon: typeof Monitor;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/rich_result";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly header: {
                 readonly class: "";
@@ -299,7 +300,7 @@ export declare const components: {
         readonly name: "Log by Job Id";
         readonly icon: typeof Monitor;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/log_display";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly header: {
                 readonly class: "";
@@ -325,7 +326,7 @@ export declare const components: {
         readonly name: "Log";
         readonly icon: typeof Monitor;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/log_display";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly header: {
                 readonly class: "";
@@ -350,7 +351,7 @@ export declare const components: {
         readonly name: "Flow Status";
         readonly icon: typeof Monitor;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/flow_status";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly header: {
                 readonly class: "";
@@ -375,7 +376,7 @@ export declare const components: {
         readonly name: "Flow Status by Job Id";
         readonly icon: typeof Monitor;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/flow_status";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly header: {
                 readonly class: "";
@@ -401,7 +402,7 @@ export declare const components: {
         readonly name: "Container";
         readonly icon: typeof BoxSelect;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/container";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -418,7 +419,7 @@ export declare const components: {
         readonly name: "List";
         readonly icon: typeof List;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/list";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -498,7 +499,7 @@ export declare const components: {
     readonly textcomponent: {
         readonly name: "Text";
         readonly icon: typeof Type;
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/text";
         readonly customCss: {
             readonly text: {
@@ -549,7 +550,7 @@ export declare const components: {
     readonly buttoncomponent: {
         readonly name: "Button";
         readonly icon: typeof Inspect;
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/button";
         readonly customCss: {
             readonly button: {
@@ -652,10 +653,10 @@ export declare const components: {
                         readonly setTab: {
                             readonly setTab: {
                                 readonly type: "static";
-                                readonly value: {
+                                readonly value: Array<{
                                     id: string;
                                     index: number;
-                                }[];
+                                }>;
                                 readonly fieldType: "array";
                                 readonly subFieldType: "tab-select";
                                 readonly tooltip: "Set the tabs id and index to go to on success";
@@ -754,10 +755,10 @@ export declare const components: {
                         readonly setTab: {
                             readonly setTab: {
                                 readonly type: "static";
-                                readonly value: {
+                                readonly value: Array<{
                                     id: string;
                                     index: number;
-                                }[];
+                                }>;
                                 readonly fieldType: "array";
                                 readonly subFieldType: "tab-select";
                                 readonly tooltip: "Set the tabs id and index to go to on error";
@@ -842,7 +843,7 @@ export declare const components: {
         readonly name: "Download Button";
         readonly icon: typeof Download;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/download_button";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly button: {
                 readonly style: "";
@@ -907,7 +908,7 @@ export declare const components: {
         readonly name: "Submit Form";
         readonly icon: typeof FormInput;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/submit_form";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -983,10 +984,10 @@ export declare const components: {
                         readonly setTab: {
                             readonly setTab: {
                                 readonly type: "static";
-                                readonly value: {
+                                readonly value: Array<{
                                     id: string;
                                     index: number;
-                                }[];
+                                }>;
                                 readonly fieldType: "array";
                                 readonly subFieldType: "tab-select";
                                 readonly tooltip: "Set the tabs id and index to go to on success";
@@ -1085,10 +1086,10 @@ export declare const components: {
                         readonly setTab: {
                             readonly setTab: {
                                 readonly type: "static";
-                                readonly value: {
+                                readonly value: Array<{
                                     id: string;
                                     index: number;
-                                }[];
+                                }>;
                                 readonly fieldType: "array";
                                 readonly subFieldType: "tab-select";
                                 readonly tooltip: "Set the tabs id and index to go to on error";
@@ -1138,7 +1139,7 @@ export declare const components: {
         readonly name: "Modal Form";
         readonly icon: typeof PlusSquare;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/modal_form";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly button: {
                 readonly class: "";
@@ -1221,10 +1222,10 @@ export declare const components: {
                         readonly setTab: {
                             readonly setTab: {
                                 readonly type: "static";
-                                readonly value: {
+                                readonly value: Array<{
                                     id: string;
                                     index: number;
-                                }[];
+                                }>;
                                 readonly fieldType: "array";
                                 readonly subFieldType: "tab-select";
                                 readonly tooltip: "Set the tabs id and index to go to on success";
@@ -1323,10 +1324,10 @@ export declare const components: {
                         readonly setTab: {
                             readonly setTab: {
                                 readonly type: "static";
-                                readonly value: {
+                                readonly value: Array<{
                                     id: string;
                                     index: number;
-                                }[];
+                                }>;
                                 readonly fieldType: "array";
                                 readonly subFieldType: "tab-select";
                                 readonly tooltip: "Set the tabs id and index to go to on error";
@@ -1381,7 +1382,7 @@ export declare const components: {
         readonly name: "Pie Chart";
         readonly icon: typeof PieChart;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/pie_chart";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1416,7 +1417,7 @@ export declare const components: {
         readonly name: "ChartJs";
         readonly icon: typeof PieChart;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/chartjs";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1455,7 +1456,7 @@ export declare const components: {
         readonly name: "ChartJs";
         readonly icon: typeof PieChart;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/chartjs";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1484,7 +1485,7 @@ export declare const components: {
         readonly name: "Bar/Line Chart";
         readonly icon: typeof BarChart4;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/bar_line_chart";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1519,7 +1520,7 @@ export declare const components: {
         readonly name: "AgCharts";
         readonly icon: typeof BarChart4;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/agcharts";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1535,7 +1536,7 @@ export declare const components: {
         readonly name: "AgCharts EE";
         readonly icon: typeof BarChart4;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/agcharts";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1551,7 +1552,7 @@ export declare const components: {
         readonly name: "HTML";
         readonly icon: typeof Code2;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/html";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1572,7 +1573,7 @@ export declare const components: {
         readonly name: "Custom";
         readonly icon: typeof Code2;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/react_components";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1592,7 +1593,7 @@ export declare const components: {
         readonly name: "Markdown";
         readonly icon: typeof Heading1;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/html";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1621,7 +1622,7 @@ export declare const components: {
         readonly name: "Vega Lite";
         readonly icon: typeof PieChart;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/vega_lite";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {};
         readonly initialData: {
             readonly componentInput: {
@@ -1670,7 +1671,7 @@ export declare const components: {
         readonly name: "Plotly";
         readonly icon: typeof PieChart;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/plotly";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {};
         readonly initialData: {
             readonly componentInput: {
@@ -1702,7 +1703,7 @@ export declare const components: {
         readonly name: "Plotly";
         readonly icon: typeof PieChart;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/plotly";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {};
         readonly initialData: {
             readonly componentInput: undefined;
@@ -1720,7 +1721,7 @@ export declare const components: {
         readonly name: "Timeseries";
         readonly icon: typeof GripHorizontal;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/timeseries";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1752,7 +1753,7 @@ export declare const components: {
         readonly name: "Scatter Chart";
         readonly icon: typeof GripHorizontal;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/scatter_chart";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1779,7 +1780,7 @@ export declare const components: {
         readonly name: "TanStack Table";
         readonly icon: typeof Table2;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/table";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1862,7 +1863,7 @@ export declare const components: {
         readonly name: "AgGrid Table";
         readonly icon: typeof Table2;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/aggrid_table";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1954,7 +1955,7 @@ export declare const components: {
         readonly name: "AgGrid Table EE";
         readonly icon: typeof Table2;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/aggrid_table";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -2046,7 +2047,7 @@ export declare const components: {
         readonly name: "AgGrid Infinite Table";
         readonly icon: typeof Table2;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/aggrid_table#aggrid-infinite-table";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -2144,7 +2145,7 @@ export declare const components: {
         readonly name: "AgGrid Infinite Table EE";
         readonly icon: typeof Table2;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/aggrid_table#aggrid-infinite-table";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -2242,7 +2243,7 @@ export declare const components: {
         readonly name: "Toggle";
         readonly icon: typeof ToggleLeft;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/toggle";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly text: {
                 readonly class: "";
@@ -2282,7 +2283,7 @@ export declare const components: {
         readonly name: "Text Input";
         readonly icon: typeof TextCursorInput;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/text_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -2325,7 +2326,7 @@ export declare const components: {
         readonly name: "Rich Text Editor";
         readonly icon: typeof TextCursorInput;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/rich_text_editor";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {};
         readonly initialData: {
             readonly componentInput: undefined;
@@ -2347,7 +2348,7 @@ export declare const components: {
         readonly name: "Textarea";
         readonly icon: typeof TextCursorInput;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/textarea";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -2379,7 +2380,7 @@ export declare const components: {
         readonly name: "Select";
         readonly icon: typeof List;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/select";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly style: "";
@@ -2440,7 +2441,7 @@ export declare const components: {
         readonly name: "Multi Select";
         readonly icon: typeof List;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/multiselect";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly multiselect: {
                 readonly style: "";
@@ -2478,7 +2479,7 @@ export declare const components: {
         readonly name: "Multi Select";
         readonly icon: typeof List;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/multiselect";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly multiselect: {
                 readonly style: "";
@@ -2516,7 +2517,7 @@ export declare const components: {
         readonly name: "Static Resource Select";
         readonly icon: typeof List;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/resource_select";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly style: "";
@@ -2550,7 +2551,7 @@ export declare const components: {
         readonly name: "User Resource Input";
         readonly icon: typeof List;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/resource_select";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly style: "";
@@ -2584,7 +2585,7 @@ export declare const components: {
         readonly name: "Number";
         readonly icon: typeof Binary;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/number_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -2628,7 +2629,7 @@ export declare const components: {
         readonly name: "Currency";
         readonly icon: typeof DollarSign;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/currency_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -2669,7 +2670,7 @@ export declare const components: {
         readonly name: "Slider";
         readonly icon: typeof SlidersHorizontal;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/slider";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly bar: {
                 readonly style: "";
@@ -2736,7 +2737,7 @@ export declare const components: {
         readonly name: "Date Slider";
         readonly icon: typeof SlidersHorizontal;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/date_slider";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly bar: {
                 readonly style: "";
@@ -2804,7 +2805,7 @@ export declare const components: {
         readonly name: "Range";
         readonly icon: typeof SlidersHorizontal;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/range";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly handles: {
                 readonly style: "";
@@ -2870,7 +2871,7 @@ export declare const components: {
         readonly name: "Password";
         readonly icon: typeof Lock;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/password_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -2908,7 +2909,7 @@ export declare const components: {
         readonly name: "Email Input";
         readonly icon: typeof AtSignIcon;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/email_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -2951,7 +2952,7 @@ export declare const components: {
         readonly name: "Date";
         readonly icon: typeof Calendar;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/date_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -2994,7 +2995,7 @@ export declare const components: {
         readonly name: "Date & Time";
         readonly icon: typeof CalendarClock;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/datetime_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3048,7 +3049,7 @@ export declare const components: {
         readonly name: "Time";
         readonly icon: typeof Clock;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/time_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -3089,7 +3090,7 @@ export declare const components: {
         readonly name: "Tabs";
         readonly icon: typeof ListOrdered;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/tabs";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly tabRow: {
                 readonly class: "";
@@ -3127,7 +3128,7 @@ export declare const components: {
         readonly name: "Stepper";
         readonly icon: typeof ListOrdered;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/stepper";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3150,7 +3151,7 @@ export declare const components: {
         readonly name: "Carousel List";
         readonly icon: typeof List;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/carousel";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3180,7 +3181,7 @@ export declare const components: {
         readonly name: "Icon";
         readonly icon: typeof Smile;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/icon";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3225,7 +3226,7 @@ export declare const components: {
         readonly name: "Divider X";
         readonly icon: typeof SeparatorHorizontal;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/divider_x";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3260,7 +3261,7 @@ export declare const components: {
         readonly name: "Divider Y";
         readonly icon: typeof SeparatorVertical;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/divider_y";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3294,7 +3295,7 @@ export declare const components: {
         readonly name: "File Input";
         readonly icon: typeof Paperclip;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/file_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3343,7 +3344,7 @@ export declare const components: {
         readonly name: "Image";
         readonly icon: typeof Image;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/image";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly image: {
                 readonly class: "";
@@ -3366,7 +3367,7 @@ export declare const components: {
                     readonly fieldType: "select";
                     readonly type: "static";
                     readonly selectOptions: string[];
-                    readonly value: string;
+                    readonly value: (typeof selectOptions.imageSourceKind)[number];
                 };
                 readonly imageFit: {
                     readonly fieldType: "select";
@@ -3388,7 +3389,7 @@ export declare const components: {
         readonly name: "Drawer";
         readonly icon: typeof SidebarClose;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/drawer";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly button: {
                 readonly style: "";
@@ -3456,7 +3457,7 @@ export declare const components: {
         readonly name: "Map";
         readonly icon: typeof MapPin;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/map";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly map: {
                 readonly class: "";
@@ -3495,7 +3496,7 @@ export declare const components: {
         readonly name: "Vertical Split Panes";
         readonly icon: typeof FlipHorizontal;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/vertical_split_panes";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3513,7 +3514,7 @@ export declare const components: {
         readonly name: "Horizontal Split Panes";
         readonly icon: typeof FlipVertical;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/horizontal_split_panes";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3531,7 +3532,7 @@ export declare const components: {
         readonly name: "PDF";
         readonly icon: typeof FileText;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/pdf";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3563,7 +3564,7 @@ export declare const components: {
         readonly name: "Modal";
         readonly icon: typeof SidebarClose;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/modal";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly button: {
                 readonly class: "";
@@ -3631,7 +3632,7 @@ export declare const components: {
         readonly name: "Form";
         readonly icon: typeof FileText;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/form_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3693,7 +3694,7 @@ export declare const components: {
         readonly name: "Select Tab";
         readonly icon: typeof List;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/select_tab";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly tabRow: {
                 readonly class: "";
@@ -3732,7 +3733,7 @@ export declare const components: {
         readonly name: "Select Step";
         readonly icon: typeof List;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/select_step";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3756,7 +3757,7 @@ export declare const components: {
         readonly name: "Conditional Tabs";
         readonly icon: typeof Split;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/conditional_tabs";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3774,7 +3775,7 @@ export declare const components: {
         readonly name: "Statistic Card";
         readonly icon: typeof FileBarChart;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/statistic_card";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly quickstyle: Record<string, Quickstyle>;
         readonly customCss: {
             readonly title: {
@@ -3840,7 +3841,7 @@ export declare const components: {
                                 readonly fieldType: "select";
                                 readonly type: "static";
                                 readonly selectOptions: string[];
-                                readonly value: string;
+                                readonly value: (typeof selectOptions.imageSourceKind)[number];
                             };
                         };
                     };
@@ -3852,7 +3853,7 @@ export declare const components: {
         readonly name: "Dropdown Menu";
         readonly icon: typeof Menu;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/dropdown_menu";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly button: {
                 readonly style: "";
@@ -3904,7 +3905,7 @@ export declare const components: {
         readonly name: "Decision Tree";
         readonly icon: typeof Network;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/decision_tree";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3922,7 +3923,7 @@ export declare const components: {
         readonly name: "S3 File Uploader";
         readonly icon: typeof UploadCloud;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/s3fileinput";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3972,7 +3973,7 @@ export declare const components: {
         readonly name: "Database Studio Table";
         readonly icon: typeof Database;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/database_studio";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -4142,7 +4143,7 @@ export declare const components: {
         readonly name: "Alert";
         readonly icon: typeof AlertTriangle;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/alert";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -4236,7 +4237,7 @@ export declare const components: {
         readonly name: "Navbar";
         readonly icon: typeof AppWindow;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/navbar";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -4282,7 +4283,7 @@ export declare const components: {
                                 readonly fieldType: "select";
                                 readonly type: "static";
                                 readonly selectOptions: string[];
-                                readonly value: string;
+                                readonly value: (typeof selectOptions.imageSourceKind)[number];
                             };
                             readonly altText: {
                                 readonly type: "static";
@@ -4315,7 +4316,7 @@ export declare const components: {
         readonly name: "Date Select";
         readonly icon: typeof Calendar;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/date_select";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -4376,7 +4377,7 @@ export declare const components: {
         readonly name: "Rich Result by Job Id";
         readonly icon: typeof Monitor;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/rich_result_by_job_id";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly header: {
                 readonly class: "";
@@ -4413,7 +4414,7 @@ export declare const components: {
         readonly name: "Recompute All";
         readonly icon: typeof RefreshCw;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/recompute_all";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly style: "";
@@ -4458,7 +4459,7 @@ export declare const presetComponents: {
         targetComponent: "containercomponent";
         configuration: {};
         type: string;
-        dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
+        dims: AppComponentDimensions;
     };
 };
 export declare const presets: {