@turtleclub/earn-widget 0.3.0-beta.12 → 0.3.0-beta.13

package/dist/styles.css

@@ -11,8 +11,10 @@
     --color-yellow-600: oklch(68.1% 0.162 75.834);
     --color-green-500: oklch(72.3% 0.219 149.579);
     --color-green-600: oklch(62.7% 0.194 149.214);
+    --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
+    --container-lg: 32rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -43,9 +45,11 @@
     --font-weight-bold: 700;
     --tracking-tight: -0.025em;
     --tracking-wider: 0.05em;
+    --radius-xs: 0.125rem;
     --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
+    --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
     --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --default-transition-duration: 150ms;
@@ -744,6 +748,19 @@
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
       --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
       --tw-duration: initial;
       --tw-content: "";
       --tw-animation-delay: 0s;
@@ -774,8 +791,10 @@
     --color-yellow-600: oklch(68.1% .162 75.834);
     --color-green-500: oklch(72.3% .219 149.579);
     --color-green-600: oklch(62.7% .194 149.214);
+    --color-black: #000;
     --color-white: #fff;
     --spacing: .25rem;
+    --container-lg: 32rem;
     --text-xs: .75rem;
     --text-xs--line-height: calc(1/.75);
     --text-sm: .875rem;
@@ -805,15 +824,19 @@
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
     --tracking-tight: -.025em;
+    --radius-xs: .125rem;
     --radius-md: calc(var(--radius) - 2px);
     --radius-lg: var(--radius);
     --radius-xl: calc(var(--radius) + 4px);
+    --drop-shadow-lg: 0 4px 4px #00000026;
     --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
