@turtleclub/earn-widget 0.3.0-beta.56 → 0.3.0-beta.58

package/dist/styles.css

@@ -67,6 +67,7 @@
       --tw-backdrop-saturate: initial;
       --tw-backdrop-sepia: initial;
       --tw-duration: initial;
+      --tw-ease: initial;
       --tw-content: "";
       --tw-scale-x: 1;
       --tw-scale-y: 1;
@@ -98,7 +99,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;
@@ -106,7 +106,6 @@
     --container-sm: 24rem;
     --container-md: 28rem;
     --container-lg: 32rem;
-    --container-6xl: 72rem;
     --text-xs: .75rem;
     --text-xs--line-height: calc(1/.75);
     --text-sm: .875rem;
@@ -131,25 +130,28 @@
     --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;
+    --ease-in-out: cubic-bezier(.4,0,.2,1);
     --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);
@@ -171,6 +173,12 @@
     --color-border: var(--border);
     --color-input: var(--input);
     --color-ring: var(--ring);
+    --color-sidebar: var(--sidebar);
+    --color-sidebar-foreground: var(--sidebar-foreground);
+    --color-sidebar-accent: var(--accent);
+    --color-sidebar-accent-foreground: var(--accent-foreground);
+    --color-sidebar-border: var(--border);
+    --color-sidebar-ring: var(--ring);
     --color-neutral-alpha-2: var(--color-neutral-alpha-2);
     --color-neutral-alpha-5: var(--color-neutral-alpha-5);
     --color-neutral-alpha-10: var(--color-neutral-alpha-10);
@@ -384,6 +392,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 +473,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 +578,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;
@@ -581,12 +607,24 @@
   .turtle-widget-root .inset-0\.5 {
     inset: calc(var(--spacing)*.5);
   }
+  .turtle-widget-root .inset-x-0 {
+    inset-inline: calc(var(--spacing)*0);
+  }
   .turtle-widget-root .inset-y-0 {
     inset-block: calc(var(--spacing)*0);
   }
   .turtle-widget-root .top-0 {
     top: calc(var(--spacing)*0);
   }
+  .turtle-widget-root .top-1\.5 {
+    top: calc(var(--spacing)*1.5);
+  }
+  .turtle-widget-root .top-1\/2 {
+    top: 50%;
+  }
+  .turtle-widget-root .top-3\.5 {
+    top: calc(var(--spacing)*3.5);
+  }
   .turtle-widget-root .top-4 {
     top: calc(var(--spacing)*4);
   }
@@ -617,9 +655,15 @@
   .turtle-widget-root .right-0 {
     right: calc(var(--spacing)*0);
   }
+  .turtle-widget-root .right-1 {
+    right: calc(var(--spacing)*1);
+  }
   .turtle-widget-root .right-2 {
     right: calc(var(--spacing)*2);
   }
+  .turtle-widget-root .right-3 {
+    right: calc(var(--spacing)*3);
+  }
   .turtle-widget-root .right-4 {
     right: calc(var(--spacing)*4);
   }
@@ -671,6 +715,9 @@
   .turtle-widget-root .z-10 {
     z-index: 10;
   }
+  .turtle-widget-root .z-20 {
+    z-index: 20;
+  }
   .turtle-widget-root .z-50 {
     z-index: 50;
   }
@@ -680,6 +727,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 +764,30 @@
   .turtle-widget-root .-mx-1 {
     margin-inline: calc(var(--spacing)*-1);
   }
+  .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\.5 {
+    margin-inline: calc(var(--spacing)*3.5);
+  }
   .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);
   }
@@ -732,9 +797,15 @@
   .turtle-widget-root .mt-4 {
     margin-top: calc(var(--spacing)*4);
   }
+  .turtle-widget-root .mt-auto {
+    margin-top: auto;
+  }
   .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 +815,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 +827,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 +860,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);
@@ -809,6 +886,10 @@
     width: calc(var(--spacing)*6);
     height: calc(var(--spacing)*6);
   }
