@tesouro/embedded-components-react 0.9.31 → 0.9.32

package/dist/index.css

@@ -132,6 +132,8 @@
     --ttw-blur-md: 12px;
     --ttw-default-transition-duration: 150ms;
     --ttw-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    --ttw-color-primary: var(--ttw-primary);
+    --ttw-color-primary-foreground: var(--ttw-primary-foreground);
   }
 }
 @layer utilities {
@@ -151,6 +153,9 @@
     container-type: inline-size;
     container-name: widget;
   }
+  .ttw\:\@container {
+    container-type: inline-size;
+  }
   .ttw\:pointer-events-auto {
     pointer-events: auto;
   }
@@ -411,6 +416,9 @@
   .ttw\:mr-\[0\.3rem\] {
     margin-right: 0.3rem;
   }
+  .ttw\:mr-auto {
+    margin-right: auto;
+  }
   .ttw\:-mb-px {
     margin-bottom: -1px;
   }
@@ -748,9 +756,6 @@
   .ttw\:h-\[600px\] {
     height: 600px;
   }
-  .ttw\:h-\[calc\(100\%-1px\)\] {
-    height: calc(100% - 1px);
-  }
   .ttw\:h-\[calc\(100vh-3rem\)\] {
     height: calc(100vh - 3rem);
   }
@@ -922,12 +927,18 @@
   .ttw\:w-1\/2 {
     width: calc(1 / 2 * 100%);
   }
+  .ttw\:w-1\/3 {
+    width: calc(1 / 3 * 100%);
+  }
   .ttw\:w-2 {
     width: calc(var(--ttw-spacing) * 2);
   }
   .ttw\:w-2\.5 {
     width: calc(var(--ttw-spacing) * 2.5);
   }
+  .ttw\:w-2\/3 {
+    width: calc(2 / 3 * 100%);
+  }
   .ttw\:w-2\/5 {
     width: calc(2 / 5 * 100%);
   }
@@ -1075,12 +1086,12 @@
   .ttw\:w-168 {
     width: calc(var(--ttw-spacing) * 168);
   }
+  .ttw\:w-200 {
+    width: calc(var(--ttw-spacing) * 200);
+  }
   .ttw\:w-560 {
     width: calc(var(--ttw-spacing) * 560);
   }
-  .ttw\:w-\[4\.5rem\] {
-    width: 4.5rem;
-  }
   .ttw\:w-\[12\%\] {
     width: 12%;
   }
@@ -1102,6 +1113,9 @@
   .ttw\:w-\[30\%\] {
     width: 30%;
   }
+  .ttw\:w-\[36rem\] {
+    width: 36rem;
+  }
   .ttw\:w-\[42px\] {
     width: 42px;
   }
@@ -1815,16 +1829,6 @@
     margin-inline-start: calc(calc(var(--ttw-spacing) * -2) * var(--tw-space-x-reverse));
     margin-inline-end: calc(calc(var(--ttw-spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
   }
-  :where(.ttw\:space-x-3 > :not(:last-child)) {
-    --tw-space-x-reverse: 0;
-    margin-inline-start: calc(calc(var(--ttw-spacing) * 3) * var(--tw-space-x-reverse));
-    margin-inline-end: calc(calc(var(--ttw-spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
-  }
-  :where(.ttw\:space-x-6\.5 > :not(:last-child)) {
-    --tw-space-x-reverse: 0;
-    margin-inline-start: calc(calc(var(--ttw-spacing) * 6.5) * var(--tw-space-x-reverse));
-    margin-inline-end: calc(calc(var(--ttw-spacing) * 6.5) * calc(1 - var(--tw-space-x-reverse)));
-  }
   .ttw\:gap-y-0\.5 {
     row-gap: calc(var(--ttw-spacing) * 0.5);
   }
@@ -3441,9 +3445,6 @@
   .ttw\:p-\[0\.554rem\] {
     padding: 0.554rem;
   }
-  .ttw\:p-\[3px\] {
-    padding: 3px;
-  }
   .ttw\:p-\[18px\] {
     padding: 18px;
   }
@@ -3579,6 +3580,9 @@
   .ttw\:pt-12 {
     padding-top: calc(var(--ttw-spacing) * 12);
   }
+  .ttw\:pt-16 {
+    padding-top: calc(var(--ttw-spacing) * 16);
+  }
   .ttw\:pr-0\.5 {
     padding-right: calc(var(--ttw-spacing) * 0.5);
   }
@@ -4087,12 +4091,6 @@
   .ttw\:text-foreground {
     color: var(--ttw-foreground);
   }
-  .ttw\:text-foreground\/60 {
-    color: var(--ttw-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--ttw-foreground) 60%, transparent);
-    }
-  }
   .ttw\:text-green-500 {
     color: var(--ttw-color-green-500);
   }
@@ -4748,15 +4746,24 @@
   .ttw\:group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.ttw\:group\/tabs)[data-orientation="vertical"] *) {
     height: fit-content;
   }
-  .ttw\:group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.ttw\:group\/tabs)[data-orientation="vertical"] *) {
-    width: 100%;
-  }
   .ttw\:group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.ttw\:group\/tabs)[data-orientation="vertical"] *) {
     flex-direction: column;
   }