+    --radius-turtle: var(--radius-turtle);
+    --radius-info-card: var(--radius-info-card);
   }
 }
 @layer base {
@@ -1114,6 +1137,17 @@
   .turtle-widget-root .pointer-events-none {
     pointer-events: none;
   }
+  .turtle-widget-root .sr-only {
+    clip: rect(0,0,0,0);
+    white-space: nowrap;
+    border-width: 0;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
   .turtle-widget-root .absolute {
     position: absolute;
   }
@@ -1126,12 +1160,24 @@
   .turtle-widget-root .inset-0 {
     inset: calc(var(--spacing)*0);
   }
+  .turtle-widget-root .top-4 {
+    top: calc(var(--spacing)*4);
+  }
+  .turtle-widget-root .top-\[50\%\] {
+    top: 50%;
+  }
   .turtle-widget-root .right-2 {
     right: calc(var(--spacing)*2);
   }
+  .turtle-widget-root .right-4 {
+    right: calc(var(--spacing)*4);
+  }
   .turtle-widget-root .bottom-0 {
     bottom: calc(var(--spacing)*0);
   }
+  .turtle-widget-root .left-\[50\%\] {
+    left: 50%;
+  }
   .turtle-widget-root .z-10 {
     z-index: 10;
   }
@@ -1175,6 +1221,18 @@
   .turtle-widget-root .my-1 {
     margin-block: calc(var(--spacing)*1);
   }
+  .turtle-widget-root .mt-2 {
+    margin-top: calc(var(--spacing)*2);
+  }
+  .turtle-widget-root .mt-4 {
+    margin-top: calc(var(--spacing)*4);
+  }
+  .turtle-widget-root .mb-1 {
+    margin-bottom: calc(var(--spacing)*1);
+  }
+  .turtle-widget-root .ml-1 {
+    margin-left: calc(var(--spacing)*1);
+  }
   .turtle-widget-root .ml-2 {
     margin-left: calc(var(--spacing)*2);
   }
@@ -1193,6 +1251,21 @@
   .turtle-widget-root .inline-flex {
     display: inline-flex;
   }
+  .turtle-widget-root .table {
+    display: table;
+  }
+  .turtle-widget-root .table-caption {
+    display: table-caption;
+  }
+  .turtle-widget-root .table-cell {
+    display: table-cell;
+  }
+  .turtle-widget-root .table-row {
+    display: table-row;
+  }
+  .turtle-widget-root .aspect-square {
+    aspect-ratio: 1;
+  }
   .turtle-widget-root .size-2\.5 {
     width: calc(var(--spacing)*2.5);
     height: calc(var(--spacing)*2.5);
@@ -1205,10 +1278,18 @@
     width: calc(var(--spacing)*4);
     height: calc(var(--spacing)*4);
   }
+  .turtle-widget-root .size-8 {
+    width: calc(var(--spacing)*8);
+    height: calc(var(--spacing)*8);
+  }
   .turtle-widget-root .size-9 {
     width: calc(var(--spacing)*9);
     height: calc(var(--spacing)*9);
   }
+  .turtle-widget-root .size-full {
+    width: 100%;
+    height: 100%;
+  }
   .turtle-widget-root .h-2 {
     height: calc(var(--spacing)*2);
   }
@@ -1308,6 +1389,9 @@
   .turtle-widget-root .w-20 {
     width: calc(var(--spacing)*20);
   }
+  .turtle-widget-root .w-64 {
+    width: calc(var(--spacing)*64);
+  }
   .turtle-widget-root .w-auto {
     width: auto;
   }
@@ -1317,6 +1401,9 @@
   .turtle-widget-root .w-full {
     width: 100%;
   }
+  .turtle-widget-root .max-w-\[calc\(100\%-2rem\)\] {
+    max-width: calc(100% - 2rem);
+  }
   .turtle-widget-root .min-w-0 {
     min-width: calc(var(--spacing)*0);
   }
@@ -1347,6 +1434,12 @@
   .turtle-widget-root .flex-shrink-0, .turtle-widget-root .shrink-0 {
     flex-shrink: 0;
   }
+  .turtle-widget-root .caption-bottom {
+    caption-side: bottom;
+  }
+  .turtle-widget-root .origin-\(--radix-hover-card-content-transform-origin\) {
+    transform-origin: var(--radix-hover-card-content-transform-origin);
+  }
   .turtle-widget-root .origin-\(--radix-select-content-transform-origin\) {
     transform-origin: var(--radix-select-content-transform-origin);
   }
@@ -1356,6 +1449,14 @@
   .turtle-widget-root .origin-left {
     transform-origin: 0;
   }
+  .turtle-widget-root .translate-x-\[-50\%\] {
+    --tw-translate-x: -50%;
+    translate: var(--tw-translate-x)var(--tw-translate-y);
+  }
+  .turtle-widget-root .translate-y-\[-50\%\] {
+    --tw-translate-y: -50%;
+    translate: var(--tw-translate-x)var(--tw-translate-y);
+  }
   .turtle-widget-root .translate-y-\[calc\(-50\%_-_2px\)\] {
     --tw-translate-y: calc(-50% - 2px);
     translate: var(--tw-translate-x)var(--tw-translate-y);
@@ -1390,21 +1491,27 @@
   .turtle-widget-root .scroll-my-1 {
     scroll-margin-block: calc(var(--spacing)*1);
   }
+  .turtle-widget-root .auto-cols-fr {
+    grid-auto-columns: minmax(0,1fr);
+  }
+  .turtle-widget-root .grid-flow-col {
+    grid-auto-flow: column;
+  }
   .turtle-widget-root .grid-cols-3 {
     grid-template-columns: repeat(3,minmax(0,1fr));
   }
   .turtle-widget-root .flex-col {
     flex-direction: column;
   }
+  .turtle-widget-root .flex-col-reverse {
+    flex-direction: column-reverse;
+  }
   .turtle-widget-root .flex-row {
     flex-direction: row;
   }
   .turtle-widget-root .flex-row-reverse {
     flex-direction: row-reverse;
   }
-  .turtle-widget-root .flex-wrap {
-    flex-wrap: wrap;
-  }
   .turtle-widget-root .items-center {
     align-items: center;
   }
@@ -1435,6 +1542,9 @@
   .turtle-widget-root .gap-4 {
     gap: calc(var(--spacing)*4);
   }
+  .turtle-widget-root .gap-6 {
+    gap: calc(var(--spacing)*6);
+  }
   .turtle-widget-root :where(.space-y-1>:not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
@@ -1492,6 +1602,9 @@
   .turtle-widget-root .rounded-full {
     border-radius: 3.40282e38px;
   }
+  .turtle-widget-root .rounded-info-card {
+    border-radius: var(--radius-info-card);
+  }
   .turtle-widget-root .rounded-lg {
     border-radius: var(--radius);
   }
@@ -1504,9 +1617,15 @@
   .turtle-widget-root .rounded-sm {
     border-radius: calc(var(--radius) - 4px);
   }
+  .turtle-widget-root .rounded-turtle {
+    border-radius: var(--radius-turtle);
+  }
   .turtle-widget-root .rounded-xl {
     border-radius: calc(var(--radius) + 4px);
   }
+  .turtle-widget-root .rounded-xs {
+    border-radius: var(--radius-xs);
+  }
   .turtle-widget-root .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -1519,6 +1638,10 @@
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
   }
+  .turtle-widget-root .border-b {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
   .turtle-widget-root .border-l {
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
@@ -1576,12 +1699,26 @@
   .turtle-widget-root .bg-background {
     background-color: var(--background);
   }
+  .turtle-widget-root .bg-black\/50 {
+    background-color: #00000080;
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .bg-black\/50 {
+      background-color: color-mix(in srgb,#00050%,transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab,var(--color-black)50%,transparent);
+      }
+    }
+  }
   .turtle-widget-root .bg-border {
     background-color: var(--border);
   }
   .turtle-widget-root .bg-card {
     background-color: var(--card);
   }
+  .turtle-widget-root .bg-destructive {
+    background-color: var(--destructive);
+  }
   .turtle-widget-root .bg-muted {
     background-color: var(--muted);
   }
@@ -1607,18 +1744,7 @@
       }
     }
   }
-  .turtle-widget-root .bg-primary, .turtle-widget-root .bg-primary\/10 {
-    background-color: var(--primary);
-  }
-  @supports (color:color-mix(in lab,red,red)) {
-    .turtle-widget-root .bg-primary\/10 {
-      background-color: var(--primary);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab,var(--primary)10%,transparent);
-      }
-    }
-  }
-  .turtle-widget-root .bg-primary\/20 {
+  .turtle-widget-root .bg-primary, .turtle-widget-root .bg-primary\/20 {
     background-color: var(--primary);
   }
   @supports (color:color-mix(in lab,red,red)) {
@@ -1676,9 +1802,6 @@
   .turtle-widget-root .p-6 {
     padding: calc(var(--spacing)*6);
   }
-  .turtle-widget-root .p-8 {
-    padding: calc(var(--spacing)*8);
-  }
   .turtle-widget-root .p-\[1px\], .turtle-widget-root .p-px {
     padding: 1px;
   }
@@ -1694,12 +1817,21 @@
   .turtle-widget-root .px-3 {
     padding-inline: calc(var(--spacing)*3);
   }
+  .turtle-widget-root .px-3\.5 {
+    padding-inline: calc(var(--spacing)*3.5);
+  }
   .turtle-widget-root .px-4 {
     padding-inline: calc(var(--spacing)*4);
   }
+  .turtle-widget-root .px-4\.5 {
+    padding-inline: calc(var(--spacing)*4.5);
+  }
   .turtle-widget-root .px-6 {
     padding-inline: calc(var(--spacing)*6);
   }
+  .turtle-widget-root .px-8 {
+    padding-inline: calc(var(--spacing)*8);
+  }
   .turtle-widget-root .py-0 {
     padding-block: calc(var(--spacing)*0);
   }
@@ -1718,12 +1850,24 @@
   .turtle-widget-root .py-3 {
     padding-block: calc(var(--spacing)*3);
   }
+  .turtle-widget-root .py-3\.5 {
+    padding-block: calc(var(--spacing)*3.5);
+  }
   .turtle-widget-root .py-4 {
     padding-block: calc(var(--spacing)*4);
   }
+  .turtle-widget-root .py-4\.5 {
+    padding-block: calc(var(--spacing)*4.5);
+  }
+  .turtle-widget-root .py-6\.5 {
+    padding-block: calc(var(--spacing)*6.5);
+  }
   .turtle-widget-root .py-8 {
     padding-block: calc(var(--spacing)*8);
   }
+  .turtle-widget-root .py-8\.5 {
+    padding-block: calc(var(--spacing)*8.5);
+  }
   .turtle-widget-root .pt-0 {
     padding-top: calc(var(--spacing)*0);
   }
@@ -1808,10 +1952,17 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading,var(--text-xs--line-height));
   }
