npm - @feltmaps/js-sdk - Versions diffs - 1.7.0-next.13 → 1.7.0-next.14 - Mend

@feltmaps/js-sdk 1.7.0-next.13 → 1.7.0-next.14

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 (10) hide show

package/dist/client.d.cts +2 -2
package/dist/client.d.ts +2 -2
package/dist/controller-bundled.d.ts +504 -246
package/dist/{controller-CqMk-xTA.d.cts → controller-xRKyjOL2.d.cts} +504 -246
package/dist/{controller-CqMk-xTA.d.ts → controller-xRKyjOL2.d.ts} +504 -246
package/dist/handler.cjs +1 -1
package/dist/handler.d.cts +361 -181
package/dist/handler.d.ts +361 -181
package/dist/handler.js +1 -1
package/package.json +1 -1

package/dist/{controller-CqMk-xTA.d.cts → controller-xRKyjOL2.d.cts} RENAMED Viewed

@@ -8738,14 +8738,27 @@ declare const uiButtonElementSchema: z.ZodObject<z.objectUtil.extendShape<z.obje
     /**
      * The style variant of the button.
      *
-     * - `"primary"`: A solid button with Felt's primary background color (pink).
-     * - `"outlined"`: A button with a border and no background color.
-     * - `"transparent"`: A button with no background color and no border.
-     * - `"transparentThin"`: Same as `transparent` but with lighter font weight.
+     * - `"filled"`: a button with background.
+     *   - `background` color is based on button's `tint` (defaults to `default` tint)
+     * - `"transparent"`: a transparent button that gets a subtle dark background when hovered.
+     *   - `text` color is based on button's `tint` (defaults to `default` tint)
+     * - `"outlined"`: a transparent button with a border.
+     *   - `text` and `border` colors are based on button's `tint` (defaults to `default` tint)
      *
-     * @defaultValue `"primary"`
+     * @defaultValue `"filled"`
      */