+  .ttw\:group-data-\[orientation\=vertical\]\/tabs\:items-stretch:is(:where(.ttw\:group\/tabs)[data-orientation="vertical"] *) {
+    align-items: stretch;
+  }
   .ttw\:group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.ttw\:group\/tabs)[data-orientation="vertical"] *) {
     justify-content: flex-start;
   }
+  .ttw\:group-data-\[orientation\=vertical\]\/tabs\:gap-1:is(:where(.ttw\:group\/tabs)[data-orientation="vertical"] *) {
+    gap: var(--ttw-spacing);
+  }
+  .ttw\:group-data-\[orientation\=vertical\]\/tabs\:py-1\.5:is(:where(.ttw\:group\/tabs)[data-orientation="vertical"] *) {
+    padding-block: calc(var(--ttw-spacing) * 1.5);
+  }
+  .ttw\:group-data-\[orientation\=vertical\]\/tabs\:pl-3:is(:where(.ttw\:group\/tabs)[data-orientation="vertical"] *) {
+    padding-left: calc(var(--ttw-spacing) * 3);
+  }
   .ttw\:group-data-\[side\=left\]\:-right-4:is(:where(.ttw\:group)[data-side="left"] *) {
     right: calc(var(--ttw-spacing) * -4);
   }
@@ -4790,8 +4797,11 @@
     font-size: var(--ttw-text-xs);
     line-height: var(--tw-leading, var(--ttw-text-xs--line-height));
   }
-  .ttw\:group-data-\[state\=active\]\/tab\:bg-muted:is(:where(.ttw\:group\/tab)[data-state="active"] *) {
-    background-color: var(--ttw-muted);
+  .ttw\:group-data-\[state\=active\]\/tabs-trigger\:bg-primary:is(:where(.ttw\:group\/tabs-trigger)[data-state="active"] *) {
+    background-color: var(--ttw-primary);
+  }
+  .ttw\:group-data-\[state\=active\]\/tabs-trigger\:text-primary-foreground:is(:where(.ttw\:group\/tabs-trigger)[data-state="active"] *) {
+    color: var(--ttw-primary-foreground);
   }
   .ttw\:group-data-\[state\=closed\]\:-rotate-90:is(:where(.ttw\:group)[data-state="closed"] *) {
     rotate: calc(90deg * -1);
@@ -4813,9 +4823,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\:group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.ttw\:group\/tabs-list)[data-variant="line"] *) {
-    background-color: transparent;
-  }
   .ttw\:group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.ttw\:group\/field-group)[data-variant="outline"] *) {
     margin-bottom: calc(var(--ttw-spacing) * -2);
   }
@@ -4973,6 +4980,10 @@
     content: var(--tw-content);
     left: calc(1 / 2 * 100%);
   }
+  .ttw\:after\:hidden::after {
+    content: var(--tw-content);
+    display: none;
+  }
   .ttw\:after\:w-\[2px\]::after {
     content: var(--tw-content);
     width: 2px;
@@ -4999,9 +5010,9 @@
     content: var(--tw-content);
     inset-inline: 0px;
   }
-  .ttw\:group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.ttw\:group\/tabs)[data-orientation="horizontal"] *)::after {
+  .ttw\:group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-0:is(:where(.ttw\:group\/tabs)[data-orientation="horizontal"] *)::after {
     content: var(--tw-content);
-    bottom: -5px;
+    bottom: 0px;
   }
   .ttw\:group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.ttw\:group\/tabs)[data-orientation="horizontal"] *)::after {
     content: var(--tw-content);
@@ -5011,9 +5022,9 @@
     content: var(--tw-content);
     inset-block: 0px;
   }