+  .turtle-widget-root .text-\[10px\] {
+    font-size: 10px;
+  }
   .turtle-widget-root .leading-none {
     --tw-leading: 1;
     line-height: 1;
   }
+  .turtle-widget-root .font-\[400\] {
+    --tw-font-weight: 400;
+    font-weight: 400;
+  }
   .turtle-widget-root .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -1838,6 +1989,9 @@
   .turtle-widget-root .whitespace-nowrap {
     white-space: nowrap;
   }
+  .turtle-widget-root .text-accent {
+    color: var(--accent);
+  }
   .turtle-widget-root .text-destructive {
     color: var(--destructive);
   }
@@ -1858,6 +2012,9 @@
       }
     }
   }
+  .turtle-widget-root .text-popover-foreground {
+    color: var(--popover-foreground);
+  }
   .turtle-widget-root .text-primary {
     color: var(--primary);
   }
@@ -1870,6 +2027,9 @@
   .turtle-widget-root .text-secondary-foreground {
     color: var(--secondary-foreground);
   }
+  .turtle-widget-root .text-white {
+    color: var(--color-white);
+  }
   .turtle-widget-root .text-white\/80 {
     color: #fffc;
   }
@@ -1884,6 +2044,9 @@
   .turtle-widget-root .text-yellow-600 {
     color: var(--color-yellow-600);
   }
