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

package/dist/styles.css

@@ -24,6 +24,11 @@
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;
@@ -62,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;
@@ -100,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;
@@ -138,7 +143,9 @@
     --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;
@@ -166,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);
@@ -594,15 +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);
   }
@@ -633,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);
   }
@@ -687,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;
   }
@@ -733,11 +764,14 @@
   .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 {
-    margin-inline: calc(var(--spacing)*3);
+  .turtle-widget-root .mx-3\.5 {
+    margin-inline: calc(var(--spacing)*3.5);
   }
   .turtle-widget-root .mx-auto {
     margin-inline: auto;
@@ -763,6 +797,9 @@
   .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);
   }
@@ -849,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);
@@ -952,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);
   }
@@ -985,15 +1029,15 @@
   .turtle-widget-root .min-h-16 {
     min-height: calc(var(--spacing)*16);
   }
-  .turtle-widget-root .min-h-\[calc\(100svh-20px\)\] {
-    min-height: calc(100svh - 20px);
-  }
   .turtle-widget-root .min-h-\[calc\(var\(--radix-select-trigger-height\)\*2\)\] {
     min-height: calc(var(--radix-select-trigger-height)*2);
   }
   .turtle-widget-root .min-h-svh {
     min-height: 100svh;
   }
+  .turtle-widget-root .w-\(--sidebar-width\) {
+    width: var(--sidebar-width);
+  }
   .turtle-widget-root .w-2 {
     width: calc(var(--spacing)*2);
   }
@@ -1006,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);
   }
@@ -1069,8 +1116,8 @@
   .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;
@@ -1093,6 +1140,9 @@
   .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);
   }
@@ -1160,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);
@@ -1168,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);
@@ -1397,6 +1459,10 @@
     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;
@@ -1435,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;
   }
@@ -1444,6 +1513,9 @@
   .turtle-widget-root .border-l-transparent {
     border-left-color: #0000;
   }
+  .turtle-widget-root .bg-accent {
+    background-color: var(--color-accent);
+  }
   .turtle-widget-root .bg-background {
     background-color: var(--color-background);
   }
@@ -1518,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;
   }
@@ -1574,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);
   }
@@ -1646,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;
   }
@@ -1679,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);
   }
@@ -1881,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;
   }
@@ -1898,6 +1984,10 @@
   .turtle-widget-root .capitalize {
     text-transform: capitalize;
   }
+  .turtle-widget-root .tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+    font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,);
+  }
   .turtle-widget-root .caret-primary {
     caret-color: var(--color-primary);
   }
@@ -1914,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);
@@ -1975,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);
@@ -2019,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));
@@ -2055,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;
   }
@@ -2069,9 +2194,20 @@
   .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;
   }
@@ -2084,15 +2220,90 @@
   .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\]\/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);
   }
@@ -2126,12 +2337,29 @@
     --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 .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 .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 .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 .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);
   }
@@ -2220,6 +2448,30 @@
     -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);
   }
@@ -2322,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);
     }
@@ -2344,6 +2599,9 @@
         }
       }
     }
+    .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;
     }
@@ -2381,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);
@@ -2392,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;
@@ -2571,6 +2843,39 @@
     -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);
   }
@@ -2585,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;
   }
@@ -2601,6 +2912,12 @@
     --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);
   }
@@ -2615,6 +2932,9 @@
       }
     }
   }
+  .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);
   }
@@ -2711,6 +3031,12 @@
   .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);
   }
@@ -2739,9 +3065,45 @@
       }
     }
   }
+  .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));
@@ -2779,12 +3141,38 @@
   .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;
   }
@@ -2958,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);
   }
@@ -2999,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;
   }
@@ -3014,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);
   }
@@ -3027,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);
@@ -3087,14 +3519,6 @@
   .turtle-widget-root .nth-last-2\:-mt-1:nth-last-child(2) {
     margin-top: calc(var(--spacing)*-1);
   }
-  @media not all and (min-width:64rem) {
-    .turtle-widget-root .max-lg\:hidden {
-      display: none;
-    }
-    .turtle-widget-root .max-lg\:flex-col {
-      flex-direction: column;
-    }
-  }
   @media (min-width:40rem) {
     .turtle-widget-root .sm\:left-1\/2 {
       left: 50%;
@@ -3102,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;
     }
@@ -3111,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;
     }
@@ -3159,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;
@@ -3196,48 +3632,36 @@
       font-size: var(--text-sm);
       line-height: var(--tw-leading,var(--text-sm--line-height));
     }
