@turtleclub/earn-widget 0.3.0-beta.55 → 0.3.0-beta.57

package/dist/styles.css

@@ -24,11 +24,6 @@
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
-      --tw-ordinal: initial;
-      --tw-slashed-zero: initial;
-      --tw-numeric-figure: initial;
-      --tw-numeric-spacing: initial;
-      --tw-numeric-fraction: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;
@@ -98,7 +93,6 @@
     --color-red-600: oklch(57.7% .245 27.325);
     --color-amber-600: oklch(66.6% .179 58.318);
     --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;
@@ -131,25 +125,26 @@
     --text-7xl--line-height: 1;
     --text-8xl: 6rem;
     --text-8xl--line-height: 1;
+    --font-weight-light: 300;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
     --tracking-tight: -.025em;
     --tracking-widest: .1em;
-    --radius-xs: .125rem;
-    --radius-sm: calc(var(--radius) - 4px);
-    --radius-md: calc(var(--radius) - 2px);
+    --leading-snug: 1.375;
+    --leading-normal: 1.5;
+    --radius-xs: calc(var(--radius) - 16px);
+    --radius-sm: calc(var(--radius) - 8px);
+    --radius-md: calc(var(--radius) - 4px);
     --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;
     --blur-lg: 16px;
-    --aspect-video: 16/9;
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
-    --default-font-family: var(--font-sans);
+    --default-font-family: "DM Sans",sans-serif;
     --default-mono-font-family: var(--font-mono);
     --radius-full: calc(infinity*1px);
     --radius-turtle: var(--radius-turtle);
@@ -384,6 +379,18 @@
   .turtle-widget-root [hidden]:where(:not([hidden=until-found])) {
     display: none !important;
   }