-  .ttw\:group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.ttw\:group\/tabs)[data-orientation="vertical"] *)::after {
+  .ttw\:group-data-\[orientation\=vertical\]\/tabs\:after\:left-0:is(:where(.ttw\:group\/tabs)[data-orientation="vertical"] *)::after {
     content: var(--tw-content);
-    right: calc(var(--ttw-spacing) * -1);
+    left: 0px;
   }
   .ttw\:group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.ttw\:group\/tabs)[data-orientation="vertical"] *)::after {
     content: var(--tw-content);
@@ -5039,6 +5050,9 @@
   .ttw\:last\:border-b-transparent:last-child {
     border-bottom-color: transparent;
   }
+  .ttw\:empty\:hidden:empty {
+    display: none;
+  }
   .ttw\:focus-within\:border-destructive:focus-within {
     border-color: var(--ttw-destructive);
   }
@@ -5821,6 +5835,9 @@
     width: calc(var(--ttw-spacing) * 10);
     height: calc(var(--ttw-spacing) * 10);
   }
+  .ttw\:data-\[size\=lg\]\:h-10[data-size="lg"] {
+    height: calc(var(--ttw-spacing) * 10);
+  }
   .ttw\:data-\[size\=sm\]\:size-6[data-size="sm"] {
     width: calc(var(--ttw-spacing) * 6);
     height: calc(var(--ttw-spacing) * 6);
@@ -5885,15 +5902,15 @@
   :is(.ttw\:\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
     gap: calc(var(--ttw-spacing) * 2);
   }
-  .ttw\:data-\[state\=active\]\:bg-background[data-state="active"] {
-    background-color: var(--ttw-background);
-  }
   .ttw\:data-\[state\=active\]\:bg-primary\/10[data-state="active"] {
     background-color: var(--ttw-primary);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--ttw-primary) 10%, transparent);
     }
   }
+  .ttw\:data-\[state\=active\]\:bg-secondary[data-state="active"] {
+    background-color: var(--ttw-secondary);
+  }
   .ttw\:data-\[state\=active\]\:font-medium[data-state="active"] {
     --tw-font-weight: var(--ttw-font-weight-medium);
     font-weight: var(--ttw-font-weight-medium);
@@ -5904,28 +5921,10 @@
   .ttw\:data-\[state\=active\]\:text-primary[data-state="active"] {
     color: var(--ttw-primary);
   }
-  .ttw\:group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:bg-primary\/10:is(:where(.ttw\:group\/tabs-list)[data-variant="default"] *)[data-state="active"] {
-    background-color: var(--ttw-primary);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--ttw-primary) 10%, transparent);
-    }
-  }
-  .ttw\:group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.ttw\:group\/tabs-list)[data-variant="default"] *)[data-state="active"] {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-  .ttw\:group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.ttw\:group\/tabs-list)[data-variant="default"] *)[data-state="active"] {
-    --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\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.ttw\:group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
-    background-color: transparent;
-  }
-  .ttw\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.ttw\:group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  .ttw\:data-\[state\=active\]\:text-secondary-foreground[data-state="active"] {
+    color: var(--ttw-secondary-foreground);
   }
-  .ttw\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.ttw\:group\/tabs-list)[data-variant="line"] *)[data-state="active"]::after {
+  .ttw\:data-\[state\=active\]\:after\:opacity-100[data-state="active"]::after {
     content: var(--tw-content);
     opacity: 100%;
   }
@@ -6117,9 +6116,6 @@
     font-size: var(--ttw-text-base);
     line-height: var(--tw-leading, var(--ttw-text-base--line-height));
   }
-  .ttw\:data-\[variant\=line\]\:rounded-none[data-variant="line"] {
-    border-radius: 0;
-  }
   .ttw\:nth-last-2\:-mt-1:nth-last-child(2) {
     margin-top: calc(var(--ttw-spacing) * -1);
   }
@@ -6220,6 +6216,9 @@
     .ttw\:md\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
+    .ttw\:md\:grid-cols-3 {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
     .ttw\:md\:flex-row {
       flex-direction: row;
     }
@@ -6316,6 +6315,14 @@
       align-items: flex-start;
     }
   }