-  }
-  @media (min-width:64rem) {
-    .turtle-widget-root .lg\:bottom-\[-350px\] {
-      bottom: -350px;
+    .turtle-widget-root .md\:opacity-0 {
+      opacity: 0;
     }
-    .turtle-widget-root .lg\:left-\[-150px\] {
-      left: -150px;
+    .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\:hidden {
-      display: none;
+    .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\:min-w-0 {
-      min-width: calc(var(--spacing)*0);
+    .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\:rounded-lg {
-      border-radius: var(--radius-lg);
-    }
-    .turtle-widget-root .lg\:bg-background {
-      background-color: var(--color-background);
-    }
-    .turtle-widget-root .lg\:p-10 {
-      padding: calc(var(--spacing)*10);
-    }
-    .turtle-widget-root .lg\:pt-2 {
-      padding-top: calc(var(--spacing)*2);
-    }
-    .turtle-widget-root .lg\:pr-2 {
-      padding-right: calc(var(--spacing)*2);
+    .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\:pl-64 {
-      padding-left: calc(var(--spacing)*64);
+    .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\: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);
+    .turtle-widget-root .md\:after\:hidden:after {
+      content: var(--tw-content);
+      display: none;
     }
-    .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);
+  }
+  @media (min-width:64rem) {
+    .turtle-widget-root .lg\:bottom-\[-350px\] {
+      bottom: -350px;
     }
-    .turtle-widget-root .lg\:ring-border {
-      --tw-ring-color: var(--color-border);
+    .turtle-widget-root .lg\:left-\[-150px\] {
+      left: -150px;
     }
   }
   @container field-group (min-width:28rem) {
@@ -3529,6 +3953,9 @@
   .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);
   }
@@ -3544,6 +3971,14 @@
   .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;
   }
@@ -3554,6 +3989,16 @@
     width: calc(var(--spacing)*3);
     height: calc(var(--spacing)*3);
   }
+  .turtle-widget-root .\[\&\>svg\]\:size-4>svg {
+    width: calc(var(--spacing)*4);
+    height: calc(var(--spacing)*4);
+  }
+  .turtle-widget-root .\[\&\>svg\]\:shrink-0>svg {
+    flex-shrink: 0;
+  }
+  .turtle-widget-root .\[\&\>svg\]\:text-sidebar-accent-foreground>svg {
+    color: var(--color-sidebar-accent-foreground);
+  }
   .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);
@@ -3566,6 +4011,18 @@
     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);
   }
@@ -3844,6 +4301,8 @@
   --border: var(--color-neutral-alpha-10);
   --input: var(--color-neutral-alpha-2);
   --ring: var(--color-brand-green);
+  --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);
@@ -3871,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: "*";
@@ -3966,6 +4427,26 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -4129,6 +4610,10 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-content {
   syntax: "*";
   inherits: false;
@@ -4190,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;
@@ -4228,7 +4712,9 @@
     --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;
@@ -4256,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);
@@ -5225,6 +5717,8 @@
   --border: var(--color-neutral-alpha-10);
   --input: var(--color-neutral-alpha-2);
   --ring: var(--color-brand-green);
+  --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);
@@ -5252,6 +5746,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);
 }
 @layer base {
   .turtle-widget-root * {
@@ -5346,10 +5842,6 @@
 .turtle-widget-root .no-scrollbar::-webkit-scrollbar {
   display: none;
 }
-@property --tw-ease {
-  syntax: "*";
-  inherits: false;
-}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -5424,6 +5916,11 @@
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;
@@ -5462,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;
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turtleclub/earn-widget",
-  "version": "0.3.0-beta.57",
+  "version": "0.3.0-beta.59",
   "description": "Configurable and self-contained Turtle Earn widget for third-party integration",
   "license": "MIT",
   "repository": {
@@ -41,7 +41,7 @@
   "dependencies": {
     "@tailwindcss/postcss": "^4.1.11",
     "@turtleclub/hooks": "0.3.0-beta.2",
-    "@turtleclub/ui": "0.3.0-beta.48",
+    "@turtleclub/ui": "0.3.0-beta.50",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "jotai": "^2.10.5",
@@ -79,5 +79,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "82f782083cae420cb6019b1a3eee03346020a717"
+  "gitHead": "1605dafbae143f79837ab6fdf4c37b0bc9b7090b"
 }