+  .turtle-widget-root * ::selection {
+    background-color: var(--color-primary);
+  }
+  .turtle-widget-root ::selection {
+    background-color: var(--color-primary);
+  }
+  .turtle-widget-root * ::selection {
+    color: var(--color-primary-foreground);
+  }
+  .turtle-widget-root ::selection {
+    color: var(--color-primary-foreground);
+  }
 }
 @layer components {
   .turtle-widget-root .managed-table {
@@ -453,6 +460,9 @@
   }
 }
 @layer utilities {
+  .turtle-widget-root .\@container\/field-group {
+    container: field-group/inline-size;
+  }
   .turtle-widget-root .border-gradient-accent {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -555,6 +565,9 @@
   .turtle-widget-root .pointer-events-none {
     pointer-events: none;
   }
+  .turtle-widget-root .visible {
+    visibility: visible;
+  }
   .turtle-widget-root .sr-only {
     clip-path: inset(50%);
     white-space: nowrap;
@@ -587,6 +600,9 @@
   .turtle-widget-root .top-0 {
     top: calc(var(--spacing)*0);
   }
+  .turtle-widget-root .top-1\/2 {
+    top: 50%;
+  }
   .turtle-widget-root .top-4 {
     top: calc(var(--spacing)*4);
   }
@@ -680,6 +696,12 @@
   .turtle-widget-root .z-\[1\] {
     z-index: 1;
   }
+  .turtle-widget-root .order-first {
+    order: -9999;
+  }
+  .turtle-widget-root .order-last {
+    order: 9999;
+  }
   .turtle-widget-root .container {
     width: 100%;
   }
@@ -711,18 +733,27 @@
   .turtle-widget-root .-mx-1 {
     margin-inline: calc(var(--spacing)*-1);
   }
+  .turtle-widget-root .mx-2 {
+    margin-inline: calc(var(--spacing)*2);
+  }
+  .turtle-widget-root .mx-3 {
+    margin-inline: calc(var(--spacing)*3);
+  }
   .turtle-widget-root .mx-auto {
     margin-inline: auto;
   }
+  .turtle-widget-root .-my-2 {
+    margin-block: calc(var(--spacing)*-2);
+  }
   .turtle-widget-root .-my-px {
     margin-block: -1px;
   }
-  .turtle-widget-root .my-0\.5 {
-    margin-block: calc(var(--spacing)*.5);
-  }
   .turtle-widget-root .my-1 {
     margin-block: calc(var(--spacing)*1);
   }
+  .turtle-widget-root .my-2 {
+    margin-block: calc(var(--spacing)*2);
+  }
   .turtle-widget-root .mt-1\.5 {
     margin-top: calc(var(--spacing)*1.5);
   }
@@ -735,6 +766,9 @@
   .turtle-widget-root .mr-1 {
     margin-right: calc(var(--spacing)*1);
   }
+  .turtle-widget-root .mr-2 {
+    margin-right: calc(var(--spacing)*2);
+  }
   .turtle-widget-root .mr-2\.5 {
     margin-right: calc(var(--spacing)*2.5);
   }
@@ -744,6 +778,9 @@
   .turtle-widget-root .mb-2 {
     margin-bottom: calc(var(--spacing)*2);
   }
+  .turtle-widget-root .mb-3 {
+    margin-bottom: calc(var(--spacing)*3);
+  }
   .turtle-widget-root .mb-4 {
     margin-bottom: calc(var(--spacing)*4);
   }
@@ -753,6 +790,9 @@
   .turtle-widget-root .ml-2 {
     margin-left: calc(var(--spacing)*2);
   }
+  .turtle-widget-root .ml-4 {
+    margin-left: calc(var(--spacing)*4);
+  }
   .turtle-widget-root .ml-auto {
     margin-left: auto;
   }
@@ -783,12 +823,12 @@
   .turtle-widget-root .table-row {
     display: table-row;
   }
+  .turtle-widget-root .field-sizing-content {
+    field-sizing: content;
+  }
   .turtle-widget-root .aspect-square {
     aspect-ratio: 1;
   }
-  .turtle-widget-root .aspect-video {
-    aspect-ratio: var(--aspect-video);
-  }
   .turtle-widget-root .size-2 {
     width: calc(var(--spacing)*2);
     height: calc(var(--spacing)*2);
@@ -924,12 +964,27 @@
   .turtle-widget-root .max-h-\[38px\] {
     max-height: 38px;
   }
+  .turtle-widget-root .max-h-\[40vh\] {
+    max-height: 40vh;
+  }
+  .turtle-widget-root .max-h-\[50vh\] {
+    max-height: 50vh;
+  }
+  .turtle-widget-root .max-h-\[300px\] {
+    max-height: 300px;
+  }
   .turtle-widget-root .max-h-\[600px\] {
     max-height: 600px;
   }
   .turtle-widget-root .min-h-0 {
     min-height: calc(var(--spacing)*0);
   }
+  .turtle-widget-root .min-h-6 {
+    min-height: calc(var(--spacing)*6);
+  }
+  .turtle-widget-root .min-h-16 {
+    min-height: calc(var(--spacing)*16);
+  }
   .turtle-widget-root .min-h-\[calc\(100svh-20px\)\] {
     min-height: calc(100svh - 20px);
   }
@@ -939,12 +994,6 @@
   .turtle-widget-root .min-h-svh {
     min-height: 100svh;
   }
-  .turtle-widget-root .w-0 {
-    width: calc(var(--spacing)*0);
-  }
-  .turtle-widget-root .w-1 {
-    width: calc(var(--spacing)*1);
-  }
   .turtle-widget-root .w-2 {
     width: calc(var(--spacing)*2);
   }
@@ -987,6 +1036,12 @@
   .turtle-widget-root .w-72 {
     width: calc(var(--spacing)*72);
   }
+  .turtle-widget-root .w-\[70vw\] {
+    width: 70vw;
+  }
+  .turtle-widget-root .w-\[85vw\] {
+    width: 85vw;
+  }
   .turtle-widget-root .w-\[400px\] {
     width: 400px;
   }
@@ -1017,9 +1072,21 @@
   .turtle-widget-root .max-w-6xl {
     max-width: var(--container-6xl);
   }
+  .turtle-widget-root .max-w-\[120px\] {
+    max-width: 120px;
+  }
+  .turtle-widget-root .max-w-\[280px\] {
+    max-width: 280px;
+  }
   .turtle-widget-root .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
+  .turtle-widget-root .max-w-full {
+    max-width: 100%;
+  }
+  .turtle-widget-root .max-w-md {
+    max-width: var(--container-md);
+  }
   .turtle-widget-root .max-w-sm {
     max-width: var(--container-sm);
   }
@@ -1044,10 +1111,19 @@
   .turtle-widget-root .min-w-\[80px\] {
     min-width: 80px;
   }
+  .turtle-widget-root .min-w-\[300px\] {
+    min-width: 300px;
+  }
   .turtle-widget-root .flex-1 {
     flex: 1;
   }
-  .turtle-widget-root .flex-shrink-0, .turtle-widget-root .shrink-0 {
+  .turtle-widget-root .flex-shrink-0 {
+    flex-shrink: 0;
+  }
+  .turtle-widget-root .shrink {
+    flex-shrink: 1;
+  }
+  .turtle-widget-root .shrink-0 {
     flex-shrink: 0;
   }
   .turtle-widget-root .grow {
@@ -1069,6 +1145,9 @@
   .turtle-widget-root .origin-\(--radix-hover-card-content-transform-origin\) {
     transform-origin: var(--radix-hover-card-content-transform-origin);
   }
+  .turtle-widget-root .origin-\(--radix-popover-content-transform-origin\) {
+    transform-origin: var(--radix-popover-content-transform-origin);
+  }
   .turtle-widget-root .origin-\(--radix-select-content-transform-origin\) {
     transform-origin: var(--radix-select-content-transform-origin);
   }
@@ -1120,12 +1199,30 @@
   .turtle-widget-root .cursor-pointer {
     cursor: pointer;
   }
+  .turtle-widget-root .cursor-text {
+    cursor: text;
+  }
   .turtle-widget-root .touch-none {
     touch-action: none;
   }
+  .turtle-widget-root .resize {
+    resize: both;
+  }
+  .turtle-widget-root .resize-none {
+    resize: none;
+  }
+  .turtle-widget-root .scroll-m-20 {
+    scroll-margin: calc(var(--spacing)*20);
+  }
   .turtle-widget-root .scroll-my-1 {
     scroll-margin-block: calc(var(--spacing)*1);
   }
+  .turtle-widget-root .scroll-py-1 {
+    scroll-padding-block: calc(var(--spacing)*1);
+  }
+  .turtle-widget-root .list-disc {
+    list-style-type: disc;
+  }
   .turtle-widget-root .list-none {
     list-style-type: none;
   }
@@ -1162,9 +1259,6 @@
   .turtle-widget-root .items-start {
     align-items: flex-start;
   }
-  .turtle-widget-root .items-stretch {
-    align-items: stretch;
-  }
   .turtle-widget-root .justify-between {
     justify-content: space-between;
   }
@@ -1174,6 +1268,9 @@
   .turtle-widget-root .justify-start {
     justify-content: flex-start;
   }
+  .turtle-widget-root .gap-0\.5 {
+    gap: calc(var(--spacing)*.5);
+  }
   .turtle-widget-root .gap-1 {
     gap: calc(var(--spacing)*1);
   }
@@ -1195,6 +1292,9 @@
   .turtle-widget-root .gap-6 {
     gap: calc(var(--spacing)*6);
   }
+  .turtle-widget-root .gap-7 {
+    gap: calc(var(--spacing)*7);
+  }
   .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));
@@ -1220,6 +1320,11 @@
     margin-inline-start: calc(calc(var(--spacing)*-1)*var(--tw-space-x-reverse));
     margin-inline-end: calc(calc(var(--spacing)*-1)*calc(1 - var(--tw-space-x-reverse)));
   }
+  .turtle-widget-root .truncate {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
   .turtle-widget-root .overflow-auto {
     overflow: auto;
   }
@@ -1238,8 +1343,8 @@
   .turtle-widget-root .rounded {
     border-radius: .25rem;
   }
-  .turtle-widget-root .rounded-\[2px\] {
-    border-radius: 2px;
+  .turtle-widget-root .rounded-\[calc\(var\(--radius\)-5px\)\] {
+    border-radius: calc(var(--radius) - 5px);
   }
   .turtle-widget-root .rounded-\[inherit\] {
     border-radius: inherit;
@@ -1262,12 +1367,6 @@
   .turtle-widget-root .rounded-sm {
     border-radius: var(--radius-sm);
   }
-  .turtle-widget-root .rounded-turtle {
-    border-radius: var(--radius-turtle);
-  }
-  .turtle-widget-root .rounded-xl {
-    border-radius: var(--radius-xl);
-  }
   .turtle-widget-root .rounded-xs {
     border-radius: var(--radius-xs);
   }
@@ -1286,47 +1385,36 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
-  .turtle-widget-root .border-2 {
+  .turtle-widget-root .border-0 {
     border-style: var(--tw-border-style);
-    border-width: 2px;
+    border-width: 0;
   }
-  .turtle-widget-root .border-\[1\.5px\] {
+  .turtle-widget-root .border-2 {
     border-style: var(--tw-border-style);
-    border-width: 1.5px;
+    border-width: 2px;
   }
   .turtle-widget-root .border-t {
     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;
   }
-  .turtle-widget-root .border-dashed {
-    --tw-border-style: dashed;
-    border-style: dashed;
-  }
   .turtle-widget-root .border-none {
     --tw-border-style: none;
     border-style: none;
   }
-  .turtle-widget-root .border-\(--color-border\) {
-    border-color: var(--color-border);
-  }
   .turtle-widget-root .border-background {
     border-color: var(--color-background);
   }
-  .turtle-widget-root .border-border, .turtle-widget-root .border-border\/50 {
+  .turtle-widget-root .border-border {
     border-color: var(--color-border);
   }
-  @supports (color:color-mix(in lab,red,red)) {
-    .turtle-widget-root .border-border\/50 {
-      border-color: var(--color-border);
-      @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix(in oklab,var(--color-border)50%,transparent);
-      }
-    }
-  }
   .turtle-widget-root .border-input {
     border-color: var(--color-input);
   }
@@ -1356,9 +1444,6 @@
   .turtle-widget-root .border-l-transparent {
     border-left-color: #0000;
   }
-  .turtle-widget-root .bg-\(--color-bg\) {
-    background-color: var(--color-bg);
-  }
   .turtle-widget-root .bg-background {
     background-color: var(--color-background);
   }
@@ -1549,6 +1634,9 @@
   .turtle-widget-root .py-4\.5 {
     padding-block: calc(var(--spacing)*4.5);
   }
+  .turtle-widget-root .py-6 {
+    padding-block: calc(var(--spacing)*6);
+  }
   .turtle-widget-root .py-6\.5 {
     padding-block: calc(var(--spacing)*6.5);
   }
@@ -1576,6 +1664,9 @@
   .turtle-widget-root .pt-4 {
     padding-top: calc(var(--spacing)*4);
   }
+  .turtle-widget-root .\!pr-1\.5 {
+    padding-right: calc(var(--spacing)*1.5) !important;
+  }
   .turtle-widget-root .pr-2 {
     padding-right: calc(var(--spacing)*2);
   }
@@ -1603,6 +1694,12 @@
   .turtle-widget-root .pl-2\.5 {
     padding-left: calc(var(--spacing)*2.5);
   }
+  .turtle-widget-root .pl-3 {
+    padding-left: calc(var(--spacing)*3);
+  }
+  .turtle-widget-root .pl-3\.5 {
+    padding-left: calc(var(--spacing)*3.5);
+  }
   .turtle-widget-root .pl-4 {
     padding-left: calc(var(--spacing)*4);
   }
@@ -1682,6 +1779,18 @@
     --tw-leading: 1;
     line-height: 1;
   }
+  .turtle-widget-root .leading-normal {
+    --tw-leading: var(--leading-normal);
+    line-height: var(--leading-normal);
+  }
+  .turtle-widget-root .leading-snug {
+    --tw-leading: var(--leading-snug);
+    line-height: var(--leading-snug);
+  }
+  .turtle-widget-root .\!font-normal {
+    --tw-font-weight: var(--font-weight-normal) !important;
+    font-weight: var(--font-weight-normal) !important;
+  }
   .turtle-widget-root .font-\[400\] {
     --tw-font-weight: 400;
     font-weight: 400;
@@ -1690,6 +1799,10 @@
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
   }
+  .turtle-widget-root .font-light {
+    --tw-font-weight: var(--font-weight-light);
+    font-weight: var(--font-weight-light);
+  }
   .turtle-widget-root .font-medium {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
@@ -1710,6 +1823,9 @@
     --tw-tracking: var(--tracking-widest);
     letter-spacing: var(--tracking-widest);
   }
+  .turtle-widget-root .text-balance {
+    text-wrap: balance;
+  }
   .turtle-widget-root .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -1782,22 +1898,9 @@
   .turtle-widget-root .capitalize {
     text-transform: capitalize;
   }
-  .turtle-widget-root .tabular-nums {
-    --tw-numeric-spacing: tabular-nums;
-    font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,);
-  }
-  .turtle-widget-root .caret-foreground {
-    caret-color: var(--color-foreground);
-  }
-  .turtle-widget-root .caret-green-500 {
-    caret-color: var(--color-green-500);
-  }
   .turtle-widget-root .caret-primary {
     caret-color: var(--color-primary);
   }
-  .turtle-widget-root .caret-white {
-    caret-color: var(--color-white);
-  }
   .turtle-widget-root .opacity-20 {
     opacity: .2;
   }
@@ -1831,10 +1934,6 @@
     --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);
   }
-  .turtle-widget-root .shadow-xl {
-    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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-xs {
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d);
     box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
@@ -1973,18 +2072,30 @@
   .turtle-widget-root .group-disabled\:opacity-80:is(:where(.group):disabled *) {
     opacity: .8;
   }
+  .turtle-widget-root .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *) {
+    text-wrap: balance;
+  }
+  .turtle-widget-root .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *) {
+    padding-top: calc(var(--spacing)*2.5);
+  }
+  .turtle-widget-root .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *) {
+    padding-bottom: calc(var(--spacing)*2.5);
+  }
   .turtle-widget-root .group-data-\[active\=true\]\:block:is(:where(.group)[data-active=true] *) {
     display: block;
   }
   .turtle-widget-root .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
     pointer-events: none;
   }
-  .turtle-widget-root .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *) {
+  .turtle-widget-root .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *), .turtle-widget-root .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *), .turtle-widget-root .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *) {
     opacity: .5;
   }
   .turtle-widget-root .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *) {
     rotate: 180deg;
   }
