@tesouro/embedded-components-react 0.9.1 → 0.9.4

package/dist/index.css

@@ -2153,7 +2153,7 @@
     border-color: var(--ttw-color-red-200);
   }
   .ttw\:border-sidebar-border {
-    border-color: var(--ttw-sidebar-border);
+    border-color: var(--ttw-sidebar-border, var(--ttw-border));
   }
   .ttw\:border-sky-100 {
     border-color: var(--ttw-color-sky-100);
@@ -2296,12 +2296,6 @@
   .ttw\:bg-black {
     background-color: var(--ttw-color-black);
   }
-  .ttw\:bg-black\/50 {
-    background-color: var(--ttw-color-black);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--ttw-color-black) 50%, transparent);
-    }
-  }
   .ttw\:bg-black\/55 {
     background-color: var(--ttw-color-black);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2332,9 +2326,33 @@
   .ttw\:bg-cyan-100 {
     background-color: var(--ttw-color-cyan-100);
   }
+  .ttw\:bg-cyan-subtle {
+    background-color: var(
+    --ttw-cyan-subtle,
+    var(--ttw-cyan)
+  );
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: var(
+    --ttw-cyan-subtle,
+    color-mix(in oklab, var(--ttw-cyan) 12%, var(--ttw-background))
+  );
+    }
+  }
   .ttw\:bg-destructive {
     background-color: var(--ttw-destructive);
   }
+  .ttw\:bg-destructive-subtle {
+    background-color: var(
+    --ttw-destructive-subtle,
+    var(--ttw-destructive)
+  );
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: var(
+    --ttw-destructive-subtle,
+    color-mix(in oklab, var(--ttw-destructive) 12%, var(--ttw-background))
+  );
+    }
+  }
   .ttw\:bg-destructive\/5 {
     background-color: var(--ttw-destructive);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2404,6 +2422,18 @@
   .ttw\:bg-indigo-700 {
     background-color: var(--ttw-color-indigo-700);
   }
+  .ttw\:bg-info-subtle {
+    background-color: var(
+    --ttw-info-subtle,
+    var(--ttw-info)
+  );
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: var(
+    --ttw-info-subtle,
+    color-mix(in oklab, var(--ttw-info) 12%, var(--ttw-background))
+  );
+    }
+  }
   .ttw\:bg-muted {
     background-color: var(--ttw-muted);
   }
@@ -2437,6 +2467,9 @@
   .ttw\:bg-orange-100 {
     background-color: var(--ttw-color-orange-100);
   }
+  .ttw\:bg-overlay {
+    background-color: var(--ttw-overlay);
+  }
   .ttw\:bg-pink-50 {
     background-color: var(--ttw-color-pink-50);
   }
@@ -2489,10 +2522,10 @@
     background-color: var(--ttw-secondary);
   }
   .ttw\:bg-sidebar {
-    background-color: var(--ttw-sidebar);
+    background-color: var(--ttw-sidebar, var(--ttw-card));
   }
   .ttw\:bg-sidebar-border {
-    background-color: var(--ttw-sidebar-border);
+    background-color: var(--ttw-sidebar-border, var(--ttw-border));
   }
   .ttw\:bg-sky-100 {
     background-color: var(--ttw-color-sky-100);
@@ -2500,8 +2533,20 @@
   .ttw\:bg-stone-200 {
     background-color: var(--ttw-color-stone-200);
   }
+  .ttw\:bg-success-subtle {
+    background-color: var(
+    --ttw-success-subtle,
+    var(--ttw-success)
+  );
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: var(
+    --ttw-success-subtle,
+    color-mix(in oklab, var(--ttw-success) 12%, var(--ttw-background))
+  );
+    }
+  }
   .ttw\:bg-surface-subtle {
-    background-color: var(--ttw-surface-subtle);
+    background-color: var(--ttw-surface-subtle, var(--ttw-muted));
   }
   .ttw\:bg-transparent {
     background-color: transparent;
@@ -2512,6 +2557,30 @@
   .ttw\:bg-violet-100 {
     background-color: var(--ttw-color-violet-100);
   }
+  .ttw\:bg-violet-subtle {
+    background-color: var(
+    --ttw-violet-subtle,
+    var(--ttw-violet)
+  );
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: var(
+    --ttw-violet-subtle,
+    color-mix(in oklab, var(--ttw-violet) 12%, var(--ttw-background))
+  );
+    }
+  }
+  .ttw\:bg-warning-subtle {
+    background-color: var(
+    --ttw-warning-subtle,
+    var(--ttw-warning)
+  );
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: var(
+    --ttw-warning-subtle,
+    color-mix(in oklab, var(--ttw-warning) 12%, var(--ttw-background))
+  );
+    }
+  }
   .ttw\:bg-white {
     background-color: var(--ttw-color-white);
   }