+  .turtle-widget-root .capitalize {
+    text-transform: capitalize;
+  }
   .turtle-widget-root .caret-foreground {
     caret-color: var(--foreground);
   }
@@ -1899,6 +2062,9 @@
   .turtle-widget-root .opacity-50 {
     opacity: .5;
   }
+  .turtle-widget-root .opacity-70 {
+    opacity: .7;
+  }
   .turtle-widget-root .shadow {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
     box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
@@ -1907,12 +2073,8 @@
     --tw-shadow: 0 0 4px 0 var(--tw-shadow-color,hsl(var(--primary)));
     box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
   }
-  .turtle-widget-root .shadow-\[0_0_20px_0_rgba\(0\,0\,0\,0\.25\)\] {
-    --tw-shadow: 0 0 20px 0 var(--tw-shadow-color,#00000040);
-    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
-  }
-  .turtle-widget-root .shadow-\[0_4px_4px_0_rgba\(0\,0\,0\,0\.25\)\] {
-    --tw-shadow: 0 4px 4px 0 var(--tw-shadow-color,#00000040);
+  .turtle-widget-root .shadow-lg {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
     box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
   }
   .turtle-widget-root .shadow-md {
@@ -1950,6 +2112,9 @@
     --tw-ring-offset-width: 2px;
     --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
   }
+  .turtle-widget-root .ring-offset-background {
+    --tw-ring-offset-color: var(--background);
+  }
   .turtle-widget-root .outline-hidden {
     --tw-outline-style: none;
     outline-style: none;
@@ -1964,6 +2129,11 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .turtle-widget-root .drop-shadow-lg {
+    --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));
+    --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
+    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,);
+  }
   .turtle-widget-root .transition-\[color\,box-shadow\] {
     transition-property: color,box-shadow;
     transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
@@ -1979,6 +2149,11 @@
     transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
     transition-duration: var(--tw-duration,var(--default-transition-duration));
   }
+  .turtle-widget-root .transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration,var(--default-transition-duration));
+  }
   .turtle-widget-root .transition-transform {
     transition-property: transform,translate,scale,rotate;
     transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
@@ -2211,6 +2386,9 @@
         }
       }
     }