+  .turtle-widget-root .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *) {
+    margin-bottom: calc(var(--spacing)*-2);
+  }
   .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
     top: 100%;
   }
@@ -2021,18 +2132,6 @@
   .turtle-widget-root .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) {
     opacity: .5;
   }
-  .turtle-widget-root .selection\:bg-primary ::selection {
-    background-color: var(--color-primary);
-  }
-  .turtle-widget-root .selection\:bg-primary::selection {
-    background-color: var(--color-primary);
-  }
-  .turtle-widget-root .selection\:text-primary-foreground ::selection {
-    color: var(--color-primary-foreground);
-  }
-  .turtle-widget-root .selection\:text-primary-foreground::selection {
-    color: var(--color-primary-foreground);
-  }
   .turtle-widget-root .placeholder\:text-muted-foreground::placeholder {
     color: var(--color-muted-foreground);
   }
@@ -2121,6 +2220,9 @@
     -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
     mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
   }
+  .turtle-widget-root .first\:mt-0:first-child {
+    margin-top: calc(var(--spacing)*0);
+  }
   .turtle-widget-root .first\:rounded-l-full:first-child {
     border-top-left-radius: var(--radius-full);
     border-bottom-left-radius: var(--radius-full);
@@ -2132,6 +2234,9 @@
   .turtle-widget-root .first\:pl-4:first-child {
     padding-left: calc(var(--spacing)*4);
   }
+  .turtle-widget-root .last\:mt-0:last-child {
+    margin-top: calc(var(--spacing)*0);
+  }
   .turtle-widget-root .last\:rounded-r-full:last-child {
     border-top-right-radius: var(--radius-full);
     border-bottom-right-radius: var(--radius-full);
@@ -2186,8 +2291,19 @@
       --tw-scale-z: 110%;
       scale: var(--tw-scale-x)var(--tw-scale-y);
     }
-    .turtle-widget-root .hover\:border-primary:hover {
-      border-color: var(--color-primary);
+    .turtle-widget-root .hover\:border-border:hover {
+      border-color: var(--color-border);
+    }
+    .turtle-widget-root .hover\:border-foreground\/50:hover {
+      border-color: var(--color-foreground);
+    }
+    @supports (color:color-mix(in lab,red,red)) {
+      .turtle-widget-root .hover\:border-foreground\/50:hover {
+        border-color: var(--color-foreground);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab,var(--color-foreground)50%,transparent);
+        }
+      }
     }
     .turtle-widget-root .hover\:bg-accent:hover {
       background-color: var(--color-accent);
@@ -2228,6 +2344,17 @@
         }
       }
     }
+    .turtle-widget-root .hover\:bg-white\/20:hover {
+      background-color: #fff3;
+    }
+    @supports (color:color-mix(in lab,red,red)) {
+      .turtle-widget-root .hover\:bg-white\/20:hover {
+        background-color: color-mix(in srgb,#fff20%,transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab,var(--color-white)20%,transparent);
+        }
+      }
+    }
     .turtle-widget-root .hover\:text-accent-foreground:hover {
       color: var(--color-accent-foreground);
     }
