@turtleclub/earn-widget 0.3.1-beta.4 → 0.3.1-beta.5

package/dist/styles.css

@@ -1,5 +1,5 @@
-/*! tailwindcss v4.1.15 | MIT License | https://tailwindcss.com */
-/*! tailwindcss v4.1.15 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer properties {
   @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
@@ -336,9 +336,7 @@
       .turtle-widget-root ::placeholder {
         color: currentcolor;
         @supports (color: color-mix(in lab, red, red)) {
-          .turtle-widget-root & {
-            color: color-mix(in oklab,currentcolor 50%,transparent);
-          }
+          color: color-mix(in oklab,currentcolor 50%,transparent);
         }
       }
     }
@@ -452,9 +450,7 @@
     .turtle-widget-root .managed-table tbody tr>td {
       background-color: var(--color-muted);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          background-color: color-mix(in oklab,var(--color-muted)5%,transparent);
-        }
+        background-color: color-mix(in oklab,var(--color-muted)5%,transparent);
       }
     }
   }
@@ -484,9 +480,7 @@
     .turtle-widget-root .managed-table tbody tr:hover>td {
       background-color: var(--color-muted);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          background-color: color-mix(in oklab,var(--color-muted)40%,transparent);
-        }
+        background-color: color-mix(in oklab,var(--color-muted)40%,transparent);
       }
     }
   }
@@ -1591,9 +1585,7 @@
     .turtle-widget-root .border-muted-foreground\/30 {
       border-color: var(--color-muted-foreground);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          border-color: color-mix(in oklab,var(--color-muted-foreground)30%,transparent);
-        }
+        border-color: color-mix(in oklab,var(--color-muted-foreground)30%,transparent);
       }
     }
   }
@@ -1628,9 +1620,7 @@
     .turtle-widget-root .bg-black\/50 {
       background-color: color-mix(in srgb,#00050%,transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          background-color: color-mix(in oklab,var(--color-black)50%,transparent);
-        }
+        background-color: color-mix(in oklab,var(--color-black)50%,transparent);
       }
     }
   }
@@ -1653,9 +1643,7 @@
     .turtle-widget-root .bg-muted-foreground\/30 {
       background-color: var(--color-muted-foreground);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          background-color: color-mix(in oklab,var(--color-muted-foreground)30%,transparent);
-        }
+        background-color: color-mix(in oklab,var(--color-muted-foreground)30%,transparent);
       }
     }
   }
@@ -1666,9 +1654,7 @@
     .turtle-widget-root .bg-muted\/50 {
       background-color: var(--color-muted);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          background-color: color-mix(in oklab,var(--color-muted)50%,transparent);
-        }
+        background-color: color-mix(in oklab,var(--color-muted)50%,transparent);
       }
     }
   }
@@ -1691,9 +1677,7 @@
     .turtle-widget-root .bg-primary\/20 {
       background-color: var(--color-primary);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          background-color: color-mix(in oklab,var(--color-primary)20%,transparent);
-        }
+        background-color: color-mix(in oklab,var(--color-primary)20%,transparent);
       }
     }
   }
@@ -2079,9 +2063,7 @@
     .turtle-widget-root .text-destructive\/50 {
       color: var(--color-destructive);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          color: color-mix(in oklab,var(--color-destructive)50%,transparent);
-        }
+        color: color-mix(in oklab,var(--color-destructive)50%,transparent);
       }
     }
   }
@@ -2098,9 +2080,7 @@
     .turtle-widget-root .text-muted-foreground\/70 {
       color: var(--color-muted-foreground);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          color: color-mix(in oklab,var(--color-muted-foreground)70%,transparent);
-        }
+        color: color-mix(in oklab,var(--color-muted-foreground)70%,transparent);
       }
     }
   }
@@ -2129,9 +2109,7 @@
     .turtle-widget-root .text-sidebar-foreground\/70 {
       color: var(--color-sidebar-foreground);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          color: color-mix(in oklab,var(--color-sidebar-foreground)70%,transparent);
-        }
+        color: color-mix(in oklab,var(--color-sidebar-foreground)70%,transparent);
       }
     }
   }
@@ -2142,9 +2120,7 @@
     .turtle-widget-root .text-white\/80 {
       color: color-mix(in srgb,#fff80%,transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          color: color-mix(in oklab,var(--color-white)80%,transparent);
-        }
+        color: color-mix(in oklab,var(--color-white)80%,transparent);
       }
     }
   }
@@ -2225,9 +2201,7 @@
     .turtle-widget-root .shadow-black\/20 {
       --tw-shadow-color: color-mix(in srgb,#00020%,transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-black)20%,transparent)var(--tw-shadow-alpha),transparent);
-        }
+        --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-black)20%,transparent)var(--tw-shadow-alpha),transparent);
       }
     }
   }
@@ -2241,9 +2215,7 @@
     .turtle-widget-root .ring-ring\/50 {
       --tw-ring-color: var(--color-ring);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          --tw-ring-color: color-mix(in oklab,var(--color-ring)50%,transparent);
-        }
+        --tw-ring-color: color-mix(in oklab,var(--color-ring)50%,transparent);
       }
     }
   }
@@ -2589,9 +2561,7 @@
     .turtle-widget-root .before\:from-white\/40:before {
       --tw-gradient-from: color-mix(in srgb,#fff40%,transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          --tw-gradient-from: color-mix(in oklab,var(--color-white)40%,transparent);
-        }
+        --tw-gradient-from: color-mix(in oklab,var(--color-white)40%,transparent);
       }
     }
   }
@@ -2617,9 +2587,7 @@
     .turtle-widget-root .before\:to-white\/10:before {
       --tw-gradient-to: color-mix(in srgb,#fff10%,transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          --tw-gradient-to: color-mix(in oklab,var(--color-white)10%,transparent);
-        }
+        --tw-gradient-to: color-mix(in oklab,var(--color-white)10%,transparent);
       }
     }
   }
@@ -2749,9 +2717,7 @@
       .turtle-widget-root .hover\:border-foreground\/30:hover {
         border-color: var(--color-foreground);
         @supports (color: color-mix(in lab, red, red)) {
-          .turtle-widget-root & {
-            border-color: color-mix(in oklab,var(--color-foreground)30%,transparent);
-          }
+          border-color: color-mix(in oklab,var(--color-foreground)30%,transparent);
         }
       }
     }
@@ -2768,9 +2734,7 @@
       .turtle-widget-root .hover\:bg-muted\/80:hover {
         background-color: var(--color-muted);
         @supports (color: color-mix(in lab, red, red)) {
-          .turtle-widget-root & {
-            background-color: color-mix(in oklab,var(--color-muted)80%,transparent);
-          }
+          background-color: color-mix(in oklab,var(--color-muted)80%,transparent);
         }
       }
     }
@@ -2784,9 +2748,7 @@
       .turtle-widget-root .hover\:bg-primary\/90:hover {
         background-color: var(--color-primary);
         @supports (color: color-mix(in lab, red, red)) {
-          .turtle-widget-root & {
-            background-color: color-mix(in oklab,var(--color-primary)90%,transparent);
-          }
+          background-color: color-mix(in oklab,var(--color-primary)90%,transparent);
         }
       }
     }
@@ -2797,9 +2759,7 @@
       .turtle-widget-root .hover\:bg-secondary\/80:hover {
         background-color: var(--color-secondary);
         @supports (color: color-mix(in lab, red, red)) {
-          .turtle-widget-root & {
-            background-color: color-mix(in oklab,var(--color-secondary)80%,transparent);
-          }
+          background-color: color-mix(in oklab,var(--color-secondary)80%,transparent);
         }
       }
     }
@@ -2813,9 +2773,7 @@
       .turtle-widget-root .hover\:bg-white\/20:hover {
         background-color: color-mix(in srgb,#fff20%,transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          .turtle-widget-root & {
-            background-color: color-mix(in oklab,var(--color-white)20%,transparent);
-          }
+          background-color: color-mix(in oklab,var(--color-white)20%,transparent);
         }
       }
     }
@@ -2841,9 +2799,7 @@
       .turtle-widget-root .hover\:text-primary\/80:hover {
         color: var(--color-primary);
         @supports (color: color-mix(in lab, red, red)) {
-          .turtle-widget-root & {
-            color: color-mix(in oklab,var(--color-primary)80%,transparent);
-          }
+          color: color-mix(in oklab,var(--color-primary)80%,transparent);
         }
       }
     }
@@ -2920,9 +2876,7 @@
     .turtle-widget-root .focus\:ring-primary\/20:focus {
       --tw-ring-color: var(--color-primary);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          --tw-ring-color: color-mix(in oklab,var(--color-primary)20%,transparent);
-        }
+        --tw-ring-color: color-mix(in oklab,var(--color-primary)20%,transparent);
       }
     }
   }
@@ -2936,9 +2890,7 @@
     .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)) {
-        .turtle-widget-root & {
-          --tw-ring-color: color-mix(in oklab,var(--color-white)50%,transparent);
-        }
+        --tw-ring-color: color-mix(in oklab,var(--color-white)50%,transparent);
       }
     }
   }
@@ -2993,9 +2945,7 @@
     .turtle-widget-root .focus-visible\:ring-destructive\/20:focus-visible {
       --tw-ring-color: var(--color-destructive);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          --tw-ring-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
-        }
+        --tw-ring-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
       }
     }
   }
@@ -3006,9 +2956,7 @@
     .turtle-widget-root .focus-visible\:ring-ring\/50:focus-visible {
       --tw-ring-color: var(--color-ring);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          --tw-ring-color: color-mix(in oklab,var(--color-ring)50%,transparent);
-        }
+        --tw-ring-color: color-mix(in oklab,var(--color-ring)50%,transparent);
       }
     }
   }
@@ -3069,9 +3017,7 @@
     .turtle-widget-root .active\:bg-background\/90:active {
       background-color: var(--color-background);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          background-color: color-mix(in oklab,var(--color-background)90%,transparent);
-        }
+        background-color: color-mix(in oklab,var(--color-background)90%,transparent);
       }
     }
   }
@@ -3113,9 +3059,7 @@
     .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 & {
-          background-color: color-mix(in oklab,var(--color-primary)5%,transparent);
-        }
+        background-color: color-mix(in oklab,var(--color-primary)5%,transparent);
       }
     }
   }
@@ -3136,9 +3080,7 @@
     .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 & {
-          --tw-ring-color: color-mix(in oklab,var(--color-ring)50%,transparent);
-        }
+        --tw-ring-color: color-mix(in oklab,var(--color-ring)50%,transparent);
       }
     }
   }
@@ -3152,9 +3094,7 @@
     .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 & {
-          --tw-ring-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
-        }
+        --tw-ring-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
       }
     }
   }
@@ -3232,9 +3172,7 @@
     .turtle-widget-root .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
       --tw-ring-color: var(--color-destructive);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          --tw-ring-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
-        }
+        --tw-ring-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
       }
     }
   }
@@ -3248,9 +3186,7 @@
     .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 & {
-          --tw-ring-color: color-mix(in oklab,var(--color-destructive)80%,transparent);
-        }
+        --tw-ring-color: color-mix(in oklab,var(--color-destructive)80%,transparent);
       }
     }
   }
@@ -3305,9 +3241,7 @@
     .turtle-widget-root .data-\[active\=true\]\:via-primary\/20[data-active=true] {
       --tw-gradient-via: var(--color-primary);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          --tw-gradient-via: color-mix(in oklab,var(--color-primary)20%,transparent);
-        }
+        --tw-gradient-via: color-mix(in oklab,var(--color-primary)20%,transparent);
       }
     }
   }
@@ -3322,9 +3256,7 @@
     .turtle-widget-root .data-\[active\=true\]\:to-primary\/30[data-active=true] {
       --tw-gradient-to: var(--color-primary);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          --tw-gradient-to: color-mix(in oklab,var(--color-primary)30%,transparent);
-        }
+        --tw-gradient-to: color-mix(in oklab,var(--color-primary)30%,transparent);
       }
     }
   }
@@ -3348,9 +3280,7 @@
     .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 & {
-          --tw-shadow-color: color-mix(in oklab,var(--color-primary)var(--tw-shadow-alpha),transparent);
-        }
+        --tw-shadow-color: color-mix(in oklab,var(--color-primary)var(--tw-shadow-alpha),transparent);
       }
     }
   }
@@ -3588,9 +3518,7 @@
     .turtle-widget-root .data-\[state\=open\]\:bg-accent\/50[data-state=open] {
       background-color: var(--color-accent);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          background-color: color-mix(in oklab,var(--color-accent)50%,transparent);
-        }
+        background-color: color-mix(in oklab,var(--color-accent)50%,transparent);
       }
     }
   }
@@ -3674,9 +3602,7 @@
     .turtle-widget-root .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus {
       background-color: var(--color-destructive);
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          background-color: color-mix(in oklab,var(--color-destructive)10%,transparent);
-        }
+        background-color: color-mix(in oklab,var(--color-destructive)10%,transparent);
       }
     }
   }
@@ -4113,9 +4039,7 @@
       .turtle-widget-root a.\[a\&\]\:hover\:bg-destructive\/90:hover {
         background-color: var(--color-destructive);
         @supports (color: color-mix(in lab, red, red)) {
-          .turtle-widget-root & {
-            background-color: color-mix(in oklab,var(--color-destructive)90%,transparent);
-          }
+          background-color: color-mix(in oklab,var(--color-destructive)90%,transparent);
         }
       }
     }
@@ -4126,9 +4050,7 @@
       .turtle-widget-root a.\[a\&\]\:hover\:bg-primary\/90:hover {
         background-color: var(--color-primary);
         @supports (color: color-mix(in lab, red, red)) {
-          .turtle-widget-root & {
-            background-color: color-mix(in oklab,var(--color-primary)90%,transparent);
-          }
+          background-color: color-mix(in oklab,var(--color-primary)90%,transparent);
         }
       }
     }
@@ -4139,9 +4061,7 @@
       .turtle-widget-root a.\[a\&\]\:hover\:bg-secondary\/90:hover {
         background-color: var(--color-secondary);
         @supports (color: color-mix(in lab, red, red)) {
-          .turtle-widget-root & {
-            background-color: color-mix(in oklab,var(--color-secondary)90%,transparent);
-          }
+          background-color: color-mix(in oklab,var(--color-secondary)90%,transparent);
         }
       }
     }
@@ -4995,9 +4915,7 @@
     .turtle-widget-root ::placeholder {
       color: currentcolor;
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          color: color-mix(in oklab, currentcolor 50%, transparent);
-        }
+        color: color-mix(in oklab, currentcolor 50%, transparent);
       }
     }
   }
@@ -5299,9 +5217,7 @@
   .turtle-widget-root .border-destructive\/50 {
     border-color: var(--color-destructive);
     @supports (color: color-mix(in lab, red, red)) {
-      .turtle-widget-root & {
-        border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
-      }
+      border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
     }
   }
   .turtle-widget-root .border-muted {
@@ -5322,9 +5238,7 @@
   .turtle-widget-root .bg-muted\/10 {
     background-color: var(--color-muted);
     @supports (color: color-mix(in lab, red, red)) {
-      .turtle-widget-root & {
-        background-color: color-mix(in oklab, var(--color-muted) 10%, transparent);
-      }
+      background-color: color-mix(in oklab, var(--color-muted) 10%, transparent);
     }
   }
   .turtle-widget-root .bg-secondary {
@@ -5489,9 +5403,7 @@
       @media (hover: hover) {
         color: var(--color-primary);
         @supports (color: color-mix(in lab, red, red)) {
-          .turtle-widget-root & {
-            color: color-mix(in oklab, var(--color-primary) 80%, transparent);
-          }
+          color: color-mix(in oklab, var(--color-primary) 80%, transparent);
         }
       }
     }
@@ -5628,9 +5540,7 @@
     .turtle-widget-root ::placeholder {
       color: currentcolor;
       @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          color: color-mix(in oklab, currentcolor 50%, transparent);
-        }
+        color: color-mix(in oklab, currentcolor 50%, transparent);
       }
     }
   }
@@ -5984,9 +5894,7 @@
     height: 38px;
     background-color: var(--color-muted);
     @supports (color: color-mix(in lab, red, red)) {
-      .turtle-widget-root & {
-        background-color: color-mix(in oklab, var(--color-muted) 5%, transparent);
-      }
+      background-color: color-mix(in oklab, var(--color-muted) 5%, transparent);
     }
     --tw-font-weight: var(--font-weight-normal);
     font-weight: var(--font-weight-normal);
@@ -6007,9 +5915,7 @@
   .turtle-widget-root .managed-table tbody tr:hover > td {
     background-color: var(--color-muted);
     @supports (color: color-mix(in lab, red, red)) {
-      .turtle-widget-root & {
-        background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
-      }
+      background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turtleclub/earn-widget",
-  "version": "0.3.1-beta.4",
+  "version": "0.3.1-beta.5",
   "description": "Configurable and self-contained Turtle Earn widget for third-party integration",
   "license": "MIT",
   "repository": {
@@ -42,7 +42,7 @@
     "@tailwindcss/postcss": "^4.1.11",
     "@turtleclub/api": "0.3.0",
     "@turtleclub/chains": "0.2.0",
-    "@turtleclub/hooks": "0.3.0",
+    "@turtleclub/hooks": "0.3.1-beta.0",
     "@turtleclub/ui": "0.4.0-beta.3",
     "@turtleclub/utils": "0.2.0",
     "class-variance-authority": "^0.7.1",
@@ -84,5 +84,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6db52665fd795523ca7d64d0e480db722df5b6d2"
+  "gitHead": "130669808a312b09cc3709b0f1ec18d70d60e535"
 }