@@ -3269,12 +3338,36 @@
   .ttw\:text-cyan-700 {
     color: var(--ttw-color-cyan-700);
   }
+  .ttw\:text-cyan-foreground {
+    color: var(
+    --ttw-cyan-foreground,
+    var(--ttw-cyan)
+  );
+    @supports (color: color-mix(in lab, red, red)) {
+      color: var(
+    --ttw-cyan-foreground,
+    color-mix(in oklab, var(--ttw-cyan) 60%, var(--ttw-foreground))
+  );
+    }
+  }
   .ttw\:text-destructive {
     color: var(--ttw-destructive);
   }
   .ttw\:text-destructive-foreground {
     color: var(--ttw-destructive-foreground);
   }
+  .ttw\:text-destructive-subtle-foreground {
+    color: var(
+    --ttw-destructive-subtle-foreground,
+    var(--ttw-destructive)
+  );
+    @supports (color: color-mix(in lab, red, red)) {
+      color: var(
+    --ttw-destructive-subtle-foreground,
+    color-mix(in oklab, var(--ttw-destructive) 60%, var(--ttw-foreground))
+  );
+    }
+  }
   .ttw\:text-emerald-600 {
     color: var(--ttw-color-emerald-600);
   }
@@ -3311,6 +3404,18 @@
   .ttw\:text-indigo-700 {
     color: var(--ttw-color-indigo-700);
   }
+  .ttw\:text-info-foreground {
+    color: var(
+    --ttw-info-foreground,
+    var(--ttw-info)
+  );
+    @supports (color: color-mix(in lab, red, red)) {
+      color: var(
+    --ttw-info-foreground,
+    color-mix(in oklab, var(--ttw-info) 60%, var(--ttw-foreground))
+  );
+    }
+  }
   .ttw\:text-inherit {
     color: inherit;
   }
@@ -3354,20 +3459,65 @@
     color: var(--ttw-secondary-foreground);
   }
   .ttw\:text-sidebar-foreground {
-    color: var(--ttw-sidebar-foreground);
+    color: var(
+    --ttw-sidebar-foreground,
+    var(--ttw-foreground)
+  );
   }
   .ttw\:text-sidebar-foreground\/70 {
-    color: var(--ttw-sidebar-foreground);
+    color: var(
+    --ttw-sidebar-foreground,
+    var(--ttw-foreground)
+  );
     @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--ttw-sidebar-foreground) 70%, transparent);
+      color: color-mix(in oklab, var(
+    --ttw-sidebar-foreground,
+    var(--ttw-foreground)
+  ) 70%, transparent);
     }
   }
   .ttw\:text-sky-700 {
     color: var(--ttw-color-sky-700);
   }
+  .ttw\:text-success-foreground {
+    color: var(
+    --ttw-success-foreground,
+    var(--ttw-success)
+  );
+    @supports (color: color-mix(in lab, red, red)) {
+      color: var(
+    --ttw-success-foreground,
+    color-mix(in oklab, var(--ttw-success) 60%, var(--ttw-foreground))
+  );
+    }
+  }
   .ttw\:text-violet-700 {
     color: var(--ttw-color-violet-700);
   }