+  .turtle-widget-root .size-7 {
+    width: calc(var(--spacing)*7);
+    height: calc(var(--spacing)*7);
+  }
   .turtle-widget-root .size-8 {
     width: calc(var(--spacing)*8);
     height: calc(var(--spacing)*8);
@@ -912,6 +993,9 @@
   .turtle-widget-root .h-screen {
     height: 100vh;
   }
+  .turtle-widget-root .h-svh {
+    height: 100svh;
+  }
   .turtle-widget-root .max-h-\(--radix-dropdown-menu-content-available-height\) {
     max-height: var(--radix-dropdown-menu-content-available-height);
   }
@@ -924,14 +1008,26 @@
   .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-\[calc\(100svh-20px\)\] {
-    min-height: calc(100svh - 20px);
+  .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\(var\(--radix-select-trigger-height\)\*2\)\] {
     min-height: calc(var(--radix-select-trigger-height)*2);
@@ -939,11 +1035,8 @@
   .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-\(--sidebar-width\) {
+    width: var(--sidebar-width);
   }
   .turtle-widget-root .w-2 {
     width: calc(var(--spacing)*2);
@@ -957,6 +1050,9 @@
   .turtle-widget-root .w-3\.5 {
     width: calc(var(--spacing)*3.5);
   }
+  .turtle-widget-root .w-3\/4 {
+    width: 75%;
+  }
   .turtle-widget-root .w-4 {
     width: calc(var(--spacing)*4);
   }
@@ -987,6 +1083,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;
   }
@@ -1014,18 +1116,33 @@
   .turtle-widget-root .w-px {
     width: 1px;
   }
-  .turtle-widget-root .max-w-6xl {
-    max-width: var(--container-6xl);
+  .turtle-widget-root .max-w-\(--skeleton-width\) {
+    max-width: var(--skeleton-width);
+  }
+  .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);
   }
   .turtle-widget-root .min-w-0 {
     min-width: calc(var(--spacing)*0);
   }
+  .turtle-widget-root .min-w-5 {
+    min-width: calc(var(--spacing)*5);
+  }
   .turtle-widget-root .min-w-8 {
     min-width: calc(var(--spacing)*8);
   }
@@ -1044,10 +1161,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 +1195,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);
   }
@@ -1081,6 +1210,14 @@
   .turtle-widget-root .origin-left {
     transform-origin: 0;
   }
+  .turtle-widget-root .-translate-x-1\/2 {
+    --tw-translate-x: -50%;
+    translate: var(--tw-translate-x)var(--tw-translate-y);
+  }
+  .turtle-widget-root .-translate-x-px {
+    --tw-translate-x: -1px;
+    translate: var(--tw-translate-x)var(--tw-translate-y);
+  }
   .turtle-widget-root .translate-x-\[-50\%\] {
     --tw-translate-x: -50%;
     translate: var(--tw-translate-x)var(--tw-translate-y);
@@ -1089,6 +1226,10 @@
     --tw-translate-x: -75%;
     translate: var(--tw-translate-x)var(--tw-translate-y);
   }
+  .turtle-widget-root .translate-x-px {
+    --tw-translate-x: 1px;
+    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);
@@ -1120,12 +1261,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 +1321,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 +1330,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 +1354,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 +1382,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 +1405,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 +1429,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 +1447,40 @@
     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-r {
+    border-right-style: var(--tw-border-style);
+    border-right-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);
   }
@@ -1347,6 +1501,9 @@
   .turtle-widget-root .border-primary {
     border-color: var(--color-primary);
   }
+  .turtle-widget-root .border-sidebar-border {
+    border-color: var(--color-sidebar-border);
+  }
   .turtle-widget-root .border-transparent {
     border-color: #0000;
   }
@@ -1356,8 +1513,8 @@
   .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-accent {
+    background-color: var(--color-accent);
   }
   .turtle-widget-root .bg-background {
     background-color: var(--color-background);
@@ -1433,6 +1590,12 @@
   .turtle-widget-root .bg-secondary {
     background-color: var(--color-secondary);
   }
+  .turtle-widget-root .bg-sidebar {
+    background-color: var(--color-sidebar);
+  }
+  .turtle-widget-root .bg-sidebar-border {
+    background-color: var(--color-sidebar-border);
+  }
   .turtle-widget-root .bg-transparent {
     background-color: #0000;
   }
@@ -1489,6 +1652,9 @@
   .turtle-widget-root .p-\[1px\], .turtle-widget-root .p-px {
     padding: 1px;
   }
+  .turtle-widget-root .px-1 {
+    padding-inline: calc(var(--spacing)*1);
+  }
   .turtle-widget-root .px-1\.5 {
     padding-inline: calc(var(--spacing)*1.5);
   }
@@ -1549,6 +1715,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);
   }
@@ -1558,9 +1727,6 @@
   .turtle-widget-root .py-8\.5 {
     padding-block: calc(var(--spacing)*8.5);
   }
-  .turtle-widget-root .py-10 {
-    padding-block: calc(var(--spacing)*10);
-  }
   .turtle-widget-root .\!pt-6 {
     padding-top: calc(var(--spacing)*6) !important;
   }