@@ -2298,6 +2425,10 @@
     --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 .focus\:ring-1:focus {
+    --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 .focus\:ring-2:focus {
     --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);
@@ -2316,6 +2447,21 @@
   .turtle-widget-root .focus\:ring-ring:focus {
     --tw-ring-color: var(--color-ring);
   }
+  .turtle-widget-root .focus\:ring-white\/50:focus {
+    --tw-ring-color: #ffffff80;
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .focus\:ring-white\/50:focus {
+      --tw-ring-color: color-mix(in srgb,#fff50%,transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab,var(--color-white)50%,transparent);
+      }
+    }
+  }
+  .turtle-widget-root .focus\:ring-offset-1:focus {
+    --tw-ring-offset-width: 1px;
+    --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\: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);
@@ -2340,6 +2486,14 @@
   .turtle-widget-root .focus-visible\:border-ring:focus-visible {
     border-color: var(--color-ring);
   }
+  .turtle-widget-root .focus-visible\:ring-0:focus-visible {
+    --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 .focus-visible\:ring-2:focus-visible {
+    --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 .focus-visible\:ring-4:focus-visible {
     --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(4px + 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);
@@ -2417,6 +2571,9 @@
     -webkit-mask-source-type: auto,auto;
     mask-mode: match-source,match-source;
   }
+  .turtle-widget-root .active\:border-primary:active {
+    border-color: var(--color-primary);
+  }
   .turtle-widget-root .active\:bg-background\/90:active {
     background-color: var(--color-background);
   }
@@ -2444,6 +2601,104 @@
     --tw-grayscale: grayscale(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 .has-data-\[state\=checked\]\:border-primary:has([data-state=checked]) {
+    border-color: var(--color-primary);
+  }
+  .turtle-widget-root .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]) {
+    background-color: var(--color-primary);
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]) {
+      background-color: var(--color-primary);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab,var(--color-primary)5%,transparent);
+      }
+    }
+  }
+  .turtle-widget-root .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible) {
+    border-color: var(--color-ring);
+  }
+  .turtle-widget-root .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]:focus-visible) {
+    --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 .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible) {
+    --tw-ring-color: var(--color-ring);
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible) {
+      --tw-ring-color: var(--color-ring);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab,var(--color-ring)50%,transparent);
+      }
+    }
+  }
+  .turtle-widget-root .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]) {
+    border-color: var(--color-destructive);
+  }
+  .turtle-widget-root .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]) {
+    --tw-ring-color: var(--color-destructive);
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]) {
+      --tw-ring-color: var(--color-destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
+      }
+    }
+  }
+  .turtle-widget-root .has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]) {
+    height: auto;
+  }
+  .turtle-widget-root .has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]) {
+    flex-direction: column;
+  }
+  .turtle-widget-root .has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]) {
+    height: auto;
+  }
+  .turtle-widget-root .has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]) {
+    flex-direction: column;
+  }
+  .turtle-widget-root .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]) {
+    gap: calc(var(--spacing)*3);
+  }
+  .turtle-widget-root .has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]) {
+    align-items: flex-start;
+  }
+  .turtle-widget-root .has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]) {
+    width: 100%;
+  }
+  .turtle-widget-root .has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]) {
+    flex-direction: column;
+  }
+  .turtle-widget-root .has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]) {
+    border-radius: var(--radius-md);
+  }
+  .turtle-widget-root .has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]) {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  .turtle-widget-root .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]) {
+    gap: calc(var(--spacing)*3);
+  }
+  .turtle-widget-root .has-\[\>button\]\:mr-\[-0\.45rem\]:has(>button) {
+    margin-right: -.45rem;
+  }
+  .turtle-widget-root .has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button) {
+    margin-left: -.45rem;
+  }
+  .turtle-widget-root .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd) {
+    margin-right: -.35rem;
+  }
+  .turtle-widget-root .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd) {
+    margin-left: -.35rem;
+  }
+  .turtle-widget-root .has-\[\>svg\]\:p-0:has(>svg) {
+    padding: calc(var(--spacing)*0);
+  }
+  .turtle-widget-root .has-\[\>svg\]\:px-2:has(>svg) {
+    padding-inline: calc(var(--spacing)*2);
+  }
   .turtle-widget-root .has-\[\>svg\]\:px-2\.5:has(>svg) {
     padding-inline: calc(var(--spacing)*2.5);
   }
@@ -2453,6 +2708,9 @@
   .turtle-widget-root .has-\[\>svg\]\:px-4:has(>svg) {
     padding-inline: calc(var(--spacing)*4);
   }
+  .turtle-widget-root .has-\[\>textarea\]\:h-auto:has(>textarea) {
+    height: auto;
+  }
   .turtle-widget-root .aria-invalid\:border-destructive[aria-invalid=true] {
     border-color: var(--color-destructive);
   }
@@ -2467,6 +2725,20 @@
       }
     }
   }
+  .turtle-widget-root .data-invalid\:border-destructive[data-invalid] {
+    border-color: var(--color-destructive);
+  }
+  .turtle-widget-root .data-invalid\:ring-destructive\/80[data-invalid] {
+    --tw-ring-color: var(--color-destructive);
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .data-invalid\:ring-destructive\/80[data-invalid] {
+      --tw-ring-color: var(--color-destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab,var(--color-destructive)80%,transparent);
+      }
+    }
+  }
   .turtle-widget-root .data-\[active\=true\]\:bg-neutral-alpha-10[data-active=true] {
     background-color: var(--color-neutral-alpha-10);
   }
@@ -2519,9 +2791,18 @@
   .turtle-widget-root .data-\[disabled\]\:opacity-50[data-disabled] {
     opacity: .5;
   }
+  .turtle-widget-root .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] {
+    pointer-events: none;
+  }
+  .turtle-widget-root .data-\[disabled\=true\]\:opacity-50[data-disabled=true] {
+    opacity: .5;
+  }
   .turtle-widget-root .data-\[inset\]\:pl-8[data-inset] {
     padding-left: calc(var(--spacing)*8);
   }
+  .turtle-widget-root .data-\[invalid\=true\]\:text-destructive[data-invalid=true] {
+    color: var(--color-destructive);
+  }
   .turtle-widget-root .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end] {
     --tw-enter-translate-x: calc(52*var(--spacing));
   }
@@ -2582,6 +2863,12 @@
   .turtle-widget-root .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
     color: var(--color-muted-foreground);
   }
+  .turtle-widget-root .data-\[selected\=true\]\:bg-secondary[data-selected=true] {
+    background-color: var(--color-secondary);
+  }
+  .turtle-widget-root .data-\[selected\=true\]\:text-secondary-foreground[data-selected=true] {
+    color: var(--color-secondary-foreground);
+  }
   .turtle-widget-root .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
     --tw-translate-y: calc(var(--spacing)*1);
     translate: var(--tw-translate-x)var(--tw-translate-y);
@@ -2616,6 +2903,12 @@
   .turtle-widget-root .data-\[size\=sm\]\:h-8[data-size=sm] {
     height: calc(var(--spacing)*8);
   }
+  .turtle-widget-root .data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group] {
+    gap: calc(var(--spacing)*3);
+  }
+  .turtle-widget-root :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper] {
+    height: calc(var(--spacing)*12);
+  }
   .turtle-widget-root :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus {
     --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);
@@ -2771,6 +3064,14 @@
   .turtle-widget-root .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus {
     color: var(--color-destructive);
   }
