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

package/dist/styles.css

@@ -697,6 +697,9 @@
   .turtle-widget-root .left-2 {
     left: calc(var(--spacing)*2);
   }
+  .turtle-widget-root .left-64 {
+    left: calc(var(--spacing)*64);
+  }
   .turtle-widget-root .left-\[-15px\] {
     left: -15px;
   }
@@ -1014,6 +1017,9 @@
   .turtle-widget-root .max-h-\[50vh\] {
     max-height: 50vh;
   }
+  .turtle-widget-root .max-h-\[96svh\] {
+    max-height: 96svh;
+  }
   .turtle-widget-root .max-h-\[300px\] {
     max-height: 300px;
   }
@@ -1214,10 +1220,6 @@
     --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);
@@ -1321,6 +1323,9 @@
   .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;
   }
@@ -2217,6 +2222,9 @@
   .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\=false\]\/menu-button\:hidden:is(:where(.group\/menu-button)[data-active=false] *), .turtle-widget-root .group-data-\[active\=false\]\/menu-sub-button\:hidden:is(:where(.group\/menu-sub-button)[data-active=false] *) {
+    display: none;
+  }
   .turtle-widget-root .group-data-\[active\=true\]\:block:is(:where(.group)[data-active=true] *) {
     display: block;
   }
@@ -2290,6 +2298,9 @@
   .turtle-widget-root .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *) {
     rotate: 180deg;
   }
+  .turtle-widget-root .group-data-\[state\=open\]\/collapsible\:rotate-90:is(:where(.group\/collapsible)[data-state=open] *) {
+    rotate: 90deg;
+  }
   .turtle-widget-root .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *) {
     border-radius: var(--radius-lg);
   }
@@ -2843,39 +2854,6 @@
     -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);
   }
@@ -2890,11 +2868,11 @@
       }
     }
   }
-  .turtle-widget-root .active\:bg-sidebar-accent:active {
-    background-color: var(--color-sidebar-accent);
+  .turtle-widget-root .active\:bg-neutral-alpha-5:active {
+    background-color: var(--color-neutral-alpha-5);
   }
-  .turtle-widget-root .active\:text-sidebar-accent-foreground:active {
-    color: var(--color-sidebar-accent-foreground);
+  .turtle-widget-root .active\:text-primary:active {
+    color: var(--color-primary);
   }
   .turtle-widget-root .disabled\:pointer-events-none:disabled {
     pointer-events: none;
@@ -3101,9 +3079,6 @@
   .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));
@@ -3151,9 +3126,6 @@
   .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);
   }
@@ -3412,6 +3384,9 @@
   .turtle-widget-root .data-\[state\=open\]\:text-muted-foreground[data-state=open] {
     color: var(--color-muted-foreground);
   }
+  .turtle-widget-root .data-\[state\=open\]\:text-primary[data-state=open] {
+    color: var(--color-primary);
+  }
   .turtle-widget-root .data-\[state\=open\]\:opacity-100[data-state=open] {
     opacity: 1;
   }
@@ -3453,12 +3428,6 @@
     .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);
@@ -3996,9 +3965,6 @@
   .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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turtleclub/earn-widget",
-  "version": "0.3.0-beta.59",
+  "version": "0.3.0-beta.60",
   "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.50",
+    "@turtleclub/ui": "0.3.0-beta.51",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "jotai": "^2.10.5",
@@ -79,5 +79,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1605dafbae143f79837ab6fdf4c37b0bc9b7090b"
+  "gitHead": "1d13791aaa892bbcb7e2a0f1161a2adce20f00a1"
 }