@@ -1576,6 +1742,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);
   }
@@ -1588,9 +1757,6 @@
   .turtle-widget-root .pr-8 {
     padding-right: calc(var(--spacing)*8);
   }
-  .turtle-widget-root .pb-2 {
-    padding-bottom: calc(var(--spacing)*2);
-  }
   .turtle-widget-root .pb-3 {
     padding-bottom: calc(var(--spacing)*3);
   }
@@ -1603,6 +1769,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 +1854,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 +1874,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 +1898,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;
   }
@@ -1765,6 +1956,17 @@
   .turtle-widget-root .text-secondary-foreground {
     color: var(--color-secondary-foreground);
   }
+  .turtle-widget-root .text-sidebar-foreground, .turtle-widget-root .text-sidebar-foreground\/70 {
+    color: var(--color-sidebar-foreground);
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .text-sidebar-foreground\/70 {
+      color: var(--color-sidebar-foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab,var(--color-sidebar-foreground)70%,transparent);
+      }
+    }
+  }
   .turtle-widget-root .text-white\/80 {
     color: #fffc;
   }
@@ -1786,18 +1988,9 @@
     --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;
   }
@@ -1811,6 +2004,10 @@
     --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-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
+    --tw-shadow: 0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));
+    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-\[0px_4px_4px_0px\] {
     --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-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);
@@ -1831,10 +2028,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);
@@ -1876,6 +2069,9 @@
       }
     }
   }
+  .turtle-widget-root .ring-sidebar-ring {
+    --tw-ring-color: var(--color-sidebar-ring);
+  }
   .turtle-widget-root .ring-offset-2 {
     --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);
@@ -1920,6 +2116,26 @@
     transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
     transition-duration: var(--tw-duration,var(--default-transition-duration));
   }
+  .turtle-widget-root .transition-\[left\,right\,width\] {
+    transition-property: left,right,width;
+    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration,var(--default-transition-duration));
+  }
+  .turtle-widget-root .transition-\[margin\,opacity\] {
+    transition-property: margin,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-\[width\,height\,padding\] {
+    transition-property: width,height,padding;
+    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration,var(--default-transition-duration));
+  }
+  .turtle-widget-root .transition-\[width\] {
+    transition-property: width;
+    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration,var(--default-transition-duration));
+  }
   .turtle-widget-root .transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
@@ -1956,6 +2172,14 @@
     --tw-duration: .3s;
     transition-duration: .3s;
   }
+  .turtle-widget-root .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
+  .turtle-widget-root .ease-linear {
+    --tw-ease: linear;
+    transition-timing-function: linear;
+  }
   .turtle-widget-root .fade-in-0 {
     --tw-enter-opacity: 0;
   }
@@ -1970,21 +2194,119 @@
   .turtle-widget-root .zoom-in-95 {
     --tw-enter-scale: .95;
   }
+  .turtle-widget-root .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
+    opacity: 1;
+  }
+  @media (hover:hover) {
+    .turtle-widget-root .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
+      opacity: 1;
+    }
+  }
   .turtle-widget-root .group-disabled\:opacity-80:is(:where(.group):disabled *) {
     opacity: .8;
   }
+  .turtle-widget-root .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *) {
+    padding-right: calc(var(--spacing)*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-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *) {
+    margin-top: calc(var(--spacing)*-8);
+  }
+  .turtle-widget-root .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *) {
+    display: none;
+  }
+  .turtle-widget-root .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *) {
+    width: calc(var(--spacing)*8) !important;
+    height: calc(var(--spacing)*8) !important;
+  }
+  .turtle-widget-root .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *) {
+    width: var(--sidebar-width-icon);
+  }
+  .turtle-widget-root .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *) {
+    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)));
+  }
+  .turtle-widget-root .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *) {
+    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)) + 2px);
+  }
+  .turtle-widget-root .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *) {
+    overflow: hidden;
+  }
+  .turtle-widget-root .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *) {
+    padding: calc(var(--spacing)*0) !important;
+  }
+  .turtle-widget-root .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *) {
+    padding: calc(var(--spacing)*2) !important;
+  }
+  .turtle-widget-root .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *) {
+    opacity: 0;
+  }
+  .turtle-widget-root .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *) {
+    right: calc(var(--sidebar-width)*-1);
+  }
+  .turtle-widget-root .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *) {
+    left: calc(var(--sidebar-width)*-1);
+  }
+  .turtle-widget-root .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *) {
+    width: calc(var(--spacing)*0);
+  }
+  .turtle-widget-root .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *) {
+    --tw-translate-x: calc(var(--spacing)*0);
+    translate: var(--tw-translate-x)var(--tw-translate-y);
+  }
   .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-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *) {
+    right: calc(var(--spacing)*-4);
+  }
+  .turtle-widget-root .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *) {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 1px;
+  }
+  .turtle-widget-root .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *) {
+    left: calc(var(--spacing)*0);
+  }
+  .turtle-widget-root .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *) {
+    rotate: 180deg;
+  }
+  .turtle-widget-root .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *) {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
   .turtle-widget-root .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *) {
     rotate: 180deg;
   }