+  .turtle-widget-root .data-\[variant\=label\]\:text-sm[data-variant=label] {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading,var(--text-sm--line-height));
+  }
+  .turtle-widget-root .data-\[variant\=legend\]\:text-base[data-variant=legend] {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading,var(--text-base--line-height));
+  }
   .turtle-widget-root .data-\[variant\=outline\]\:border-l-0[data-variant=outline] {
     border-left-style: var(--tw-border-style);
     border-left-width: 0;
@@ -2783,6 +3084,9 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
+  .turtle-widget-root .nth-last-2\:-mt-1:nth-last-child(2) {
+    margin-top: calc(var(--spacing)*-1);
+  }
   @media not all and (min-width:64rem) {
     .turtle-widget-root .max-lg\:hidden {
       display: none;
@@ -2798,6 +3102,9 @@
     .turtle-widget-root .sm\:block {
       display: block;
     }
+    .turtle-widget-root .sm\:inline-block {
+      display: inline-block;
+    }
     .turtle-widget-root .sm\:w-\[750px\] {
       width: 750px;
     }
@@ -2885,6 +3192,10 @@
     .turtle-widget-root .md\:rotate-0 {
       rotate: none;
     }
+    .turtle-widget-root .md\:text-sm {
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading,var(--text-sm--line-height));
+    }
   }
   @media (min-width:64rem) {
     .turtle-widget-root .lg\:bottom-\[-350px\] {
@@ -2929,6 +3240,17 @@
       --tw-ring-color: var(--color-border);
     }
   }
+  @container field-group (min-width:28rem) {
+    .turtle-widget-root .\@md\/field-group\:flex-row {
+      flex-direction: row;
+    }
+    .turtle-widget-root .\@md\/field-group\:items-center {
+      align-items: center;
+    }
+    .turtle-widget-root .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]) {
+      align-items: flex-start;
+    }
+  }
   .turtle-widget-root .dark\:bg-destructive\/60:is(.dark *) {
     background-color: var(--color-destructive);
   }
@@ -2951,6 +3273,9 @@
       }
     }
   }
+  .turtle-widget-root .dark\:bg-transparent:is(.dark *) {
+    background-color: #0000;
+  }
   .turtle-widget-root .dark\:group-data-\[state\=checked\]\:bg-primary:is(.dark *):is(:where(.group)[data-state=checked] *) {
     background-color: var(--color-primary);
   }
@@ -3011,6 +3336,28 @@
       }
     }
   }
+  .turtle-widget-root .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]) {
+    background-color: var(--color-primary);
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]) {
+      background-color: var(--color-primary);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab,var(--color-primary)10%,transparent);
+      }
+    }
+  }
+  .turtle-widget-root .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]) {
+    --tw-ring-color: var(--color-destructive);
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]) {
+      --tw-ring-color: var(--color-destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab,var(--color-destructive)40%,transparent);
+      }
+    }
+  }
   .turtle-widget-root .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
     --tw-ring-color: var(--color-destructive);
   }
@@ -3047,71 +3394,59 @@
       }
     }
   }
-  .turtle-widget-root .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
-    fill: var(--color-muted-foreground);
+  .turtle-widget-root .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
+    padding-inline: calc(var(--spacing)*2);
   }
-  .turtle-widget-root .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
-    stroke: var(--color-border);
+  .turtle-widget-root .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
+    padding-block: calc(var(--spacing)*1.5);
   }
-  @supports (color:color-mix(in lab,red,red)) {
-    .turtle-widget-root .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
-      stroke: var(--color-border);
-      @supports (color: color-mix(in lab, red, red)) {
-        stroke: color-mix(in oklab,var(--color-border)50%,transparent);
-      }
-    }
+  .turtle-widget-root .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading,var(--text-xs--line-height));
   }
-  .turtle-widget-root .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
-    stroke: var(--color-border);
+  .turtle-widget-root .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
   }
-  .turtle-widget-root .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
-    stroke: #0000;
+  .turtle-widget-root .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
+    color: var(--color-muted-foreground);
   }
-  .turtle-widget-root .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
-    --tw-outline-style: none;
-    outline-style: none;
+  .turtle-widget-root .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
+    padding-inline: calc(var(--spacing)*2);
   }
-  @media (forced-colors:active) {
-    .turtle-widget-root .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
-      outline-offset: 2px;
-      outline: 2px solid #0000;
-    }
+  .turtle-widget-root .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group] {
+    padding-top: calc(var(--spacing)*0);
   }
-  .turtle-widget-root .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] {
-    stroke: var(--color-border);
+  .turtle-widget-root .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
+    height: calc(var(--spacing)*5);
   }
-  .turtle-widget-root .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .turtle-widget-root .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
-    fill: var(--color-muted);
+  .turtle-widget-root .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
+    width: calc(var(--spacing)*5);
   }
-  .turtle-widget-root .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] {
-    stroke: var(--color-border);
+  .turtle-widget-root .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
+    height: calc(var(--spacing)*12);
   }
-  .turtle-widget-root .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
-    --tw-outline-style: none;
-    outline-style: none;
+  .turtle-widget-root .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
+    padding-inline: calc(var(--spacing)*2);
   }
-  @media (forced-colors:active) {
-    .turtle-widget-root .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
-      outline-offset: 2px;
-      outline: 2px solid #0000;
-    }
+  .turtle-widget-root .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
+    padding-block: calc(var(--spacing)*3);
   }
-  .turtle-widget-root .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
-    stroke: #0000;
+  .turtle-widget-root .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
+    height: calc(var(--spacing)*5);
   }
-  .turtle-widget-root .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
-    --tw-outline-style: none;
-    outline-style: none;
+  .turtle-widget-root .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
+    width: calc(var(--spacing)*5);
   }
-  @media (forced-colors:active) {
-    .turtle-widget-root .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
-      outline-offset: 2px;
-      outline: 2px solid #0000;
-    }
+  .turtle-widget-root .\[\&_svg\]\:pointer-events-auto svg {
+    pointer-events: auto;
   }
   .turtle-widget-root .\[\&_svg\]\:pointer-events-none svg {
     pointer-events: none;
   }
+  .turtle-widget-root .\[\&_svg\]\:invisible svg {
+    visibility: hidden;
+  }
   .turtle-widget-root .\[\&_svg\]\:shrink-0 svg {
     flex-shrink: 0;
   }
@@ -3125,6 +3460,12 @@
   .turtle-widget-root .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
     padding-right: calc(var(--spacing)*0);
   }
+  .turtle-widget-root .\[\.border-b\]\:pb-3.border-b {
+    padding-bottom: calc(var(--spacing)*3);
+  }
+  .turtle-widget-root .\[\.border-t\]\:pt-3.border-t {
+    padding-top: calc(var(--spacing)*3);
+  }
   .turtle-widget-root :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child {
     display: flex;
   }
@@ -3137,17 +3478,74 @@
   .turtle-widget-root :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg) {
     color: var(--color-destructive) !important;
   }
