windmill-components 1.472.1 → 1.472.2

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

@@ -0,0 +1,4540 @@
+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 { 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';
+export type BaseComponent<T extends string> = {
+    type: T;
+};
+export type RecomputeOthersSource = {
+    recomputeIds: string[] | undefined;
+};
+export type CustomComponentConfig = {
+    name: string;
+    additionalLibs?: {
+        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 HtmlComponent = BaseComponent<'htmlcomponent'>;
+export type CustomComponent = BaseComponent<'customcomponent'> & {
+    customComponent: CustomComponentConfig;
+};
+export type MarkdownComponent = BaseComponent<'mardowncomponent'>;
+export type VegaLiteComponent = BaseComponent<'vegalitecomponent'>;
+export type PlotlyComponent = BaseComponent<'plotlycomponent'>;
+export type PlotlyComponentV2 = BaseComponent<'plotlycomponentv2'> & {
+    xData: RichConfiguration | undefined;
+    datasets: RichConfiguration | undefined;
+};
+export type TimeseriesComponent = BaseComponent<'timeseriescomponent'>;
+export type ButtonComponent = BaseComponent<'buttoncomponent'> & RecomputeOthersSource;
+export type DownloadComponent = BaseComponent<'downloadcomponent'>;
+export type FormComponent = BaseComponent<'formcomponent'> & RecomputeOthersSource;
+export type FormButtonComponent = BaseComponent<'formbuttoncomponent'> & RecomputeOthersSource;
+export type RunFormComponent = BaseComponent<'runformcomponent'>;
+export type BarChartComponent = BaseComponent<'barchartcomponent'>;
+export type PieChartComponent = BaseComponent<'piechartcomponent'>;
+export type ChartJsComponent = BaseComponent<'chartjscomponent'>;
+export type ChartJsComponentV2 = BaseComponent<'chartjscomponentv2'> & {
+    xData: RichConfiguration | undefined;
+    datasets: RichConfiguration | undefined;
+};
+export type AgChartsComponent = BaseComponent<'agchartscomponent'> & {
+    xData: RichConfiguration | undefined;
+    datasets: RichConfiguration | undefined;
+};
+export type AgChartsComponentEe = BaseComponent<'agchartscomponentee'> & {
+    license: string;
+    xData: RichConfiguration | undefined;
+    datasets: RichConfiguration | undefined;
+};
+export type ScatterChartComponent = BaseComponent<'scatterchartcomponent'>;
+export type TableAction = BaseAppComponent & (ButtonComponent | CheckboxComponent | SelectComponent) & GridItem;
+export type TableComponent = BaseComponent<'tablecomponent'> & {
+    actionButtons: TableAction[];
+};
+export type AggridComponent = BaseComponent<'aggridcomponent'> & {
+    actions: TableAction[];
+    actionsOrder: RichConfiguration | undefined;
+};
+export type AggridComponentEe = BaseComponent<'aggridcomponentee'> & {
+    license: string;
+    actions: TableAction[];
+    actionsOrder: RichConfiguration | undefined;
+};
+export type AggridInfiniteComponent = BaseComponent<'aggridinfinitecomponent'> & {
+    actions: TableAction[];
+    actionsOrder: RichConfiguration | undefined;
+};
+export type AggridInfiniteComponentEe = BaseComponent<'aggridinfinitecomponentee'> & {
+    actions: TableAction[];
+    license: string;
+    actionsOrder: RichConfiguration | undefined;
+};
+export type DisplayComponent = BaseComponent<'displaycomponent'>;
+export type JobIdDisplayComponent = BaseComponent<'jobiddisplaycomponent'>;
+export type LogComponent = BaseComponent<'logcomponent'>;
+export type JobIdLogComponent = BaseComponent<'jobidlogcomponent'>;
+export type FlowStatusComponent = BaseComponent<'flowstatuscomponent'>;
+export type JobIdFlowStatusComponent = BaseComponent<'jobidflowstatuscomponent'>;
+export type ImageComponent = BaseComponent<'imagecomponent'>;
+export type InputComponent = BaseComponent<'inputcomponent'>;
+export type SelectComponent = BaseComponent<'selectcomponent'> & RecomputeOthersSource & {
+    onSelect?: string[];
+};
+export type ResourceSelectComponent = BaseComponent<'resourceselectcomponent'> & RecomputeOthersSource & {
+    onSelect?: string[];
+};
+export type ResourceConnectComponent = BaseComponent<'userresourcecomponent'> & RecomputeOthersSource & {
+    onSelect?: string[];
+};
+export type MultiSelectComponent = BaseComponent<'multiselectcomponent'>;
+export type MultiSelectComponentV2 = BaseComponent<'multiselectcomponentv2'>;
+export type CheckboxComponent = BaseComponent<'checkboxcomponent'> & RecomputeOthersSource & {
+    onToggle?: string[];
+};
+export type RadioComponent = BaseComponent<'radiocomponent'>;
+export type IconComponent = BaseComponent<'iconcomponent'>;
+export type HorizontalDividerComponent = BaseComponent<'horizontaldividercomponent'>;
+export type VerticalDividerComponent = BaseComponent<'verticaldividercomponent'>;
+export type FileInputComponent = BaseComponent<'fileinputcomponent'> & {
+    onFileChange?: string[];
+};
+export type TabsComponent = BaseComponent<'tabscomponent'> & {
+    tabs: string[];
+    disabledTabs: RichConfiguration[];
+    onTabChange?: string[];
+};
+export type ListComponent = BaseComponent<'listcomponent'>;
+export type ContainerComponent = BaseComponent<'containercomponent'> & {
+    groupFields: RichConfigurations;
+};
+export type DrawerComponent = BaseComponent<'drawercomponent'> & {
+    onOpenRecomputeIds: string[] | undefined;
+    onCloseRecomputeIds: string[] | undefined;
+};
+export type MapComponent = BaseComponent<'mapcomponent'>;
+export type VerticalSplitPanesComponent = BaseComponent<'verticalsplitpanescomponent'> & {
+    panes: number[];
+};
+export type HorizontalSplitPanesComponent = BaseComponent<'horizontalsplitpanescomponent'> & {
+    panes: number[];
+};
+export type PdfComponent = BaseComponent<'pdfcomponent'>;
+export type ModalComponent = BaseComponent<'modalcomponent'> & {
+    onOpenRecomputeIds: string[] | undefined;
+    onCloseRecomputeIds: string[] | undefined;
+};
+export type StepperComponent = BaseComponent<'steppercomponent'> & {
+    tabs: string[];
+    onNext?: string[];
+    onPrevious?: string[];
+};
+export type ConditionalWrapperComponent = BaseComponent<'conditionalwrapper'> & {
+    conditions: RichConfiguration[];
+    onTabChange?: string[];
+};
+export type Schemaformcomponent = BaseComponent<'schemaformcomponent'>;
+export type SelectTabComponent = BaseComponent<'selecttabcomponent'>;
+export type SelectStepComponent = BaseComponent<'selectstepcomponent'>;
+export type CarouselListComponent = BaseComponent<'carousellistcomponent'>;
+export type AccordionListComponent = BaseComponent<'accordionlistcomponent'>;
+export type StatisticCardComponent = BaseComponent<'statcomponent'>;
+export type MenuComponent = BaseComponent<'menucomponent'> & {
+    menuItems: (BaseAppComponent & ButtonComponent & GridItem)[];
+};
+export type DBExplorerComponent = BaseComponent<'dbexplorercomponent'> & {
+    columns: RichConfiguration;
+    actions: TableAction[];
+    actionsOrder: RichConfiguration | undefined;
+};
+export type S3FileInputComponent = BaseComponent<'s3fileinputcomponent'> & {
+    onFileChange?: string[];
+};
+export type DecisionTreeNode = {
+    id: string;
+    label: string;
+    allowed: RichConfiguration | undefined;
+    next: Array<{
+        id: string;
+        condition?: RichConfiguration | undefined;
+    }>;
+};
+export type DecisionTreeComponent = BaseComponent<'decisiontreecomponent'> & {
+    nodes: DecisionTreeNode[];
+};
+export type AlertComponent = BaseComponent<'alertcomponent'>;
+export type NavbarItem = {
+    path: OneOfConfiguration;
+    label: RichConfiguration;
+    caption?: string;
+    disabled: RichConfiguration;
+    hidden: RichConfiguration;
+    icon?: string;
+};
+export type NavBarComponent = BaseComponent<'navbarcomponent'> & {
+    navbarItems: NavbarItem[];
+};
+export type DateSelectComponent = BaseComponent<'dateselectcomponent'>;
+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 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;
+export declare function processDimension(dimension: AppComponentDimensions | undefined, column: number): Size;
+export type Quickstyle = {
+    quickCss?: string[];
+    quickTailwindClasses?: string[];
+};
+export type AppComponentConfig<T extends TypedComponent['type']> = {
+    name: string;
+    icon: any;
+    documentationLink: string;
+    quickstyle?: Record<string, Quickstyle>;
+    /**
+     * Dimensions key formula:
+     * [**mobile width**]:[**mobile height**]-[**desktop width**]:[**desktop height**]
+     */
+    dims: AppComponentDimensions;
+    /**
+     * If `true` then the wrapper will allow items to flow outside of it's borders.
+     *
+     * *For example when the component has a popup like `Select`*
+     */
+    initialData: InitialAppComponent;
+    customCss: ComponentCustomCSS<T>;
+};
+export type PresetComponentConfig = {
+    name: string;
+    icon: any;
+    targetComponent: keyof typeof components;
+    configuration: object;
+    type: string;
+    dims?: AppComponentDimensions;
+};
+export interface InitialAppComponent extends Partial<Aligned> {
+    componentInput?: StaticAppInput | ResultAppInput | EvalV2AppInput | TemplateV2AppInput | undefined;
+    configuration: StaticRichConfigurations;
+    numberOfSubgrids?: number;
+    recomputeIds?: boolean;
+    actionButtons?: boolean;
+    actions?: boolean;
+    menuItems?: boolean;
+    tabs?: string[];
+    panes?: number[];
+    conditions?: AppInputSpec<'boolean', boolean>[];
+    nodes?: DecisionTreeNode[];
+}
+export declare const selectOptions: {
+    buttonColorOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
+    tabsKindOptions: string[];
+    buttonSizeOptions: string[];
+    tableSearchOptions: string[];
+    chartThemeOptions: string[];
+    textStyleOptions: string[];
+    currencyOptions: string[];
+    localeOptions: string[];
+    objectFitOptions: string[];
+    splitPanelOptions: string[];
+    formorientationOptions: string[];
+    chartTypeOptions: (keyof import("chart.js").ChartTypeRegistry)[];
+    animationTimingFunctionOptions: string[];
+    prose: string[];
+    imageSourceKind: 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 customCss: {
+            readonly header: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: {
+                readonly type: "static";
+                readonly fieldType: "object";
+                readonly value: {
+                    readonly foo: 42;
+                };
+            };
+            readonly configuration: {
+                readonly title: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "Result";
+                };
+                readonly hideDetails: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Hide the details section: the object keys, the clipboard button and the maximise button";
+                };
+            };
+        };
+    };
+    readonly jobidlogcomponent: {
+        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 customCss: {
+            readonly header: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly jobId: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "";
+                    readonly tooltip: "Job id to display logs from";
+                };
+            };
+        };
+    };
+    readonly logcomponent: {
+        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 customCss: {
+            readonly header: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {};
+            readonly componentInput: {
+                readonly type: "runnable";
+                readonly fieldType: "any";
+                readonly fields: {};
+                readonly runnable: undefined;
+            };
+        };
+    };
+    readonly flowstatuscomponent: {
+        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 customCss: {
+            readonly header: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {};
+            readonly componentInput: {
+                readonly type: "runnable";
+                readonly fieldType: "any";
+                readonly fields: {};
+                readonly runnable: undefined;
+            };
+        };
+    };
+    readonly jobidflowstatuscomponent: {
+        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 customCss: {
+            readonly header: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly jobId: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "";
+                    readonly tooltip: "Job id to display status from";
+                };
+            };
+        };
+    };
+    readonly containercomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {};
+            readonly componentInput: undefined;
+            readonly numberOfSubgrids: 1;
+        };
+    };
+    readonly listcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly width: {
+                    readonly type: "oneOf";
+                    readonly selected: "card";
+                    readonly labels: {
+                        readonly card: "Card";
+                        readonly row: "Full Row";
+                    };
+                    readonly configuration: {
+                        readonly card: {
+                            readonly minWidthPx: {
+                                readonly type: "static";
+                                readonly fieldType: "number";
+                                readonly value: 300;
+                                readonly tooltip: "Min Width in pixels";
+                            };
+                        };
+                        readonly row: {};
+                    };
+                };
+                readonly heightPx: {
+                    readonly type: "static";
+                    readonly fieldType: "number";
+                    readonly value: undefined;
+                    readonly tooltip: "Height in pixels";
+                };
+                readonly pagination: {
+                    readonly type: "oneOf";
+                    readonly selected: "auto";
+                    readonly labels: {
+                        readonly auto: "Managed by component";
+                        readonly manual: "Managed by runnable";
+                    };
+                    readonly tooltip: "Pagination can be managed using two methods: By the component: Based on a specified page size, the component divides the array into several pages. By the runnable: The component shows all items, leaving the task of pagination to the runnable. The current page number is available in the component outputs.";
+                    readonly configuration: {
+                        readonly manual: {
+                            readonly pageCount: {
+                                readonly type: "static";
+                                readonly fieldType: "number";
+                                readonly value: -1;
+                                readonly tooltip: "Number of pages (-1 if you do not know)";
+                            };
+                        };
+                        readonly auto: {
+                            readonly pageSize: {
+                                readonly type: "static";
+                                readonly fieldType: "number";
+                                readonly value: 20;
+                                readonly tooltip: "Number of items per page";
+                            };
+                        };
+                    };
+                };
+                readonly displayBorders: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "Display borders between items";
+                };
+            };
+            readonly componentInput: {
+                readonly type: "static";
+                readonly fieldType: "array";
+                readonly subFieldType: "object";
+                readonly value: object[];
+            };
+            readonly numberOfSubgrids: 1;
+        };
+    };
+    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 documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/text";
+        readonly customCss: {
+            readonly text: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly horizontalAlignment: "left";
+            readonly verticalAlignment: "top";
+            readonly componentInput: {
+                readonly type: "templatev2";
+                readonly fieldType: "template";
+                readonly eval: "Hello ${ctx.username}";
+                readonly connections: InputConnectionEval[];
+            };
+            readonly configuration: {
+                readonly style: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: string[];
+                    readonly value: "Title" | "Subtitle" | "Body" | "Label" | "Caption";
+                };
+                readonly copyButton: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
+                readonly tooltip: {
+                    readonly type: "static";
+                    readonly value: "";
+                    readonly fieldType: "text";
+                    readonly tooltip: "Tooltip text if not empty";
+                };
+                readonly disableNoText: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                    readonly tooltip: "Remove the \"No text\" placeholder";
+                };
+            };
+        };
+    };
+    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 documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/button";
+        readonly customCss: {
+            readonly button: {
+                readonly style: "";
+                readonly class: "";
+            };
+            readonly container: {
+                readonly style: "";
+                readonly class: "";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: {
+                readonly type: "runnable";
+                readonly fieldType: "any";
+                readonly fields: {};
+                readonly runnable: undefined;
+            };
+            readonly recomputeIds: true;
+            readonly configuration: {
+                readonly label: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "Press me";
+                };
+                readonly color: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
+                    readonly value: "blue";
+                    readonly tooltip: "These presets can be overwritten with custom styles.";
+                };
+                readonly size: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: string[];
+                    readonly value: "xs";
+                };
+                readonly fillContainer: {
+                    readonly fieldType: "boolean";
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly tooltip: "This will make the button fill the container width and height. Height and width can be overwritten with custom styles.";
+                };
+                readonly disabled: {
+                    readonly fieldType: "boolean";
+                    readonly type: "static";
+                    readonly value: false;
+                };
+                readonly beforeIcon: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "icon-select";
+                };
+                readonly afterIcon: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "icon-select";
+                };
+                readonly triggerOnAppLoad: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
+                readonly onSuccess: {
+                    readonly type: "oneOf";
+                    readonly tooltip: "Action to perform on success";
+                    readonly selected: "none";
+                    readonly labels: {
+                        none: string;
+                        errorOverlay: string;
+                        gotoUrl: string;
+                        setTab: string;
+                        sendToast: string;
+                        sendErrorToast: string;
+                        open: string;
+                        close: string;
+                        openModal: string;
+                        closeModal: string;
+                        clearFiles: string;
+                    };
+                    readonly configuration: {
+                        readonly none: {};
+                        readonly gotoUrl: {
+                            readonly url: {
+                                readonly tooltip: "Go to the given url, absolute or relative";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly placeholder: "/apps/get/foo";
+                                readonly onDemandOnly: true;
+                            };
+                            readonly newTab: {
+                                readonly tooltip: "Open the url in a new tab";
+                                readonly fieldType: "boolean";
+                                readonly type: "static";
+                                readonly value: true;
+                            };
+                        };
+                        readonly setTab: {
+                            readonly setTab: {
+                                readonly type: "static";
+                                readonly value: {
+                                    id: string;
+                                    index: number;
+                                }[];
+                                readonly fieldType: "array";
+                                readonly subFieldType: "tab-select";
+                                readonly tooltip: "Set the tabs id and index to go to on success";
+                                readonly onDemandOnly: true;
+                            };
+                        };
+                        readonly sendToast: {
+                            readonly message: {
+                                readonly tooltip: "The message of the toast to display";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly placeholder: "Hello there";
+                                readonly onDemandOnly: true;
+                            };
+                        };
+                        readonly openModal: {
+                            readonly modalId: {
+                                readonly tooltip: "The id of the modal to open";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly deprecated: true;
+                            };
+                        };
+                        readonly closeModal: {
+                            readonly modalId: {
+                                readonly tooltip: "The id of the modal to close";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly deprecated: true;
+                            };
+                        };
+                        readonly open: {
+                            readonly id: {
+                                readonly tooltip: "The id of the modal or the drawer to open";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                            };
+                        };
+                        readonly close: {
+                            readonly id: {
+                                readonly tooltip: "The id of the modal or the drawer to close";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                            };
+                        };
+                        readonly clearFiles: {
+                            readonly id: {
+                                readonly tooltip: "The id of s3 file input to clear";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                            };
+                        };
+                    };
+                };
+                readonly onError: {
+                    readonly type: "oneOf";
+                    readonly tooltip: "Action to perform on error";
+                    readonly selected: "errorOverlay";
+                    readonly labels: {
+                        none: string;
+                        errorOverlay: string;
+                        gotoUrl: string;
+                        setTab: string;
+                        sendToast: string;
+                        sendErrorToast: string;
+                        open: string;
+                        close: string;
+                        openModal: string;
+                        closeModal: string;
+                        clearFiles: string;
+                    };
+                    readonly configuration: {
+                        readonly errorOverlay: {};
+                        readonly gotoUrl: {
+                            readonly url: {
+                                readonly tooltip: "Go to the given url, absolute or relative";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly placeholder: "/apps/get/foo";
+                                readonly onDemandOnly: true;
+                            };
+                            readonly newTab: {
+                                readonly tooltip: "Open the url in a new tab";
+                                readonly fieldType: "boolean";
+                                readonly type: "static";
+                                readonly value: true;
+                            };
+                        };
+                        readonly setTab: {
+                            readonly setTab: {
+                                readonly type: "static";
+                                readonly value: {
+                                    id: string;
+                                    index: number;
+                                }[];
+                                readonly fieldType: "array";
+                                readonly subFieldType: "tab-select";
+                                readonly tooltip: "Set the tabs id and index to go to on error";
+                                readonly onDemandOnly: true;
+                            };
+                        };
+                        readonly sendErrorToast: {
+                            readonly message: {
+                                readonly tooltip: "The message of the toast to display";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "An error occured";
+                                readonly placeholder: "Hello there";
+                                readonly onDemandOnly: true;
+                            };
+                            readonly appendError: {
+                                readonly tooltip: "Append the error message to the toast";
+                                readonly fieldType: "boolean";
+                                readonly type: "static";
+                                readonly value: true;
+                            };
+                        };
+                        readonly open: {
+                            readonly id: {
+                                readonly tooltip: "The id of the modal or the drawer to open";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly noVariablePicker: true;
+                            };
+                        };
+                        readonly close: {
+                            readonly id: {
+                                readonly tooltip: "The id of the modal or the drawer to close";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly noVariablePicker: true;
+                            };
+                        };
+                    };
+                };
+                readonly confirmationModal: {
+                    readonly type: "oneOf";
+                    readonly selected: "none";
+                    readonly tooltip: "If defined, the user will be asked to confirm the action in a modal.";
+                    readonly labels: {
+                        readonly none: "Do nothing";
+                        readonly confirmationModal: "Show confirmation modal";
+                    };
+                    readonly configuration: {
+                        readonly none: {};
+                        readonly confirmationModal: {
+                            readonly title: {
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "Title";
+                                readonly placeholder: "Confirmation modal title";
+                            };
+                            readonly description: {
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "Are you sure?";
+                                readonly placeholder: "Are you sure?";
+                            };
+                            readonly confirmationText: {
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "Confirm";
+                                readonly placeholder: "Confirm";
+                                readonly tooltip: "The text of the button that confirms the action.";
+                            };
+                        };
+                    };
+                };
+            };
+            readonly horizontalAlignment: import("../../types").HorizontalAlignment;
+            readonly verticalAlignment: import("../../types").VerticalAlignment;
+        };
+    };
+    readonly downloadcomponent: {
+        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 customCss: {
+            readonly button: {
+                readonly style: "";
+                readonly class: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly source: {
+                    readonly type: "static";
+                    readonly value: "";
+                    readonly fieldType: "text";
+                    readonly fileUpload: {
+                        readonly accept: "*";
+                        readonly convertTo: "base64";
+                    };
+                    readonly placeholder: "Enter URL or upload file (base64)";
+                };
+                readonly filename: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "windmill.file";
+                };
+                readonly label: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "Press me";
+                };
+                readonly color: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
+                    readonly value: "blue";
+                };
+                readonly size: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: string[];
+                    readonly value: "xs";
+                };
+                readonly fillContainer: {
+                    readonly fieldType: "boolean";
+                    readonly type: "static";
+                    readonly value: false;
+                };
+                readonly beforeIcon: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "icon-select";
+                };
+                readonly afterIcon: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "icon-select";
+                };
+            };
+            readonly horizontalAlignment: import("../../types").HorizontalAlignment;
+            readonly verticalAlignment: import("../../types").VerticalAlignment;
+        };
+    };
+    readonly formcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly button: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly horizontalAlignment: "center";
+            readonly componentInput: {
+                readonly type: "runnable";
+                readonly fieldType: "any";
+                readonly fields: {};
+                readonly runnable: undefined;
+            };
+            readonly recomputeIds: true;
+            readonly configuration: {
+                readonly label: {
+                    readonly type: "static";
+                    readonly value: "Submit";
+                    readonly fieldType: "text";
+                };
+                readonly color: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly value: "dark";
+                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
+                };
+                readonly size: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly value: "xs";
+                    readonly selectOptions: string[];
+                };
+                readonly onSuccess: {
+                    readonly type: "oneOf";
+                    readonly tooltip: "Action to perform on success";
+                    readonly selected: "none";
+                    readonly labels: {
+                        none: string;
+                        errorOverlay: string;
+                        gotoUrl: string;
+                        setTab: string;
+                        sendToast: string;
+                        sendErrorToast: string;
+                        open: string;
+                        close: string;
+                        openModal: string;
+                        closeModal: string;
+                        clearFiles: string;
+                    };
+                    readonly configuration: {
+                        readonly none: {};
+                        readonly gotoUrl: {
+                            readonly url: {
+                                readonly tooltip: "Go to the given url, absolute or relative";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly placeholder: "/apps/get/foo";
+                                readonly onDemandOnly: true;
+                            };
+                            readonly newTab: {
+                                readonly tooltip: "Open the url in a new tab";
+                                readonly fieldType: "boolean";
+                                readonly type: "static";
+                                readonly value: true;
+                            };
+                        };
+                        readonly setTab: {
+                            readonly setTab: {
+                                readonly type: "static";
+                                readonly value: {
+                                    id: string;
+                                    index: number;
+                                }[];
+                                readonly fieldType: "array";
+                                readonly subFieldType: "tab-select";
+                                readonly tooltip: "Set the tabs id and index to go to on success";
+                                readonly onDemandOnly: true;
+                            };
+                        };
+                        readonly sendToast: {
+                            readonly message: {
+                                readonly tooltip: "The message of the toast to display";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly placeholder: "Hello there";
+                                readonly onDemandOnly: true;
+                            };
+                        };
+                        readonly openModal: {
+                            readonly modalId: {
+                                readonly tooltip: "The id of the modal to open";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly deprecated: true;
+                            };
+                        };
+                        readonly closeModal: {
+                            readonly modalId: {
+                                readonly tooltip: "The id of the modal to close";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly deprecated: true;
+                            };
+                        };
+                        readonly open: {
+                            readonly id: {
+                                readonly tooltip: "The id of the modal or the drawer to open";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                            };
+                        };
+                        readonly close: {
+                            readonly id: {
+                                readonly tooltip: "The id of the modal or the drawer to close";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                            };
+                        };
+                        readonly clearFiles: {
+                            readonly id: {
+                                readonly tooltip: "The id of s3 file input to clear";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                            };
+                        };
+                    };
+                };
+                readonly onError: {
+                    readonly type: "oneOf";
+                    readonly tooltip: "Action to perform on error";
+                    readonly selected: "errorOverlay";
+                    readonly labels: {
+                        none: string;
+                        errorOverlay: string;
+                        gotoUrl: string;
+                        setTab: string;
+                        sendToast: string;
+                        sendErrorToast: string;
+                        open: string;
+                        close: string;
+                        openModal: string;
+                        closeModal: string;
+                        clearFiles: string;
+                    };
+                    readonly configuration: {
+                        readonly errorOverlay: {};
+                        readonly gotoUrl: {
+                            readonly url: {
+                                readonly tooltip: "Go to the given url, absolute or relative";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly placeholder: "/apps/get/foo";
+                                readonly onDemandOnly: true;
+                            };
+                            readonly newTab: {
+                                readonly tooltip: "Open the url in a new tab";
+                                readonly fieldType: "boolean";
+                                readonly type: "static";
+                                readonly value: true;
+                            };
+                        };
+                        readonly setTab: {
+                            readonly setTab: {
+                                readonly type: "static";
+                                readonly value: {
+                                    id: string;
+                                    index: number;
+                                }[];
+                                readonly fieldType: "array";
+                                readonly subFieldType: "tab-select";
+                                readonly tooltip: "Set the tabs id and index to go to on error";
+                                readonly onDemandOnly: true;
+                            };
+                        };
+                        readonly sendErrorToast: {
+                            readonly message: {
+                                readonly tooltip: "The message of the toast to display";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "An error occured";
+                                readonly placeholder: "Hello there";
+                                readonly onDemandOnly: true;
+                            };
+                            readonly appendError: {
+                                readonly tooltip: "Append the error message to the toast";
+                                readonly fieldType: "boolean";
+                                readonly type: "static";
+                                readonly value: true;
+                            };
+                        };
+                        readonly open: {
+                            readonly id: {
+                                readonly tooltip: "The id of the modal or the drawer to open";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly noVariablePicker: true;
+                            };
+                        };
+                        readonly close: {
+                            readonly id: {
+                                readonly tooltip: "The id of the modal or the drawer to close";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly noVariablePicker: true;
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    };
+    readonly formbuttoncomponent: {
+        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 customCss: {
+            readonly button: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly popup: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly horizontalAlignment: "center";
+            readonly verticalAlignment: "center";
+            readonly componentInput: {
+                readonly type: "runnable";
+                readonly fieldType: "any";
+                readonly fields: {};
+                readonly runnable: undefined;
+            };
+            readonly recomputeIds: true;
+            readonly configuration: {
+                readonly modalTitle: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "Modal title";
+                };
+                readonly label: {
+                    readonly type: "static";
+                    readonly value: "Open popup";
+                    readonly fieldType: "text";
+                };
+                readonly color: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly value: "dark";
+                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
+                    readonly tooltip: "These presets can be overwritten with custom styles.";
+                };
+                readonly size: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly value: "xs";
+                    readonly selectOptions: string[];
+                };
+                readonly onSuccess: {
+                    readonly type: "oneOf";
+                    readonly tooltip: "Action to perform on success";
+                    readonly selected: "none";
+                    readonly labels: {
+                        none: string;
+                        errorOverlay: string;
+                        gotoUrl: string;
+                        setTab: string;
+                        sendToast: string;
+                        sendErrorToast: string;
+                        open: string;
+                        close: string;
+                        openModal: string;
+                        closeModal: string;
+                        clearFiles: string;
+                    };
+                    readonly configuration: {
+                        readonly none: {};
+                        readonly gotoUrl: {
+                            readonly url: {
+                                readonly tooltip: "Go to the given url, absolute or relative";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly placeholder: "/apps/get/foo";
+                                readonly onDemandOnly: true;
+                            };
+                            readonly newTab: {
+                                readonly tooltip: "Open the url in a new tab";
+                                readonly fieldType: "boolean";
+                                readonly type: "static";
+                                readonly value: true;
+                            };
+                        };
+                        readonly setTab: {
+                            readonly setTab: {
+                                readonly type: "static";
+                                readonly value: {
+                                    id: string;
+                                    index: number;
+                                }[];
+                                readonly fieldType: "array";
+                                readonly subFieldType: "tab-select";
+                                readonly tooltip: "Set the tabs id and index to go to on success";
+                                readonly onDemandOnly: true;
+                            };
+                        };
+                        readonly sendToast: {
+                            readonly message: {
+                                readonly tooltip: "The message of the toast to display";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly placeholder: "Hello there";
+                                readonly onDemandOnly: true;
+                            };
+                        };
+                        readonly openModal: {
+                            readonly modalId: {
+                                readonly tooltip: "The id of the modal to open";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly deprecated: true;
+                            };
+                        };
+                        readonly closeModal: {
+                            readonly modalId: {
+                                readonly tooltip: "The id of the modal to close";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly deprecated: true;
+                            };
+                        };
+                        readonly open: {
+                            readonly id: {
+                                readonly tooltip: "The id of the modal or the drawer to open";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                            };
+                        };
+                        readonly close: {
+                            readonly id: {
+                                readonly tooltip: "The id of the modal or the drawer to close";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                            };
+                        };
+                        readonly clearFiles: {
+                            readonly id: {
+                                readonly tooltip: "The id of s3 file input to clear";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                            };
+                        };
+                    };
+                };
+                readonly onError: {
+                    readonly type: "oneOf";
+                    readonly tooltip: "Action to perform on error";
+                    readonly selected: "errorOverlay";
+                    readonly labels: {
+                        none: string;
+                        errorOverlay: string;
+                        gotoUrl: string;
+                        setTab: string;
+                        sendToast: string;
+                        sendErrorToast: string;
+                        open: string;
+                        close: string;
+                        openModal: string;
+                        closeModal: string;
+                        clearFiles: string;
+                    };
+                    readonly configuration: {
+                        readonly errorOverlay: {};
+                        readonly gotoUrl: {
+                            readonly url: {
+                                readonly tooltip: "Go to the given url, absolute or relative";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly placeholder: "/apps/get/foo";
+                                readonly onDemandOnly: true;
+                            };
+                            readonly newTab: {
+                                readonly tooltip: "Open the url in a new tab";
+                                readonly fieldType: "boolean";
+                                readonly type: "static";
+                                readonly value: true;
+                            };
+                        };
+                        readonly setTab: {
+                            readonly setTab: {
+                                readonly type: "static";
+                                readonly value: {
+                                    id: string;
+                                    index: number;
+                                }[];
+                                readonly fieldType: "array";
+                                readonly subFieldType: "tab-select";
+                                readonly tooltip: "Set the tabs id and index to go to on error";
+                                readonly onDemandOnly: true;
+                            };
+                        };
+                        readonly sendErrorToast: {
+                            readonly message: {
+                                readonly tooltip: "The message of the toast to display";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "An error occured";
+                                readonly placeholder: "Hello there";
+                                readonly onDemandOnly: true;
+                            };
+                            readonly appendError: {
+                                readonly tooltip: "Append the error message to the toast";
+                                readonly fieldType: "boolean";
+                                readonly type: "static";
+                                readonly value: true;
+                            };
+                        };
+                        readonly open: {
+                            readonly id: {
+                                readonly tooltip: "The id of the modal or the drawer to open";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly noVariablePicker: true;
+                            };
+                        };
+                        readonly close: {
+                            readonly id: {
+                                readonly tooltip: "The id of the modal or the drawer to close";
+                                readonly fieldType: "text";
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly noVariablePicker: true;
+                            };
+                        };
+                    };
+                };
+                readonly disabled: {
+                    readonly fieldType: "boolean";
+                    readonly type: "static";
+                    readonly value: false;
+                };
+            };
+        };
+    };
+    readonly piechartcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly theme: {
+                    readonly type: "static";
+                    readonly fieldType: "select";
+                    readonly selectOptions: string[];
+                    readonly value: "theme1";
+                };
+                readonly doughnutStyle: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                };
+            };
+            readonly componentInput: {
+                readonly type: "static";
+                readonly fieldType: "object";
+                readonly value: {
+                    readonly data: readonly [25, 50, 25];
+                    readonly labels: readonly ["Pie", "Charts", "<3"];
+                };
+            };
+        };
+    };
+    readonly chartjscomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly type: {
+                    readonly type: "static";
+                    readonly fieldType: "select";
+                    readonly selectOptions: (keyof import("chart.js").ChartTypeRegistry)[];
+                    readonly value: "pie";
+                };
+                readonly options: {
+                    readonly type: "static";
+                    readonly fieldType: "object";
+                    readonly value: {};
+                    readonly tooltip: "ChartJs options object https://www.chartjs.org/docs/latest/general/options.html";
+                };
+            };
+            readonly componentInput: {
+                readonly type: "static";
+                readonly fieldType: "object";
+                readonly value: {
+                    readonly labels: readonly ["Pie", "Charts", "<3"];
+                    readonly datasets: readonly [{
+                        readonly data: readonly [25, 50, 25];
+                        readonly backgroundColor: readonly ["#FF6384", "#4BC0C0", "#FFCE56"];
+                    }];
+                };
+            };
+        };
+    };
+    readonly chartjscomponentv2: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly type: {
+                    readonly type: "static";
+                    readonly fieldType: "select";
+                    readonly selectOptions: (keyof import("chart.js").ChartTypeRegistry)[];
+                    readonly value: "pie";
+                };
+                readonly options: {
+                    readonly type: "static";
+                    readonly fieldType: "object";
+                    readonly value: {};
+                    readonly tooltip: "ChartJs options object https://www.chartjs.org/docs/latest/general/options.html";
+                };
+            };
+            readonly componentInput: undefined;
+        };
+    };
+    readonly barchartcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly theme: {
+                    readonly type: "static";
+                    readonly fieldType: "select";
+                    readonly selectOptions: string[];
+                    readonly value: "theme1";
+                };
+                readonly line: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                };
+            };
+            readonly componentInput: {
+                readonly type: "static";
+                readonly fieldType: "object";
+                readonly value: {
+                    readonly data: readonly [25, 50, 25];
+                    readonly labels: readonly ["Bar", "Charts", "<3"];
+                };
+            };
+        };
+    };
+    readonly agchartscomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {};
+            readonly componentInput: undefined;
+        };
+    };
+    readonly agchartscomponentee: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {};
+            readonly componentInput: undefined;
+        };
+    };
+    readonly htmlcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: {
+                readonly type: "templatev2";
+                readonly fieldType: "template";
+                readonly eval: "<img\nsrc=\"https://images.unsplash.com/photo-1554629947-334ff61d85dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1024&amp;h=1280&amp;q=80\"\n>\n<h1 class=\"absolute top-4 left-2 text-white\">\nHello ${ctx.username}\n</h1>";
+                readonly connections: InputConnectionEval[];
+            };
+            readonly configuration: {};
+        };
+    };
+    readonly customcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: {
+                readonly type: "static";
+                readonly fieldType: "object";
+                readonly value: {};
+            };
+            readonly configuration: {};
+        };
+    };
+    readonly mardowncomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            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 connections: InputConnectionEval[];
+            };
+            readonly configuration: {
+                readonly size: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: string[];
+                    readonly value: "Default";
+                    readonly tooltip: "See Tailwind documentation: https://tailwindcss.com/docs/typography-plugin";
+                };
+            };
+        };
+    };
+    readonly vegalitecomponent: {
+        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 customCss: {};
+        readonly initialData: {
+            readonly componentInput: {
+                readonly type: "static";
+                readonly fieldType: "object";
+                readonly value: {
+                    readonly data: {
+                        readonly values: readonly [{
+                            readonly a: "A";
+                            readonly b: 28;
+                        }, {
+                            readonly a: "B";
+                            readonly b: 55;
+                        }, {
+                            readonly a: "C";
+                            readonly b: 43;
+                        }, {
+                            readonly a: "D";
+                            readonly b: 91;
+                        }];
+                    };
+                    readonly mark: "bar";
+                    readonly encoding: {
+                        readonly x: {
+                            readonly field: "a";
+                            readonly type: "ordinal";
+                        };
+                        readonly y: {
+                            readonly field: "b";
+                            readonly type: "quantitative";
+                        };
+                    };
+                };
+            };
+            readonly configuration: {
+                readonly canvas: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Use the canvas renderer instead of the svg one for more interactive plots";
+                };
+            };
+        };
+    };
+    readonly plotlycomponent: {
+        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 customCss: {};
+        readonly initialData: {
+            readonly componentInput: {
+                readonly type: "static";
+                readonly fieldType: "object";
+                readonly value: {
+                    readonly type: "bar";
+                    readonly x: readonly [1, 2, 3, 4];
+                    readonly y: readonly [5, 10, 2, 8];
+                    readonly marker: {
+                        readonly color: "#C8A2C8";
+                        readonly line: {
+                            readonly width: 2.5;
+                        };
+                    };
+                };
+            };
+            readonly configuration: {
+                readonly layout: {
+                    readonly type: "static";
+                    readonly fieldType: "object";
+                    readonly value: {};
+                    readonly tooltip: "Layout options for the plot. See https://plotly.com/javascript/reference/layout/ for more information";
+                };
+            };
+        };
+    };
+    readonly plotlycomponentv2: {
+        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 customCss: {};
+        readonly initialData: {
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly layout: {
+                    readonly type: "static";
+                    readonly fieldType: "object";
+                    readonly value: {};
+                    readonly tooltip: "Layout options for the plot. See https://plotly.com/javascript/reference/layout/ for more information";
+                };
+            };
+        };
+    };
+    readonly timeseriescomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly logarithmicScale: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                };
+                readonly zoomable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                };
+                readonly pannable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                };
+            };
+            readonly componentInput: StaticAppInput;
+        };
+    };
+    readonly scatterchartcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly zoomable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                };
+                readonly pannable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                };
+            };
+            readonly componentInput: StaticAppInput;
+        };
+    };
+    readonly tablecomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly tableHeader: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly tableBody: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly tableFooter: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly columnDefs: StaticAppInput;
+                readonly search: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: string[];
+                    readonly value: string;
+                    readonly tooltip: "Search can be configured in the following ways: Disabled: The search is disabled,By Runnable: The search is done in the backend, or by component: The search is done in the frontend.";
+                };
+                readonly pagination: {
+                    readonly type: "oneOf";
+                    readonly selected: "auto";
+                    readonly labels: {
+                        readonly auto: "Managed by component";
+                        readonly manual: "Managed by runnable";
+                    };
+                    readonly tooltip: "Pagination can be managed using two methods: By the component: Based on a specified page size, the component divides the array into several pages. By the runnable: The component shows all items, leaving the task of pagination to the runnable. The current page number is available in the component outputs.";
+                    readonly configuration: {
+                        readonly auto: {
+                            readonly pageSize: {
+                                readonly type: "static";
+                                readonly fieldType: "number";
+                                readonly value: 20;
+                                readonly tooltip: "Number of rows per page";
+                            };
+                        };
+                        readonly manual: {
+                            readonly pageCount: {
+                                readonly type: "static";
+                                readonly fieldType: "number";
+                                readonly value: -1;
+                                readonly tooltip: "Number of pages (-1 if you do not know)";
+                            };
+                        };
+                    };
+                };
+                readonly downloadButton: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "display a button to download the table as a csv file";
+                };
+                readonly initialState: {
+                    readonly type: "static";
+                    readonly fieldType: "object";
+                    readonly value: {};
+                    readonly tooltip: "any configuration that can be passed to the tanstack table component as initial state (https://tanstack.com/table/v8/docs/api/core/table#initialstate)";
+                };
+                readonly selectFirstRowByDefault: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: boolean;
+                    readonly tooltip: "Select the first row by default on start";
+                };
+            };
+            readonly componentInput: StaticAppInput;
+            readonly actionButtons: true;
+        };
+    };
+    readonly aggridcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly columnDefs: StaticAppInput;
+                readonly rowIdCol: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "";
+                    readonly placeholder: "id";
+                    readonly tooltip: "column id to fetch the row id from (leave empty to use an auto-generated id. Recommended to be set but must be unique to each row)";
+                };
+                readonly flex: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "default col flex is 1 (see ag-grid docs)";
+                };
+                readonly allEditable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly hide: true;
+                    readonly tooltip: "Configure all columns as Editable by users";
+                };
+                readonly multipleSelectable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Make multiple rows selectable at once";
+                };
+                readonly rowMultiselectWithClick: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "If multiple selectable, allow multiselect with click";
+                };
+                readonly pagination: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: boolean | undefined;
+                };
+                readonly selectFirstRowByDefault: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: boolean;
+                    readonly tooltip: "Select the first row by default on start";
+                };
+                readonly extraConfig: {
+                    readonly type: "static";
+                    readonly fieldType: "object";
+                    readonly value: {};
+                    readonly tooltip: "any configuration that can be passed to ag-grid top level";
+                };
+                readonly compactness: {
+                    readonly type: "static";
+                    readonly fieldType: "select";
+                    readonly value: "normal";
+                    readonly selectOptions: readonly ["normal", "compact", "comfortable"];
+                    readonly tooltip: "Change the row height";
+                };
+                readonly wrapActions: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "When true, actions will wrap to the next line. Otherwise, the column will grow to fit the actions.";
+                };
+                readonly footer: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "Allow visible footer for pagination and download";
+                };
+                readonly customActionsHeader: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: undefined;
+                    readonly tooltip: "Custom header for the actions columns";
+                };
+            };
+            readonly componentInput: StaticAppInput;
+        };
+    };
+    readonly aggridcomponentee: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly columnDefs: StaticAppInput;
+                readonly rowIdCol: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "";
+                    readonly placeholder: "id";
+                    readonly tooltip: "column id to fetch the row id from (leave empty to use an auto-generated id. Recommended to be set but must be unique to each row)";
+                };
+                readonly flex: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "default col flex is 1 (see ag-grid docs)";
+                };
+                readonly allEditable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly hide: true;
+                    readonly tooltip: "Configure all columns as Editable by users";
+                };
+                readonly multipleSelectable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Make multiple rows selectable at once";
+                };
+                readonly rowMultiselectWithClick: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "If multiple selectable, allow multiselect with click";
+                };
+                readonly pagination: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: boolean | undefined;
+                };
+                readonly selectFirstRowByDefault: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: boolean;
+                    readonly tooltip: "Select the first row by default on start";
+                };
+                readonly extraConfig: {
+                    readonly type: "static";
+                    readonly fieldType: "object";
+                    readonly value: {};
+                    readonly tooltip: "any configuration that can be passed to ag-grid top level";
+                };
+                readonly compactness: {
+                    readonly type: "static";
+                    readonly fieldType: "select";
+                    readonly value: "normal";
+                    readonly selectOptions: readonly ["normal", "compact", "comfortable"];
+                    readonly tooltip: "Change the row height";
+                };
+                readonly wrapActions: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "When true, actions will wrap to the next line. Otherwise, the column will grow to fit the actions.";
+                };
+                readonly footer: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "Allow visible footer for pagination and download";
+                };
+                readonly customActionsHeader: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: undefined;
+                    readonly tooltip: "Custom header for the actions columns";
+                };
+            };
+            readonly componentInput: StaticAppInput;
+        };
+    };
+    readonly aggridinfinitecomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly columnDefs: StaticAppInput;
+                readonly rowIdCol: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "";
+                    readonly placeholder: "id";
+                    readonly tooltip: "column id to fetch the row id from (leave empty to use an auto-generated id. Recommended to be set but must be unique to each row)";
+                };
+                readonly flex: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "default col flex is 1 (see ag-grid docs)";
+                };
+                readonly allEditable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly hide: true;
+                    readonly tooltip: "Configure all columns as Editable by users";
+                };
+                readonly multipleSelectable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Make multiple rows selectable at once";
+                };
+                readonly rowMultiselectWithClick: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "If multiple selectable, allow multiselect with click";
+                };
+                readonly selectFirstRowByDefault: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: boolean;
+                    readonly tooltip: "Select the first row by default on start";
+                };
+                readonly extraConfig: {
+                    readonly type: "static";
+                    readonly fieldType: "object";
+                    readonly value: {};
+                    readonly tooltip: "any configuration that can be passed to ag-grid top level";
+                };
+                readonly compactness: {
+                    readonly type: "static";
+                    readonly fieldType: "select";
+                    readonly value: "normal";
+                    readonly selectOptions: readonly ["normal", "compact", "comfortable"];
+                    readonly tooltip: "Change the row height";
+                };
+                readonly wrapActions: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "When true, actions will wrap to the next line. Otherwise, the column will grow to fit the actions.";
+                };
+                readonly searchEnabled: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Enable search in the table";
+                };
+                readonly footer: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "Allow visible footer for pagination and download";
+                };
+                readonly customActionsHeader: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: undefined;
+                    readonly tooltip: "Custom header for the actions columns";
+                };
+            };
+            readonly componentInput: {
+                readonly type: "runnable";
+                readonly fieldType: "any";
+                readonly fields: {};
+                readonly runnable: undefined;
+            };
+        };
+    };
+    readonly aggridinfinitecomponentee: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly columnDefs: StaticAppInput;
+                readonly rowIdCol: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "";
+                    readonly placeholder: "id";
+                    readonly tooltip: "column id to fetch the row id from (leave empty to use an auto-generated id. Recommended to be set but must be unique to each row)";
+                };
+                readonly flex: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "default col flex is 1 (see ag-grid docs)";
+                };
+                readonly allEditable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly hide: true;
+                    readonly tooltip: "Configure all columns as Editable by users";
+                };
+                readonly multipleSelectable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Make multiple rows selectable at once";
+                };
+                readonly rowMultiselectWithClick: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "If multiple selectable, allow multiselect with click";
+                };
+                readonly selectFirstRowByDefault: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: boolean;
+                    readonly tooltip: "Select the first row by default on start";
+                };
+                readonly extraConfig: {
+                    readonly type: "static";
+                    readonly fieldType: "object";
+                    readonly value: {};
+                    readonly tooltip: "any configuration that can be passed to ag-grid top level";
+                };
+                readonly compactness: {
+                    readonly type: "static";
+                    readonly fieldType: "select";
+                    readonly value: "normal";
+                    readonly selectOptions: readonly ["normal", "compact", "comfortable"];
+                    readonly tooltip: "Change the row height";
+                };
+                readonly wrapActions: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "When true, actions will wrap to the next line. Otherwise, the column will grow to fit the actions.";
+                };
+                readonly searchEnabled: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Enable search in the table";
+                };
+                readonly footer: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "Allow visible footer for pagination and download";
+                };
+                readonly customActionsHeader: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: undefined;
+                    readonly tooltip: "Custom header for the actions columns";
+                };
+            };
+            readonly componentInput: {
+                readonly type: "runnable";
+                readonly fieldType: "any";
+                readonly fields: {};
+                readonly runnable: undefined;
+            };
+        };
+    };
+    readonly checkboxcomponent: {
+        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 customCss: {
+            readonly text: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: undefined;
+            readonly onToggle: readonly [];
+            readonly recomputeIds: true;
+            readonly configuration: {
+                readonly label: {
+                    readonly type: "static";
+                    readonly value: "Label";
+                    readonly fieldType: "text";
+                };
+                readonly defaultValue: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "boolean";
+                };
+                readonly disabled: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
+            };
+            readonly horizontalAlignment: import("../../types").HorizontalAlignment;
+            readonly verticalAlignment: import("../../types").VerticalAlignment;
+        };
+    };
+    readonly textinputcomponent: {
+        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 customCss: {
+            readonly input: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly verticalAlignment: "center";
+            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 disabled: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
+                readonly beforeIcon: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "icon-select";
+                };
+                readonly afterIcon: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "icon-select";
+                };
+            };
+        };
+    };
+    readonly quillcomponent: {
+        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 customCss: {};
+        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 textareainputcomponent: {
+        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 customCss: {
+            readonly input: {
+                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 disabled: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
+            };
+        };
+    };
+    readonly selectcomponent: {
+        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 customCss: {
+            readonly input: {
+                readonly style: "";
+                readonly tooltip: "https://github.com/rob-balfre/svelte-select/blob/master/docs/theming_variables.md";
+                readonly class: "";
+            };
+        };
+        readonly initialData: {
+            readonly recomputeIds: true;
+            readonly verticalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly items: StaticAppInput;
+                readonly create: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Allows user to manually add new value";
+                    readonly customTitle: "User creatable";
+                };
+                readonly placeholder: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "Select an item";
+                };
+                readonly disabled: {
+                    readonly fieldType: "boolean";
+                    readonly type: "static";
+                    readonly value: false;
+                };
+                readonly defaultValue: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "object";
+                };
+                readonly preselectFirst: {
+                    readonly type: "static";
+                    readonly value: true;
+                    readonly fieldType: "boolean";
+                    readonly tooltip: "Preselect first item in the options if no default value is set";
+                };
+                readonly nativeHtmlSelect: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Use a native html select instead of the Windmill select component";
+                };
+                readonly fullWidth: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "Set the width of the options popup to 100% of the select width";
+                };
+            };
+        };
+    };
+    readonly multiselectcomponent: {
+        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 customCss: {
+            readonly multiselect: {
+                readonly style: "";
+                readonly tooltip: "See https://multiselect.janosh.dev/#with-css-variables for the available variables";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: undefined;
+            readonly verticalAlignment: "center";
+            readonly configuration: {
+                readonly items: StaticAppInput;
+                readonly defaultItems: StaticAppInput;
+                readonly placeholder: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "Select items";
+                };
+                readonly create: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Allows user to manually add new value";
+                    readonly customTitle: "User creatable";
+                };
+                readonly allowOverflow: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "If too many items, the box overflow its container instead of having an internal scroll";
+                };
+            };
+        };
+    };
+    readonly multiselectcomponentv2: {
+        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 customCss: {
+            readonly multiselect: {
+                readonly style: "";
+                readonly tooltip: "See https://multiselect.janosh.dev/#with-css-variables for the available variables";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: undefined;
+            readonly verticalAlignment: "center";
+            readonly configuration: {
+                readonly items: StaticAppInput;
+                readonly defaultItems: StaticAppInput;
+                readonly placeholder: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "Select items";
+                };
+                readonly create: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Allows user to manually add new value";
+                    readonly customTitle: "User creatable";
+                };
+                readonly allowOverflow: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "If too many items, the box overflow its container instead of having an internal scroll";
+                };
+            };
+        };
+    };
+    readonly resourceselectcomponent: {
+        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 customCss: {
+            readonly input: {
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly verticalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly items: StaticAppInput;
+                readonly placeholder: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "Select an item";
+                };
+                readonly fullWidth: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "Set the width of the options popup to 100% of the select width";
+                };
+                readonly disabled: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                };
+            };
+        };
+    };
+    readonly userresourcecomponent: {
+        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 customCss: {
+            readonly input: {
+                readonly style: "";
+                readonly class: "";
+            };
+        };
+        readonly initialData: {
+            readonly verticalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly resourceType: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "postgresql";
+                };
+                readonly expressOauthSetup: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "If enabled, skip some steps while adding oauth resources: No scopes to set prior to OAuth sign-in,  and no path to set after OAuth sign-in";
+                };
+                readonly disabled: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                };
+            };
+        };
+    };
+    readonly numberinputcomponent: {
+        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 customCss: {
+            readonly input: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly verticalAlignment: "center";
+            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: "number";
+                };
+                readonly min: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "number";
+                };
+                readonly max: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "number";
+                };
+                readonly step: {
+                    readonly type: "static";
+                    readonly value: 1;
+                    readonly fieldType: "number";
+                    readonly tooltip: "Spread between each number suggestion";
+                };
+            };
+        };
+    };
+    readonly currencycomponent: {
+        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 customCss: {
+            readonly input: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly verticalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly defaultValue: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "number";
+                };
+                readonly isNegativeAllowed: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
+                readonly currency: {
+                    readonly type: "static";
+                    readonly value: "USD";
+                    readonly fieldType: "select";
+                    readonly selectOptions: string[];
+                };
+                readonly locale: {
+                    readonly type: "static";
+                    readonly value: "en-US";
+                    readonly fieldType: "select";
+                    readonly selectOptions: string[];
+                    readonly tooltip: "Currency format";
+                };
+            };
+        };
+    };
+    readonly slidercomponent: {
+        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 customCss: {
+            readonly bar: {
+                readonly style: "";
+                readonly class: "";
+            };
+            readonly handle: {
+                readonly style: "";
+                readonly class: "";
+            };
+            readonly limits: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly value: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly verticalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly min: {
+                    readonly type: "static";
+                    readonly value: 0;
+                    readonly fieldType: "number";
+                };
+                readonly max: {
+                    readonly type: "static";
+                    readonly value: 42;
+                    readonly fieldType: "number";
+                };
+                readonly defaultValue: {
+                    readonly type: "static";
+                    readonly value: 20;
+                    readonly fieldType: "number";
+                };
+                readonly step: {
+                    readonly type: "static";
+                    readonly value: 1;
+                    readonly fieldType: "number";
+                    readonly tooltip: "Spread between each number suggestion";
+                };
+                readonly vertical: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                };
+                readonly disabled: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
+                readonly axisStep: {
+                    readonly type: "static";
+                    readonly value: 10;
+                    readonly fieldType: "number";
+                    readonly tooltip: "Spread between each number suggestion when using the arrow keys";
+                };
+            };
+        };
+    };
+    readonly dateslidercomponent: {
+        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 customCss: {
+            readonly bar: {
+                readonly style: "";
+                readonly class: "";
+            };
+            readonly handle: {
+                readonly style: "";
+                readonly class: "";
+            };
+            readonly limits: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly value: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly verticalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly min: {
+                    readonly type: "static";
+                    readonly value: "";
+                    readonly fieldType: "date";
+                };
+                readonly max: {
+                    readonly type: "static";
+                    readonly value: "";
+                    readonly fieldType: "date";
+                };
+                readonly defaultValue: {
+                    readonly type: "static";
+                    readonly value: "";
+                    readonly fieldType: "date";
+                };
+                readonly step: {
+                    readonly type: "static";
+                    readonly value: 1;
+                    readonly fieldType: "number";
+                    readonly tooltip: "Number of days between each date suggestion";
+                };
+                readonly vertical: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                };
+                readonly disabled: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
+                readonly outputFormat: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "text";
+                    readonly tooltip: "See date-fns format for more information";
+                    readonly documentationLink: "https://date-fns.org/v1.29.0/docs/format";
+                };
+            };
+        };
+    };
+    readonly rangecomponent: {
+        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 customCss: {
+            readonly handles: {
+                readonly style: "";
+            };
+            readonly bar: {
+                readonly style: "";
+            };
+            readonly limits: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly values: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly verticalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly min: {
+                    readonly type: "static";
+                    readonly value: 0;
+                    readonly fieldType: "number";
+                };
+                readonly max: {
+                    readonly type: "static";
+                    readonly value: 42;
+                    readonly fieldType: "number";
+                };
+                readonly defaultLow: {
+                    readonly type: "static";
+                    readonly value: 10;
+                    readonly fieldType: "number";
+                };
+                readonly defaultHigh: {
+                    readonly type: "static";
+                    readonly value: 20;
+                    readonly fieldType: "number";
+                };
+                readonly step: {
+                    readonly type: "static";
+                    readonly value: 1;
+                    readonly fieldType: "number";
+                    readonly tooltip: "Spread between each number suggestion";
+                };
+                readonly disabled: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                    readonly tooltip: "Determine if the slider is disabled, or enabled (only disables interactions, and events)";
+                };
+                readonly axisStep: {
+                    readonly type: "static";
+                    readonly value: 10;
+                    readonly fieldType: "number";
+                    readonly tooltip: "Spread between each number suggestion when using the arrow keys";
+                };
+            };
+        };
+    };
+    readonly passwordinputcomponent: {
+        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 customCss: {
+            readonly input: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly verticalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly placeholder: {
+                    readonly type: "static";
+                    readonly value: "Password";
+                    readonly fieldType: "text";
+                };
+                readonly disabled: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
+                readonly beforeIcon: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "icon-select";
+                };
+                readonly afterIcon: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "icon-select";
+                };
+            };
+        };
+    };
+    readonly emailinputcomponent: {
+        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 customCss: {
+            readonly input: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly verticalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly placeholder: {
+                    readonly type: "static";
+                    readonly value: "Email";
+                    readonly fieldType: "text";
+                };
+                readonly defaultValue: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "text";
+                };
+                readonly disabled: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
+                readonly beforeIcon: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "icon-select";
+                };
+                readonly afterIcon: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "icon-select";
+                };
+            };
+        };
+    };
+    readonly dateinputcomponent: {
+        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 customCss: {
+            readonly input: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly verticalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly minDate: {
+                    readonly type: "static";
+                    readonly value: "";
+                    readonly fieldType: "date";
+                    readonly tooltip: "The minimum date that can be selected. The format is: \"yyyy-MM-dd\"";
+                };
+                readonly maxDate: {
+                    readonly type: "static";
+                    readonly value: "";
+                    readonly fieldType: "date";
+                    readonly tooltip: "The maximum date that can be selected. The format is: \"yyyy-MM-dd\"";
+                };
+                readonly defaultValue: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "date";
+                };
+                readonly outputFormat: {
+                    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 documentationLink: "https://date-fns.org/v2.30.0/docs/format";
+                    readonly placeholder: "yyyy-MM-dd";
+                };
+            };
+        };
+    };
+    readonly datetimeinputcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly verticalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly displayPresets: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                    readonly tooltip: "Display presets to select the date for example, in 1 week, in 1 month, etc.";
+                };
+                readonly minDateTime: {
+                    readonly type: "static";
+                    readonly value: "";
+                    readonly fieldType: "datetime";
+                    readonly tooltip: "The minimum date and time that can be selected. The format is the ISO 8601 format: \"yyyy-MM-ddTHH:mm:ss:SSSZ\", for example \"2021-11-06T23:39:30.000Z\", or toISOString() from a Date";
+                };
+                readonly maxDateTime: {
+                    readonly type: "static";
+                    readonly value: "";
+                    readonly fieldType: "datetime";
+                    readonly tooltip: "The maximum date and time that can be selected. The format is the ISO 8601 format: \"yyyy-MM-ddTHH:mm:ss:SSSZ\", for example \"2021-11-06T23:39:30.000Z\", or toISOString() from a Date";
+                };
+                readonly outputFormat: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    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 defaultValue: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "datetime";
+                };
+                readonly disabled: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
+            };
+        };
+    };
+    readonly timeinputcomponent: {
+        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 customCss: {
+            readonly input: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly verticalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly minTime: {
+                    readonly type: "static";
+                    readonly value: "";
+                    readonly fieldType: "time";
+                    readonly tooltip: "The minimum time that can be selected. If the time provided is not valid, it will set the output \"validity\" to false. The format is: \"HH:mm\"";
+                };
+                readonly maxTime: {
+                    readonly type: "static";
+                    readonly value: "";
+                    readonly fieldType: "time";
+                    readonly tooltip: "The maximum time that can be selected. If the time provided is not valid, it will set the output \"validity\" to false. The format is: \"HH:mm\"";
+                };
+                readonly defaultValue: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "time";
+                };
+                readonly "24hFormat": {
+                    readonly type: "static";
+                    readonly value: true;
+                    readonly fieldType: "boolean";
+                    readonly tooltip: "Use 24h format. Will change the format of the output of the component: HH:mm to hh:mm am/pm";
+                };
+            };
+        };
+    };
+    readonly tabscomponent: {
+        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 customCss: {
+            readonly tabRow: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly allTabs: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly selectedTab: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly tabsKind: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: string[];
+                    readonly value: string;
+                    readonly tooltip: "Tabs can be configured to be either horizontal (tabs), vertical (sidebar), or invisible.";
+                };
+            };
+            readonly componentInput: undefined;
+            readonly numberOfSubgrids: 2;
+            readonly tabs: string[];
+        };
+    };
+    readonly steppercomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {};
+            readonly componentInput: {
+                readonly type: "runnable";
+                readonly fieldType: "any";
+                readonly fields: {};
+                readonly runnable: undefined;
+            };
+            readonly numberOfSubgrids: 2;
+            readonly tabs: string[];
+        };
+    };
+    readonly carousellistcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly timingFunction: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: string[];
+                    readonly value: "linear";
+                    readonly tooltip: "Sets how an animation progresses through the duration of each cycle, see https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timing-function";
+                };
+            };
+            readonly componentInput: {
+                readonly type: "static";
+                readonly fieldType: "array";
+                readonly subFieldType: "object";
+                readonly value: object[];
+            };
+            readonly numberOfSubgrids: 1;
+        };
+    };
+    readonly accordionlistcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {};
+            readonly componentInput: {
+                readonly type: "static";
+                readonly fieldType: "array";
+                readonly subFieldType: "object";
+                readonly value: object[];
+            };
+            readonly numberOfSubgrids: 1;
+        };
+    };
+    readonly iconcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly icon: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly horizontalAlignment: "center";
+            readonly verticalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly icon: {
+                    readonly type: "static";
+                    readonly value: "Smile";
+                    readonly fieldType: "icon-select";
+                    readonly tooltip: "The icons can be found at https://lucide.dev/";
+                };
+                readonly color: {
+                    readonly type: "static";
+                    readonly value: "currentColor";
+                    readonly fieldType: "color";
+                    readonly tooltip: "The color of the icon can be overridden by the `background-color` property in the styling menu";
+                };
+                readonly size: {
+                    readonly type: "static";
+                    readonly value: 24;
+                    readonly fieldType: "number";
+                };
+                readonly strokeWidth: {
+                    readonly type: "static";
+                    readonly value: 2;
+                    readonly fieldType: "number";
+                };
+            };
+        };
+    };
+    readonly horizontaldividercomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly divider: {
+                readonly class: "";
+                readonly style: "";
+                readonly tooltip: "`background-color` and `height` are handled by the component configuration";
+            };
+        };
+        readonly initialData: {
+            readonly verticalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly size: {
+                    readonly type: "static";
+                    readonly value: 2;
+                    readonly fieldType: "number";
+                    readonly tooltip: "The height of the divider in pixels can be overridden by the `height` property in the styling menu";
+                };
+                readonly color: {
+                    readonly type: "static";
+                    readonly value: "#00000060";
+                    readonly fieldType: "color";
+                    readonly tooltip: "The color of the divider can be overridden by the `background-color` property in the styling menu";
+                };
+            };
+        };
+    };
+    readonly verticaldividercomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly divider: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly horizontalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly size: {
+                    readonly type: "static";
+                    readonly value: 2;
+                    readonly fieldType: "number";
+                    readonly tooltip: "The width of the divider in pixels can be overridden by the `width` property in the styling menu";
+                };
+                readonly color: {
+                    readonly type: "static";
+                    readonly value: "#00000060";
+                    readonly fieldType: "color";
+                    readonly tooltip: "The color of the divider can be overridden by the `background-color` property in the styling menu";
+                };
+            };
+        };
+    };
+    readonly fileinputcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly acceptedFileTypes: {
+                    readonly type: "static";
+                    readonly value: string[];
+                    readonly fieldType: "array";
+                };
+                readonly allowMultiple: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                    readonly tooltip: "If allowed, the user will be able to select more than one file";
+                };
+                readonly text: {
+                    readonly type: "static";
+                    readonly value: "Drag and drop files or click to select them";
+                    readonly fieldType: "text";
+                };
+                readonly includeMimeType: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                    readonly tooltip: "If enabled, the mime type of the file will be included.";
+                };
+                readonly submittedFileText: {
+                    readonly type: "static";
+                    readonly value: "Selected file";
+                    readonly fieldType: "text";
+                };
+                readonly disabled: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
+            };
+        };
+    };
+    readonly imagecomponent: {
+        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 customCss: {
+            readonly image: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly source: {
+                    readonly type: "static";
+                    readonly value: "/logo.svg";
+                    readonly fieldType: "text";
+                    readonly fileUpload: {
+                        readonly accept: "image/*";
+                        readonly convertTo: "base64";
+                    };
+                };
+                readonly sourceKind: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: string[];
+                    readonly value: string;
+                };
+                readonly imageFit: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: string[];
+                    readonly value: "contain";
+                    readonly tooltip: "The image fit property can be overridden by the `object-fit` property in the styling menu";
+                };
+                readonly altText: {
+                    readonly type: "static";
+                    readonly value: "";
+                    readonly fieldType: "text";
+                    readonly tooltip: "This text will appear if the image can't be loaded for any reason";
+                };
+            };
+        };
+    };
+    readonly drawercomponent: {
+        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 customCss: {
+            readonly button: {
+                readonly style: "";
+                readonly class: "";
+            };
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly drawer: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly horizontalAlignment: "center";
+            readonly verticalAlignment: "center";
+            readonly configuration: {
+                readonly drawerTitle: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "Drawer title";
+                };
+                readonly hideButtonOnView: {
+                    readonly fieldType: "boolean";
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly tooltip: "Make button invisible when app is used outside of the edit mode";
+                };
+                readonly label: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "Press me";
+                };
+                readonly color: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
+                    readonly value: "blue";
+                    readonly tooltip: "The color of the button can be overridden by the `background-color` property in the styling menu";
+                };
+                readonly size: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: string[];
+                    readonly value: "xs";
+                };
+                readonly fillContainer: {
+                    readonly fieldType: "boolean";
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly tooltip: "This will make the button fill the container width and height. Height and width can be overwritten with custom styles.";
+                };
+                readonly disabled: {
+                    readonly fieldType: "boolean";
+                    readonly type: "static";
+                    readonly value: false;
+                };
+            };
+            readonly componentInput: undefined;
+            readonly numberOfSubgrids: 1;
+        };
+    };
+    readonly mapcomponent: {
+        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 customCss: {
+            readonly map: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly longitude: {
+                    readonly fieldType: "number";
+                    readonly type: "static";
+                    readonly value: 15;
+                };
+                readonly latitude: {
+                    readonly fieldType: "number";
+                    readonly type: "static";
+                    readonly value: 50;
+                };
+                readonly zoom: {
+                    readonly fieldType: "number";
+                    readonly type: "static";
+                    readonly value: 3;
+                };
+                readonly markers: StaticAppInput;
+                readonly lock: {
+                    readonly fieldType: "boolean";
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly tooltip: "Lock the map to prevent user interaction";
+                };
+            };
+        };
+    };
+    readonly verticalsplitpanescomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {};
+            readonly componentInput: undefined;
+            readonly panes: number[];
+            readonly numberOfSubgrids: 2;
+        };
+    };
+    readonly horizontalsplitpanescomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {};
+            readonly componentInput: undefined;
+            readonly panes: number[];
+            readonly numberOfSubgrids: 2;
+        };
+    };
+    readonly pdfcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly source: {
+                    readonly type: "static";
+                    readonly value: "/dummy.pdf";
+                    readonly fieldType: "text";
+                    readonly fileUpload: {
+                        readonly accept: "application/pdf";
+                        readonly convertTo: "base64";
+                    };
+                    readonly placeholder: "Enter URL or upload file (base64)";
+                };
+                readonly zoom: {
+                    readonly fieldType: "number";
+                    readonly type: "static";
+                    readonly value: 100;
+                };
+            };
+        };
+    };
+    readonly modalcomponent: {
+        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 customCss: {
+            readonly button: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly buttonContainer: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly popup: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly horizontalAlignment: "center";
+            readonly verticalAlignment: "center";
+            readonly configuration: {
+                readonly modalTitle: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "Modal title";
+                };
+                readonly hideButtonOnView: {
+                    readonly fieldType: "boolean";
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly tooltip: "Make button invisible when app is used outside of the edit mode";
+                };
+                readonly buttonLabel: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "Press me";
+                };
+                readonly buttonColor: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
+                    readonly value: "blue";
+                    readonly tooltip: "These presets can be overwritten with custom styles.";
+                };
+                readonly buttonSize: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: string[];
+                    readonly value: "xs";
+                };
+                readonly buttonFillContainer: {
+                    readonly fieldType: "boolean";
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly tooltip: "This will make the button fill the container width and height. Height and width can be overwritten with custom styles.";
+                };
+                readonly buttonDisabled: {
+                    readonly fieldType: "boolean";
+                    readonly type: "static";
+                    readonly value: false;
+                };
+            };
+            readonly componentInput: undefined;
+            readonly numberOfSubgrids: 1;
+        };
+    };
+    readonly schemaformcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly label: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly description: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: {
+                readonly type: "static";
+                readonly fieldType: "schema";
+                readonly value: {
+                    readonly properties: {
+                        readonly first_name: {
+                            readonly type: "string";
+                            readonly description: "your name";
+                            readonly default: "default";
+                        };
+                    };
+                    readonly required: readonly [];
+                };
+            };
+            readonly configuration: {
+                readonly defaultValues: {
+                    readonly type: "static";
+                    readonly fieldType: "object";
+                    readonly value: {};
+                    readonly tooltip: "This enables setting default form values dynamically using an object: keys are field names, and values are the defaults.";
+                };
+                readonly dynamicEnums: {
+                    readonly type: "static";
+                    readonly fieldType: "object";
+                    readonly value: {};
+                    readonly tooltip: "This enables setting form enum values dynamically using an object: keys are field names, and values are arrays of strings.";
+                };
+                readonly displayType: {
+                    readonly fieldType: "boolean";
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly tooltip: "This will display the type and/or the format on the field next to the label.";
+                };
+                readonly largeGap: {
+                    readonly fieldType: "boolean";
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly tooltip: "This will add a large gap between the form elements.";
+                };
+            };
+        };
+    };
+    readonly selecttabcomponent: {
+        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 customCss: {
+            readonly tabRow: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly allTabs: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly selectedTab: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly verticalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly items: StaticAppInput;
+                readonly defaultValue: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "object";
+                };
+                readonly tabSize: {
+                    readonly type: "static";
+                    readonly value: "sm";
+                    readonly fieldType: "select";
+                    readonly selectOptions: string[];
+                    readonly tooltip: "Size of the tabs can be overwritten with custom styles using `font-size` in CSS or using tailwind classes.";
+                };
+            };
+        };
+    };
+    readonly selectstepcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly verticalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly items: StaticAppInput;
+                readonly defaultValue: {
+                    readonly type: "static";
+                    readonly value: any;
+                    readonly fieldType: "object";
+                };
+            };
+        };
+    };
+    readonly conditionalwrapper: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {};
+            readonly componentInput: undefined;
+            readonly numberOfSubgrids: 2;
+            readonly conditions: AppInputSpec<"boolean", boolean>[];
+        };
+    };
+    readonly statcomponent: {
+        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 quickstyle: Record<string, Quickstyle>;
+        readonly customCss: {
+            readonly title: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly value: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly media: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly title: {
+                    readonly type: "static";
+                    readonly value: "Title";
+                    readonly fieldType: "text";
+                };
+                readonly value: {
+                    readonly type: "static";
+                    readonly value: "Value";
+                    readonly fieldType: "text";
+                };
+                readonly progress: {
+                    readonly type: "static";
+                    readonly value: 0;
+                    readonly fieldType: "number";
+                };
+                readonly media: {
+                    readonly type: "oneOf";
+                    readonly selected: "image";
+                    readonly labels: {
+                        readonly icon: "Icon";
+                        readonly image: "Image";
+                    };
+                    readonly configuration: {
+                        readonly icon: {
+                            readonly icon: {
+                                readonly type: "static";
+                                readonly value: undefined;
+                                readonly fieldType: "icon-select";
+                            };
+                        };
+                        readonly image: {
+                            readonly source: {
+                                readonly type: "static";
+                                readonly value: "/logo.svg";
+                                readonly fieldType: "text";
+                                readonly fileUpload: {
+                                    readonly accept: "image/*";
+                                    readonly convertTo: "base64";
+                                };
+                            };
+                            readonly sourceKind: {
+                                readonly fieldType: "select";
+                                readonly type: "static";
+                                readonly selectOptions: string[];
+                                readonly value: string;
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    };
+    readonly menucomponent: {
+        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 customCss: {
+            readonly button: {
+                readonly style: "";
+                readonly class: "";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly label: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: string;
+                };
+                readonly color: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
+                    readonly value: "light";
+                };
+                readonly size: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: string[];
+                    readonly value: "xs";
+                };
+                readonly fillContainer: {
+                    readonly fieldType: "boolean";
+                    readonly type: "static";
+                    readonly value: false;
+                };
+                readonly beforeIcon: {
+                    readonly type: "static";
+                    readonly value: "Menu";
+                    readonly fieldType: "icon-select";
+                };
+                readonly afterIcon: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "icon-select";
+                };
+            };
+            readonly menuItems: true;
+            readonly horizontalAlignment: import("../../types").HorizontalAlignment;
+            readonly verticalAlignment: import("../../types").VerticalAlignment;
+        };
+    };
+    readonly decisiontreecomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {};
+            readonly componentInput: undefined;
+            readonly numberOfSubgrids: 1;
+            readonly nodes: DecisionTreeNode[];
+        };
+    };
+    readonly s3fileinputcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly type: {
+                    readonly type: "oneOf";
+                    readonly selected: "s3";
+                    readonly labels: {
+                        readonly s3: "S3";
+                    };
+                    readonly configuration: {
+                        readonly s3: {
+                            readonly resource: StaticAppInput;
+                            readonly acceptedFileTypes: {
+                                readonly type: "static";
+                                readonly value: string[];
+                                readonly fieldType: "array";
+                            };
+                            readonly allowMultiple: {
+                                readonly type: "static";
+                                readonly value: false;
+                                readonly fieldType: "boolean";
+                                readonly tooltip: "If allowed, the user will be able to select more than one file";
+                            };
+                            readonly allowDelete: {
+                                readonly type: "static";
+                                readonly value: false;
+                                readonly fieldType: "boolean";
+                                readonly tooltip: "If allowed, the user will be able to delete files";
+                            };
+                            readonly text: {
+                                readonly type: "static";
+                                readonly value: "Drag and drop files or click to select them";
+                                readonly fieldType: "text";
+                            };
+                            readonly pathTemplate: EvalV2AppInput;
+                            readonly disabled: {
+                                readonly type: "static";
+                                readonly value: false;
+                                readonly fieldType: "boolean";
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    };
+    readonly dbexplorercomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly type: {
+                    readonly type: "oneOf";
+                    readonly selected: "postgresql";
+                    readonly labels: {
+                        readonly postgresql: "PostgreSQL";
+                        readonly mysql: "MySQL";
+                        readonly ms_sql_server: "MS SQL Server";
+                        readonly snowflake: "Snowflake";
+                        readonly bigquery: "BigQuery";
+                        readonly snowflake_oauth: "Snowflake OAuth";
+                    };
+                    readonly configuration: {
+                        readonly postgresql: {
+                            readonly resource: StaticAppInput;
+                            readonly table: {
+                                readonly fieldType: "select";
+                                readonly subFieldType: "db-table";
+                                readonly type: "static";
+                                readonly selectOptions: readonly [];
+                                readonly value: undefined;
+                                readonly allowTypeChange: false;
+                            };
+                        };
+                        readonly mysql: {
+                            readonly resource: StaticAppInput;
+                            readonly table: {
+                                readonly fieldType: "select";
+                                readonly subFieldType: "db-table";
+                                readonly type: "static";
+                                readonly selectOptions: readonly [];
+                                readonly value: undefined;
+                            };
+                        };
+                        readonly ms_sql_server: {
+                            readonly resource: StaticAppInput;
+                            readonly table: {
+                                readonly fieldType: "select";
+                                readonly subFieldType: "db-table";
+                                readonly type: "static";
+                                readonly selectOptions: readonly [];
+                                readonly value: undefined;
+                            };
+                        };
+                        readonly snowflake: {
+                            readonly resource: StaticAppInput;
+                            readonly table: {
+                                readonly fieldType: "select";
+                                readonly subFieldType: "db-table";
+                                readonly type: "static";
+                                readonly selectOptions: readonly [];
+                                readonly value: undefined;
+                            };
+                        };
+                        readonly bigquery: {
+                            readonly resource: StaticAppInput;
+                            readonly table: {
+                                readonly fieldType: "select";
+                                readonly subFieldType: "db-table";
+                                readonly type: "static";
+                                readonly selectOptions: readonly [];
+                                readonly value: undefined;
+                            };
+                        };
+                    };
+                };
+                readonly columnDefs: StaticAppInput;
+                readonly rowIdCol: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "";
+                    readonly placeholder: "id";
+                    readonly tooltip: "column id to fetch the row id from (leave empty to use an auto-generated id. Recommended to be set but must be unique to each row)";
+                };
+                readonly whereClause: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "";
+                    readonly allowTypeChange: false;
+                };
+                readonly flex: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "default col flex is 1 (see ag-grid docs)";
+                };
+                readonly allEditable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly hide: true;
+                    readonly tooltip: "Configure all columns as Editable by users";
+                };
+                readonly allowDelete: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly hide: true;
+                    readonly tooltip: "Allow deleting rows";
+                };
+                readonly multipleSelectable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Make multiple rows selectable at once";
+                };
+                readonly rowMultiselectWithClick: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "If multiple selectable, allow multiselect with click";
+                };
+                readonly selectFirstRowByDefault: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: boolean;
+                    readonly tooltip: "Select the first row by default on start";
+                };
+                readonly extraConfig: {
+                    readonly type: "static";
+                    readonly fieldType: "object";
+                    readonly value: {};
+                    readonly tooltip: "any configuration that can be passed to ag-grid top level";
+                };
+                readonly hideInsert: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Hide the insert button";
+                };
+                readonly hideSearch: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Hide the search bar";
+                };
+                readonly wrapActions: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "When true, actions will wrap to the next line. Otherwise, the column will grow to fit the actions.";
+                };
+                readonly footer: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "Allow visible footer for pagination and download";
+                };
+                readonly customActionsHeader: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: undefined;
+                    readonly tooltip: "Custom header for the actions columns";
+                };
+            };
+            readonly componentInput: undefined;
+        };
+    };
+    readonly alertcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly background: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly icon: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly title: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly description: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly verticalAlignment: "center";
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly type: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: readonly [{
+                        readonly value: "info";
+                        readonly label: "Info";
+                    }, {
+                        readonly value: "success";
+                        readonly label: "Success";
+                    }, {
+                        readonly value: "warning";
+                        readonly label: "Warning";
+                    }, {
+                        readonly value: "error";
+                        readonly label: "Error";
+                    }];
+                    readonly value: "info";
+                };
+                readonly title: {
+                    readonly type: "static";
+                    readonly value: "Title";
+                    readonly fieldType: "text";
+                };
+                readonly description: {
+                    readonly type: "static";
+                    readonly value: "Description";
+                    readonly fieldType: "text";
+                };
+                readonly notRounded: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
+                readonly tooltip: {
+                    readonly type: "static";
+                    readonly value: "";
+                    readonly fieldType: "text";
+                };
+                readonly size: {
+                    readonly type: "static";
+                    readonly value: "sm";
+                    readonly fieldType: "select";
+                    readonly selectOptions: readonly [{
+                        readonly value: "xs";
+                        readonly label: "Extra small";
+                    }, {
+                        readonly value: "sm";
+                        readonly label: "Small";
+                    }];
+                };
+                readonly collapsible: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
+                readonly initiallyCollapsed: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
+            };
+        };
+    };
+    readonly navbarcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly image: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly title: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "Title";
+                };
+                readonly borderColor: {
+                    readonly type: "static";
+                    readonly value: "#555";
+                    readonly fieldType: "color";
+                };
+                readonly logo: {
+                    readonly type: "oneOf";
+                    readonly selected: "no";
+                    readonly labels: {
+                        readonly yes: "Use logo";
+                        readonly no: "No logo";
+                    };
+                    readonly configuration: {
+                        readonly yes: {
+                            readonly source: {
+                                readonly type: "static";
+                                readonly value: "/logo.svg";
+                                readonly fieldType: "text";
+                                readonly fileUpload: {
+                                    readonly accept: "image/*";
+                                    readonly convertTo: "base64";
+                                };
+                            };
+                            readonly sourceKind: {
+                                readonly fieldType: "select";
+                                readonly type: "static";
+                                readonly selectOptions: string[];
+                                readonly value: string;
+                            };
+                            readonly altText: {
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly fieldType: "text";
+                                readonly tooltip: "This text will appear if the image can't be loaded for any reason";
+                            };
+                        };
+                        readonly no: {};
+                    };
+                };
+                readonly orientation: {
+                    readonly type: "static";
+                    readonly fieldType: "select";
+                    readonly value: "horizontal";
+                    readonly selectOptions: readonly [{
+                        readonly value: "horizontal";
+                        readonly label: "Horizontal";
+                    }, {
+                        readonly value: "vertical";
+                        readonly label: "Vertical";
+                    }];
+                };
+            };
+            readonly horizontalAlignment: import("../../types").HorizontalAlignment;
+            readonly verticalAlignment: import("../../types").VerticalAlignment;
+        };
+    };
+    readonly dateselectcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly input: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: undefined;
+            readonly verticalAlignment: "center";
+            readonly configuration: {
+                readonly enableDay: {
+                    readonly type: "static";
+                    readonly value: true;
+                    readonly fieldType: "boolean";
+                };
+                readonly enableMonth: {
+                    readonly type: "static";
+                    readonly value: true;
+                    readonly fieldType: "boolean";
+                };
+                readonly enableYear: {
+                    readonly type: "static";
+                    readonly value: true;
+                    readonly fieldType: "boolean";
+                };
+                readonly defaultValue: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "date";
+                };
+                readonly orientation: {
+                    readonly type: "static";
+                    readonly value: "horizontal";
+                    readonly fieldType: "select";
+                    readonly selectOptions: readonly [{
+                        readonly value: "horizontal";
+                        readonly label: "Horizontal";
+                    }, {
+                        readonly value: "vertical";
+                        readonly label: "Vertical";
+                    }];
+                };
+                readonly locale: {
+                    readonly type: "static";
+                    readonly value: "en-US";
+                    readonly fieldType: "select";
+                    readonly selectOptions: string[];
+                    readonly tooltip: "Format on the month names";
+                };
+            };
+        };
+    };
+    readonly jobiddisplaycomponent: {
+        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 customCss: {
+            readonly header: {
+                readonly class: "";
+                readonly style: "";
+            };
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly jobId: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "";
+                    readonly tooltip: "Job id to display result from";
+                };
+                readonly title: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "Result";
+                };
+                readonly hideDetails: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Hide the details section: the object keys, the clipboard button and the maximise button";
+                };
+            };
+        };
+    };
+    readonly recomputeallcomponent: {
+        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 customCss: {
+            readonly container: {
+                readonly style: "";
+                readonly class: "";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly defaultRefreshInterval: {
+                    readonly fieldType: "select";
+                    readonly type: "static";
+                    readonly selectOptions: readonly [{
+                        readonly value: "0";
+                        readonly label: "Once";
+                    }, {
+                        readonly value: "5";
+                        readonly label: "Every 5 seconds";
+                    }, {
+                        readonly value: "10";
+                        readonly label: "Every 10 seconds";
+                    }, {
+                        readonly value: "15";
+                        readonly label: "Every 15 seconds";
+                    }, {
+                        readonly value: "20";
+                        readonly label: "Every 20 seconds";
+                    }, {
+                        readonly value: "25";
+                        readonly label: "Every 25 seconds";
+                    }, {
+                        readonly value: "30";
+                        readonly label: "Every 30 seconds";
+                    }];
+                    readonly value: "0";
+                };
+            };
+            readonly menuItems: true;
+            readonly horizontalAlignment: import("../../types").HorizontalAlignment;
+            readonly verticalAlignment: import("../../types").VerticalAlignment;
+        };
+    };
+};
+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}`;
+        targetComponent: "tabscomponent";
+        configuration: {
+            tabsKind: {
+                value: string;
+            };
+        };
+        type: string;
+    };
+    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}`;
+        targetComponent: "tabscomponent";
+        configuration: {
+            tabsKind: {
+                value: string;
+            };
+        };
+        type: string;
+    };
+    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}`;
+        targetComponent: "tabscomponent";
+        configuration: {
+            tabsKind: {
+                value: string;
+            };
+        };
+        type: string;
+    };
+    topbarcomponent: {
+        name: string;
+        icon: typeof PanelTop;
+        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}`;
+    };
+};
+export declare const presets: {
+    [Property in keyof typeof presetComponents]: PresetComponentConfig;
+};
+export declare const ccomponents: {
+    [Property in keyof typeof components]: AppComponentConfig<Property>;
+};