@tesouro/embedded-components-react 0.9.27 → 0.9.30

package/dist/index.css

@@ -312,9 +312,6 @@
   .ttw\:z-\[1\] {
     z-index: 1;
   }
-  .ttw\:z-\[2\] {
-    z-index: 2;
-  }
   .ttw\:z-\[1300\] {
     z-index: 1300;
   }
@@ -1634,9 +1631,6 @@
   .ttw\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
     grid-template-columns: minmax(0,1fr) auto;
   }
-  .ttw\:grid-rows-\[1fr\] {
-    grid-template-rows: 1fr;
-  }
   .ttw\:grid-rows-\[auto_1fr_auto\] {
     grid-template-rows: auto 1fr auto;
   }
@@ -2355,12 +2349,120 @@
   .ttw\:bg-cyan-subtle {
     background-color: var(
     --ttw-cyan-subtle,
-    var(--ttw-cyan)
+    var(
+        --_ttw-tint-relative,
+        oklch(
+          from
+            oklch(from var(--ttw-cyan) 0.56 c h)
+            l
+            min(
+              calc(c * 2.5),
+              calc(
+                (1 - l) *
+                  (
+                    0.498 +
+                      (
+                        -0.028 * clamp(0, h, 30) + 0.087 *
+                          clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
+                          0.253 * clamp(0, h - 90, 30) + 0.113 *
+                          clamp(0, h - 120, 30) - 0.485 *
+                          clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
+                          0.316 * clamp(0, h - 210, 30) - 0.031 *
+                          clamp(0, h - 240, 30) + 0.083 *
+                          clamp(0, h - 270, 30) + 0.221 *
+                          clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              ),
+              calc(
+                l *
+                  (
+                    0.396 +
+                      (
+                        -0.041 * clamp(0, h, 30) - 0.146 *
+                          clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
+                          0.032 * clamp(0, h - 90, 30) + 0.025 *
+                          clamp(0, h - 120, 30) - 0.086 *
+                          clamp(0, h - 150, 30) - 0.004 *
+                          clamp(0, h - 180, 30) + 0.001 *
+                          clamp(0, h - 210, 30) + 0.328 *
+                          clamp(0, h - 240, 30) + 0.036 *
+                          clamp(0, h - 270, 30) - 0.081 *
+                          clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              )
+            )
+            h
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        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))
+    var(
+        --_ttw-tint-relative,
+        oklch(
+          from
+            color-mix(
+              in oklch,
+              oklch(from var(--ttw-cyan) 0.56 c h) 16%,
+              oklch(from var(--ttw-background) l 0 none)
+            )
+            l
+            min(
+              calc(c * 2.5),
+              calc(
+                (1 - l) *
+                  (
+                    0.498 +
+                      (
+                        -0.028 * clamp(0, h, 30) + 0.087 *
+                          clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
+                          0.253 * clamp(0, h - 90, 30) + 0.113 *
+                          clamp(0, h - 120, 30) - 0.485 *
+                          clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
+                          0.316 * clamp(0, h - 210, 30) - 0.031 *
+                          clamp(0, h - 240, 30) + 0.083 *
+                          clamp(0, h - 270, 30) + 0.221 *
+                          clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              ),
+              calc(
+                l *
+                  (
+                    0.396 +
+                      (
+                        -0.041 * clamp(0, h, 30) - 0.146 *
+                          clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
+                          0.032 * clamp(0, h - 90, 30) + 0.025 *
+                          clamp(0, h - 120, 30) - 0.086 *
+                          clamp(0, h - 150, 30) - 0.004 *
+                          clamp(0, h - 180, 30) + 0.001 *
+                          clamp(0, h - 210, 30) + 0.328 *
+                          clamp(0, h - 240, 30) + 0.036 *
+                          clamp(0, h - 270, 30) - 0.081 *
+                          clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              )
+            )
+            h
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        color-mix(in oklab, var(--ttw-cyan) 12%, var(--ttw-background))
+      )
   );
     }
   }
@@ -2370,12 +2472,120 @@
   .ttw\:bg-destructive-subtle {
     background-color: var(
     --ttw-destructive-subtle,
-    var(--ttw-destructive)
+    var(
+        --_ttw-tint-relative,
+        oklch(
+          from
+            oklch(from var(--ttw-destructive) 0.56 c h)
+            l
+            min(
+              calc(c * 2.5),
+              calc(
+                (1 - l) *
+                  (
+                    0.498 +
+                      (
+                        -0.028 * clamp(0, h, 30) + 0.087 *
+                          clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
+                          0.253 * clamp(0, h - 90, 30) + 0.113 *
+                          clamp(0, h - 120, 30) - 0.485 *
+                          clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
+                          0.316 * clamp(0, h - 210, 30) - 0.031 *
+                          clamp(0, h - 240, 30) + 0.083 *
+                          clamp(0, h - 270, 30) + 0.221 *
+                          clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              ),
+              calc(
+                l *
+                  (
+                    0.396 +
+                      (
+                        -0.041 * clamp(0, h, 30) - 0.146 *
+                          clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
+                          0.032 * clamp(0, h - 90, 30) + 0.025 *
+                          clamp(0, h - 120, 30) - 0.086 *
+                          clamp(0, h - 150, 30) - 0.004 *
+                          clamp(0, h - 180, 30) + 0.001 *
+                          clamp(0, h - 210, 30) + 0.328 *
+                          clamp(0, h - 240, 30) + 0.036 *
+                          clamp(0, h - 270, 30) - 0.081 *
+                          clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              )
+            )
+            h
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        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))
+    var(
+        --_ttw-tint-relative,
+        oklch(
+          from
+            color-mix(
+              in oklch,
+              oklch(from var(--ttw-destructive) 0.56 c h) 16%,
+              oklch(from var(--ttw-background) l 0 none)
+            )
+            l
+            min(
+              calc(c * 2.5),
+              calc(
+                (1 - l) *
+                  (
+                    0.498 +
+                      (
+                        -0.028 * clamp(0, h, 30) + 0.087 *
+                          clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
+                          0.253 * clamp(0, h - 90, 30) + 0.113 *
+                          clamp(0, h - 120, 30) - 0.485 *
+                          clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
+                          0.316 * clamp(0, h - 210, 30) - 0.031 *
+                          clamp(0, h - 240, 30) + 0.083 *
+                          clamp(0, h - 270, 30) + 0.221 *
+                          clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              ),
+              calc(
+                l *
+                  (
+                    0.396 +
+                      (
+                        -0.041 * clamp(0, h, 30) - 0.146 *
+                          clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
+                          0.032 * clamp(0, h - 90, 30) + 0.025 *
+                          clamp(0, h - 120, 30) - 0.086 *
+                          clamp(0, h - 150, 30) - 0.004 *
+                          clamp(0, h - 180, 30) + 0.001 *
+                          clamp(0, h - 210, 30) + 0.328 *
+                          clamp(0, h - 240, 30) + 0.036 *
+                          clamp(0, h - 270, 30) - 0.081 *
+                          clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              )
+            )
+            h
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        color-mix(in oklab, var(--ttw-destructive) 12%, var(--ttw-background))
+      )
   );
     }
   }
@@ -2451,12 +2661,120 @@
   .ttw\:bg-info-subtle {
     background-color: var(
     --ttw-info-subtle,
-    var(--ttw-info)
+    var(
+        --_ttw-tint-relative,
+        oklch(
+          from
+            oklch(from var(--ttw-info) 0.56 c h)
+            l
+            min(
+              calc(c * 2.5),
+              calc(
+                (1 - l) *
+                  (
+                    0.498 +
+                      (
+                        -0.028 * clamp(0, h, 30) + 0.087 *
+                          clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
+                          0.253 * clamp(0, h - 90, 30) + 0.113 *
+                          clamp(0, h - 120, 30) - 0.485 *
+                          clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
+                          0.316 * clamp(0, h - 210, 30) - 0.031 *
+                          clamp(0, h - 240, 30) + 0.083 *
+                          clamp(0, h - 270, 30) + 0.221 *
+                          clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              ),
+              calc(
+                l *
+                  (
+                    0.396 +
+                      (
+                        -0.041 * clamp(0, h, 30) - 0.146 *
+                          clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
+                          0.032 * clamp(0, h - 90, 30) + 0.025 *
+                          clamp(0, h - 120, 30) - 0.086 *
+                          clamp(0, h - 150, 30) - 0.004 *
+                          clamp(0, h - 180, 30) + 0.001 *
+                          clamp(0, h - 210, 30) + 0.328 *
+                          clamp(0, h - 240, 30) + 0.036 *
+                          clamp(0, h - 270, 30) - 0.081 *
+                          clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              )
+            )
+            h
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        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))
+    var(
+        --_ttw-tint-relative,
+        oklch(
+          from
+            color-mix(
+              in oklch,
+              oklch(from var(--ttw-info) 0.56 c h) 16%,
+              oklch(from var(--ttw-background) l 0 none)
+            )
+            l
+            min(
+              calc(c * 2.5),
+              calc(
+                (1 - l) *
+                  (
+                    0.498 +
+                      (
+                        -0.028 * clamp(0, h, 30) + 0.087 *
+                          clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
+                          0.253 * clamp(0, h - 90, 30) + 0.113 *
+                          clamp(0, h - 120, 30) - 0.485 *
+                          clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
+                          0.316 * clamp(0, h - 210, 30) - 0.031 *
+                          clamp(0, h - 240, 30) + 0.083 *
+                          clamp(0, h - 270, 30) + 0.221 *
+                          clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              ),
+              calc(
+                l *
+                  (
+                    0.396 +
+                      (
+                        -0.041 * clamp(0, h, 30) - 0.146 *
+                          clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
+                          0.032 * clamp(0, h - 90, 30) + 0.025 *
+                          clamp(0, h - 120, 30) - 0.086 *
+                          clamp(0, h - 150, 30) - 0.004 *
+                          clamp(0, h - 180, 30) + 0.001 *
+                          clamp(0, h - 210, 30) + 0.328 *
+                          clamp(0, h - 240, 30) + 0.036 *
+                          clamp(0, h - 270, 30) - 0.081 *
+                          clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              )
+            )
+            h
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        color-mix(in oklab, var(--ttw-info) 12%, var(--ttw-background))
+      )
   );
     }
   }
@@ -2562,12 +2880,120 @@
   .ttw\:bg-success-subtle {
     background-color: var(
     --ttw-success-subtle,
-    var(--ttw-success)
+    var(
+        --_ttw-tint-relative,
+        oklch(
+          from
+            oklch(from var(--ttw-success) 0.56 c h)
+            l
+            min(
+              calc(c * 2.5),
+              calc(
+                (1 - l) *
+                  (
+                    0.498 +
+                      (
+                        -0.028 * clamp(0, h, 30) + 0.087 *
+                          clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
+                          0.253 * clamp(0, h - 90, 30) + 0.113 *
+                          clamp(0, h - 120, 30) - 0.485 *
+                          clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
+                          0.316 * clamp(0, h - 210, 30) - 0.031 *
+                          clamp(0, h - 240, 30) + 0.083 *
+                          clamp(0, h - 270, 30) + 0.221 *
+                          clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              ),
+              calc(
+                l *
+                  (
+                    0.396 +
+                      (
+                        -0.041 * clamp(0, h, 30) - 0.146 *
+                          clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
+                          0.032 * clamp(0, h - 90, 30) + 0.025 *
+                          clamp(0, h - 120, 30) - 0.086 *
+                          clamp(0, h - 150, 30) - 0.004 *
+                          clamp(0, h - 180, 30) + 0.001 *
+                          clamp(0, h - 210, 30) + 0.328 *
+                          clamp(0, h - 240, 30) + 0.036 *
+                          clamp(0, h - 270, 30) - 0.081 *
+                          clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              )
+            )
+            h
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        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))
+    var(
+        --_ttw-tint-relative,
+        oklch(
+          from
+            color-mix(
+              in oklch,
+              oklch(from var(--ttw-success) 0.56 c h) 16%,
+              oklch(from var(--ttw-background) l 0 none)
+            )
+            l
+            min(
+              calc(c * 2.5),
+              calc(
+                (1 - l) *
+                  (
+                    0.498 +
+                      (
+                        -0.028 * clamp(0, h, 30) + 0.087 *
+                          clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
+                          0.253 * clamp(0, h - 90, 30) + 0.113 *
+                          clamp(0, h - 120, 30) - 0.485 *
+                          clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
+                          0.316 * clamp(0, h - 210, 30) - 0.031 *
+                          clamp(0, h - 240, 30) + 0.083 *
+                          clamp(0, h - 270, 30) + 0.221 *
+                          clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              ),
+              calc(
+                l *
+                  (
+                    0.396 +
+                      (
+                        -0.041 * clamp(0, h, 30) - 0.146 *
+                          clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
+                          0.032 * clamp(0, h - 90, 30) + 0.025 *
+                          clamp(0, h - 120, 30) - 0.086 *
+                          clamp(0, h - 150, 30) - 0.004 *
+                          clamp(0, h - 180, 30) + 0.001 *
+                          clamp(0, h - 210, 30) + 0.328 *
+                          clamp(0, h - 240, 30) + 0.036 *
+                          clamp(0, h - 270, 30) - 0.081 *
+                          clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              )
+            )
+            h
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        color-mix(in oklab, var(--ttw-success) 12%, var(--ttw-background))
+      )
   );
     }
   }
@@ -2586,24 +3012,240 @@
   .ttw\:bg-violet-subtle {
     background-color: var(
     --ttw-violet-subtle,
-    var(--ttw-violet)
+    var(
+        --_ttw-tint-relative,
+        oklch(
+          from
+            oklch(from var(--ttw-violet) 0.56 c h)
+            l
+            min(
+              calc(c * 2.5),
+              calc(
+                (1 - l) *
+                  (
+                    0.498 +
+                      (
+                        -0.028 * clamp(0, h, 30) + 0.087 *
+                          clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
+                          0.253 * clamp(0, h - 90, 30) + 0.113 *
+                          clamp(0, h - 120, 30) - 0.485 *
+                          clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
+                          0.316 * clamp(0, h - 210, 30) - 0.031 *
+                          clamp(0, h - 240, 30) + 0.083 *
+                          clamp(0, h - 270, 30) + 0.221 *
+                          clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              ),
+              calc(
+                l *
+                  (
+                    0.396 +
+                      (
+                        -0.041 * clamp(0, h, 30) - 0.146 *
+                          clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
+                          0.032 * clamp(0, h - 90, 30) + 0.025 *
+                          clamp(0, h - 120, 30) - 0.086 *
+                          clamp(0, h - 150, 30) - 0.004 *
+                          clamp(0, h - 180, 30) + 0.001 *
+                          clamp(0, h - 210, 30) + 0.328 *
+                          clamp(0, h - 240, 30) + 0.036 *
+                          clamp(0, h - 270, 30) - 0.081 *
+                          clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              )
+            )
+            h
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        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))
+    var(
+        --_ttw-tint-relative,
+        oklch(
+          from
+            color-mix(
+              in oklch,
+              oklch(from var(--ttw-violet) 0.56 c h) 16%,
+              oklch(from var(--ttw-background) l 0 none)
+            )
+            l
+            min(
+              calc(c * 2.5),
+              calc(
+                (1 - l) *
+                  (
+                    0.498 +
+                      (
+                        -0.028 * clamp(0, h, 30) + 0.087 *
+                          clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
+                          0.253 * clamp(0, h - 90, 30) + 0.113 *
+                          clamp(0, h - 120, 30) - 0.485 *
+                          clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
+                          0.316 * clamp(0, h - 210, 30) - 0.031 *
+                          clamp(0, h - 240, 30) + 0.083 *
+                          clamp(0, h - 270, 30) + 0.221 *
+                          clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              ),
+              calc(
+                l *
+                  (
+                    0.396 +
+                      (
+                        -0.041 * clamp(0, h, 30) - 0.146 *
+                          clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
+                          0.032 * clamp(0, h - 90, 30) + 0.025 *
+                          clamp(0, h - 120, 30) - 0.086 *
+                          clamp(0, h - 150, 30) - 0.004 *
+                          clamp(0, h - 180, 30) + 0.001 *
+                          clamp(0, h - 210, 30) + 0.328 *
+                          clamp(0, h - 240, 30) + 0.036 *
+                          clamp(0, h - 270, 30) - 0.081 *
+                          clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              )
+            )
+            h
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        color-mix(in oklab, var(--ttw-violet) 12%, var(--ttw-background))
+      )
   );
     }
   }
   .ttw\:bg-warning-subtle {
     background-color: var(
     --ttw-warning-subtle,
-    var(--ttw-warning)
+    var(
+        --_ttw-tint-relative,
+        oklch(
+          from
+            oklch(from var(--ttw-warning) 0.56 c h)
+            l
+            min(
+              calc(c * 2.5),
+              calc(
+                (1 - l) *
+                  (
+                    0.498 +
+                      (
+                        -0.028 * clamp(0, h, 30) + 0.087 *
+                          clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
+                          0.253 * clamp(0, h - 90, 30) + 0.113 *
+                          clamp(0, h - 120, 30) - 0.485 *
+                          clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
+                          0.316 * clamp(0, h - 210, 30) - 0.031 *
+                          clamp(0, h - 240, 30) + 0.083 *
+                          clamp(0, h - 270, 30) + 0.221 *
+                          clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              ),
+              calc(
+                l *
+                  (
+                    0.396 +
+                      (
+                        -0.041 * clamp(0, h, 30) - 0.146 *
+                          clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
+                          0.032 * clamp(0, h - 90, 30) + 0.025 *
+                          clamp(0, h - 120, 30) - 0.086 *
+                          clamp(0, h - 150, 30) - 0.004 *
+                          clamp(0, h - 180, 30) + 0.001 *
+                          clamp(0, h - 210, 30) + 0.328 *
+                          clamp(0, h - 240, 30) + 0.036 *
+                          clamp(0, h - 270, 30) - 0.081 *
+                          clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              )
+            )
+            h
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        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))
+    var(
+        --_ttw-tint-relative,
+        oklch(
+          from
+            color-mix(
+              in oklch,
+              oklch(from var(--ttw-warning) 0.56 c h) 16%,
+              oklch(from var(--ttw-background) l 0 none)
+            )
+            l
+            min(
+              calc(c * 2.5),
+              calc(
+                (1 - l) *
+                  (
+                    0.498 +
+                      (
+                        -0.028 * clamp(0, h, 30) + 0.087 *
+                          clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
+                          0.253 * clamp(0, h - 90, 30) + 0.113 *
+                          clamp(0, h - 120, 30) - 0.485 *
+                          clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
+                          0.316 * clamp(0, h - 210, 30) - 0.031 *
+                          clamp(0, h - 240, 30) + 0.083 *
+                          clamp(0, h - 270, 30) + 0.221 *
+                          clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              ),
+              calc(
+                l *
+                  (
+                    0.396 +
+                      (
+                        -0.041 * clamp(0, h, 30) - 0.146 *
+                          clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
+                          0.032 * clamp(0, h - 90, 30) + 0.025 *
+                          clamp(0, h - 120, 30) - 0.086 *
+                          clamp(0, h - 150, 30) - 0.004 *
+                          clamp(0, h - 180, 30) + 0.001 *
+                          clamp(0, h - 210, 30) + 0.328 *
+                          clamp(0, h - 240, 30) + 0.036 *
+                          clamp(0, h - 270, 30) - 0.081 *
+                          clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
+                      ) /
+                      30
+                  )
+              )
+            )
+            h
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        color-mix(in oklab, var(--ttw-warning) 12%, var(--ttw-background))
+      )
   );
     }
   }
@@ -3145,9 +3787,6 @@
   .ttw\:text-\[10px\] {
     font-size: 10px;
   }
-  .ttw\:text-\[13px\] {
-    font-size: 13px;
-  }
   .ttw\:text-\[30px\] {
     font-size: 30px;
   }
@@ -3376,12 +4015,30 @@
   .ttw\:text-cyan-foreground {
     color: var(
     --ttw-cyan-foreground,
-    var(--ttw-cyan)
+    var(
+        --_ttw-tint-relative,
+        oklch(from var(--ttw-cyan) 0.55 c h)
+      )
+      var(
+        --_ttw-tint-legacy,
+        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))
+    var(
+        --_ttw-tint-relative,
+        color-mix(
+          in oklch,
+          oklch(from var(--ttw-cyan) 0.55 c h) 60%,
+          oklch(from var(--ttw-foreground) l 0 none)
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        color-mix(in oklab, var(--ttw-cyan) 60%, var(--ttw-foreground))
+      )
   );
     }
   }
@@ -3394,12 +4051,30 @@
   .ttw\:text-destructive-subtle-foreground {
     color: var(
     --ttw-destructive-subtle-foreground,
-    var(--ttw-destructive)
+    var(
+        --_ttw-tint-relative,
+        oklch(from var(--ttw-destructive) 0.55 c h)
+      )
+      var(
+        --_ttw-tint-legacy,
+        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))
+    var(
+        --_ttw-tint-relative,
+        color-mix(
+          in oklch,
+          oklch(from var(--ttw-destructive) 0.55 c h) 60%,
+          oklch(from var(--ttw-foreground) l 0 none)
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        color-mix(in oklab, var(--ttw-destructive) 60%, var(--ttw-foreground))
+      )
   );
     }
   }
@@ -3442,12 +4117,30 @@
   .ttw\:text-info-foreground {
     color: var(
     --ttw-info-foreground,
-    var(--ttw-info)
+    var(
+        --_ttw-tint-relative,
+        oklch(from var(--ttw-info) 0.55 c h)
+      )
+      var(
+        --_ttw-tint-legacy,
+        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))
+    var(
+        --_ttw-tint-relative,
+        color-mix(
+          in oklch,
+          oklch(from var(--ttw-info) 0.55 c h) 60%,
+          oklch(from var(--ttw-foreground) l 0 none)
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        color-mix(in oklab, var(--ttw-info) 60%, var(--ttw-foreground))
+      )
   );
     }
   }
@@ -3517,12 +4210,30 @@
   .ttw\:text-success-foreground {
     color: var(
     --ttw-success-foreground,
-    var(--ttw-success)
+    var(
+        --_ttw-tint-relative,
+        oklch(from var(--ttw-success) 0.55 c h)
+      )
+      var(
+        --_ttw-tint-legacy,
+        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))
+    var(
+        --_ttw-tint-relative,
+        color-mix(
+          in oklch,
+          oklch(from var(--ttw-success) 0.55 c h) 60%,
+          oklch(from var(--ttw-foreground) l 0 none)
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        color-mix(in oklab, var(--ttw-success) 60%, var(--ttw-foreground))
+      )
   );
     }
   }
@@ -3532,12 +4243,30 @@
   .ttw\:text-violet-foreground {
     color: var(
     --ttw-violet-foreground,
-    var(--ttw-violet)
+    var(
+        --_ttw-tint-relative,
+        oklch(from var(--ttw-violet) 0.55 c h)
+      )
+      var(
+        --_ttw-tint-legacy,
+        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))
+    var(
+        --_ttw-tint-relative,
+        color-mix(
+          in oklch,
+          oklch(from var(--ttw-violet) 0.55 c h) 60%,
+          oklch(from var(--ttw-foreground) l 0 none)
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        color-mix(in oklab, var(--ttw-violet) 60%, var(--ttw-foreground))
+      )
   );
     }
   }
@@ -3547,12 +4276,30 @@
   .ttw\:text-warning-foreground {
     color: var(
     --ttw-warning-foreground,
-    var(--ttw-warning)
+    var(
+        --_ttw-tint-relative,
+        oklch(from var(--ttw-warning) 0.55 c h)
+      )
+      var(
+        --_ttw-tint-legacy,
+        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))
+    var(
+        --_ttw-tint-relative,
+        color-mix(
+          in oklch,
+          oklch(from var(--ttw-warning) 0.55 c h) 60%,
+          oklch(from var(--ttw-foreground) l 0 none)
+        )
+      )
+      var(
+        --_ttw-tint-legacy,
+        color-mix(in oklab, var(--ttw-warning) 60%, var(--ttw-foreground))
+      )
   );
     }
   }
@@ -3851,6 +4598,10 @@
     --tw-ease: linear;
     transition-timing-function: linear;
   }
+  .ttw\:contain-inline-size {
+    --tw-contain-size: inline-size;
+    contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
+  }
   .ttw\:animation-duration-300 {
     --tw-animation-duration: calc(300*1ms);
     animation-duration: calc(300*1ms);
@@ -4274,8 +5025,8 @@
   .ttw\:last\:mt-0:last-child {
     margin-top: 0px;
   }
-  .ttw\:last\:flex-none:last-child {
-    flex: none;
+  .ttw\:last\:flex-initial:last-child {
+    flex: 0 auto;
   }
   .ttw\:last\:border-b:last-child {
     border-bottom-style: var(--tw-border-style);
@@ -6108,6 +6859,14 @@
   --ttw-violet: #7c3aed;
   --ttw-cyan: #0891b2;
   --ttw-overlay: oklch(0 0 0 / 0.5);
+  --_ttw-tint-relative: ;
+  --_ttw-tint-legacy: initial;
+}
+@supports (color: oklch(from red l min(c, calc(l * clamp(0, h - 30, 30))) h)) and (color: color-mix(in oklch, red, oklch(from red l 0 none))) {
+  :root, :host, .tesouro-embedded-light {
+    --_ttw-tint-relative: initial;
+    --_ttw-tint-legacy: ;
+  }
 }
 .dark {
   --ttw-background: oklch(0.145 0 0);
@@ -6690,6 +7449,22 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-contain-size {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contain-layout {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contain-paint {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contain-style {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-content {
   syntax: "*";
   initial-value: "";
@@ -6812,6 +7587,10 @@
       --tw-backdrop-sepia: initial;
       --tw-duration: initial;
       --tw-ease: initial;
+      --tw-contain-size: initial;
+      --tw-contain-layout: initial;
+      --tw-contain-paint: initial;
+      --tw-contain-style: initial;
       --tw-content: "";
       --tw-outline-style: solid;
       --tw-animation-delay: 0s;