npm - windmill-components - Versions diffs - 1.84.6 → 1.86.0 - Mend

windmill-components 1.84.6 → 1.86.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (271) hide show

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

@@ -105,7 +105,7 @@ export declare const components: {
     readonly displaycomponent: {
         readonly name: "Rich Result";
         readonly icon: typeof Monitor;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly header: {
                 readonly class: "";
@@ -130,7 +130,7 @@ export declare const components: {
     readonly containercomponent: {
         readonly name: "Container";
         readonly icon: typeof BoxSelect;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -146,7 +146,7 @@ export declare const components: {
     readonly textcomponent: {
         readonly name: "Text";
         readonly icon: typeof Type;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly text: {
                 readonly class: "";
@@ -188,7 +188,7 @@ export declare const components: {
     readonly buttoncomponent: {
         readonly name: "Button";
         readonly icon: typeof Inspect;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly button: {
                 readonly style: "";
@@ -310,7 +310,7 @@ export declare const components: {
     readonly formcomponent: {
         readonly name: "Form";
         readonly icon: typeof FormInput;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -406,7 +406,7 @@ export declare const components: {
     readonly formbuttoncomponent: {
         readonly name: "Modal Form";
         readonly icon: typeof PlusSquare;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly button: {
                 readonly class: "";
@@ -508,7 +508,7 @@ export declare const components: {
     readonly piechartcomponent: {
         readonly name: "Pie Chart";
         readonly icon: typeof PieChart;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -544,7 +544,7 @@ export declare const components: {
     readonly barchartcomponent: {
         readonly name: "Bar/Line Chart";
         readonly icon: typeof BarChart4;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -580,7 +580,7 @@ export declare const components: {
     readonly htmlcomponent: {
         readonly name: "HTML";
         readonly icon: typeof Code2;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -599,7 +599,7 @@ export declare const components: {
     readonly vegalitecomponent: {
         readonly name: "Vega Lite";
         readonly icon: typeof PieChart;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {};
         readonly initialData: {
             readonly componentInput: {
@@ -648,7 +648,7 @@ export declare const components: {
     readonly plotlycomponent: {
         readonly name: "Plotly";
         readonly icon: typeof PieChart;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {};
         readonly initialData: {
             readonly componentInput: {
@@ -680,7 +680,7 @@ export declare const components: {
     readonly timeseriescomponent: {
         readonly name: "Timeseries";
         readonly icon: typeof GripHorizontal;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -714,7 +714,7 @@ export declare const components: {
     readonly scatterchartcomponent: {
         readonly name: "Scatter Chart";
         readonly icon: typeof GripHorizontal;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -742,7 +742,7 @@ export declare const components: {
     readonly tablecomponent: {
         readonly name: "Table";
         readonly icon: typeof Table2;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -805,7 +805,7 @@ export declare const components: {
     readonly aggridcomponent: {
         readonly name: "AgGrid Table";
         readonly icon: typeof Table2;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {};
         readonly initialData: {
             readonly configuration: {
@@ -830,7 +830,7 @@ export declare const components: {
     readonly checkboxcomponent: {
         readonly name: "Toggle";
         readonly icon: typeof ToggleLeft;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly text: {
                 readonly class: "";
@@ -858,7 +858,7 @@ export declare const components: {
     readonly textinputcomponent: {
         readonly name: "Text Input";
         readonly icon: typeof TextCursorInput;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -886,7 +886,7 @@ export declare const components: {
     readonly textareainputcomponent: {
         readonly name: "Textarea";
         readonly icon: typeof TextCursorInput;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -913,7 +913,7 @@ export declare const components: {
     readonly selectcomponent: {
         readonly name: "Select";
         readonly icon: typeof List;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly input: {
                 readonly style: "";
@@ -948,7 +948,7 @@ export declare const components: {
     readonly multiselectcomponent: {
         readonly name: "Multi Select";
         readonly icon: typeof List;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly input: {
                 readonly style: "";
@@ -970,7 +970,7 @@ export declare const components: {
     readonly resourceselectcomponent: {
         readonly name: "Resource Select";
         readonly icon: typeof List;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly input: {
                 readonly style: "";
@@ -993,7 +993,7 @@ export declare const components: {
     readonly numberinputcomponent: {
         readonly name: "Number";
         readonly icon: typeof Binary;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -1037,7 +1037,7 @@ export declare const components: {
     readonly currencycomponent: {
         readonly name: "Currency";
         readonly icon: typeof DollarSign;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -1080,7 +1080,7 @@ export declare const components: {
     readonly slidercomponent: {
         readonly name: "Slider";
         readonly icon: typeof SlidersHorizontal;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly bar: {
                 readonly style: "";
@@ -1129,7 +1129,7 @@ export declare const components: {
     readonly rangecomponent: {
         readonly name: "Range";
         readonly icon: typeof SlidersHorizontal;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly handles: {
                 readonly style: "";
@@ -1182,7 +1182,7 @@ export declare const components: {
     readonly passwordinputcomponent: {
         readonly name: "Password";
         readonly icon: typeof Lock;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -1205,7 +1205,7 @@ export declare const components: {
     readonly emailinputcomponent: {
         readonly name: "Email Input";
         readonly icon: typeof AtSignIcon;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -1233,7 +1233,7 @@ export declare const components: {
     readonly dateinputcomponent: {
         readonly name: "Date";
         readonly icon: typeof Calendar;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly input: {
                 readonly class: "";
@@ -1265,7 +1265,7 @@ export declare const components: {
     readonly tabscomponent: {
         readonly name: "Tabs";
         readonly icon: typeof ListOrdered;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly tabRow: {
                 readonly class: "";
@@ -1302,7 +1302,7 @@ export declare const components: {
     readonly iconcomponent: {
         readonly name: "Icon";
         readonly icon: typeof Smile;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1346,7 +1346,7 @@ export declare const components: {
     readonly horizontaldividercomponent: {
         readonly name: "Divider X";
         readonly icon: typeof SeparatorHorizontal;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1379,7 +1379,7 @@ export declare const components: {
     readonly verticaldividercomponent: {
         readonly name: "Divider Y";
         readonly icon: typeof SeparatorVertical;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1412,7 +1412,7 @@ export declare const components: {
     readonly fileinputcomponent: {
         readonly name: "File Input";
         readonly icon: typeof Paperclip;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1447,7 +1447,7 @@ export declare const components: {
     readonly imagecomponent: {
         readonly name: "Image";
         readonly icon: typeof Image;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly image: {
                 readonly class: "";
@@ -1486,7 +1486,7 @@ export declare const components: {
     readonly drawercomponent: {
         readonly name: "Drawer";
         readonly icon: typeof SidebarClose;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1541,7 +1541,7 @@ export declare const components: {
     readonly mapcomponent: {
         readonly name: "Map";
         readonly icon: typeof MapPin;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly map: {
                 readonly class: "";
@@ -1573,7 +1573,7 @@ export declare const components: {
     readonly verticalsplitpanescomponent: {
         readonly name: "Vertical Split Panes";
         readonly icon: typeof FlipHorizontal;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1590,7 +1590,7 @@ export declare const components: {
     readonly horizontalsplitpanescomponent: {
         readonly name: "Horizontal Split Panes";
         readonly icon: typeof FlipVertical;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly container: {
                 readonly class: "";
@@ -1607,7 +1607,7 @@ export declare const components: {
     readonly pdfcomponent: {
         readonly name: "PDF";
         readonly icon: typeof FileText;
-        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-10:${number}` | `2:${number}-9:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-10:${number}` | `1:${number}-9:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-10:${number}` | `3:${number}-9:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
+        readonly dims: `2:${number}-2:${number}` | `2:${number}-1:${number}` | `2:${number}-7:${number}` | `2:${number}-3:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-4:${number}` | `2:${number}-8:${number}` | `2:${number}-9:${number}` | `2:${number}-10:${number}` | `2:${number}-11:${number}` | `2:${number}-12:${number}` | `1:${number}-2:${number}` | `1:${number}-1:${number}` | `1:${number}-7:${number}` | `1:${number}-3:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-4:${number}` | `1:${number}-8:${number}` | `1:${number}-9:${number}` | `1:${number}-10:${number}` | `1:${number}-11:${number}` | `1:${number}-12:${number}` | `3:${number}-2:${number}` | `3:${number}-1:${number}` | `3:${number}-7:${number}` | `3:${number}-3:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-4:${number}` | `3:${number}-8:${number}` | `3:${number}-9:${number}` | `3:${number}-10:${number}` | `3:${number}-11:${number}` | `3:${number}-12:${number}`;
         readonly customCss: {
             readonly container: {
                 readonly class: "";

package/components/apps/editor/componentsPanel/ComponentList.svelte CHANGED Viewed

@@ -44,21 +44,6 @@ $: componentsFiltered = COMPONENT_SETS.map((set) => ({
 			</button>
 		{/if}
 	</div>
-	<!-- {#if $focusedGrid}
-		<Badge color="indigo" baseClass="w-full">
-			<div class="flex flex-row gap-2 justify-center items-center">
-				<div>{`Subgrid: ${$focusedGrid.parentComponentId} (${$focusedGrid.subGridIndex})`}</div>
-				<button
-					on:click={() => {
-						$selectedComponent = undefined
-						$focusedGrid = undefined
-					}}
-				>
-					<X size={14} />
-				</button>
-			</div>
-		</Badge>
-	{/if} -->
 </section>
 <div class="relative">
@@ -76,20 +61,21 @@ $: componentsFiltered = COMPONENT_SETS.map((set) => ({
 				{#if components.length}
 					<div transition:slide|local={{ duration: 100 }}>
 						<ListItem title={`${title} (${components.length})`}>
-							<div class="flex flex-wrap gap-2 py-2">
+							<div class="flex flex-wrap gap-3 py-2">
 								{#each components as item (item)}
-									<button
-										animate:flip={{ duration: 100 }}
-										on:click={() => addComponent(item)}
-										title={componentsRecord[item].name}
-										class="border w-24 shadow-sm h-16 p-2 flex flex-col gap-2 items-center
-										justify-center bg-white rounded-md hover:bg-gray-100 duration-200"
-									>
-										<svelte:component this={componentsRecord[item].icon} />
-										<div class="text-xs w-full text-center ellipsize">
+									<div animate:flip={{ duration: 100 }} class="w-20">
+										<button
+											on:click={() => addComponent(item)}
+											title={componentsRecord[item].name}
+											class="transition-all border w-20 shadow-sm h-16 p-2 flex flex-col gap-2 items-center
+											justify-center bg-white rounded-md hover:bg-blue-50 duration-200 hover:border-blue-500"
+										>
+											<svelte:component this={componentsRecord[item].icon} class="text-gray-600" />
+										</button>
+										<div class="text-xs text-center flex-wrap text-gray-600 mt-1">
 											{componentsRecord[item].name}
 										</div>
-									</button>
+									</div>
 								{/each}
 							</div>
 						</ListItem>

package/components/apps/editor/componentsPanel/CssSettings.svelte CHANGED Viewed

@@ -10,7 +10,6 @@ const STATIC_ELEMENTS = ['app'];
 const TITLE_PREFIX = 'Css.';
 const { app } = getContext('AppViewerContext');
 let rawCode = '';
-let viewJsonSchema = false;
 $: rawCode && parseJson();
 let jsonError = '';
 function parseJson() {
@@ -23,7 +22,6 @@ function parseJson() {
     }
 }
 function switchTab(asJson) {
-    viewJsonSchema = asJson;
     if (asJson) {
         rawCode = JSON.stringify($app.css, null, 2);
     }
@@ -53,7 +51,7 @@ entries.sort((a, b) => a.name.localeCompare(b.name));
 let search = '';
 </script>
-<h3 class="w-full text-center text-gray-600 py-1">Global Styling</h3>
+<div class="w-full text-lg font-semibold text-center text-gray-600 p-2">Global Styling</div>
 <Tabs selected="ui" on:selected={(e) => switchTab(e.detail === 'json')} class="relative">
 	<Tab value="ui" size="xs" class="grow">
 		<div class="m-1 center-center">

package/components/apps/editor/componentsPanel/ListItem.svelte CHANGED Viewed

@@ -24,7 +24,7 @@ onMount(() => {
 	{#if prefix !== undefined}
 		<button
 			on:click|preventDefault={() => isOpenStore.toggle(storeTitle)}
-			class="w-full flex justify-between items-center text-gray-700 px-2 py-1
+			class="w-full flex justify-between items-center text-gray-700 px-2 py-1
 			rounded-sm duration-200 hover:bg-gray-100 {toggleClasses}"
 		>
 			<h1 class="text-sm font-semibold text-left">
@@ -40,7 +40,7 @@ onMount(() => {
 			</div>
 		{/if}
 	{:else}
-		<h1 class="text-sm font-semibold text-left px-2 py-1">
+		<h1 class="text-sm font-semibold text-left px-2 py-1 text-gray-600">
 			<slot name="title">
 				{title}
 			</slot>

package/components/apps/editor/componentsPanel/QuickStyleMenu.svelte CHANGED Viewed

@@ -157,8 +157,8 @@ onMount(() => {
 </script>
 <div class="pb-2 pt-1">
-	{#each properties as property, i}
-		{#each Object.keys(property) as group, j}
+	{#each properties as property}
+		{#each Object.keys(property) as group (group)}
 			{@const prefix = `${componentType}_${componentProperty}_${group}`}
 			<ListItem
 				bind:isOpen={isOpen[prefix]}

package/components/apps/editor/contextPanel/ContextPanel.svelte CHANGED Viewed

@@ -1,5 +1,4 @@
-<script>import Alert from '../../../common/alert/Alert.svelte';
-import { classNames } from '../../../../utils';
+<script>import { classNames } from '../../../../utils';
 import { X } from 'lucide-svelte';
 import { getContext } from 'svelte';
 import { connectInput } from '../appUtils';