+    .turtle-widget-root .hover\:opacity-100:hover {
+      opacity: 1;
+    }
     .turtle-widget-root .hover\:shadow-\[0_0_6px_0_hsl\(var\(--primary\)\)\]:hover {
       --tw-shadow: 0 0 6px 0 var(--tw-shadow-color,hsl(var(--primary)));
       box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
@@ -2260,6 +2438,23 @@
       }
     }
   }
+  .turtle-widget-root .focus\:ring-ring:focus {
+    --tw-ring-color: var(--ring);
+  }
+  .turtle-widget-root .focus\:ring-offset-2:focus {
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
+  }
+  .turtle-widget-root .focus\:outline-hidden:focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  @media (forced-colors:active) {
+    .turtle-widget-root .focus\:outline-hidden:focus {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
   .turtle-widget-root .focus\:outline-none:focus {
     --tw-outline-style: none;
     outline-style: none;
@@ -2274,6 +2469,17 @@
     --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(3px + 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);
   }
+  .turtle-widget-root .focus-visible\:ring-destructive\/20:focus-visible {
+    --tw-ring-color: var(--destructive);
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .focus-visible\:ring-destructive\/20:focus-visible {
+      --tw-ring-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab,var(--destructive)20%,transparent);
+      }
+    }
+  }
   .turtle-widget-root .focus-visible\:ring-ring\/50:focus-visible {
     --tw-ring-color: var(--ring);
   }
@@ -2426,12 +2632,21 @@
   .turtle-widget-root .data-\[state\=open\]\:animate-in[data-state=open] {
     animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
   }
+  .turtle-widget-root .data-\[state\=open\]\:bg-accent[data-state=open] {
+    background-color: var(--accent);
+  }
+  .turtle-widget-root .data-\[state\=open\]\:text-muted-foreground[data-state=open] {
+    color: var(--muted-foreground);
+  }
   .turtle-widget-root .data-\[state\=open\]\:fade-in-0[data-state=open] {
     --tw-enter-opacity: 0;
   }
   .turtle-widget-root .data-\[state\=open\]\:zoom-in-95[data-state=open] {
     --tw-enter-scale: .95;
   }
+  .turtle-widget-root .data-\[state\=selected\]\:bg-muted[data-state=selected] {
+    background-color: var(--muted);
+  }
   .turtle-widget-root .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
     --tw-translate-x: calc(var(--spacing)*0);
     translate: var(--tw-translate-x)var(--tw-translate-y);
@@ -2451,6 +2666,31 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
+  @media (min-width:40rem) {
+    .turtle-widget-root .sm\:max-w-lg {
+      max-width: var(--container-lg);
+    }
+    .turtle-widget-root .sm\:flex-row {
+      flex-direction: row;
+    }
+    .turtle-widget-root .sm\:justify-end {
+      justify-content: flex-end;
+    }
+    .turtle-widget-root .sm\:text-left {
+      text-align: left;
+    }
+  }
+  .turtle-widget-root .dark\:bg-destructive\/60:is(.dark *) {
+    background-color: var(--destructive);
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .dark\:bg-destructive\/60:is(.dark *) {
+      background-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab,var(--destructive)60%,transparent);
+      }
+    }
+  }
   .turtle-widget-root .dark\:before\:from-white\/40:is(.dark *):before {
     content: var(--tw-content);
     --tw-gradient-from: #fff6;
@@ -2481,6 +2721,17 @@
   .turtle-widget-root .dark\:before\:to-white\/10:is(.dark *):before {
     --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
   }
+  .turtle-widget-root .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
+    --tw-ring-color: var(--destructive);
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
+      --tw-ring-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab,var(--destructive)40%,transparent);
+      }
+    }
+  }
   .turtle-widget-root .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
     --tw-ring-color: var(--destructive);
   }