+  .turtle-widget-root .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *) {
+    border-radius: var(--radius-lg);
+  }
+  .turtle-widget-root .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *) {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  .turtle-widget-root .group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *) {
+    border-color: var(--color-sidebar-border);
+  }
+  .turtle-widget-root .group-data-\[variant\=floating\]\:shadow-\[0_0_40px_0_rgba\(0\,0\,0\,0\.5\)\]:is(:where(.group)[data-variant=floating] *) {
+    --tw-shadow: 0 0 40px 0 var(--tw-shadow-color,#00000080);
+    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 .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%;
   }
@@ -2015,23 +2337,28 @@
     --tw-duration: .2s;
     transition-duration: .2s;
   }
+  @media (hover:hover) {
+    .turtle-widget-root .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*) {
+      color: var(--color-sidebar-accent-foreground);
+    }
+  }
   .turtle-widget-root .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
     cursor: not-allowed;
   }
   .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 .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*) {
+    color: var(--color-sidebar-accent-foreground);
   }
-  .turtle-widget-root .selection\:bg-primary::selection {
-    background-color: var(--color-primary);
+  .turtle-widget-root .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*) {
+    top: calc(var(--spacing)*1.5);
   }
-  .turtle-widget-root .selection\:text-primary-foreground ::selection {
-    color: var(--color-primary-foreground);
+  .turtle-widget-root .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*) {
+    top: calc(var(--spacing)*2.5);
   }
-  .turtle-widget-root .selection\:text-primary-foreground::selection {
-    color: var(--color-primary-foreground);
+  .turtle-widget-root .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*) {
+    top: calc(var(--spacing)*1);
   }
   .turtle-widget-root .placeholder\:text-muted-foreground::placeholder {
     color: var(--color-muted-foreground);
@@ -2121,6 +2448,33 @@
     -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 .after\:absolute:after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  .turtle-widget-root .after\:-inset-2:after {
+    content: var(--tw-content);
+    inset: calc(var(--spacing)*-2);
+  }
+  .turtle-widget-root .after\:inset-y-0:after {
+    content: var(--tw-content);
+    inset-block: calc(var(--spacing)*0);
+  }
+  .turtle-widget-root .after\:left-1\/2:after {
+    content: var(--tw-content);
+    left: 50%;
+  }
+  .turtle-widget-root .after\:w-\[2px\]:after {
+    content: var(--tw-content);
+    width: 2px;
+  }
+  .turtle-widget-root .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after {
+    content: var(--tw-content);
+    left: 100%;
+  }
+  .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 +2486,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 +2543,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);
@@ -2206,6 +2574,9 @@
         }
       }
     }
+    .turtle-widget-root .hover\:bg-neutral-alpha-2:hover {
+      background-color: var(--color-neutral-alpha-2);
+    }
     .turtle-widget-root .hover\:bg-primary:hover, .turtle-widget-root .hover\:bg-primary\/90:hover {
       background-color: var(--color-primary);
     }
@@ -2228,6 +2599,20 @@
         }
       }
     }
+    .turtle-widget-root .hover\:bg-sidebar-accent:hover {
+      background-color: var(--color-sidebar-accent);
+    }
+    .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);
     }
@@ -2254,9 +2639,16 @@
         }
       }
     }
+    .turtle-widget-root .hover\:text-sidebar-accent-foreground:hover {
+      color: var(--color-sidebar-accent-foreground);
+    }
     .turtle-widget-root .hover\:opacity-100:hover {
       opacity: 1;
     }
+    .turtle-widget-root .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
+      --tw-shadow: 0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));
+      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 .hover\:shadow-md:hover {
       --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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);
@@ -2265,6 +2657,13 @@
       --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);
     }
+    .turtle-widget-root .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *) {
+      background-color: var(--color-sidebar);
+    }
+    .turtle-widget-root .hover\:after\:bg-sidebar-border:hover:after {
+      content: var(--tw-content);
+      background-color: var(--color-sidebar-border);
+    }
   }
   .turtle-widget-root .focus\:z-10:focus {
     z-index: 10;
@@ -2298,6 +2697,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 +2719,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 +2758,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 +2843,42 @@
     -webkit-mask-source-type: auto,auto;
     mask-mode: match-source,match-source;
   }