-    variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+    variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+    /**
+     * The tint of the button.
+     *
+     * - `"default"`: Felt's theme-based light/dark colors.
+     * - `"primary"`: Felt's primary color (pink).
+     * - `"accent"`: Felt's accent color (blue).
+     * - `"danger"`: Felt's danger color (red).
+     *
+     * @defaultValue `"default"`
+     */
+    tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
     /**
      * Whether the button is disabled.
      *
@@ -8773,7 +8786,8 @@ declare const uiButtonElementSchema: z.ZodObject<z.objectUtil.extendShape<z.obje
         id: string;
     }, ...args: unknown[]) => void) | undefined;
     disabled?: boolean | undefined;
-    variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+    variant?: "filled" | "transparent" | "outlined" | undefined;
+    tint?: "default" | "primary" | "accent" | "danger" | undefined;
 }, {
     type: "Button";
     id: string;
@@ -8788,11 +8802,17 @@ declare const uiButtonElementSchema: z.ZodObject<z.objectUtil.extendShape<z.obje
         id: string;
     }, ...args: unknown[]) => void) | undefined;
     disabled?: boolean | undefined;
-    variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+    variant?: "filled" | "transparent" | "outlined" | undefined;
+    tint?: "default" | "primary" | "accent" | "danger" | undefined;
 }>;
 /**
  * Represents a button element in a panel.
  *
+ * <figure>
+ * <img src="./img/button-showcase.png" alt="Button variants" />
+ * <figcaption>Button variants</figcaption>
+ * </figure>
+ *
  * @example
  * ```typescript
  * {
@@ -9007,7 +9027,8 @@ declare const uiButtonGroupElementSchema: z.ZodObject<z.objectUtil.extendShape<z
     }>, {
         type: z.ZodLiteral<"Button">;
         label: z.ZodString;
-        variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+        variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+        tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
         disabled: z.ZodOptional<z.ZodBoolean>;
         onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
             id: z.ZodString;
@@ -9030,7 +9051,8 @@ declare const uiButtonGroupElementSchema: z.ZodObject<z.objectUtil.extendShape<z
             id: string;
         }, ...args: unknown[]) => void) | undefined;
         disabled?: boolean | undefined;
-        variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+        variant?: "filled" | "transparent" | "outlined" | undefined;
+        tint?: "default" | "primary" | "accent" | "danger" | undefined;
     }, {
         type: "Button";
         id: string;
@@ -9045,7 +9067,8 @@ declare const uiButtonGroupElementSchema: z.ZodObject<z.objectUtil.extendShape<z
             id: string;
         }, ...args: unknown[]) => void) | undefined;
         disabled?: boolean | undefined;
-        variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+        variant?: "filled" | "transparent" | "outlined" | undefined;
+        tint?: "default" | "primary" | "accent" | "danger" | undefined;
     }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
         onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
             id: z.ZodString;
@@ -9141,7 +9164,8 @@ declare const uiButtonGroupElementSchema: z.ZodObject<z.objectUtil.extendShape<z
             id: string;
         }, ...args: unknown[]) => void) | undefined;
         disabled?: boolean | undefined;
-        variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+        variant?: "filled" | "transparent" | "outlined" | undefined;
+        tint?: "default" | "primary" | "accent" | "danger" | undefined;
     } | {
         type: "Text";
         id: string;
@@ -9186,7 +9210,8 @@ declare const uiButtonGroupElementSchema: z.ZodObject<z.objectUtil.extendShape<z
             id: string;
         }, ...args: unknown[]) => void) | undefined;
         disabled?: boolean | undefined;
-        variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+        variant?: "filled" | "transparent" | "outlined" | undefined;
+        tint?: "default" | "primary" | "accent" | "danger" | undefined;
     } | {
         type: "Text";
         id: string;
@@ -9774,7 +9799,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
     }>, {
         type: z.ZodLiteral<"Button">;
         label: z.ZodString;
-        variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+        variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+        tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
         disabled: z.ZodOptional<z.ZodBoolean>;
         onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
             id: z.ZodString;
@@ -9797,7 +9823,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
             id: string;
         }, ...args: unknown[]) => void) | undefined;
         disabled?: boolean | undefined;
-        variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+        variant?: "filled" | "transparent" | "outlined" | undefined;
+        tint?: "default" | "primary" | "accent" | "danger" | undefined;
     }, {
         type: "Button";
         id: string;
@@ -9812,7 +9839,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
             id: string;
         }, ...args: unknown[]) => void) | undefined;
         disabled?: boolean | undefined;
-        variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+        variant?: "filled" | "transparent" | "outlined" | undefined;
+        tint?: "default" | "primary" | "accent" | "danger" | undefined;
     }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
         onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
             id: z.ZodString;
@@ -9893,7 +9921,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
         }>, {
             type: z.ZodLiteral<"Button">;
             label: z.ZodString;
-            variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+            variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+            tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
             disabled: z.ZodOptional<z.ZodBoolean>;
             onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -9916,7 +9945,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }, {
             type: "Button";
             id: string;
@@ -9931,7 +9961,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -10027,7 +10058,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             id: string;
@@ -10072,7 +10104,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             id: string;
@@ -10348,7 +10381,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
     }>, {
         type: z.ZodLiteral<"Button">;
         label: z.ZodString;
-        variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+        variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+        tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
         disabled: z.ZodOptional<z.ZodBoolean>;
         onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
             id: z.ZodString;
@@ -10371,7 +10405,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
             id: string;
         }, ...args: unknown[]) => void) | undefined;
         disabled?: boolean | undefined;
-        variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+        variant?: "filled" | "transparent" | "outlined" | undefined;
+        tint?: "default" | "primary" | "accent" | "danger" | undefined;
     }, {
         type: "Button";
         id: string;
@@ -10386,7 +10421,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
             id: string;
         }, ...args: unknown[]) => void) | undefined;
         disabled?: boolean | undefined;
-        variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+        variant?: "filled" | "transparent" | "outlined" | undefined;
+        tint?: "default" | "primary" | "accent" | "danger" | undefined;
     }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
         onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
             id: z.ZodString;
@@ -10467,7 +10503,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
         }>, {
             type: z.ZodLiteral<"Button">;
             label: z.ZodString;
-            variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+            variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+            tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
             disabled: z.ZodOptional<z.ZodBoolean>;
             onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -10490,7 +10527,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }, {
             type: "Button";
             id: string;
@@ -10505,7 +10543,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -10601,7 +10640,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             id: string;
@@ -10646,7 +10686,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             id: string;
@@ -10923,7 +10964,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
             id: string;
         }, ...args: unknown[]) => void) | undefined;
         disabled?: boolean | undefined;
-        variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+        variant?: "filled" | "transparent" | "outlined" | undefined;
+        tint?: "default" | "primary" | "accent" | "danger" | undefined;
     } | {
         type: "Text";
         id: string;
@@ -10951,7 +10993,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             id: string;
@@ -11055,7 +11098,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
             id: string;
         }, ...args: unknown[]) => void) | undefined;
         disabled?: boolean | undefined;
-        variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+        variant?: "filled" | "transparent" | "outlined" | undefined;
+        tint?: "default" | "primary" | "accent" | "danger" | undefined;
     } | {
         type: "Text";
         id: string;
@@ -11083,7 +11127,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             id: string;
@@ -11186,7 +11231,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
             id: string;
         }, ...args: unknown[]) => void) | undefined;
         disabled?: boolean | undefined;
-        variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+        variant?: "filled" | "transparent" | "outlined" | undefined;
+        tint?: "default" | "primary" | "accent" | "danger" | undefined;
     } | {
         type: "Text";
         id: string;
@@ -11214,7 +11260,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             id: string;
@@ -11318,7 +11365,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
             id: string;
         }, ...args: unknown[]) => void) | undefined;
         disabled?: boolean | undefined;
-        variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+        variant?: "filled" | "transparent" | "outlined" | undefined;
+        tint?: "default" | "primary" | "accent" | "danger" | undefined;
     } | {
         type: "Text";
         id: string;
@@ -11346,7 +11394,8 @@ declare const uiPanelSchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.e
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             id: string;
@@ -11554,7 +11603,8 @@ declare const uiPanelCreateSchema: {
         }>, {
             type: z.ZodLiteral<"Button">;
             label: z.ZodString;
-            variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+            variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+            tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
             disabled: z.ZodOptional<z.ZodBoolean>;
             onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -11577,7 +11627,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }, {
             type: "Button";
             id: string;
@@ -11592,7 +11643,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -11673,7 +11725,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -11696,7 +11749,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 id: string;
@@ -11711,7 +11765,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -11807,7 +11862,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 id: string;
@@ -11852,7 +11908,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 id: string;
@@ -12125,7 +12182,8 @@ declare const uiPanelCreateSchema: {
         }>, {
             type: z.ZodLiteral<"Button">;
             label: z.ZodString;
-            variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+            variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+            tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
             disabled: z.ZodOptional<z.ZodBoolean>;
             onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -12148,7 +12206,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }, {
             type: "Button";
             id: string;
@@ -12163,7 +12222,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -12244,7 +12304,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -12267,7 +12328,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 id: string;
@@ -12282,7 +12344,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -12378,7 +12441,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 id: string;
@@ -12423,7 +12487,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 id: string;
@@ -12704,7 +12769,8 @@ declare const uiPanelCreateSchema: {
         }>, {
             type: z.ZodLiteral<"Button">;
             label: z.ZodString;
-            variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+            variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+            tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
             disabled: z.ZodOptional<z.ZodBoolean>;
             onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -12743,7 +12809,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }, {
             type: "Button";
             label: string;
@@ -12758,7 +12825,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -12855,7 +12923,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -12878,7 +12947,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 id: string;
@@ -12893,7 +12963,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -13009,7 +13080,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -13048,7 +13120,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 label: string;
@@ -13063,7 +13136,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -13172,7 +13246,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -13217,7 +13292,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -13559,7 +13635,8 @@ declare const uiPanelCreateSchema: {
         }>, {
             type: z.ZodLiteral<"Button">;
             label: z.ZodString;
-            variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+            variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+            tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
             disabled: z.ZodOptional<z.ZodBoolean>;
             onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -13598,7 +13675,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }, {
             type: "Button";
             label: string;
@@ -13613,7 +13691,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -13710,7 +13789,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -13733,7 +13813,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 id: string;
@@ -13748,7 +13829,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -13864,7 +13946,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -13903,7 +13986,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 label: string;
@@ -13918,7 +14002,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -14027,7 +14112,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -14072,7 +14158,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -14409,7 +14496,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -14436,7 +14524,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -14543,7 +14632,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -14570,7 +14660,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -14672,7 +14763,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -14699,7 +14791,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -14806,7 +14899,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -14833,7 +14927,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -14959,7 +15054,8 @@ declare const uiPanelCreateSchema: {
         }>, {
             type: z.ZodLiteral<"Button">;
             label: z.ZodString;
-            variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+            variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+            tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
             disabled: z.ZodOptional<z.ZodBoolean>;
             onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -14982,7 +15078,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }, {
             type: "Button";
             id: string;
@@ -14997,7 +15094,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -15078,7 +15176,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -15101,7 +15200,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 id: string;
@@ -15116,7 +15216,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -15212,7 +15313,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 id: string;
@@ -15257,7 +15359,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 id: string;
@@ -15530,7 +15633,8 @@ declare const uiPanelCreateSchema: {
         }>, {
             type: z.ZodLiteral<"Button">;
             label: z.ZodString;
-            variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+            variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+            tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
             disabled: z.ZodOptional<z.ZodBoolean>;
             onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -15553,7 +15657,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }, {
             type: "Button";
             id: string;
@@ -15568,7 +15673,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -15649,7 +15755,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -15672,7 +15779,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 id: string;
@@ -15687,7 +15795,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -15783,7 +15892,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 id: string;
@@ -15828,7 +15938,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 id: string;
@@ -16109,7 +16220,8 @@ declare const uiPanelCreateSchema: {
         }>, {
             type: z.ZodLiteral<"Button">;
             label: z.ZodString;
-            variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+            variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+            tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
             disabled: z.ZodOptional<z.ZodBoolean>;
             onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -16148,7 +16260,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }, {
             type: "Button";
             label: string;
@@ -16163,7 +16276,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -16260,7 +16374,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -16283,7 +16398,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 id: string;
@@ -16298,7 +16414,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -16414,7 +16531,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -16453,7 +16571,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 label: string;
@@ -16468,7 +16587,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -16577,7 +16697,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -16622,7 +16743,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -16964,7 +17086,8 @@ declare const uiPanelCreateSchema: {
         }>, {
             type: z.ZodLiteral<"Button">;
             label: z.ZodString;
-            variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+            variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+            tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
             disabled: z.ZodOptional<z.ZodBoolean>;
             onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -17003,7 +17126,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }, {
             type: "Button";
             label: string;
@@ -17018,7 +17142,8 @@ declare const uiPanelCreateSchema: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -17115,7 +17240,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -17138,7 +17264,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 id: string;
@@ -17153,7 +17280,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -17269,7 +17397,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -17308,7 +17437,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 label: string;
@@ -17323,7 +17453,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -17432,7 +17563,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -17477,7 +17609,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -17840,7 +17973,8 @@ declare const uiPanelCreateSchema: {
         }>, {
             type: z.ZodLiteral<"Button">;
             label: z.ZodString;
-            variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+            variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+            tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
             disabled: z.ZodOptional<z.ZodBoolean>;
             onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -17894,7 +18028,8 @@ declare const uiPanelCreateSchema: {
             onCreate?: string | undefined;
             onDestroy?: string | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }, {
             type: "Button";
             label: string;
@@ -17903,7 +18038,8 @@ declare const uiPanelCreateSchema: {
             onCreate?: string | undefined;
             onDestroy?: string | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -18011,7 +18147,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -18034,7 +18171,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 id: string;
@@ -18049,7 +18187,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -18165,7 +18304,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -18204,7 +18344,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 label: string;
@@ -18219,7 +18360,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -18352,7 +18494,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -18406,7 +18549,8 @@ declare const uiPanelCreateSchema: {
                 onCreate?: string | undefined;
                 onDestroy?: string | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 label: string;
@@ -18415,7 +18559,8 @@ declare const uiPanelCreateSchema: {
                 onCreate?: string | undefined;
                 onDestroy?: string | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -18540,7 +18685,8 @@ declare const uiPanelCreateSchema: {
                 onCreate?: string | undefined;
                 onDestroy?: string | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -18567,7 +18713,8 @@ declare const uiPanelCreateSchema: {
                 onCreate?: string | undefined;
                 onDestroy?: string | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -18950,7 +19097,8 @@ declare const uiPanelCreateSchema: {
         }>, {
             type: z.ZodLiteral<"Button">;
             label: z.ZodString;
-            variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+            variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+            tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
             disabled: z.ZodOptional<z.ZodBoolean>;
             onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -19004,7 +19152,8 @@ declare const uiPanelCreateSchema: {
             onCreate?: string | undefined;
             onDestroy?: string | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }, {
             type: "Button";
             label: string;
@@ -19013,7 +19162,8 @@ declare const uiPanelCreateSchema: {
             onCreate?: string | undefined;
             onDestroy?: string | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -19121,7 +19271,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -19144,7 +19295,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 id: string;
@@ -19159,7 +19311,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -19275,7 +19428,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -19314,7 +19468,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 label: string;
@@ -19329,7 +19484,8 @@ declare const uiPanelCreateSchema: {
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -19462,7 +19618,8 @@ declare const uiPanelCreateSchema: {
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -19516,7 +19673,8 @@ declare const uiPanelCreateSchema: {
                 onCreate?: string | undefined;
                 onDestroy?: string | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 label: string;
@@ -19525,7 +19683,8 @@ declare const uiPanelCreateSchema: {
                 onCreate?: string | undefined;
                 onDestroy?: string | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -19650,7 +19809,8 @@ declare const uiPanelCreateSchema: {
                 onCreate?: string | undefined;
                 onDestroy?: string | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -19677,7 +19837,8 @@ declare const uiPanelCreateSchema: {
                 onCreate?: string | undefined;
                 onDestroy?: string | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -20049,7 +20210,8 @@ declare const uiPanelCreateSchema: {
             onCreate?: string | undefined;
             onDestroy?: string | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -20066,7 +20228,8 @@ declare const uiPanelCreateSchema: {
                 onCreate?: string | undefined;
                 onDestroy?: string | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -20127,7 +20290,8 @@ declare const uiPanelCreateSchema: {
             onCreate?: string | undefined;
             onDestroy?: string | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -20144,7 +20308,8 @@ declare const uiPanelCreateSchema: {
                 onCreate?: string | undefined;
                 onDestroy?: string | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -20202,7 +20367,8 @@ declare const uiPanelCreateSchema: {
             onCreate?: string | undefined;
             onDestroy?: string | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -20219,7 +20385,8 @@ declare const uiPanelCreateSchema: {
                 onCreate?: string | undefined;
                 onDestroy?: string | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -20280,7 +20447,8 @@ declare const uiPanelCreateSchema: {
             onCreate?: string | undefined;
             onDestroy?: string | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -20297,7 +20465,8 @@ declare const uiPanelCreateSchema: {
                 onCreate?: string | undefined;
                 onDestroy?: string | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -20598,7 +20767,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
         }>, {
             type: z.ZodLiteral<"Button">;
             label: z.ZodString;
-            variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+            variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+            tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
             disabled: z.ZodOptional<z.ZodBoolean>;
             onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -20621,7 +20791,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }, {
             type: "Button";
             id: string;
@@ -20636,7 +20807,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -20717,7 +20889,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -20740,7 +20913,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 id: string;
@@ -20755,7 +20929,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -20851,7 +21026,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 id: string;
@@ -20896,7 +21072,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 id: string;
@@ -21169,7 +21346,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
         }>, {
             type: z.ZodLiteral<"Button">;
             label: z.ZodString;
-            variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+            variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+            tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
             disabled: z.ZodOptional<z.ZodBoolean>;
             onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -21192,7 +21370,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }, {
             type: "Button";
             id: string;
@@ -21207,7 +21386,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -21288,7 +21468,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -21311,7 +21492,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 id: string;
@@ -21326,7 +21508,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -21422,7 +21605,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 id: string;
@@ -21467,7 +21651,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 id: string;
@@ -21748,7 +21933,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
         }>, {
             type: z.ZodLiteral<"Button">;
             label: z.ZodString;
-            variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+            variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+            tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
             disabled: z.ZodOptional<z.ZodBoolean>;
             onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -21787,7 +21973,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }, {
             type: "Button";
             label: string;
@@ -21802,7 +21989,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -21899,7 +22087,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -21922,7 +22111,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 id: string;
@@ -21937,7 +22127,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -22053,7 +22244,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -22092,7 +22284,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 label: string;
@@ -22107,7 +22300,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -22216,7 +22410,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -22261,7 +22456,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -22603,7 +22799,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
         }>, {
             type: z.ZodLiteral<"Button">;
             label: z.ZodString;
-            variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+            variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+            tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
             disabled: z.ZodOptional<z.ZodBoolean>;
             onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -22642,7 +22839,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }, {
             type: "Button";
             label: string;
@@ -22657,7 +22855,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -22754,7 +22953,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -22777,7 +22977,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 id: string;
@@ -22792,7 +22993,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -22908,7 +23110,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -22947,7 +23150,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 label: string;
@@ -22962,7 +23166,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -23071,7 +23276,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -23116,7 +23322,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -23453,7 +23660,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -23480,7 +23688,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -23587,7 +23796,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -23614,7 +23824,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -23716,7 +23927,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -23743,7 +23955,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -23850,7 +24063,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -23877,7 +24091,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -24000,7 +24215,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -24027,7 +24243,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -24134,7 +24351,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -24161,7 +24379,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -24272,7 +24491,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -24299,7 +24519,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -24406,7 +24627,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -24433,7 +24655,8 @@ declare const CreatePanelParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -24574,7 +24797,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
         }>, {
             type: z.ZodLiteral<"Button">;
             label: z.ZodString;
-            variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+            variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+            tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
             disabled: z.ZodOptional<z.ZodBoolean>;
             onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -24613,7 +24837,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }, {
             type: "Button";
             label: string;
@@ -24628,7 +24853,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -24725,7 +24951,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -24748,7 +24975,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 id: string;
@@ -24763,7 +24991,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -24879,7 +25108,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -24918,7 +25148,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 label: string;
@@ -24933,7 +25164,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -25042,7 +25274,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -25087,7 +25320,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -25485,7 +25719,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -25521,7 +25756,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -25630,7 +25866,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -25666,7 +25903,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -25778,7 +26016,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -25814,7 +26053,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -25926,7 +26166,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
         } | {
             type: "Text";
             content: string;
@@ -25962,7 +26203,8 @@ declare const CreatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -26091,7 +26333,8 @@ declare const UpdatePanelElementsParamsSchema: z.ZodObject<{
         element: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
             type: z.ZodLiteral<"Button">;
             label: z.ZodOptional<z.ZodString>;
-            variant: z.ZodOptional<z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>>;
+            variant: z.ZodOptional<z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>>;
+            tint: z.ZodOptional<z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>>;
             disabled: z.ZodOptional<z.ZodOptional<z.ZodBoolean>>;
             onClick: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                 id: z.ZodString;
@@ -26126,7 +26369,8 @@ declare const UpdatePanelElementsParamsSchema: z.ZodObject<{
             }, ...args: unknown[]) => void) | undefined;
             label?: string | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
             onClick?: ((args_0: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
@@ -26141,7 +26385,8 @@ declare const UpdatePanelElementsParamsSchema: z.ZodObject<{
             }, ...args: unknown[]) => void) | undefined;
             label?: string | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
             onClick?: ((args_0: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
@@ -26221,7 +26466,8 @@ declare const UpdatePanelElementsParamsSchema: z.ZodObject<{
             }>, {
                 type: z.ZodLiteral<"Button">;
                 label: z.ZodString;
-                variant: z.ZodOptional<z.ZodEnum<["primary", "outlined", "transparent", "transparentThin"]>>;
+                variant: z.ZodOptional<z.ZodEnum<["filled", "transparent", "outlined"]>>;
+                tint: z.ZodOptional<z.ZodEnum<["default", "primary", "accent", "danger"]>>;
                 disabled: z.ZodOptional<z.ZodBoolean>;
                 onClick: z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -26260,7 +26506,8 @@ declare const UpdatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }, {
                 type: "Button";
                 label: string;
@@ -26275,7 +26522,8 @@ declare const UpdatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
                 onCreate: z.ZodOptional<z.ZodFunction<z.ZodTuple<[z.ZodObject<{
                     id: z.ZodString;
@@ -26386,7 +26634,8 @@ declare const UpdatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -26431,7 +26680,8 @@ declare const UpdatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -26722,7 +26972,8 @@ declare const UpdatePanelElementsParamsSchema: z.ZodObject<{
             }, ...args: unknown[]) => void) | undefined;
             label?: string | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
             onClick?: ((args_0: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
@@ -26754,7 +27005,8 @@ declare const UpdatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -26857,7 +27109,8 @@ declare const UpdatePanelElementsParamsSchema: z.ZodObject<{
             }, ...args: unknown[]) => void) | undefined;
             label?: string | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
             onClick?: ((args_0: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
@@ -26889,7 +27142,8 @@ declare const UpdatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -26995,7 +27249,8 @@ declare const UpdatePanelElementsParamsSchema: z.ZodObject<{
             }, ...args: unknown[]) => void) | undefined;
             label?: string | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
             onClick?: ((args_0: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
@@ -27027,7 +27282,8 @@ declare const UpdatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;
@@ -27133,7 +27389,8 @@ declare const UpdatePanelElementsParamsSchema: z.ZodObject<{
             }, ...args: unknown[]) => void) | undefined;
             label?: string | undefined;
             disabled?: boolean | undefined;
-            variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+            variant?: "filled" | "transparent" | "outlined" | undefined;
+            tint?: "default" | "primary" | "accent" | "danger" | undefined;
             onClick?: ((args_0: {
                 id: string;
             }, ...args: unknown[]) => void) | undefined;
@@ -27165,7 +27422,8 @@ declare const UpdatePanelElementsParamsSchema: z.ZodObject<{
                     id: string;
                 }, ...args: unknown[]) => void) | undefined;
                 disabled?: boolean | undefined;
-                variant?: "primary" | "outlined" | "transparent" | "transparentThin" | undefined;
+                variant?: "filled" | "transparent" | "outlined" | undefined;
+                tint?: "default" | "primary" | "accent" | "danger" | undefined;
             } | {
                 type: "Text";
                 content: string;