@@ -2522,6 +2773,17 @@
     width: calc(var(--spacing)*4);
     height: calc(var(--spacing)*4);
   }
+  .turtle-widget-root .\[\&_tr\]\:border-b tr {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+  .turtle-widget-root .\[\&_tr\:last-child\]\:border-0 tr:last-child {
+    border-style: var(--tw-border-style);
+    border-width: 0;
+  }
+  .turtle-widget-root .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
+    padding-right: calc(var(--spacing)*0);
+  }
   .turtle-widget-root :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child {
     display: flex;
   }
@@ -2531,9 +2793,65 @@
   .turtle-widget-root :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child {
     gap: calc(var(--spacing)*2);
   }
+  .turtle-widget-root .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] {
+    --tw-translate-y: 2px;
+    translate: var(--tw-translate-x)var(--tw-translate-y);
+  }
   .turtle-widget-root .\[\&\>div\]\:\!block>div {
     display: block !important;
   }
+  .turtle-widget-root .\[\&\>svg\]\:pointer-events-none>svg {
+    pointer-events: none;
+  }
+  .turtle-widget-root .\[\&\>svg\]\:size-3>svg {
+    width: calc(var(--spacing)*3);
+    height: calc(var(--spacing)*3);
+  }
+  .turtle-widget-root .\[\&\>tr\]\:last\:border-b-0>tr:last-child {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 0;
+  }
+  @media (hover:hover) {
+    .turtle-widget-root a.\[a\&\]\:hover\:bg-accent:hover {
+      background-color: var(--accent);
+    }
+    .turtle-widget-root a.\[a\&\]\:hover\:bg-destructive\/90:hover {
+      background-color: var(--destructive);
+    }
+    @supports (color:color-mix(in lab,red,red)) {
+      .turtle-widget-root a.\[a\&\]\:hover\:bg-destructive\/90:hover {
+        background-color: var(--destructive);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab,var(--destructive)90%,transparent);
+        }
+      }
+    }
+    .turtle-widget-root a.\[a\&\]\:hover\:bg-primary\/90:hover {
+      background-color: var(--primary);
+    }
+    @supports (color:color-mix(in lab,red,red)) {
+      .turtle-widget-root a.\[a\&\]\:hover\:bg-primary\/90:hover {
+        background-color: var(--primary);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab,var(--primary)90%,transparent);
+        }
+      }
+    }
+    .turtle-widget-root a.\[a\&\]\:hover\:bg-secondary\/90:hover {
+      background-color: var(--secondary);
+    }
+    @supports (color:color-mix(in lab,red,red)) {
+      .turtle-widget-root a.\[a\&\]\:hover\:bg-secondary\/90:hover {
+        background-color: var(--secondary);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab,var(--secondary)90%,transparent);
+        }
+      }
+    }
+    .turtle-widget-root a.\[a\&\]\:hover\:text-accent-foreground:hover {
+      color: var(--accent-foreground);
+    }
+  }
 }
 @property --tw-animation-delay {
   syntax: "*";
@@ -2695,13 +3013,16 @@
   --radius-sm: .25rem;
   --radius-md: .375rem;
   --radius-lg: .5rem;
+  --radius-lg-2: .625rem;
   --radius-xl: .75rem;
   --radius-2xl: 1rem;
+  --radius-turtle: 1.25rem;
   --radius-3xl: 1.5rem;
   --radius-full: 9999px;
   --radius-default: .625rem;
   --radius-button: var(--radius-full);
-  --radius-card: var(--radius-xl);
+  --radius-card: var(--radius-turtle);
+  --radius-info-card: var(--radius-lg-2);
   --radius-input: var(--radius-md);
   --radius-modal: var(--radius-xl);
   --radius-tooltip: var(--radius-md);