+  .turtle-widget-root .active\:border-gradient-white:active {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+    border-color: #0000;
+    position: relative;
+  }
+  .turtle-widget-root .active\:border-gradient-white:active:before {
+    content: "";
+    pointer-events: none;
+    border-style: var(--tw-border-style);
+    border-radius: inherit;
+    background: var(--border-gradient-white);
+    border-width: 1px;
+    border-color: #0000;
+    position: absolute;
+    inset: -1px;
+    -webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
+    mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
+    -webkit-mask-position: 0 0,0 0;
+    mask-position: 0 0,0 0;
+    -webkit-mask-size: auto,auto;
+    mask-size: auto,auto;
+    -webkit-mask-repeat: repeat,repeat;
+    mask-repeat: repeat,repeat;
+    -webkit-mask-clip: padding-box,border-box;
+    mask-clip: padding-box,border-box;
+    -webkit-mask-origin: padding-box,border-box;
+    mask-origin: padding-box,border-box;
+    -webkit-mask-composite: xor;
+    mask-composite: exclude;
+    -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);
   }
@@ -2428,6 +2890,12 @@
       }
     }
   }
+  .turtle-widget-root .active\:bg-sidebar-accent:active {
+    background-color: var(--color-sidebar-accent);
+  }
+  .turtle-widget-root .active\:text-sidebar-accent-foreground:active {
+    color: var(--color-sidebar-accent-foreground);
+  }
   .turtle-widget-root .disabled\:pointer-events-none:disabled {
     pointer-events: none;
   }
@@ -2444,6 +2912,113 @@
     --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 :where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize {
+    cursor: w-resize;
+  }
+  .turtle-widget-root :where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize {
+    cursor: e-resize;
+  }
+  .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-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]) {
+    background-color: var(--color-sidebar);
+  }
+  .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 +3028,15 @@
   .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-disabled\:pointer-events-none[aria-disabled=true] {
+    pointer-events: none;
+  }
+  .turtle-widget-root .aria-disabled\:opacity-50[aria-disabled=true] {
+    opacity: .5;
+  }
   .turtle-widget-root .aria-invalid\:border-destructive[aria-invalid=true] {
     border-color: var(--color-destructive);
   }
@@ -2467,9 +3051,59 @@
       }
     }
   }
+  .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\]\:border-gradient-accent[data-active=true] {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+    border-color: #0000;
+    position: relative;
+  }
+  .turtle-widget-root .data-\[active\=true\]\:border-gradient-accent[data-active=true]:before {
+    content: "";
+    pointer-events: none;
+    border-style: var(--tw-border-style);
+    border-radius: inherit;
+    background: var(--border-gradient-accent);
+    border-width: 1px;
+    border-color: #0000;
+    position: absolute;
+    inset: -1px;
+    -webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
+    mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
+    -webkit-mask-position: 0 0,0 0;
+    mask-position: 0 0,0 0;
+    -webkit-mask-size: auto,auto;
+    mask-size: auto,auto;
+    -webkit-mask-repeat: repeat,repeat;
+    mask-repeat: repeat,repeat;
+    -webkit-mask-clip: padding-box,border-box;
+    mask-clip: padding-box,border-box;
+    -webkit-mask-origin: padding-box,border-box;
+    mask-origin: padding-box,border-box;
+    -webkit-mask-composite: xor;
+    mask-composite: exclude;
+    -webkit-mask-source-type: auto,auto;
+    mask-mode: match-source,match-source;
+  }
   .turtle-widget-root .data-\[active\=true\]\:bg-neutral-alpha-10[data-active=true] {
     background-color: var(--color-neutral-alpha-10);
   }