+  .turtle-widget-root .\[\&\>\*\]\:w-full>* {
+    width: 100%;
+  }
+  .turtle-widget-root .\[\&\>\*\]\:data-\[slot\=field\]\:p-4>[data-slot=field] {
+    padding: calc(var(--spacing)*4);
+  }
+  @container field-group (min-width:28rem) {
+    .turtle-widget-root .\@md\/field-group\:\[\&\>\*\]\:w-auto>* {
+      width: auto;
+    }
+  }
+  .turtle-widget-root .\[\&\>\.sr-only\]\:w-auto>.sr-only {
+    width: auto;
+  }
   @media (hover:hover) {
     .turtle-widget-root .hover\:\[\&\>\[data-slot\=\"table-cell\"\]\]\:bg-neutral-alpha-5:hover>[data-slot=table-cell] {
       background-color: var(--color-neutral-alpha-5);
     }
   }
+  .turtle-widget-root .\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group] {
+    gap: calc(var(--spacing)*4);
+  }
+  .turtle-widget-root .\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label] {
+    flex: auto;
+  }
+  @container field-group (min-width:28rem) {
+    .turtle-widget-root .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label] {
+      flex: auto;
+    }
+  }
   .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 .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox], .turtle-widget-root .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio] {
+    margin-top: 1px;
+  }
+  @container field-group (min-width:28rem) {
+    .turtle-widget-root .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox], .turtle-widget-root .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio] {
+      margin-top: 1px;
+    }
+  }
+  .turtle-widget-root .\[\&\>a\]\:underline>a {
+    text-decoration-line: underline;
+  }
+  .turtle-widget-root .\[\&\>a\]\:underline-offset-4>a {
+    text-underline-offset: 4px;
+  }
+  .turtle-widget-root .\[\&\>a\:hover\]\:text-primary>a:hover {
+    color: var(--color-primary);
+  }
+  .turtle-widget-root .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input {
+    padding-top: calc(var(--spacing)*3);
+  }
+  .turtle-widget-root .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input {
+    padding-bottom: calc(var(--spacing)*3);
+  }
+  .turtle-widget-root .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input {
+    padding-right: calc(var(--spacing)*2);
+  }
+  .turtle-widget-root .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input {
+    padding-left: calc(var(--spacing)*2);
+  }
+  .turtle-widget-root .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd {
+    border-radius: calc(var(--radius) - 5px);
+  }
+  .turtle-widget-root .\[\&\>svg\]\:pointer-events-auto>svg {
+    pointer-events: auto;
   }
   .turtle-widget-root .\[\&\>svg\]\:pointer-events-none>svg {
     pointer-events: none;
@@ -3156,25 +3554,21 @@
     width: calc(var(--spacing)*3);
     height: calc(var(--spacing)*3);
   }
-  .turtle-widget-root .\[\&\>svg\]\:h-2\.5>svg {
-    height: calc(var(--spacing)*2.5);
-  }
-  .turtle-widget-root .\[\&\>svg\]\:h-3>svg {
-    height: calc(var(--spacing)*3);
-  }
-  .turtle-widget-root .\[\&\>svg\]\:w-2\.5>svg {
-    width: calc(var(--spacing)*2.5);
-  }
-  .turtle-widget-root .\[\&\>svg\]\:w-3>svg {
-    width: calc(var(--spacing)*3);
+  .turtle-widget-root .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]) {
+    width: calc(var(--spacing)*3.5);
+    height: calc(var(--spacing)*3.5);
   }
-  .turtle-widget-root .\[\&\>svg\]\:text-muted-foreground>svg {
-    color: var(--color-muted-foreground);
+  .turtle-widget-root .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]) {
+    width: calc(var(--spacing)*4);
+    height: calc(var(--spacing)*4);
   }
   .turtle-widget-root .\[\&\>tr\]\:last\:border-b-0>tr:last-child {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0;
   }
