@turtleclub/earn-widget 0.3.3-beta.8 → 0.4.0-beta.0

package/dist/styles.css

@@ -96,6 +96,7 @@
     --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
     --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
     --color-red-600: oklch(57.7% .245 27.325);
+    --color-orange-500: oklch(70.5% .213 47.604);
     --color-amber-600: oklch(66.6% .179 58.318);
     --color-yellow-600: oklch(68.1% .162 75.834);
     --color-green-600: oklch(62.7% .194 149.214);
@@ -145,6 +146,7 @@
     --radius-lg: var(--radius);
     --radius-xl: calc(var(--radius) + 4px);
     --radius-2xl: calc(var(--radius) + 8px);
+    --drop-shadow-sm: 0 1px 2px #00000026;
     --drop-shadow-lg: 0 4px 4px #00000026;
     --ease-in-out: cubic-bezier(.4,0,.2,1);
     --animate-spin: spin 1s linear infinite;
@@ -830,6 +832,9 @@
   .turtle-widget-root .mx-3\.5 {
     margin-inline: calc(var(--spacing)*3.5);
   }
+  .turtle-widget-root .mx-4 {
+    margin-inline: calc(var(--spacing)*4);
+  }
   .turtle-widget-root .mx-auto {
     margin-inline: auto;
   }
@@ -1218,6 +1223,9 @@
   .turtle-widget-root .max-w-md {
     max-width: var(--container-md);
   }
+  .turtle-widget-root .max-w-none {
+    max-width: none;
+  }
   .turtle-widget-root .min-w-0 {
     min-width: calc(var(--spacing)*0);
   }
@@ -1623,9 +1631,6 @@
   .turtle-widget-root .\!bg-neutral-alpha-2 {
     background-color: var(--color-neutral-alpha-2) !important;
   }
-  .turtle-widget-root .bg-accent {
-    background-color: var(--color-accent);
-  }
   .turtle-widget-root .bg-background {
     background-color: var(--color-background);
   }
@@ -1738,9 +1743,24 @@
     --tw-gradient-to: transparent;
     --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 .fill-accent {
+    fill: var(--color-accent);
+  }
   .turtle-widget-root .fill-current {
     fill: currentColor;
   }
+  .turtle-widget-root .fill-orange-500 {
+    fill: var(--color-orange-500);
+  }
+  .turtle-widget-root .stroke-accent {
+    stroke: var(--color-accent);
+  }
+  .turtle-widget-root .stroke-orange-500 {
+    stroke: var(--color-orange-500);
+  }
+  .turtle-widget-root .stroke-2 {
+    stroke-width: 2px;
+  }
   .turtle-widget-root .object-contain {
     object-fit: contain;
   }
@@ -1876,6 +1896,9 @@
   .turtle-widget-root .\!pr-1\.5 {
     padding-right: calc(var(--spacing)*1.5) !important;
   }
+  .turtle-widget-root .pr-1\.5 {
+    padding-right: calc(var(--spacing)*1.5);
+  }
   .turtle-widget-root .pr-2 {
     padding-right: calc(var(--spacing)*2);
   }
@@ -2219,10 +2242,36 @@
     --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + 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 .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + 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 .ring-2 {
     --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + 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 .ring-accent\/80 {
+    --tw-ring-color: var(--color-accent);
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .ring-accent\/80 {
+      --tw-ring-color: var(--color-accent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab,var(--color-accent)80%,transparent);
+      }
+    }
+  }
+  .turtle-widget-root .ring-orange-500\/80 {
+    --tw-ring-color: #fe6e00cc;
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .ring-orange-500\/80 {
+      --tw-ring-color: color-mix(in srgb,oklch(70.5% 0.213 47.604)80%,transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab,var(--color-orange-500)80%,transparent);
+      }
+    }
+  }
   .turtle-widget-root .ring-primary {
     --tw-ring-color: var(--color-primary);
   }