+  .turtle-widget-root .data-\[active\=true\]\:bg-sidebar-accent[data-active=true] {
+    background-color: var(--color-sidebar-accent);
+  }
   .turtle-widget-root .data-\[active\=true\]\:bg-gradient-to-b[data-active=true] {
     --tw-gradient-position: to bottom in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
@@ -2507,21 +3141,56 @@
   .turtle-widget-root .data-\[active\=true\]\:to-primary\/30[data-active=true] {
     --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 .data-\[active\=true\]\:font-medium[data-active=true] {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+  }
   .turtle-widget-root .data-\[active\=true\]\:text-foreground[data-active=true] {
     color: var(--color-foreground);
   }
   .turtle-widget-root .data-\[active\=true\]\:text-primary[data-active=true] {
     color: var(--color-primary);
   }
+  .turtle-widget-root .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true] {
+    color: var(--color-sidebar-accent-foreground);
+  }
+  .turtle-widget-root .data-\[active\=true\]\:shadow-primary[data-active=true] {
+    --tw-shadow-color: var(--color-primary);
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .data-\[active\=true\]\:shadow-primary[data-active=true] {
+      --tw-shadow-color: var(--color-primary);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-shadow-color: color-mix(in oklab,var(--color-primary)var(--tw-shadow-alpha),transparent);
+      }
+    }
+  }
+  @media (hover:hover) {
+    .turtle-widget-root .data-\[active\=true\]\:hover\:bg-transparent[data-active=true]:hover {
+      background-color: #0000;
+    }
+    .turtle-widget-root .data-\[active\=true\]\:hover\:text-primary[data-active=true]:hover {
+      color: var(--color-primary);
+    }
+  }
   .turtle-widget-root .data-\[disabled\]\:pointer-events-none[data-disabled] {
     pointer-events: none;
   }
   .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 +3251,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 +3291,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);
@@ -2665,12 +3346,28 @@
   .turtle-widget-root .data-\[state\=closed\]\:animate-out[data-state=closed] {
     animation: exit 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\=closed\]\:duration-300[data-state=closed] {
+    --tw-duration: .3s;
+    transition-duration: .3s;
+  }
   .turtle-widget-root .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
     --tw-exit-opacity: 0;
   }
   .turtle-widget-root .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
     --tw-exit-scale: .95;
   }
+  .turtle-widget-root .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
+    --tw-exit-translate-y: 100%;
+  }
+  .turtle-widget-root .data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
+    --tw-exit-translate-x: -100%;
+  }
+  .turtle-widget-root .data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
+    --tw-exit-translate-x: 100%;
+  }
+  .turtle-widget-root .data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
+    --tw-exit-translate-y: -100%;
+  }
   .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
     animation: exit 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);
   }
@@ -2706,12 +3403,22 @@
       }
     }
   }
+  .turtle-widget-root .data-\[state\=open\]\:bg-secondary[data-state=open] {
+    background-color: var(--color-secondary);
+  }
   .turtle-widget-root .data-\[state\=open\]\:text-accent-foreground[data-state=open] {
     color: var(--color-accent-foreground);
   }
   .turtle-widget-root .data-\[state\=open\]\:text-muted-foreground[data-state=open] {
     color: var(--color-muted-foreground);
   }
+  .turtle-widget-root .data-\[state\=open\]\:opacity-100[data-state=open] {
+    opacity: 1;
+  }
+  .turtle-widget-root .data-\[state\=open\]\:duration-500[data-state=open] {
+    --tw-duration: .5s;
+    transition-duration: .5s;
+  }
   .turtle-widget-root .data-\[state\=open\]\:fade-in-0[data-state=open] {
     --tw-enter-opacity: 0;
   }
@@ -2721,6 +3428,18 @@
   .turtle-widget-root .data-\[state\=open\]\:zoom-in-95[data-state=open] {
     --tw-enter-scale: .95;
   }
+  .turtle-widget-root .data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
+    --tw-enter-translate-y: 100%;
+  }
+  .turtle-widget-root .data-\[state\=open\]\:slide-in-from-left[data-state=open] {
+    --tw-enter-translate-x: -100%;
+  }
+  .turtle-widget-root .data-\[state\=open\]\:slide-in-from-right[data-state=open] {
+    --tw-enter-translate-x: 100%;
+  }
+  .turtle-widget-root .data-\[state\=open\]\:slide-in-from-top[data-state=open] {
+    --tw-enter-translate-y: -100%;
+  }
   .turtle-widget-root .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[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);
   }
@@ -2734,6 +3453,12 @@
     .turtle-widget-root .data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover {
       background-color: var(--color-accent);
     }