+  .ttw\:text-violet-foreground {
+    color: var(
+    --ttw-violet-foreground,
+    var(--ttw-violet)
+  );
+    @supports (color: color-mix(in lab, red, red)) {
+      color: var(
+    --ttw-violet-foreground,
+    color-mix(in oklab, var(--ttw-violet) 60%, var(--ttw-foreground))
+  );
+    }
+  }
+  .ttw\:text-warning-foreground {
+    color: var(
+    --ttw-warning-foreground,
+    var(--ttw-warning)
+  );
+    @supports (color: color-mix(in lab, red, red)) {
+      color: var(
+    --ttw-warning-foreground,
+    color-mix(in oklab, var(--ttw-warning) 60%, var(--ttw-foreground))
+  );
+    }
+  }
   .ttw\:text-white {
     color: var(--ttw-color-white);
   }
@@ -3464,10 +3614,6 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .ttw\:shadow-\[0_0_0_1px_hsl\(var\(--ttw-sidebar-border\)\)\] {
-    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--ttw-sidebar-border)));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .ttw\:shadow-\[0_0_40px_8px\] {
     --tw-shadow: 0 0 40px 8px var(--tw-shadow-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3516,6 +3662,10 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ttw\:inset-ring {
+    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .ttw\:shadow-emerald-700\/25 {
     --tw-shadow-color: var(--ttw-color-emerald-700);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3550,7 +3700,10 @@
     }
   }
   .ttw\:ring-sidebar-ring {
-    --tw-ring-color: var(--ttw-sidebar-ring);
+    --tw-ring-color: var(--ttw-sidebar-ring, var(--ttw-ring));
+  }
+  .ttw\:inset-ring-sidebar-border {
+    --tw-inset-ring-color: var(--ttw-sidebar-border, var(--ttw-border));
   }
   .ttw\:ring-offset-background {
     --tw-ring-offset-color: var(--ttw-background);
@@ -3857,7 +4010,7 @@
     border-width: 1px;
   }
   .ttw\:group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.ttw\:group)[data-variant="floating"] *) {
-    border-color: var(--ttw-sidebar-border);
+    border-color: var(--ttw-sidebar-border, var(--ttw-border));
   }
   .ttw\:group-data-\[variant\=floating\]\:shadow-sm:is(:where(.ttw\:group)[data-variant="floating"] *) {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
@@ -3912,7 +4065,10 @@
   }
   @media (hover: hover) {
     .ttw\:peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.ttw\:peer\/menu-button):hover ~ *) {
-      color: var(--ttw-sidebar-accent-foreground);
+      color: var(
+    --ttw-sidebar-accent-foreground,
+    var(--ttw-accent-foreground)
+  );
     }
   }
   .ttw\:peer-focus\:top-1\.5:is(:where(.ttw\:peer):focus ~ *) {
@@ -3933,7 +4089,10 @@
     opacity: 50%;
   }
   .ttw\:peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.ttw\:peer\/menu-button)[data-active="true"] ~ *) {
-    color: var(--ttw-sidebar-accent-foreground);
+    color: var(
+    --ttw-sidebar-accent-foreground,
+    var(--ttw-accent-foreground)
+  );
   }
   .ttw\:peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.ttw\:peer\/menu-button)[data-size="default"] ~ *) {
     top: calc(var(--ttw-spacing) * 1.5);
@@ -4273,7 +4432,7 @@
       }
     }
     .ttw\:hover\:bg-sidebar-accent:hover {
-      background-color: var(--ttw-sidebar-accent);
+      background-color: var(--ttw-sidebar-accent, var(--ttw-accent));
     }
     .ttw\:hover\:bg-sky-100:hover {
       background-color: var(--ttw-color-sky-100);
@@ -4330,7 +4489,10 @@
       }
     }
     .ttw\:hover\:text-sidebar-accent-foreground:hover {
-      color: var(--ttw-sidebar-accent-foreground);
+      color: var(
+    --ttw-sidebar-accent-foreground,
+    var(--ttw-accent-foreground)
+  );
     }
     .ttw\:hover\:text-white:hover {
       color: var(--ttw-color-white);
@@ -4347,24 +4509,23 @@
     .ttw\:hover\:opacity-100:hover {
       opacity: 100%;
     }
-    .ttw\:hover\:shadow-\[0_0_0_1px_hsl\(var\(--ttw-sidebar-accent\)\)\]:hover {
-      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--ttw-sidebar-accent)));
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
     .ttw\:hover\:shadow-md:hover {
       --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
+    .ttw\:hover\:inset-ring-sidebar-accent:hover {
+      --tw-inset-ring-color: var(--ttw-sidebar-accent, var(--ttw-accent));
+    }
     .ttw\:hover\:brightness-95:hover {
       --tw-brightness: brightness(95%);
       filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
     }
     .ttw\:hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.ttw\:group)[data-collapsible="offcanvas"] *) {
-      background-color: var(--ttw-sidebar);
+      background-color: var(--ttw-sidebar, var(--ttw-card));
     }
     .ttw\:hover\:after\:bg-sidebar-border:hover::after {
       content: var(--tw-content);
-      background-color: var(--ttw-sidebar-border);
+      background-color: var(--ttw-sidebar-border, var(--ttw-border));
     }
   }
   .ttw\:focus\:bg-accent:focus {
@@ -4482,10 +4643,13 @@
     outline-style: none;
   }
   .ttw\:active\:bg-sidebar-accent:active {
-    background-color: var(--ttw-sidebar-accent);
+    background-color: var(--ttw-sidebar-accent, var(--ttw-accent));
   }
   .ttw\:active\:text-sidebar-accent-foreground:active {
-    color: var(--ttw-sidebar-accent-foreground);
+    color: var(
+    --ttw-sidebar-accent-foreground,
+    var(--ttw-accent-foreground)
+  );
   }
   .ttw\:disabled\:pointer-events-none:disabled {
     pointer-events: none;
@@ -4540,7 +4704,7 @@
     }
   }
   .ttw\:has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant="inset"]) {
-    background-color: var(--ttw-sidebar);
+    background-color: var(--ttw-sidebar, var(--ttw-card));
   }
   .ttw\:has-\[\:checked\]\:border-primary:has(:is(:checked)) {
     border-color: var(--ttw-primary);
@@ -4672,7 +4836,7 @@
     }
   }
   .ttw\:data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