+  @container (width >= 36rem) {
+    .ttw\:\@xl\:block {
+      display: block;
+    }
+    .ttw\:\@xl\:hidden {
+      display: none;
+    }
+  }
   @container line-item (width >= 56rem) {
     .ttw\:\@4xl\/line-item\:col-span-2 {
       grid-column: span 2 / span 2;
@@ -6348,9 +6355,6 @@
   .ttw\:dark\:bg-yellow-950:is(.dark *):not(.tesouro-embedded-light, .tesouro-embedded-light *) {
     background-color: var(--ttw-color-yellow-950);
   }
-  .ttw\:dark\:text-muted-foreground:is(.dark *):not(.tesouro-embedded-light, .tesouro-embedded-light *) {
-    color: var(--ttw-muted-foreground);
-  }
   .ttw\:dark\:text-white:is(.dark *):not(.tesouro-embedded-light, .tesouro-embedded-light *) {
     color: var(--ttw-color-white);
   }
@@ -6377,9 +6381,6 @@
     .ttw\:dark\:hover\:text-accent-foreground:is(.dark *):not(.tesouro-embedded-light, .tesouro-embedded-light *):hover {
       color: var(--ttw-accent-foreground);
     }
-    .ttw\:dark\:hover\:text-foreground:is(.dark *):not(.tesouro-embedded-light, .tesouro-embedded-light *):hover {
-      color: var(--ttw-foreground);
-    }
   }
   .ttw\:dark\:focus-visible\:ring-destructive\/40:is(.dark *):not(.tesouro-embedded-light, .tesouro-embedded-light *):focus-visible {
     --tw-ring-color: var(--ttw-destructive);
@@ -6399,24 +6400,6 @@
       --tw-ring-color: color-mix(in oklab, var(--ttw-destructive) 40%, transparent);
     }
   }
-  .ttw\:dark\:data-\[state\=active\]\:border-input:is(.dark *):not(.tesouro-embedded-light, .tesouro-embedded-light *)[data-state="active"] {
-    border-color: var(--ttw-input);
-  }
-  .ttw\:dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *):not(.tesouro-embedded-light, .tesouro-embedded-light *)[data-state="active"] {
-    background-color: var(--ttw-input);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--ttw-input) 30%, transparent);
-    }
-  }
-  .ttw\:dark\:data-\[state\=active\]\:text-foreground:is(.dark *):not(.tesouro-embedded-light, .tesouro-embedded-light *)[data-state="active"] {
-    color: var(--ttw-foreground);
-  }
-  .ttw\:dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(.dark *):not(.tesouro-embedded-light, .tesouro-embedded-light *):is(:where(.ttw\:group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
-    border-color: transparent;
-  }
-  .ttw\:dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(.dark *):not(.tesouro-embedded-light, .tesouro-embedded-light *):is(:where(.ttw\:group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
-    background-color: transparent;
-  }
   .ttw\:dark\:data-\[state\=checked\]\:bg-primary:is(.dark *):not(.tesouro-embedded-light, .tesouro-embedded-light *)[data-state="checked"] {
     background-color: var(--ttw-primary);
   }
@@ -6490,9 +6473,16 @@
     width: calc(var(--ttw-spacing) * 4);
     height: calc(var(--ttw-spacing) * 4);
   }
+  .ttw\:\[\&_svg\]\:size-5 svg {
+    width: calc(var(--ttw-spacing) * 5);
+    height: calc(var(--ttw-spacing) * 5);
+  }
   .ttw\:\[\&_svg\]\:shrink-0 svg {
     flex-shrink: 0;
   }
+  .ttw\:\[\&_svg\]\:text-muted-foreground svg {
+    color: var(--ttw-muted-foreground);
+  }
   .ttw\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
     width: calc(var(--ttw-spacing) * 4);
     height: calc(var(--ttw-spacing) * 4);
@@ -6689,6 +6679,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0px;
   }
+  .ttw\:\[\&\>tr\:last-child\>td\]\:border-b-0 > tr:last-child > td {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 0px;
+  }
   .ttw\:\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open] > svg {
     rotate: 180deg;
   }

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bills-list/ui/dist/index10.js

@@ -66,7 +66,7 @@ function y({ fields: f, activeFilterCount: y, chips: b, onRemoveChip: x, onClear
 			children: [/* @__PURE__ */ p(s, {
 				asChild: !0,
 				children: /* @__PURE__ */ p(r, {
-					size: "md",
+					size: "default",
 					activeCount: y,
 					onClick: se,
 					labels: Z.filterMenuButton,