@@ -2266,6 +2315,39 @@
     --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 .drop-shadow-sm {
+    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));
+    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
+    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 .drop-shadow-accent\/50 {
+    --tw-drop-shadow-color: var(--color-accent);
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .drop-shadow-accent\/50 {
+      --tw-drop-shadow-color: var(--color-accent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-drop-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-accent)50%,transparent)var(--tw-drop-shadow-alpha),transparent);
+      }
+    }
+  }
+  .turtle-widget-root .drop-shadow-accent\/50 {
+    --tw-drop-shadow: var(--tw-drop-shadow-size);
+  }
+  .turtle-widget-root .drop-shadow-orange-500\/50 {
+    --tw-drop-shadow-color: #fe6e0080;
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .drop-shadow-orange-500\/50 {
+      --tw-drop-shadow-color: color-mix(in srgb,oklch(70.5% 0.213 47.604)50%,transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-drop-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-orange-500)50%,transparent)var(--tw-drop-shadow-alpha),transparent);
+      }
+    }
+  }
+  .turtle-widget-root .drop-shadow-orange-500\/50 {
+    --tw-drop-shadow: var(--tw-drop-shadow-size);
+  }
   .turtle-widget-root .filter {
     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,);
   }
@@ -2367,6 +2449,10 @@
   .turtle-widget-root .zoom-in-95 {
     --tw-enter-scale: .95;
   }
+  .turtle-widget-root :is(.\*\:text-xs>*) {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading,var(--text-xs--line-height));
+  }
   .turtle-widget-root .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
     opacity: 1;
   }
@@ -2781,6 +2867,9 @@
     .turtle-widget-root .hover\:bg-neutral-alpha-2:hover {
       background-color: var(--color-neutral-alpha-2);
     }
+    .turtle-widget-root .hover\:bg-neutral-alpha-5:hover {
+      background-color: var(--color-neutral-alpha-5);
+    }
     .turtle-widget-root .hover\:bg-primary:hover, .turtle-widget-root .hover\:bg-primary\/90:hover {
       background-color: var(--color-primary);
     }
@@ -4725,6 +4814,7 @@
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
     --color-red-600: oklch(57.7% 0.245 27.325);
+    --color-orange-500: oklch(70.5% 0.213 47.604);
     --color-amber-600: oklch(66.6% 0.179 58.318);
     --color-yellow-600: oklch(68.1% 0.162 75.834);
     --color-green-600: oklch(62.7% 0.194 149.214);
@@ -4774,12 +4864,14 @@
     --radius-lg: var(--radius);
     --radius-xl: calc(var(--radius) + 4px);
     --radius-2xl: calc(var(--radius) + 8px);
+    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
     --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --blur-sm: 8px;
     --blur-lg: 16px;
+    --blur-xl: 24px;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: "DM Sans", sans-serif;
@@ -5015,60 +5107,50 @@
   .turtle-widget-root .visible {
     visibility: visible;
   }
-  .turtle-widget-root .absolute {
-    position: absolute;
-  }
   .turtle-widget-root .relative {
     position: relative;
   }
   .turtle-widget-root .sticky {
     position: sticky;
   }
-  .turtle-widget-root .inset-0 {
-    inset: calc(var(--spacing) * 0);
-  }
   .turtle-widget-root .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