+  .turtle-widget-root [data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
+    margin-top: calc(var(--spacing)*-1.5);
+  }
   @media (hover:hover) {
     .turtle-widget-root a.\[a\&\]\:hover\:bg-accent:hover {
       background-color: var(--color-accent);
@@ -3302,54 +3696,54 @@
   initial-value: 0;
 }
 .turtle-widget-root {
-  --color-brand-green: #73f36c;
-  --color-brand-black: #141514;
-  --color-brand-white: #f9f9f9;
-  --color-neutral-base-50: #f9f9f9;
-  --color-neutral-base-100: #f1f1f1;
-  --color-neutral-base-200: #e5e5e5;
-  --color-neutral-base-300: #d1d1d1;
-  --color-neutral-base-400: #a3a3a3;
-  --color-neutral-base-500: #737373;
-  --color-neutral-base-600: #525252;
-  --color-neutral-base-700: #404040;
-  --color-neutral-base-800: #262626;
-  --color-neutral-base-850: #191a19;
-  --color-neutral-base-900: #141514;
-  --color-brand-green-alpha-10: #47a73b1a;
-  --color-brand-green-alpha-30: #73f36c4d;
-  --color-brand-green-alpha-40: #73f36c66;
-  --color-brand-green-alpha-50: #73f36c80;
-  --color-brand-green-alpha-60: #73f36c99;
-  --color-brand-green-alpha-70: #73f36cb3;
-  --color-brand-green-alpha-80: #73f36ccc;
-  --color-brand-green-alpha-90: #73f36ce6;
-  --color-neutral-alpha-2: #f9f9f905;
-  --color-neutral-alpha-5: #f9f9f90d;
-  --color-neutral-alpha-10: #f9f9f91a;
-  --color-neutral-alpha-20: #f9f9f933;
-  --color-neutral-alpha-30: #f9f9f94d;
-  --color-neutral-alpha-50: #ffffff80;
-  --color-brand-green-alpha-20: #73f36c33;
-  --color-brand-aqua: #aaf1d5;
-  --color-neutral-alpha-dark-2: #14151405;
-  --color-neutral-alpha-dark-5: #1415140d;
-  --color-neutral-alpha-dark-10: #1415141a;
-  --color-neutral-alpha-dark-20: #14151433;
-  --color-neutral-alpha-dark-30: #1415144d;
-  --color-neutral-alpha-dark-50: #14151480;
-  --color-success: #22c55e;
-  --color-success-light: #dcfce7;
-  --color-success-dark: #166534;
-  --color-error: #ef4444;
-  --color-error-light: #fee2e2;
-  --color-error-dark: #991b1b;
-  --color-warning: #f59e0b;
-  --color-warning-light: #fef3c7;
-  --color-warning-dark: #92400e;
-  --color-info: #3b82f6;
-  --color-info-light: #dbeafe;
-  --color-info-dark: #1e40af;
+  --color-brand-green: oklch(86.23% .2096 142.59);
+  --color-brand-black: oklch(19.42% .0025 145.48);
+  --color-brand-white: oklch(98.21% 0 89.88);
+  --color-neutral-base-50: oklch(98.21% 0 89.88);
+  --color-neutral-base-100: oklch(95.81% 0 89.88);
+  --color-neutral-base-200: oklch(92.19% 0 89.88);
+  --color-neutral-base-300: oklch(86.07% 0 89.88);
+  --color-neutral-base-400: oklch(71.55% 0 89.88);
+  --color-neutral-base-500: oklch(55.55% 0 89.88);
+  --color-neutral-base-600: oklch(43.86% 0 89.88);
+  --color-neutral-base-700: oklch(37.15% 0 89.88);
+  --color-neutral-base-800: oklch(26.86% 0 89.88);
+  --color-neutral-base-850: oklch(21.63% .0025 145.49);
+  --color-neutral-base-900: oklch(19.42% .0025 145.48);
+  --color-brand-green-alpha-10: oklch(64.77% .1717 141.5/.102);
+  --color-brand-green-alpha-30: oklch(86.23% .2096 142.59/.302);
+  --color-brand-green-alpha-40: oklch(86.23% .2096 142.59/.4);
+  --color-brand-green-alpha-50: oklch(86.23% .2096 142.59/.502);
+  --color-brand-green-alpha-60: oklch(86.23% .2096 142.59/.6);
+  --color-brand-green-alpha-70: oklch(86.23% .2096 142.59/.702);
+  --color-brand-green-alpha-80: oklch(86.23% .2096 142.59/.8);
+  --color-brand-green-alpha-90: oklch(86.23% .2096 142.59/.902);
+  --color-neutral-alpha-2: oklch(98.21% 0 89.88/.02);
+  --color-neutral-alpha-5: oklch(98.21% 0 89.88/.051);
+  --color-neutral-alpha-10: oklch(98.21% 0 89.88/.102);
+  --color-neutral-alpha-20: oklch(98.21% 0 89.88/.2);
+  --color-neutral-alpha-30: oklch(98.21% 0 89.88/.302);
+  --color-neutral-alpha-50: oklch(100% 0 89.88/.502);
+  --color-brand-green-alpha-20: oklch(86.23% .2096 142.59/.2);
+  --color-brand-aqua: oklch(90.35% .0807 168.05);
+  --color-neutral-alpha-dark-2: oklch(19.42% .0025 145.48/.02);
+  --color-neutral-alpha-dark-5: oklch(19.42% .0025 145.48/.051);
+  --color-neutral-alpha-dark-10: oklch(19.42% .0025 145.48/.102);
+  --color-neutral-alpha-dark-20: oklch(19.42% .0025 145.48/.2);
+  --color-neutral-alpha-dark-30: oklch(19.42% .0025 145.48/.302);
+  --color-neutral-alpha-dark-50: oklch(19.42% .0025 145.48/.502);
+  --color-success: oklch(72.27% .192 149.58);
+  --color-success-light: oklch(96.24% .0434 156.74);
+  --color-success-dark: oklch(44.79% .1083 151.33);
+  --color-error: oklch(63.68% .2078 25.33);
+  --color-error-light: oklch(93.56% .0309 17.72);
+  --color-error-dark: oklch(44.37% .1613 26.9);
+  --color-warning: oklch(76.86% .1647 70.08);
+  --color-warning-light: oklch(96.19% .058 95.62);
+  --color-warning-dark: oklch(47.32% .1247 46.2);
+  --color-info: oklch(62.31% .188 259.81);
+  --color-info-light: oklch(93.19% .0316 255.59);
+  --color-info-dark: oklch(42.44% .1809 265.64);
   --spacing-0: 0px;
   --spacing-1: .25rem;
   --spacing-2: .5rem;
@@ -3380,33 +3774,8 @@
   --spacing-section-gap: var(--spacing-8);
   --spacing-component-gap: var(--spacing-4);
   --spacing-element-gap: var(--spacing-2);
-  --radius-none: 0px;
-  --radius-xs: .125rem;
-  --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-turtle);
-  --radius-info-card: var(--radius-lg-2);
-  --radius-input: var(--radius-md);
-  --radius-modal: var(--radius-xl);
-  --radius-tooltip: var(--radius-md);
-  --radius-avatar: var(--radius-full);
-  --radius-badge: var(--radius-full);
-  --radius-chip: var(--radius-full);
-  --radius-progress: var(--radius-full);
-  --radius-slider-thumb: var(--radius-full);
-  --radius-switch: var(--radius-full);
-  --radius-tab: var(--radius-lg);
-  --radius-dropdown: var(--radius-lg);
-  --radius-popover: var(--radius-lg);
   --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
   --font-mono: ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;
   --font-display: var(--font-sans);
@@ -3475,7 +3844,7 @@
   --border: var(--color-neutral-alpha-10);
   --input: var(--color-neutral-alpha-2);
   --ring: var(--color-brand-green);
-  --radius: var(--radius-default);
+  --radius: var(--radius-turtle);
   --chart-1: var(--color-brand-green);
   --chart-2: var(--color-info);
   --chart-3: var(--color-warning);
@@ -3597,26 +3966,6 @@
   syntax: "*";
   inherits: false;
 }
