windmill-components 1.473.1 → 1.493.2

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

@@ -1,6 +1,7 @@
 import type { IntRange } from '../../../../common';
 import type { NARROW_GRID_COLUMNS, WIDE_GRID_COLUMNS } from '../../gridUtils';
-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, ListCollapse, GalleryThumbnails } from 'lucide-svelte';
+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, ListCollapse, GalleryThumbnails, Code } from 'lucide-svelte';
 import type { Aligned, BaseAppComponent, ComponentCustomCSS, GridItem, OneOfConfiguration, RichConfiguration, RichConfigurations, StaticRichConfigurations } from '../../types';
 import type { Size } from '../../svelte-grid/types';
 import type { AppInputSpec, EvalV2AppInput, InputConnectionEval, ResultAppInput, StaticAppInput, TemplateV2AppInput } from '../../inputType';
@@ -16,20 +17,51 @@ export type CustomComponentConfig = {
         reactVersion?: string;
     };
 };
-export type TextComponent = BaseComponent<'textcomponent'>;
-export type TextInputComponent = BaseComponent<'textinputcomponent'>;
-export type QuillComponent = BaseComponent<'quillcomponent'>;
-export type TextareaInputComponent = BaseComponent<'textareainputcomponent'>;
-export type PasswordInputComponent = BaseComponent<'passwordinputcomponent'>;
-export type EmailInputComponent = BaseComponent<'emailinputcomponent'>;
-export type DateInputComponent = BaseComponent<'dateinputcomponent'>;
-export type TimeInputComponent = BaseComponent<'timeinputcomponent'>;
-export type DateTimeInputComponent = BaseComponent<'datetimeinputcomponent'>;
-export type NumberInputComponent = BaseComponent<'numberinputcomponent'>;
-export type CurrencyComponent = BaseComponent<'currencycomponent'>;
-export type SliderComponent = BaseComponent<'slidercomponent'>;
-export type DateSliderComponent = BaseComponent<'dateslidercomponent'>;
-export type RangeComponent = BaseComponent<'rangecomponent'>;
+export type TextComponent = BaseComponent<'textcomponent'> & {
+    onChange?: string[];
+};
+export type TextInputComponent = BaseComponent<'textinputcomponent'> & {
+    onChange?: string[];
+};
+export type QuillComponent = BaseComponent<'quillcomponent'> & {
+    onChange?: string[];
+};
+export type CodeInputComponent = BaseComponent<'codeinputcomponent'> & {
+    onChange?: string[];
+};
+export type TextareaInputComponent = BaseComponent<'textareainputcomponent'> & {
+    onChange?: string[];
+};
+export type PasswordInputComponent = BaseComponent<'passwordinputcomponent'> & {
+    onChange?: string[];
+};
+export type EmailInputComponent = BaseComponent<'emailinputcomponent'> & {
+    onChange?: string[];
+};
+export type DateInputComponent = BaseComponent<'dateinputcomponent'> & {
+    onChange?: string[];
+};
+export type TimeInputComponent = BaseComponent<'timeinputcomponent'> & {
+    onChange?: string[];
+};
+export type DateTimeInputComponent = BaseComponent<'datetimeinputcomponent'> & {
+    onChange?: string[];
+};
+export type NumberInputComponent = BaseComponent<'numberinputcomponent'> & {
+    onChange?: string[];
+};
+export type CurrencyComponent = BaseComponent<'currencycomponent'> & {
+    onChange?: string[];
+};
+export type SliderComponent = BaseComponent<'slidercomponent'> & {
+    onChange?: string[];
+};
+export type DateSliderComponent = BaseComponent<'dateslidercomponent'> & {
+    onChange?: string[];
+};
+export type RangeComponent = BaseComponent<'rangecomponent'> & {
+    onChange?: string[];
+};
 export type HtmlComponent = BaseComponent<'htmlcomponent'>;
 export type CustomComponent = BaseComponent<'customcomponent'> & {
     customComponent: CustomComponentConfig;
@@ -190,9 +222,11 @@ export type NavbarItem = {
 export type NavBarComponent = BaseComponent<'navbarcomponent'> & {
     navbarItems: NavbarItem[];
 };
-export type DateSelectComponent = BaseComponent<'dateselectcomponent'>;
+export type DateSelectComponent = BaseComponent<'dateselectcomponent'> & {
+    onChange?: string[];
+};
 export type RecomputeAllComponent = BaseComponent<'recomputeallcomponent'>;
-export type TypedComponent = DBExplorerComponent | DisplayComponent | LogComponent | JobIdLogComponent | FlowStatusComponent | JobIdFlowStatusComponent | TextInputComponent | QuillComponent | TextareaInputComponent | PasswordInputComponent | EmailInputComponent | DateInputComponent | NumberInputComponent | CurrencyComponent | SliderComponent | RangeComponent | BarChartComponent | TimeseriesComponent | HtmlComponent | CustomComponent | MarkdownComponent | TableComponent | TextComponent | ButtonComponent | PieChartComponent | ScatterChartComponent | SelectComponent | ResourceSelectComponent | MultiSelectComponent | CheckboxComponent | FormComponent | FormButtonComponent | VegaLiteComponent | PlotlyComponent | TabsComponent | ContainerComponent | ListComponent | IconComponent | HorizontalDividerComponent | VerticalDividerComponent | FileInputComponent | ImageComponent | AggridComponent | AggridComponentEe | DrawerComponent | MapComponent | VerticalSplitPanesComponent | HorizontalSplitPanesComponent | PdfComponent | ModalComponent | StepperComponent | Schemaformcomponent | SelectTabComponent | ConditionalWrapperComponent | SelectStepComponent | DownloadComponent | ChartJsComponent | CarouselListComponent | AccordionListComponent | PlotlyComponentV2 | ChartJsComponentV2 | StatisticCardComponent | MenuComponent | DecisionTreeComponent | S3FileInputComponent | AgChartsComponent | AgChartsComponentEe | AlertComponent | DateSliderComponent | TimeInputComponent | DateTimeInputComponent | AggridInfiniteComponent | AggridInfiniteComponentEe | MultiSelectComponentV2 | NavBarComponent | DateSelectComponent | JobIdDisplayComponent | RecomputeAllComponent | ResourceConnectComponent;
+export type TypedComponent = DBExplorerComponent | DisplayComponent | LogComponent | JobIdLogComponent | FlowStatusComponent | JobIdFlowStatusComponent | TextInputComponent | QuillComponent | CodeInputComponent | TextareaInputComponent | PasswordInputComponent | EmailInputComponent | DateInputComponent | NumberInputComponent | CurrencyComponent | SliderComponent | RangeComponent | BarChartComponent | TimeseriesComponent | HtmlComponent | CustomComponent | MarkdownComponent | TableComponent | TextComponent | ButtonComponent | PieChartComponent | ScatterChartComponent | SelectComponent | ResourceSelectComponent | MultiSelectComponent | CheckboxComponent | FormComponent | FormButtonComponent | VegaLiteComponent | PlotlyComponent | TabsComponent | ContainerComponent | ListComponent | IconComponent | HorizontalDividerComponent | VerticalDividerComponent | FileInputComponent | ImageComponent | AggridComponent | AggridComponentEe | DrawerComponent | MapComponent | VerticalSplitPanesComponent | HorizontalSplitPanesComponent | PdfComponent | ModalComponent | StepperComponent | Schemaformcomponent | SelectTabComponent | ConditionalWrapperComponent | SelectStepComponent | DownloadComponent | ChartJsComponent | CarouselListComponent | AccordionListComponent | PlotlyComponentV2 | ChartJsComponentV2 | StatisticCardComponent | MenuComponent | DecisionTreeComponent | S3FileInputComponent | AgChartsComponent | AgChartsComponentEe | AlertComponent | DateSliderComponent | TimeInputComponent | DateTimeInputComponent | AggridInfiniteComponent | AggridInfiniteComponentEe | MultiSelectComponentV2 | NavBarComponent | DateSelectComponent | JobIdDisplayComponent | RecomputeAllComponent | ResourceConnectComponent;
 export type AppComponent = BaseAppComponent & TypedComponent;
 export type AppComponentDimensions = `${IntRange<1, typeof NARROW_GRID_COLUMNS>}:${number}-${IntRange<1, typeof WIDE_GRID_COLUMNS>}:${number}`;
 export declare function getRecommendedDimensionsByComponent(componentType: AppComponent['type'], column: number): Size;
@@ -241,7 +275,7 @@ export interface InitialAppComponent extends Partial<Aligned> {
     nodes?: DecisionTreeNode[];
 }
 export declare const selectOptions: {
-    buttonColorOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
+    buttonColorOptions: ("none" | "blue" | "red" | "dark" | "light" | "green" | "gray")[];
     tabsKindOptions: string[];
     buttonSizeOptions: string[];
     tableSearchOptions: string[];
@@ -252,17 +286,18 @@ export declare const selectOptions: {
     objectFitOptions: string[];
     splitPanelOptions: string[];
     formorientationOptions: string[];
-    chartTypeOptions: (keyof import("chart.js").ChartTypeRegistry)[];
+    chartTypeOptions: ChartType[];
     animationTimingFunctionOptions: string[];
     prose: string[];
     imageSourceKind: string[];
+    imageSourceKindWithS3: string[];
 };
 export declare const components: {
     readonly displaycomponent: {
         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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly header: {
                 readonly class: "";
@@ -293,6 +328,12 @@ export declare const components: {
                     readonly value: false;
                     readonly tooltip: "Hide the details section: the object keys, the clipboard button and the maximise button";
                 };
+                readonly forceJson: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Force the result to be displayed as JSON";
+                };
             };
         };
     };
@@ -300,7 +341,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly header: {
                 readonly class: "";
@@ -326,7 +367,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly header: {
                 readonly class: "";
@@ -351,7 +392,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly header: {
                 readonly class: "";
@@ -376,7 +417,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly header: {
                 readonly class: "";
@@ -402,7 +443,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -419,7 +460,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -499,7 +540,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/text";
         readonly customCss: {
             readonly text: {
@@ -547,10 +588,65 @@ export declare const components: {
             };
         };
     };
+    readonly codeinputcomponent: {
+        readonly name: "Code Input";
+        readonly icon: typeof Code;
+        readonly dims: AppComponentDimensions;
+        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/code";
+        readonly customCss: {
+            readonly text: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly placeholder: {
+                    readonly type: "static";
+                    readonly value: "Type...";
+                    readonly fieldType: "text";
+                };
+                readonly defaultValue: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "text";
+                };
+                readonly lang: {
+                    readonly type: "static";
+                    readonly fieldType: "select";
+                    readonly value: "javascript";
+                    readonly selectOptions: readonly ["javascript", "typescript", "python", "sql", "json", "html", "css", "markdown", "yaml"];
+                };
+                readonly disableSuggestions: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Disable code completion suggestions";
+                };
+                readonly disableLinting: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Disable code validation/linting (keeps only syntax highlighting)";
+                };
+                readonly hideLineNumbers: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Hide line numbers in the editor";
+                };
+            };
+        };
+    };
     readonly buttoncomponent: {
         readonly name: "Button";
         readonly icon: typeof Inspect;
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/button";
         readonly customCss: {
             readonly button: {
@@ -579,7 +675,7 @@ export declare const components: {
                 readonly color: {
                     readonly fieldType: "select";
                     readonly type: "static";
-                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
+                    readonly selectOptions: ("none" | "blue" | "red" | "dark" | "light" | "green" | "gray")[];
                     readonly value: "blue";
                     readonly tooltip: "These presets can be overwritten with custom styles.";
                 };
@@ -653,10 +749,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";
@@ -755,10 +851,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";
@@ -843,7 +939,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly button: {
                 readonly style: "";
@@ -875,7 +971,7 @@ export declare const components: {
                 readonly color: {
                     readonly fieldType: "select";
                     readonly type: "static";
-                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
+                    readonly selectOptions: ("none" | "blue" | "red" | "dark" | "light" | "green" | "gray")[];
                     readonly value: "blue";
                 };
                 readonly size: {
@@ -908,7 +1004,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -938,7 +1034,7 @@ export declare const components: {
                     readonly fieldType: "select";
                     readonly type: "static";
                     readonly value: "dark";
-                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
+                    readonly selectOptions: ("none" | "blue" | "red" | "dark" | "light" | "green" | "gray")[];
                 };
                 readonly size: {
                     readonly fieldType: "select";
@@ -984,10 +1080,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";
@@ -1086,10 +1182,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";
@@ -1139,7 +1235,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly button: {
                 readonly class: "";
@@ -1175,7 +1271,7 @@ export declare const components: {
                     readonly fieldType: "select";
                     readonly type: "static";
                     readonly value: "dark";
-                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
+                    readonly selectOptions: ("none" | "blue" | "red" | "dark" | "light" | "green" | "gray")[];
                     readonly tooltip: "These presets can be overwritten with custom styles.";
                 };
                 readonly size: {
@@ -1222,10 +1318,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";
@@ -1324,10 +1420,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";
@@ -1382,7 +1478,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1417,7 +1513,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1456,7 +1552,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1485,7 +1581,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1520,7 +1616,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1536,7 +1632,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1552,7 +1648,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1573,7 +1669,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1593,7 +1689,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1604,7 +1700,7 @@ export declare const components: {
             readonly componentInput: {
                 readonly type: "templatev2";
                 readonly fieldType: "template";
-                readonly eval: "# This is a header\n## This is a subheader\t\t\t\t\nThis is a paragraph.\n\t\t\t\t\n* This is a list\n* With two items";
+                readonly eval: "# This is a header\n## This is a subheader\nThis is a paragraph.\n\n* This is a list\n* With two items";
                 readonly connections: InputConnectionEval[];
             };
             readonly configuration: {
@@ -1622,7 +1718,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {};
         readonly initialData: {
             readonly componentInput: {
@@ -1671,7 +1767,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {};
         readonly initialData: {
             readonly componentInput: {
@@ -1703,7 +1799,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {};
         readonly initialData: {
             readonly componentInput: undefined;
@@ -1721,7 +1817,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1753,7 +1849,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1780,7 +1876,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1863,7 +1959,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1955,7 +2051,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -2047,7 +2143,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -2145,7 +2241,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -2243,7 +2339,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly text: {
                 readonly class: "";
@@ -2283,7 +2379,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -2326,7 +2422,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {};
         readonly initialData: {
             readonly componentInput: undefined;
@@ -2348,7 +2444,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -2380,7 +2476,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly style: "";
@@ -2441,7 +2537,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly multiselect: {
                 readonly style: "";
@@ -2479,7 +2575,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly multiselect: {
                 readonly style: "";
@@ -2517,7 +2613,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly style: "";
@@ -2551,7 +2647,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly style: "";
@@ -2585,7 +2681,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -2629,7 +2725,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -2670,7 +2766,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly bar: {
                 readonly style: "";
@@ -2737,7 +2833,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly bar: {
                 readonly style: "";
@@ -2805,7 +2901,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly handles: {
                 readonly style: "";
@@ -2871,7 +2967,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -2909,7 +3005,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -2952,7 +3048,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -2984,10 +3080,15 @@ export declare const components: {
                     readonly type: "static";
                     readonly value: "yyyy-MM-dd";
                     readonly fieldType: "text";
-                    readonly markdownTooltip: "### Output format\t\t\t\t\nSee date-fns format for more information. By default, it is 'yyyy-MM-dd'\n\n| Format      | Result | Description |\n| ----------- | ----------- | ----------- |\n| dd \t\t\t\t| 01, 02, ..., 31 | Day of the month |\n| d \t\t\t\t| 1, 2, ..., 31 | Day of the month |\n| MM \t\t\t\t| 01, 02, ..., 12 | Month |\n| MMM \t\t\t\t| Jan, Feb, ..., Dec | Month |\n| MMMM \t\t\t\t| January, February, ..., December | Month |\n| yyyy \t\t\t\t| 2021, 2022, ... | Year |\n";
+                    readonly markdownTooltip: "### Output format\nSee date-fns format for more information. By default, it is 'yyyy-MM-dd'\n\n| Format      | Result | Description |\n| ----------- | ----------- | ----------- |\n| dd \t\t\t\t| 01, 02, ..., 31 | Day of the month |\n| d \t\t\t\t| 1, 2, ..., 31 | Day of the month |\n| MM \t\t\t\t| 01, 02, ..., 12 | Month |\n| MMM \t\t\t\t| Jan, Feb, ..., Dec | Month |\n| MMMM \t\t\t\t| January, February, ..., December | Month |\n| yyyy \t\t\t\t| 2021, 2022, ... | Year |\n";
                     readonly documentationLink: "https://date-fns.org/v2.30.0/docs/format";
                     readonly placeholder: "yyyy-MM-dd";
                 };
+                readonly disabled: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
             };
         };
     };
@@ -2995,7 +3096,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3030,7 +3131,7 @@ export declare const components: {
                     readonly fieldType: "text";
                     readonly documentationLink: "https://date-fns.org/v2.30.0/docs/format";
                     readonly placeholder: "dd.MM.yyyy HH:mm";
-                    readonly markdownTooltip: "### Output format\t\t\t\t\nSee date-fns format for more information. By default, it is 'dd.MM.yyyy HH:mm'\n\n| Format      | Result | Description |\n| ----------- | ----------- | ----------- |\n| dd \t\t\t\t| 01, 02, ..., 31 | Day of the month |\n| d \t\t\t\t| 1, 2, ..., 31 | Day of the month |\n| MM \t\t\t\t| 01, 02, ..., 12 | Month |\n| MMM \t\t\t\t| Jan, Feb, ..., Dec | Month |\n| MMMM \t\t\t\t| January, February, ..., December | Month |\n| yyyy \t\t\t\t| 2021, 2022, ... | Year |\n| HH \t\t\t\t| 00, 01, ..., 23 | Hours |\n| mm \t\t\t\t| 00, 01, ..., 59 | Minutes |\n| ss \t\t\t\t| 00, 01, ..., 59 | Seconds |\n\t\t\t\t\t";
+                    readonly markdownTooltip: "### Output format\nSee date-fns format for more information. By default, it is 'dd.MM.yyyy HH:mm'\n\n| Format      | Result | Description |\n| ----------- | ----------- | ----------- |\n| dd \t\t\t\t| 01, 02, ..., 31 | Day of the month |\n| d \t\t\t\t| 1, 2, ..., 31 | Day of the month |\n| MM \t\t\t\t| 01, 02, ..., 12 | Month |\n| MMM \t\t\t\t| Jan, Feb, ..., Dec | Month |\n| MMMM \t\t\t\t| January, February, ..., December | Month |\n| yyyy \t\t\t\t| 2021, 2022, ... | Year |\n| HH \t\t\t\t| 00, 01, ..., 23 | Hours |\n| mm \t\t\t\t| 00, 01, ..., 59 | Minutes |\n| ss \t\t\t\t| 00, 01, ..., 59 | Seconds |\n\t\t\t\t\t";
                 };
                 readonly defaultValue: {
                     readonly type: "static";
@@ -3049,7 +3150,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -3090,7 +3191,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly tabRow: {
                 readonly class: "";
@@ -3128,7 +3229,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3151,7 +3252,7 @@ export declare const components: {
         readonly name: "Carousel List";
         readonly icon: typeof GalleryThumbnails;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/carousel";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3181,7 +3282,7 @@ export declare const components: {
         readonly name: "Accordion List";
         readonly icon: typeof ListCollapse;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/accordion";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3203,7 +3304,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3248,7 +3349,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3283,7 +3384,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3317,7 +3418,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3366,7 +3467,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly image: {
                 readonly class: "";
@@ -3384,12 +3485,16 @@ export declare const components: {
                         readonly accept: "image/*";
                         readonly convertTo: "base64";
                     };
+                    readonly fileUploadS3: {
+                        readonly accept: "image/*";
+                        readonly convertTo: "base64";
+                    };
                 };
                 readonly sourceKind: {
                     readonly fieldType: "select";
                     readonly type: "static";
                     readonly selectOptions: string[];
-                    readonly value: string;
+                    readonly value: (typeof selectOptions.imageSourceKindWithS3)[number];
                 };
                 readonly imageFit: {
                     readonly fieldType: "select";
@@ -3411,7 +3516,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly button: {
                 readonly style: "";
@@ -3449,7 +3554,7 @@ export declare const components: {
                 readonly color: {
                     readonly fieldType: "select";
                     readonly type: "static";
-                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
+                    readonly selectOptions: ("none" | "blue" | "red" | "dark" | "light" | "green" | "gray")[];
                     readonly value: "blue";
                     readonly tooltip: "The color of the button can be overridden by the `background-color` property in the styling menu";
                 };
@@ -3479,7 +3584,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly map: {
                 readonly class: "";
@@ -3518,7 +3623,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3536,7 +3641,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3554,7 +3659,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3586,7 +3691,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly button: {
                 readonly class: "";
@@ -3600,6 +3705,10 @@ export declare const components: {
                 readonly class: "";
                 readonly style: "";
             };
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
         };
         readonly initialData: {
             readonly horizontalAlignment: "center";
@@ -3624,7 +3733,7 @@ export declare const components: {
                 readonly buttonColor: {
                     readonly fieldType: "select";
                     readonly type: "static";
-                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
+                    readonly selectOptions: ("none" | "blue" | "red" | "dark" | "light" | "green" | "gray")[];
                     readonly value: "blue";
                     readonly tooltip: "These presets can be overwritten with custom styles.";
                 };
@@ -3654,7 +3763,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3716,7 +3825,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly tabRow: {
                 readonly class: "";
@@ -3755,7 +3864,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3779,7 +3888,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3797,7 +3906,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly quickstyle: Record<string, Quickstyle>;
         readonly customCss: {
             readonly title: {
@@ -3863,7 +3972,7 @@ export declare const components: {
                                 readonly fieldType: "select";
                                 readonly type: "static";
                                 readonly selectOptions: string[];
-                                readonly value: string;
+                                readonly value: (typeof selectOptions.imageSourceKind)[number];
                             };
                         };
                     };
@@ -3875,7 +3984,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly button: {
                 readonly style: "";
@@ -3893,7 +4002,7 @@ export declare const components: {
                 readonly color: {
                     readonly fieldType: "select";
                     readonly type: "static";
-                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
+                    readonly selectOptions: ("none" | "blue" | "red" | "dark" | "light" | "green" | "gray")[];
                     readonly value: "light";
                 };
                 readonly size: {
@@ -3927,7 +4036,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -3945,7 +4054,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -4001,7 +4110,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -4171,7 +4280,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -4265,7 +4374,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -4311,7 +4420,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";
@@ -4344,7 +4453,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -4405,7 +4514,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly header: {
                 readonly class: "";
@@ -4435,6 +4544,12 @@ export declare const components: {
                     readonly value: false;
                     readonly tooltip: "Hide the details section: the object keys, the clipboard button and the maximise button";
                 };
+                readonly forceJson: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Force the result to be displayed as JSON";
+                };
             };
         };
     };
@@ -4442,7 +4557,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}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: AppComponentDimensions;
         readonly customCss: {
             readonly container: {
                 readonly style: "";
@@ -4490,7 +4605,7 @@ export declare const presetComponents: {
     sidebartabscomponent: {
         name: string;
         icon: typeof PanelLeft;
-        dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        dims: AppComponentDimensions;
         targetComponent: "tabscomponent";
         configuration: {
             tabsKind: {
@@ -4502,7 +4617,7 @@ export declare const presetComponents: {
     accordiontabcomponent: {
         name: string;
         icon: typeof ListCollapse;
-        dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        dims: AppComponentDimensions;
         targetComponent: "tabscomponent";
         configuration: {
             tabsKind: {
@@ -4514,7 +4629,7 @@ export declare const presetComponents: {
     invisibletabscomponent: {
         name: string;
         icon: typeof PanelTopInactive;
-        dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        dims: AppComponentDimensions;
         targetComponent: "tabscomponent";
         configuration: {
             tabsKind: {
@@ -4529,7 +4644,7 @@ export declare const presetComponents: {
         targetComponent: "containercomponent";
         configuration: {};
         type: string;
-        dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-8:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-8:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-8:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        dims: AppComponentDimensions;
     };
 };
 export declare const presets: {