+    .turtle-widget-root .data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover {
+      background-color: var(--color-sidebar-accent);
+    }
+    .turtle-widget-root .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover {
+      color: var(--color-sidebar-accent-foreground);
+    }
   }
   .turtle-widget-root .data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus {
     background-color: var(--color-accent);
@@ -2771,6 +3496,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,13 +3516,8 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
-  @media not all and (min-width:64rem) {
-    .turtle-widget-root .max-lg\:hidden {
-      display: none;
-    }
-    .turtle-widget-root .max-lg\:flex-col {
-      flex-direction: column;
-    }
+  .turtle-widget-root .nth-last-2\:-mt-1:nth-last-child(2) {
+    margin-top: calc(var(--spacing)*-1);
   }
   @media (min-width:40rem) {
     .turtle-widget-root .sm\:left-1\/2 {
@@ -2798,6 +3526,9 @@
     .turtle-widget-root .sm\:block {
       display: block;
     }
+    .turtle-widget-root .sm\:flex {
+      display: flex;
+    }
     .turtle-widget-root .sm\:inline-block {
       display: inline-block;
     }
@@ -2807,6 +3538,9 @@
     .turtle-widget-root .sm\:max-w-lg {
       max-width: var(--container-lg);
     }
+    .turtle-widget-root .sm\:max-w-sm {
+      max-width: var(--container-sm);
+    }
     .turtle-widget-root .sm\:grow-0 {
       flex-grow: 0;
     }
@@ -2855,6 +3589,12 @@
     .turtle-widget-root .md\:z-0 {
       z-index: 0;
     }
+    .turtle-widget-root .md\:block {
+      display: block;
+    }
+    .turtle-widget-root .md\:flex {
+      display: flex;
+    }
     .turtle-widget-root .md\:size-\[600px\] {
       width: 600px;
       height: 600px;
@@ -2888,48 +3628,51 @@
     .turtle-widget-root .md\:rotate-0 {
       rotate: none;
     }
-  }
-  @media (min-width:64rem) {
-    .turtle-widget-root .lg\:bottom-\[-350px\] {
-      bottom: -350px;
+    .turtle-widget-root .md\:text-sm {
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading,var(--text-sm--line-height));
     }
-    .turtle-widget-root .lg\:left-\[-150px\] {
-      left: -150px;
+    .turtle-widget-root .md\:opacity-0 {
+      opacity: 0;
     }
-    .turtle-widget-root .lg\:hidden {
-      display: none;
+    .turtle-widget-root .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*) {
+      margin: calc(var(--spacing)*2);
     }
-    .turtle-widget-root .lg\:min-w-0 {
-      min-width: calc(var(--spacing)*0);
+    .turtle-widget-root .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*) {
+      margin-left: calc(var(--spacing)*0);
     }
-    .turtle-widget-root .lg\:rounded-lg {
-      border-radius: var(--radius-lg);
+    .turtle-widget-root .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*) {
+      border-radius: var(--radius-xl);
     }
-    .turtle-widget-root .lg\:bg-background {
-      background-color: var(--color-background);
+    .turtle-widget-root .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*) {
+      --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 .lg\:p-10 {
-      padding: calc(var(--spacing)*10);
+    .turtle-widget-root .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*) {
+      margin-left: calc(var(--spacing)*2);
     }
-    .turtle-widget-root .lg\:pt-2 {
-      padding-top: calc(var(--spacing)*2);
+    .turtle-widget-root .md\:after\:hidden:after {
+      content: var(--tw-content);
+      display: none;
     }
-    .turtle-widget-root .lg\:pr-2 {
-      padding-right: calc(var(--spacing)*2);
+  }
+  @media (min-width:64rem) {
+    .turtle-widget-root .lg\:bottom-\[-350px\] {
+      bottom: -350px;
     }
-    .turtle-widget-root .lg\:pl-64 {
-      padding-left: calc(var(--spacing)*64);
+    .turtle-widget-root .lg\:left-\[-150px\] {
+      left: -150px;
     }
-    .turtle-widget-root .lg\: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);
+  }
+  @container field-group (min-width:28rem) {
+    .turtle-widget-root .\@md\/field-group\:flex-row {
+      flex-direction: row;
     }
-    .turtle-widget-root .lg\: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 .\@md\/field-group\:items-center {
+      align-items: center;
     }
-    .turtle-widget-root .lg\:ring-border {
-      --tw-ring-color: var(--color-border);
+    .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 *) {
@@ -2954,6 +3697,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);
   }
@@ -3014,6 +3760,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);
   }
@@ -3050,71 +3818,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;
   }
@@ -3128,6 +3884,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;
   }
@@ -3140,17 +3902,85 @@
   .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 .\[\&\>button\]\:hidden>button {
+    display: none;
+  }
+  .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 .\[\&\>span\]\:pl-3>span {
+    padding-left: calc(var(--spacing)*3);
+  }
+  .turtle-widget-root .\[\&\>span\:last-child\]\:truncate>span:last-child {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+  .turtle-widget-root .\[\&\>svg\]\:pointer-events-auto>svg {
+    pointer-events: auto;
   }
   .turtle-widget-root .\[\&\>svg\]\:pointer-events-none>svg {
     pointer-events: none;
@@ -3159,25 +3989,43 @@
     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\]\:size-4>svg {
+    width: calc(var(--spacing)*4);
+    height: calc(var(--spacing)*4);
   }
-  .turtle-widget-root .\[\&\>svg\]\:h-3>svg {
-    height: calc(var(--spacing)*3);
+  .turtle-widget-root .\[\&\>svg\]\:shrink-0>svg {
+    flex-shrink: 0;
   }
-  .turtle-widget-root .\[\&\>svg\]\:w-2\.5>svg {
-    width: calc(var(--spacing)*2.5);
+  .turtle-widget-root .\[\&\>svg\]\:text-sidebar-accent-foreground>svg {
+    color: var(--color-sidebar-accent-foreground);
   }
-  .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-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
+    right: calc(var(--spacing)*-2);
+  }
+  .turtle-widget-root [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
+    cursor: e-resize;
+  }
+  .turtle-widget-root [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
+    left: calc(var(--spacing)*-2);
+  }
+  .turtle-widget-root [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
+    cursor: w-resize;
+  }
+  .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);
@@ -3305,54 +4153,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;
@@ -3383,33 +4231,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);
@@ -3478,7 +4301,9 @@
   --border: var(--color-neutral-alpha-10);
   --input: var(--color-neutral-alpha-2);
   --ring: var(--color-brand-green);
-  --radius: var(--radius-default);
+  --sidebar: var(--color-neutral-base-850);
+  --sidebar-foreground: var(--color-brand-white);
+  --radius: var(--radius-turtle);
   --chart-1: var(--color-brand-green);
   --chart-2: var(--color-info);
   --chart-3: var(--color-warning);
@@ -3505,6 +4330,8 @@
   --border: var(--color-neutral-alpha-dark-10);
   --input: var(--color-neutral-alpha-2);
   --ring: var(--color-brand-green);
+  --sidebar: var(--color-neutral-base-850);
+  --sidebar-foreground: var(--color-brand-white);
 }
 @property --tw-border-style {
   syntax: "*";
@@ -3783,6 +4610,10 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-content {
   syntax: "*";
   inherits: false;
@@ -3837,7 +4668,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;
@@ -3845,7 +4675,6 @@
     --container-sm: 24rem;
     --container-md: 28rem;
     --container-lg: 32rem;
-    --container-6xl: 72rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -3870,25 +4699,28 @@
     --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);
+    --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-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);
@@ -3910,6 +4742,12 @@
     --color-border: var(--border);
     --color-input: var(--input);
     --color-ring: var(--ring);
+    --color-sidebar: var(--sidebar);
+    --color-sidebar-foreground: var(--sidebar-foreground);
+    --color-sidebar-accent: var(--accent);
+    --color-sidebar-accent-foreground: var(--accent-foreground);
+    --color-sidebar-border: var(--border);
+    --color-sidebar-ring: var(--ring);
     --color-neutral-alpha-2: var(--color-neutral-alpha-2);
     --color-neutral-alpha-5: var(--color-neutral-alpha-5);
     --color-neutral-alpha-10: var(--color-neutral-alpha-10);
@@ -4718,55 +5556,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;
@@ -4801,33 +5639,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, 
@@ -4904,7 +5717,9 @@
   --border: var(--color-neutral-alpha-10);
   --input: var(--color-neutral-alpha-2);
   --ring: var(--color-brand-green);
-  --radius: var(--radius-default);
+  --sidebar: var(--color-neutral-base-850);
+  --sidebar-foreground: var(--color-brand-white);
+  --radius: var(--radius-turtle);
   --chart-1: var(--color-brand-green);
   --chart-2: var(--color-info);
   --chart-3: var(--color-warning);
@@ -4931,6 +5746,24 @@
   --border: var(--color-neutral-alpha-dark-10);
   --input: var(--color-neutral-alpha-2);
   --ring: var(--color-brand-green);
+  --sidebar: var(--color-neutral-base-850);
+  --sidebar-foreground: var(--color-brand-white);
+}
+@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 {
@@ -5009,10 +5842,6 @@
 .turtle-widget-root .no-scrollbar::-webkit-scrollbar {
   display: none;
 }
-@property --tw-ease {
-  syntax: "*";
-  inherits: false;
-}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -5130,11 +5959,11 @@
       --tw-backdrop-saturate: initial;
       --tw-backdrop-sepia: initial;
       --tw-duration: initial;
+      --tw-ease: initial;
       --tw-content: "";
       --tw-scale-x: 1;
       --tw-scale-y: 1;
       --tw-scale-z: 1;
-      --tw-ease: initial;
     }
   }
 }