-@property --tw-ordinal {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-slashed-zero {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-numeric-figure {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-numeric-spacing {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-numeric-fraction {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -3834,7 +4183,6 @@
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-amber-600: oklch(66.6% 0.179 58.318);
     --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;
@@ -3867,25 +4215,26 @@
     --text-7xl--line-height: 1;
     --text-8xl: 6rem;
     --text-8xl--line-height: 1;
+    --font-weight-light: 300;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
     --tracking-tight: -0.025em;
     --tracking-widest: 0.1em;
-    --radius-xs: 0.125rem;
-    --radius-sm: calc(var(--radius) - 4px);
-    --radius-md: calc(var(--radius) - 2px);
+    --leading-snug: 1.375;
+    --leading-normal: 1.5;
+    --radius-xs: calc(var(--radius) - 16px);
+    --radius-sm: calc(var(--radius) - 8px);
+    --radius-md: calc(var(--radius) - 4px);
     --radius-lg: var(--radius);
-    --radius-xl: calc(var(--radius) + 4px);
     --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;
     --blur-lg: 16px;
-    --aspect-video: 16 / 9;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    --default-font-family: var(--font-sans);
+    --default-font-family: "DM Sans", sans-serif;
     --default-mono-font-family: var(--font-mono);
     --radius-full: calc(infinity * 1px);
     --radius-turtle: var(--radius-turtle);
@@ -4715,55 +5064,55 @@
 }
 @layer utilities;
 .turtle-widget-root {
-  --color-brand-green: #73f36c;
-  --color-brand-black: #141514;
-  --color-brand-white: #f9f9f9;
-  --color-neutral-base-50: #f9f9f9;
-  --color-neutral-base-100: #f1f1f1;
-  --color-neutral-base-200: #e5e5e5;
-  --color-neutral-base-300: #d1d1d1;
-  --color-neutral-base-400: #a3a3a3;
-  --color-neutral-base-500: #737373;
-  --color-neutral-base-600: #525252;
-  --color-neutral-base-700: #404040;
-  --color-neutral-base-800: #262626;
-  --color-neutral-base-850: #191a19;
-  --color-neutral-base-900: #141514;
-  --color-brand-green-alpha-10: #73f36c1a;
-  --color-brand-green-alpha-30: #73f36c4d;
-  --color-brand-green-alpha-40: #73f36c66;
-  --color-brand-green-alpha-50: #73f36c80;
-  --color-brand-green-alpha-60: #73f36c99;
-  --color-brand-green-alpha-70: #73f36cb3;
-  --color-brand-green-alpha-80: #73f36ccc;
-  --color-brand-green-alpha-90: #73f36ce6;
-  --color-neutral-alpha-2: #f9f9f905;
-  --color-neutral-alpha-5: #f9f9f90d;
-  --color-neutral-alpha-10: #f9f9f91a;
-  --color-neutral-alpha-20: #f9f9f933;
-  --color-neutral-alpha-30: #f9f9f94d;
-  --color-neutral-alpha-50: #ffffff80;
-  --color-brand-green-alpha-10: #47a73b1a;
-  --color-brand-green-alpha-20: #73f36c33;
-  --color-brand-aqua: #aaf1d5;
-  --color-neutral-alpha-dark-2: #14151405;
-  --color-neutral-alpha-dark-5: #1415140d;
-  --color-neutral-alpha-dark-10: #1415141a;
-  --color-neutral-alpha-dark-20: #14151433;
-  --color-neutral-alpha-dark-30: #1415144d;
-  --color-neutral-alpha-dark-50: #14151480;
-  --color-success: #22c55e;
-  --color-success-light: #dcfce7;
-  --color-success-dark: #166534;
-  --color-error: #ef4444;
-  --color-error-light: #fee2e2;
-  --color-error-dark: #991b1b;
-  --color-warning: #f59e0b;
-  --color-warning-light: #fef3c7;
-  --color-warning-dark: #92400e;
-  --color-info: #3b82f6;
-  --color-info-light: #dbeafe;
-  --color-info-dark: #1e40af;
+  --color-brand-green: oklch(0.8623 0.2096 142.59);
+  --color-brand-black: oklch(0.1942 0.0025 145.48);
+  --color-brand-white: oklch(0.9821 0 89.88);
+  --color-neutral-base-50: oklch(0.9821 0 89.88);
+  --color-neutral-base-100: oklch(0.9581 0 89.88);
+  --color-neutral-base-200: oklch(0.9219 0 89.88);
+  --color-neutral-base-300: oklch(0.8607 0 89.88);
+  --color-neutral-base-400: oklch(0.7155 0 89.88);
+  --color-neutral-base-500: oklch(0.5555 0 89.88);
+  --color-neutral-base-600: oklch(0.4386 0 89.88);
+  --color-neutral-base-700: oklch(0.3715 0 89.88);
+  --color-neutral-base-800: oklch(0.2686 0 89.88);
+  --color-neutral-base-850: oklch(0.2163 0.0025 145.49);
+  --color-neutral-base-900: oklch(0.1942 0.0025 145.48);
+  --color-brand-green-alpha-10: oklch(0.8623 0.2096 142.59 / 0.102);
+  --color-brand-green-alpha-30: oklch(0.8623 0.2096 142.59 / 0.302);
+  --color-brand-green-alpha-40: oklch(0.8623 0.2096 142.59 / 0.4);
+  --color-brand-green-alpha-50: oklch(0.8623 0.2096 142.59 / 0.502);
+  --color-brand-green-alpha-60: oklch(0.8623 0.2096 142.59 / 0.6);
+  --color-brand-green-alpha-70: oklch(0.8623 0.2096 142.59 / 0.702);
+  --color-brand-green-alpha-80: oklch(0.8623 0.2096 142.59 / 0.8);
+  --color-brand-green-alpha-90: oklch(0.8623 0.2096 142.59 / 0.902);
+  --color-neutral-alpha-2: oklch(0.9821 0 89.88 / 0.02);
+  --color-neutral-alpha-5: oklch(0.9821 0 89.88 / 0.051);
+  --color-neutral-alpha-10: oklch(0.9821 0 89.88 / 0.102);
+  --color-neutral-alpha-20: oklch(0.9821 0 89.88 / 0.2);
+  --color-neutral-alpha-30: oklch(0.9821 0 89.88 / 0.302);
+  --color-neutral-alpha-50: oklch(1 0 89.88 / 0.502);
+  --color-brand-green-alpha-10: oklch(0.6477 0.1717 141.5 / 0.102);
+  --color-brand-green-alpha-20: oklch(0.8623 0.2096 142.59 / 0.2);
+  --color-brand-aqua: oklch(0.9035 0.0807 168.05);
+  --color-neutral-alpha-dark-2: oklch(0.1942 0.0025 145.48 / 0.02);
+  --color-neutral-alpha-dark-5: oklch(0.1942 0.0025 145.48 / 0.051);
+  --color-neutral-alpha-dark-10: oklch(0.1942 0.0025 145.48 / 0.102);
+  --color-neutral-alpha-dark-20: oklch(0.1942 0.0025 145.48 / 0.2);
+  --color-neutral-alpha-dark-30: oklch(0.1942 0.0025 145.48 / 0.302);
+  --color-neutral-alpha-dark-50: oklch(0.1942 0.0025 145.48 / 0.502);
+  --color-success: oklch(0.7227 0.192 149.58);
+  --color-success-light: oklch(0.9624 0.0434 156.74);
+  --color-success-dark: oklch(0.4479 0.1083 151.33);
+  --color-error: oklch(0.6368 0.2078 25.33);
+  --color-error-light: oklch(0.9356 0.0309 17.72);
+  --color-error-dark: oklch(0.4437 0.1613 26.9);
+  --color-warning: oklch(0.7686 0.1647 70.08);
+  --color-warning-light: oklch(0.9619 0.058 95.62);
+  --color-warning-dark: oklch(0.4732 0.1247 46.2);
+  --color-info: oklch(0.6231 0.188 259.81);
+  --color-info-light: oklch(0.9319 0.0316 255.59);
+  --color-info-dark: oklch(0.4244 0.1809 265.64);
 }
 .turtle-widget-root {
   --spacing-0: 0px;
@@ -4798,33 +5147,8 @@
   --spacing-element-gap: var(--spacing-2);
 }
 .turtle-widget-root {
-  --radius-none: 0px;
-  --radius-xs: 0.125rem;
-  --radius-sm: 0.25rem;
-  --radius-md: 0.375rem;
-  --radius-lg: 0.5rem;
-  --radius-lg-2: 0.625rem;
-  --radius-xl: 0.75rem;
-  --radius-2xl: 1rem;
   --radius-turtle: 1.25rem;
   --radius-3xl: 1.5rem;
-  --radius-full: 9999px;
-  --radius-default: 0.625rem;
-  --radius-button: var(--radius-full);
-  --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);
-  --radius-avatar: var(--radius-full);
-  --radius-badge: var(--radius-full);
-  --radius-chip: var(--radius-full);
-  --radius-progress: var(--radius-full);
-  --radius-slider-thumb: var(--radius-full);
-  --radius-switch: var(--radius-full);
-  --radius-tab: var(--radius-lg);
-  --radius-dropdown: var(--radius-lg);
-  --radius-popover: var(--radius-lg);
 }
 .turtle-widget-root {
   --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 
@@ -4901,7 +5225,7 @@
   --border: var(--color-neutral-alpha-10);
   --input: var(--color-neutral-alpha-2);
   --ring: var(--color-brand-green);
-  --radius: var(--radius-default);
+  --radius: var(--radius-turtle);
   --chart-1: var(--color-brand-green);
   --chart-2: var(--color-info);
   --chart-3: var(--color-warning);
@@ -4929,6 +5253,22 @@
   --input: var(--color-neutral-alpha-2);
   --ring: var(--color-brand-green);
 }
+@layer base {
+  .turtle-widget-root * {
+    & *::selection {
+      background-color: var(--color-primary);
+    }
+    &::selection {
+      background-color: var(--color-primary);
+    }
+    & *::selection {
+      color: var(--color-primary-foreground);
+    }
+    &::selection {
+      color: var(--color-primary-foreground);
+    }
+  }
+}
 @layer components {
   .turtle-widget-root .managed-table {
     border-collapse: separate;
@@ -5084,11 +5424,6 @@
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
-      --tw-ordinal: initial;
-      --tw-slashed-zero: initial;
-      --tw-numeric-figure: initial;
-      --tw-numeric-spacing: initial;
-      --tw-numeric-fraction: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;