-    background-color: var(--ttw-sidebar-accent);
+    background-color: var(--ttw-sidebar-accent, var(--ttw-accent));
   }
   .ttw\:data-\[active\=true\]\:font-medium[data-active="true"] {
     --tw-font-weight: var(--ttw-font-weight-medium);
@@ -4682,7 +4846,10 @@
     color: var(--ttw-accent-foreground);
   }
   .ttw\:data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
-    color: var(--ttw-sidebar-accent-foreground);
+    color: var(
+    --ttw-sidebar-accent-foreground,
+    var(--ttw-accent-foreground)
+  );
   }
   @media (hover: hover) {
     .ttw\:data-\[active\=true\]\:hover\:bg-accent[data-active="true"]:hover {
@@ -5094,10 +5261,13 @@
       background-color: var(--ttw-accent);
     }
     .ttw\:data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state="open"]:hover {
-      background-color: var(--ttw-sidebar-accent);
+      background-color: var(--ttw-sidebar-accent, var(--ttw-accent));
     }
     .ttw\:data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state="open"]:hover {
-      color: var(--ttw-sidebar-accent-foreground);
+      color: var(
+    --ttw-sidebar-accent-foreground,
+    var(--ttw-accent-foreground)
+  );
     }
   }
   .ttw\:data-\[state\=open\]\:focus\:bg-accent[data-state="open"]:focus {
@@ -5646,7 +5816,10 @@
     color: var(--ttw-muted-foreground);
   }
   .ttw\:\[\&\>svg\]\:text-sidebar-accent-foreground > svg {
-    color: var(--ttw-sidebar-accent-foreground);
+    color: var(
+    --ttw-sidebar-accent-foreground,
+    var(--ttw-accent-foreground)
+  );
   }
   .ttw\:group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.ttw\:group\/avatar-group):has([data-size="lg"]) *) > svg {
     width: calc(var(--ttw-spacing) * 5);
@@ -5831,7 +6004,6 @@
   --ttw-secondary-foreground: oklch(0.205 0 0);
   --ttw-muted: oklch(0.97 0 0);
   --ttw-muted-foreground: oklch(0.556 0 0);
-  --ttw-surface-subtle: #f9f9fb;
   --ttw-accent: oklch(0.97 0 0);
   --ttw-accent-foreground: oklch(0.205 0 0);
   --ttw-destructive: #dc2626;
@@ -5839,19 +6011,12 @@
   --ttw-border: oklch(0.922 0 0);
   --ttw-input: oklch(0.922 0 0);
   --ttw-ring: oklch(0.708 0 0);
-  --ttw-chart-1: oklch(0.646 0.222 41.116);
-  --ttw-chart-2: oklch(0.6 0.118 184.704);
-  --ttw-chart-3: oklch(0.398 0.07 227.392);
-  --ttw-chart-4: oklch(0.828 0.189 84.429);
-  --ttw-chart-5: oklch(0.769 0.188 70.08);
-  --ttw-sidebar: oklch(0.985 0 0);
-  --ttw-sidebar-foreground: oklch(0.145 0 0);
-  --ttw-sidebar-primary: oklch(0.205 0 0);
-  --ttw-sidebar-primary-foreground: oklch(0.985 0 0);
-  --ttw-sidebar-accent: oklch(0.97 0 0);
-  --ttw-sidebar-accent-foreground: oklch(0.205 0 0);
-  --ttw-sidebar-border: oklch(0.922 0 0);
-  --ttw-sidebar-ring: oklch(0.708 0 0);
+  --ttw-info: #2563eb;
+  --ttw-success: #16a34a;
+  --ttw-warning: #d97706;
+  --ttw-violet: #7c3aed;
+  --ttw-cyan: #0891b2;
+  --ttw-overlay: oklch(0 0 0 / 0.5);
 }
 .dark {
   --ttw-background: oklch(0.145 0 0);
@@ -5866,7 +6031,6 @@
   --ttw-secondary-foreground: oklch(0.985 0 0);
   --ttw-muted: oklch(0.269 0 0);
   --ttw-muted-foreground: oklch(0.708 0 0);
-  --ttw-surface-subtle: oklch(0.22 0.005 270);
   --ttw-accent: oklch(0.269 0 0);
   --ttw-accent-foreground: oklch(0.985 0 0);
   --ttw-destructive: #dc2626;
@@ -5874,19 +6038,12 @@
   --ttw-border: oklch(1 0 0 / 10%);
   --ttw-input: oklch(1 0 0 / 15%);
   --ttw-ring: oklch(0.556 0 0);
-  --ttw-chart-1: oklch(0.488 0.243 264.376);
-  --ttw-chart-2: oklch(0.696 0.17 162.48);
-  --ttw-chart-3: oklch(0.769 0.188 70.08);
-  --ttw-chart-4: oklch(0.627 0.265 303.9);
-  --ttw-chart-5: oklch(0.645 0.246 16.439);
-  --ttw-sidebar: oklch(0.205 0 0);
-  --ttw-sidebar-foreground: oklch(0.985 0 0);
-  --ttw-sidebar-primary: oklch(0.488 0.243 264.376);
-  --ttw-sidebar-primary-foreground: oklch(0.985 0 0);
-  --ttw-sidebar-accent: oklch(0.269 0 0);
-  --ttw-sidebar-accent-foreground: oklch(0.985 0 0);
-  --ttw-sidebar-border: oklch(1 0 0 / 10%);
-  --ttw-sidebar-ring: oklch(0.556 0 0);
+  --ttw-info: #60a5fa;
+  --ttw-success: #4ade80;
+  --ttw-warning: #fbbf24;
+  --ttw-violet: #a78bfa;
+  --ttw-cyan: #22d3ee;
+  --ttw-overlay: oklch(0 0 0 / 0.5);
 }
 .tesouro-embedded-light {
   --ttw-radius: inherit;
@@ -5894,6 +6051,171 @@
   --ttw-primary-foreground: inherit;
   --ttw-color-primary: inherit;
   --ttw-color-primary-foreground: inherit;
+  --ttw-info: inherit;
+  --ttw-success: inherit;
+  --ttw-warning: inherit;
+  --ttw-violet: inherit;
+  --ttw-cyan: inherit;
+  --ttw-overlay: inherit;
+}
+@layer theme {
+  .tesouro-embedded {
+    --ttw-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    --ttw-animate-spin: spin 1s linear infinite;
+    --ttw-blur-md: 12px;
+    --ttw-color-amber-100: oklch(96.2% 0.059 95.617);
+    --ttw-color-amber-200: oklch(92.4% 0.12 95.746);
+    --ttw-color-amber-300: oklch(87.9% 0.169 91.605);
+    --ttw-color-amber-50: oklch(98.7% 0.022 95.277);
+    --ttw-color-amber-500: oklch(76.9% 0.188 70.08);
+    --ttw-color-amber-600: oklch(66.6% 0.179 58.318);
+    --ttw-color-amber-700: oklch(55.5% 0.163 48.998);
+    --ttw-color-amber-800: oklch(47.3% 0.137 46.201);
+    --ttw-color-black: #000;
+    --ttw-color-blue-100: oklch(93.2% 0.032 255.585);
+    --ttw-color-blue-200: oklch(88.2% 0.059 254.128);
+    --ttw-color-blue-300: oklch(80.9% 0.105 251.813);
+    --ttw-color-blue-50: oklch(97% 0.014 254.604);
+    --ttw-color-blue-500: oklch(62.3% 0.214 259.815);
+    --ttw-color-blue-600: oklch(54.6% 0.245 262.881);
+    --ttw-color-blue-700: oklch(48.8% 0.243 264.376);
+    --ttw-color-blue-900: oklch(37.9% 0.146 265.522);
+    --ttw-color-blue-950: oklch(28.2% 0.091 267.935);
+    --ttw-color-cyan-100: oklch(95.6% 0.045 203.388);
+    --ttw-color-cyan-200: oklch(91.7% 0.08 205.041);
+    --ttw-color-cyan-50: oklch(98.4% 0.019 200.873);
+    --ttw-color-cyan-700: oklch(52% 0.105 223.128);
+    --ttw-color-emerald-100: oklch(95% 0.052 163.051);
+    --ttw-color-emerald-200: oklch(90.5% 0.093 164.15);
+    --ttw-color-emerald-50: oklch(97.9% 0.021 166.113);
+    --ttw-color-emerald-500: oklch(69.6% 0.17 162.48);
+    --ttw-color-emerald-600: oklch(59.6% 0.145 163.225);
+    --ttw-color-emerald-700: oklch(50.8% 0.118 165.612);
+    --ttw-color-gray-100: oklch(96.7% 0.003 264.542);
+    --ttw-color-gray-200: oklch(92.8% 0.006 264.531);
+    --ttw-color-gray-500: oklch(55.1% 0.027 264.364);
+    --ttw-color-gray-700: oklch(37.3% 0.034 259.733);
+    --ttw-color-gray-800: oklch(27.8% 0.033 256.848);
+    --ttw-color-green-100: oklch(96.2% 0.044 156.743);
+    --ttw-color-green-200: oklch(92.5% 0.084 155.995);
+    --ttw-color-green-50: oklch(98.2% 0.018 155.826);
+    --ttw-color-green-500: oklch(72.3% 0.219 149.579);
+    --ttw-color-green-600: oklch(62.7% 0.194 149.214);
+    --ttw-color-green-700: oklch(52.7% 0.154 150.069);
+    --ttw-color-green-800: oklch(44.8% 0.119 151.328);
+    --ttw-color-green-900: oklch(39.3% 0.095 152.535);
+    --ttw-color-green-950: oklch(26.6% 0.065 152.934);
+    --ttw-color-indigo-100: oklch(93% 0.034 272.788);
+    --ttw-color-indigo-50: oklch(96.2% 0.018 272.314);
+    --ttw-color-indigo-500: oklch(58.5% 0.233 277.117);
+    --ttw-color-indigo-600: oklch(51.1% 0.262 276.966);
+    --ttw-color-indigo-700: oklch(45.7% 0.24 277.023);
+    --ttw-color-info: var(--ttw-info);
+    --ttw-color-neutral-100: oklch(97% 0 none);
+    --ttw-color-neutral-200: oklch(92.2% 0 none);
+    --ttw-color-neutral-400: oklch(70.8% 0 none);
+    --ttw-color-neutral-700: oklch(37.1% 0 none);
+    --ttw-color-orange-100: oklch(95.4% 0.038 75.164);
+    --ttw-color-orange-400: oklch(75% 0.183 55.934);
+    --ttw-color-orange-50: oklch(98% 0.016 73.684);
+    --ttw-color-orange-600: oklch(64.6% 0.222 41.116);
+    --ttw-color-orange-700: oklch(55.3% 0.195 38.402);
+    --ttw-color-orange-950: oklch(26.6% 0.079 36.259);
+    --ttw-color-pink-100: oklch(94.8% 0.028 342.258);
+    --ttw-color-pink-200: oklch(89.9% 0.061 343.231);
+    --ttw-color-pink-50: oklch(97.1% 0.014 343.198);
+    --ttw-color-pink-700: oklch(52.5% 0.223 3.958);
+    --ttw-color-purple-100: oklch(94.6% 0.033 307.174);
+    --ttw-color-purple-400: oklch(71.4% 0.203 305.504);
+    --ttw-color-purple-50: oklch(97.7% 0.014 308.299);
+    --ttw-color-purple-700: oklch(49.6% 0.265 301.924);
+    --ttw-color-red-100: oklch(93.6% 0.032 17.717);
+    --ttw-color-red-200: oklch(88.5% 0.062 18.334);
+    --ttw-color-red-400: oklch(70.4% 0.191 22.216);
+    --ttw-color-red-50: oklch(97.1% 0.013 17.38);
+    --ttw-color-red-500: oklch(63.7% 0.237 25.331);
+    --ttw-color-red-600: oklch(57.7% 0.245 27.325);
+    --ttw-color-red-700: oklch(50.5% 0.213 27.518);
+    --ttw-color-red-900: oklch(39.6% 0.141 25.723);
+    --ttw-color-red-950: oklch(25.8% 0.092 26.042);
+    --ttw-color-rose-100: oklch(94.1% 0.03 12.58);
+    --ttw-color-rose-300: oklch(81% 0.117 11.638);
+    --ttw-color-rose-700: oklch(51.4% 0.222 16.935);
+    --ttw-color-secondary: var(--ttw-secondary);
+    --ttw-color-sky-100: oklch(95.1% 0.026 236.824);
+    --ttw-color-sky-200: oklch(90.1% 0.058 230.902);
+    --ttw-color-sky-400: oklch(74.6% 0.16 232.661);
+    --ttw-color-sky-700: oklch(50% 0.134 242.749);
+    --ttw-color-stone-200: oklch(92.3% 0.003 48.717);
+    --ttw-color-success: var(--ttw-success);
+    --ttw-color-violet-100: oklch(94.3% 0.029 294.588);
+    --ttw-color-violet-200: oklch(89.4% 0.057 293.283);
+    --ttw-color-violet-400: oklch(70.2% 0.183 293.541);
+    --ttw-color-violet-50: oklch(96.9% 0.016 293.756);
+    --ttw-color-violet-700: oklch(49.1% 0.27 292.581);
+    --ttw-color-warning: var(--ttw-warning);
+    --ttw-color-white: #fff;
+    --ttw-color-yellow-100: oklch(97.3% 0.071 103.193);
+    --ttw-color-yellow-50: oklch(98.7% 0.026 102.212);
+    --ttw-color-yellow-700: oklch(55.4% 0.135 66.442);
+    --ttw-color-yellow-800: oklch(47.6% 0.114 61.907);
+    --ttw-color-yellow-900: oklch(42.1% 0.095 57.708);
+    --ttw-color-yellow-950: oklch(28.6% 0.066 53.813);
+    --ttw-color-zinc-100: oklch(96.7% 0.001 286.375);
+    --ttw-color-zinc-200: oklch(92% 0.004 286.32);
+    --ttw-color-zinc-300: oklch(87.1% 0.006 286.286);
+    --ttw-color-zinc-400: oklch(70.5% 0.015 286.067);
+    --ttw-color-zinc-50: oklch(98.5% 0 none);
+    --ttw-color-zinc-500: oklch(55.2% 0.016 285.938);
+    --ttw-color-zinc-700: oklch(37% 0.013 285.805);
+    --ttw-color-zinc-900: oklch(21% 0.006 285.885);
+    --ttw-color-zinc-950: oklch(14.1% 0.005 285.823);
+    --ttw-container-2xl: 42rem;
+    --ttw-container-3xl: 48rem;
+    --ttw-container-4xl: 56rem;
+    --ttw-container-lg: 32rem;
+    --ttw-container-md: 28rem;
+    --ttw-container-sm: 24rem;
+    --ttw-container-xl: 36rem;
+    --ttw-container-xs: 20rem;
+    --ttw-default-transition-duration: 150ms;
+    --ttw-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    --ttw-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+    --ttw-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
+      'Courier New', monospace;
+    --ttw-font-weight-bold: 700;
+    --ttw-font-weight-extrabold: 800;
+    --ttw-font-weight-medium: 500;
+    --ttw-font-weight-normal: 400;
+    --ttw-font-weight-semibold: 600;
+    --ttw-leading-normal: 1.5;
+    --ttw-leading-relaxed: 1.625;
+    --ttw-leading-snug: 1.375;
+    --ttw-leading-tight: 1.25;
+    --ttw-radius-xs: 0.125rem;
+    --ttw-spacing: 0.25rem;
+    --ttw-text-2xl: 1.5rem;
+    --ttw-text-2xl--line-height: calc(2 / 1.5);
+    --ttw-text-3xl: 1.875rem;
+    --ttw-text-3xl--line-height: calc(2.25 / 1.875);
+    --ttw-text-4xl: 2.25rem;
+    --ttw-text-4xl--line-height: calc(2.5 / 2.25);
+    --ttw-text-base: 1rem;
+    --ttw-text-base--line-height: calc(1.5 / 1);
+    --ttw-text-lg: 1.125rem;
+    --ttw-text-lg--line-height: calc(1.75 / 1.125);
+    --ttw-text-sm: 0.875rem;
+    --ttw-text-sm--line-height: calc(1.25 / 0.875);
+    --ttw-text-xl: 1.25rem;
+    --ttw-text-xl--line-height: calc(1.75 / 1.25);
+    --ttw-text-xs: 0.75rem;
+    --ttw-text-xs--line-height: calc(1 / 0.75);
+    --ttw-tracking-normal: 0em;
+    --ttw-tracking-tight: -0.025em;
+    --ttw-tracking-wide: 0.025em;
+    --ttw-tracking-wider: 0.05em;
+    --ttw-tracking-widest: 0.1em;
+  }
 }
 @layer base {
   .tesouro-embedded, .tesouro-embedded *, .tesouro-embedded ::before, .tesouro-embedded ::after, .tesouro-embedded ::backdrop, .tesouro-embedded ::file-selector-button {