-  .turtle-widget-root .container {
-    width: 100%;
-    @media (width >= 40rem) {
-      max-width: 40rem;
-    }
-    @media (width >= 48rem) {
-      max-width: 48rem;
-    }
-    @media (width >= 64rem) {
-      max-width: 64rem;
-    }
-    @media (width >= 80rem) {
-      max-width: 80rem;
-    }
-    @media (width >= 96rem) {
-      max-width: 96rem;
-    }
+  .turtle-widget-root .mx-4 {
+    margin-inline: calc(var(--spacing) * 4);
   }
-  .turtle-widget-root .my-2 {
-    margin-block: calc(var(--spacing) * 2);
+  .turtle-widget-root .my-1 {
+    margin-block: calc(var(--spacing) * 1);
   }
-  .turtle-widget-root .-mt-8 {
-    margin-top: calc(var(--spacing) * -8);
+  .turtle-widget-root .mt-5 {
+    margin-top: calc(var(--spacing) * 5);
   }
-  .turtle-widget-root .mt-2 {
-    margin-top: calc(var(--spacing) * 2);
+  .turtle-widget-root .mt-auto {
+    margin-top: auto;
   }
-  .turtle-widget-root .mr-2 {
-    margin-right: calc(var(--spacing) * 2);
+  .turtle-widget-root .-mr-1 {
+    margin-right: calc(var(--spacing) * -1);
   }
-  .turtle-widget-root .-ml-1 {
-    margin-left: calc(var(--spacing) * -1);
+  .turtle-widget-root .mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
   }
   .turtle-widget-root .flex {
     display: flex;
   }
+  .turtle-widget-root .grid {
+    display: grid;
+  }
   .turtle-widget-root .hidden {
     display: none;
   }
+  .turtle-widget-root .size-2\.5 {
+    width: calc(var(--spacing) * 2.5);
+    height: calc(var(--spacing) * 2.5);
+  }
+  .turtle-widget-root .size-4 {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
   .turtle-widget-root .size-5 {
     width: calc(var(--spacing) * 5);
     height: calc(var(--spacing) * 5);
@@ -5086,66 +5168,60 @@
   .turtle-widget-root .h-6 {
     height: calc(var(--spacing) * 6);
   }
-  .turtle-widget-root .h-7 {
-    height: calc(var(--spacing) * 7);
-  }
   .turtle-widget-root .h-8 {
     height: calc(var(--spacing) * 8);
   }
-  .turtle-widget-root .h-9 {
-    height: calc(var(--spacing) * 9);
-  }
   .turtle-widget-root .h-10 {
     height: calc(var(--spacing) * 10);
   }
   .turtle-widget-root .h-12 {
     height: calc(var(--spacing) * 12);
   }
+  .turtle-widget-root .h-14 {
+    height: calc(var(--spacing) * 14);
+  }
   .turtle-widget-root .h-16 {
     height: calc(var(--spacing) * 16);
   }
+  .turtle-widget-root .h-20 {
+    height: calc(var(--spacing) * 20);
+  }
   .turtle-widget-root .h-full {
     height: 100%;
   }
   .turtle-widget-root .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
-  .turtle-widget-root .w-4 {
-    width: calc(var(--spacing) * 4);
-  }
   .turtle-widget-root .w-5 {
     width: calc(var(--spacing) * 5);
   }
-  .turtle-widget-root .w-6 {
-    width: calc(var(--spacing) * 6);
-  }
-  .turtle-widget-root .w-7 {
-    width: calc(var(--spacing) * 7);
-  }
   .turtle-widget-root .w-8 {
     width: calc(var(--spacing) * 8);
   }
-  .turtle-widget-root .w-10 {
-    width: calc(var(--spacing) * 10);
-  }
   .turtle-widget-root .w-16 {
     width: calc(var(--spacing) * 16);
   }
-  .turtle-widget-root .w-20 {
-    width: calc(var(--spacing) * 20);
-  }
   .turtle-widget-root .w-24 {
     width: calc(var(--spacing) * 24);
   }
   .turtle-widget-root .w-32 {
     width: calc(var(--spacing) * 32);
   }
+  .turtle-widget-root .w-40 {
+    width: calc(var(--spacing) * 40);
+  }
+  .turtle-widget-root .w-48 {
+    width: calc(var(--spacing) * 48);
+  }
+  .turtle-widget-root .w-56 {
+    width: calc(var(--spacing) * 56);
+  }
+  .turtle-widget-root .w-\[133px\] {
+    width: 133px;
+  }
   .turtle-widget-root .w-full {
     width: 100%;
   }
-  .turtle-widget-root .max-w-\[120px\] {
-    max-width: 120px;
-  }
   .turtle-widget-root .max-w-md {
     max-width: var(--container-md);
   }
@@ -5161,28 +5237,33 @@
   .turtle-widget-root .shrink-0 {
     flex-shrink: 0;
   }
-  .turtle-widget-root .-translate-x-2\.5 {
-    --tw-translate-x: calc(var(--spacing) * -2.5);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .turtle-widget-root .animate-pulse {
     animation: var(--animate-pulse);
   }
-  .turtle-widget-root .cursor-default {
-    cursor: default;
+  .turtle-widget-root .cursor-not-allowed {
+    cursor: not-allowed;
   }
   .turtle-widget-root .cursor-pointer {
     cursor: pointer;
   }
+  .turtle-widget-root .grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .turtle-widget-root .grid-rows-\[auto_1fr\] {
+    grid-template-rows: auto 1fr;
+  }
+  .turtle-widget-root .grid-rows-\[auto_1fr_auto\] {
+    grid-template-rows: auto 1fr auto;
+  }
   .turtle-widget-root .flex-col {
     flex-direction: column;
   }
+  .turtle-widget-root .flex-row-reverse {
+    flex-direction: row-reverse;
+  }
   .turtle-widget-root .items-center {
     align-items: center;
   }
-  .turtle-widget-root .items-start {
-    align-items: flex-start;
-  }
   .turtle-widget-root .items-stretch {
     align-items: stretch;
   }
@@ -5192,23 +5273,30 @@
   .turtle-widget-root .justify-center {
     justify-content: center;
   }
-  .turtle-widget-root .justify-start {
-    justify-content: flex-start;
+  .turtle-widget-root .justify-end {
+    justify-content: flex-end;
   }
-  .turtle-widget-root .gap-0\.5 {
-    gap: calc(var(--spacing) * 0.5);
+  .turtle-widget-root .gap-1 {
+    gap: calc(var(--spacing) * 1);
   }
   .turtle-widget-root .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
+  .turtle-widget-root .gap-2\.5 {
+    gap: calc(var(--spacing) * 2.5);
+  }
   .turtle-widget-root .gap-3 {
     gap: calc(var(--spacing) * 3);
   }
   .turtle-widget-root .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
-  .turtle-widget-root .gap-\[5px\] {
-    gap: 5px;
+  .turtle-widget-root .space-y-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+    }
   }
   .turtle-widget-root .space-y-2 {
     :where(& > :not(:last-child)) {
@@ -5224,36 +5312,20 @@
       margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
-  .turtle-widget-root .space-y-4 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .turtle-widget-root .truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+  .turtle-widget-root .overflow-auto {
+    overflow: auto;
   }
   .turtle-widget-root .overflow-hidden {
     overflow: hidden;
   }
-  .turtle-widget-root .overflow-y-auto {
-    overflow-y: auto;
-  }
-  .turtle-widget-root .rounded {
-    border-radius: 0.25rem;
+  .turtle-widget-root .\!rounded-full {
+    border-radius: var(--radius-full) !important;
   }
   .turtle-widget-root .rounded-full {
     border-radius: var(--radius-full);
   }
-  .turtle-widget-root .rounded-lg {
-    border-radius: var(--radius-lg);
-  }
-  .turtle-widget-root .rounded-l-none {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+  .turtle-widget-root .rounded-turtle {
+    border-radius: var(--radius-turtle);
   }
   .turtle-widget-root .border {
     border-style: var(--tw-border-style);
@@ -5268,66 +5340,57 @@
       border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
     }
   }
-  .turtle-widget-root .border-foreground\/60 {
-    border-color: var(--color-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-foreground) 60%, transparent);
-    }
-  }
-  .turtle-widget-root .border-muted {
-    border-color: var(--color-muted);
-  }
-  .turtle-widget-root .border-muted-foreground\/60 {
-    border-color: var(--color-muted-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-muted-foreground) 60%, transparent);
-    }
-  }
   .turtle-widget-root .\!bg-background {
     background-color: var(--color-background) !important;
   }
   .turtle-widget-root .bg-background {
     background-color: var(--color-background);
   }
-  .turtle-widget-root .bg-card {
-    background-color: var(--color-card);
+  .turtle-widget-root .bg-foreground {
+    background-color: var(--color-foreground);
   }
   .turtle-widget-root .bg-muted {
     background-color: var(--color-muted);
   }
-  .turtle-widget-root .bg-muted\/10 {
-    background-color: var(--color-muted);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-muted) 10%, transparent);
-    }
+  .turtle-widget-root .bg-neutral-alpha-2 {
+    background-color: var(--color-neutral-alpha-2);
   }
-  .turtle-widget-root .bg-secondary {
-    background-color: var(--color-secondary);
+  .turtle-widget-root .bg-neutral-alpha-10 {
+    background-color: var(--color-neutral-alpha-10);
   }
   .turtle-widget-root .bg-transparent {
     background-color: transparent;
   }
+  .turtle-widget-root .stroke-accent {
+    stroke: var(--color-accent);
+  }
+  .turtle-widget-root .stroke-destructive {
+    stroke: var(--color-destructive);
+  }
   .turtle-widget-root .object-contain {
     object-fit: contain;
   }
   .turtle-widget-root .p-0 {
     padding: calc(var(--spacing) * 0);
   }
-  .turtle-widget-root .p-1 {
-    padding: calc(var(--spacing) * 1);
-  }
   .turtle-widget-root .p-3 {
     padding: calc(var(--spacing) * 3);
   }
   .turtle-widget-root .p-4 {
     padding: calc(var(--spacing) * 4);
   }
+  .turtle-widget-root .p-5 {
+    padding: calc(var(--spacing) * 5);
+  }
   .turtle-widget-root .p-6 {
     padding: calc(var(--spacing) * 6);
   }
   .turtle-widget-root .p-7 {
     padding: calc(var(--spacing) * 7);
   }
+  .turtle-widget-root .px-1 {
+    padding-inline: calc(var(--spacing) * 1);
+  }
   .turtle-widget-root .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
@@ -5337,23 +5400,20 @@
   .turtle-widget-root .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
-  .turtle-widget-root .py-8 {
-    padding-block: calc(var(--spacing) * 8);
-  }
-  .turtle-widget-root .pt-2 {
-    padding-top: calc(var(--spacing) * 2);
+  .turtle-widget-root .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
   }
-  .turtle-widget-root .pr-4 {
-    padding-right: calc(var(--spacing) * 4);
+  .turtle-widget-root .pt-4 {
+    padding-top: calc(var(--spacing) * 4);
   }
-  .turtle-widget-root .pb-2 {
-    padding-bottom: calc(var(--spacing) * 2);
+  .turtle-widget-root .pb-3 {
+    padding-bottom: calc(var(--spacing) * 3);
   }
-  .turtle-widget-root .text-center {
-    text-align: center;
+  .turtle-widget-root .pb-6 {
+    padding-bottom: calc(var(--spacing) * 6);
   }
-  .turtle-widget-root .text-right {
-    text-align: right;
+  .turtle-widget-root .text-end {
+    text-align: end;
   }
   .turtle-widget-root .text-2xl {
     font-size: var(--text-2xl);
@@ -5367,14 +5427,14 @@
     font-size: var(--text-6xl);
     line-height: var(--tw-leading, var(--text-6xl--line-height));
   }
-  .turtle-widget-root .text-lg {
-    font-size: var(--text-lg);
-    line-height: var(--tw-leading, var(--text-lg--line-height));
-  }
   .turtle-widget-root .text-sm {
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
   }
+  .turtle-widget-root .text-xl {
+    font-size: var(--text-xl);
+    line-height: var(--tw-leading, var(--text-xl--line-height));
+  }
   .turtle-widget-root .text-xs {
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
@@ -5383,49 +5443,41 @@
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
   }
-  .turtle-widget-root .font-medium {
-    --tw-font-weight: var(--font-weight-medium);
-    font-weight: var(--font-weight-medium);
-  }
-  .turtle-widget-root .font-semibold {
-    --tw-font-weight: var(--font-weight-semibold);
-    font-weight: var(--font-weight-semibold);
-  }
   .turtle-widget-root .text-foreground {
     color: var(--color-foreground);
   }
-  .turtle-widget-root .text-foreground\/60 {
-    color: var(--color-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--color-foreground) 60%, transparent);
-    }
-  }
-  .turtle-widget-root .text-muted-foreground {
-    color: var(--color-muted-foreground);
-  }
   .turtle-widget-root .text-primary {
     color: var(--color-primary);
   }
-  .turtle-widget-root .underline {
-    text-decoration-line: underline;
+  .turtle-widget-root .text-primary\/70 {
+    color: var(--color-primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-primary) 70%, transparent);
+    }
   }
   .turtle-widget-root .antialiased {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
-  .turtle-widget-root .opacity-30 {
-    opacity: 30%;
-  }
   .turtle-widget-root .shadow {
     --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);
   }
+  .turtle-widget-root .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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 .ring-white {
+    --tw-ring-color: var(--color-white);
+  }
   .turtle-widget-root .invert {
     --tw-invert: invert(100%);
     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 .filter {
-    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 .backdrop-blur-xl {
+    --tw-backdrop-blur: blur(var(--blur-xl));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
   .turtle-widget-root .transition-all {
     transition-property: all;
@@ -5437,15 +5489,6 @@
     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 .duration-150 {
-    --tw-duration: 150ms;
-    transition-duration: 150ms;
-  }
   .turtle-widget-root .duration-700 {
     --tw-duration: 700ms;
     transition-duration: 700ms;
@@ -5454,60 +5497,73 @@
     --tw-ease: linear;
     transition-timing-function: linear;
   }
-  .turtle-widget-root .hover\:border-primary {
-    &:hover {
+  .turtle-widget-root .group-hover\:block {
+    &:is(:where(.group):hover *) {
       @media (hover: hover) {
-        border-color: var(--color-primary);
+        display: block;
       }
     }
   }
-  .turtle-widget-root .hover\:bg-accent\/70 {
-    &:hover {
+  .turtle-widget-root .group-hover\:hidden {
+    &:is(:where(.group):hover *) {
       @media (hover: hover) {
-        background-color: var(--color-accent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-accent) 70%, transparent);
-        }
+        display: none;
       }
     }
   }
-  .turtle-widget-root .hover\:text-foreground {
-    &:hover {
+  .turtle-widget-root .group-hover\:text-primary {
+    &:is(:where(.group):hover *) {
       @media (hover: hover) {
-        color: var(--color-foreground);
+        color: var(--color-primary);
       }
     }
   }
-  .turtle-widget-root .hover\:text-primary {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-primary);
-      }
+  .turtle-widget-root .last\:mr-0 {
+    &:last-child {
+      margin-right: calc(var(--spacing) * 0);
     }
   }
-  .turtle-widget-root .hover\:text-primary\/80 {
+  .turtle-widget-root .hover\:border-gradient-white {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-primary);
-        @supports (color: color-mix(in lab, red, red)) {
-          color: color-mix(in oklab, var(--color-primary) 80%, transparent);
+        position: relative;
+        border-style: var(--tw-border-style);
+        border-width: 1px;
+        border-color: transparent;
+        .turtle-widget-root &::before {
+          content: "";
+          pointer-events: none;
+          position: absolute;
+          inset: -1px;
+          border-style: var(--tw-border-style);
+          border-width: 1px;
+          border-color: transparent;
+          border-radius: inherit;
+          background: var(--border-gradient-white);
+          -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
+          -webkit-mask-composite: xor;
+          mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
+          mask-composite: exclude;
         }
       }
     }
   }
-  .turtle-widget-root .sm\:min-h-\[690px\] {
-    @media (width >= 40rem) {
-      min-height: 690px;
+  .turtle-widget-root .hover\:bg-neutral-alpha-5 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-neutral-alpha-5);
+      }
     }
   }
-  .turtle-widget-root .\[\&_button\]\:w-32 {
-    & button {
-      width: calc(var(--spacing) * 32);
+  .turtle-widget-root .lg\:-mr-4 {
+    @media (width >= 64rem) {
+      margin-right: calc(var(--spacing) * -4);
     }
   }
-  .turtle-widget-root .\[\&_button\]\:min-w-32 {
-    & button {
-      min-width: calc(var(--spacing) * 32);
+  .turtle-widget-root .lg\:size-6 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 6);
+      height: calc(var(--spacing) * 6);
     }
   }
 }
@@ -6016,14 +6072,6 @@
   --ring: var(--color-brand-green);
   --muted: var(--color-neutral-alpha-2, #f9f9f905);
   --muted-foreground: var(--color-neutral-alpha-50, #ffffff80);
-  --radius: var(--radius-default, 0.625rem);
-}
-.turtle-widget-root .no-scrollbar {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-}
-.turtle-widget-root .no-scrollbar::-webkit-scrollbar {
-  display: none;
 }
 @keyframes spin {
   to {