@turtleclub/earn-widget 0.5.0-beta.4 → 0.5.0-beta.41

package/dist/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | 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)))) {
@@ -1033,6 +1033,9 @@
   .turtle-widget-root .h-9 {
     height: calc(var(--spacing)*9);
   }
+  .turtle-widget-root .h-9\! {
+    height: calc(var(--spacing)*9) !important;
+  }
   .turtle-widget-root .h-10 {
     height: calc(var(--spacing)*10);
   }
@@ -1339,6 +1342,9 @@
   .turtle-widget-root .rotate-45 {
     rotate: 45deg;
   }
+  .turtle-widget-root .rotate-90 {
+    rotate: 90deg;
+  }
   .turtle-widget-root .rotate-180 {
     rotate: 180deg;
   }
@@ -1417,6 +1423,9 @@
   .turtle-widget-root .flex-wrap {
     flex-wrap: wrap;
   }
+  .turtle-widget-root .place-items-center {
+    place-items: center;
+  }
   .turtle-widget-root .items-center {
     align-items: center;
   }
@@ -1693,9 +1702,6 @@
   .turtle-widget-root .bg-card {
     background-color: var(--color-card);
   }
-  .turtle-widget-root .bg-foreground {
-    background-color: var(--color-foreground);
-  }
   .turtle-widget-root .bg-muted {
     background-color: var(--color-muted);
   }
@@ -1733,7 +1739,18 @@
   .turtle-widget-root .bg-popover {
     background-color: var(--color-popover);
   }
-  .turtle-widget-root .bg-primary, .turtle-widget-root .bg-primary\/20 {
+  .turtle-widget-root .bg-primary, .turtle-widget-root .bg-primary\/10 {
+    background-color: var(--color-primary);
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .bg-primary\/10 {
+      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 .bg-primary\/20 {
     background-color: var(--color-primary);
   }
   @supports (color:color-mix(in lab,red,red)) {
@@ -1744,6 +1761,17 @@
       }
     }
   }
+  .turtle-widget-root .bg-primary\/50 {
+    background-color: var(--color-primary);
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .bg-primary\/50 {
+      background-color: var(--color-primary);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab,var(--color-primary)50%,transparent);
+      }
+    }
+  }
   .turtle-widget-root .bg-secondary {
     background-color: var(--color-secondary);
   }
@@ -2318,17 +2346,14 @@
       }
     }
   }
-  .turtle-widget-root .ring-primary {
+  .turtle-widget-root .ring-primary, .turtle-widget-root .ring-primary\/20 {
     --tw-ring-color: var(--color-primary);
   }
-  .turtle-widget-root .ring-ring\/50 {
-    --tw-ring-color: var(--color-ring);
-  }
   @supports (color:color-mix(in lab,red,red)) {
-    .turtle-widget-root .ring-ring\/50 {
-      --tw-ring-color: var(--color-ring);
+    .turtle-widget-root .ring-primary\/20 {
+      --tw-ring-color: var(--color-primary);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab,var(--color-ring)50%,transparent);
+        --tw-ring-color: color-mix(in oklab,var(--color-primary)20%,transparent);
       }
     }
   }
@@ -2992,8 +3017,8 @@
       --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);
     }
-    .turtle-widget-root .hover\:ring-4:hover {
-      --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
+    .turtle-widget-root .hover\:ring-\[6px\]:hover {
+      --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(6px + 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] *) {
@@ -3105,14 +3130,14 @@
     --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);
-  }
   .turtle-widget-root .focus-visible\:ring-\[3px\]: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 .focus-visible\:ring-\[6px\]:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(6px + 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-destructive\/20:focus-visible {
     --tw-ring-color: var(--color-destructive);
   }
@@ -3818,6 +3843,14 @@
   .turtle-widget-root .nth-last-2\:-mt-1:nth-last-child(2) {
     margin-top: calc(var(--spacing)*-1);
   }
+  @media not all and (min-width:48rem) {
+    .turtle-widget-root .max-md\:flex-col {
+      flex-direction: column;
+    }
+    .turtle-widget-root .max-md\:justify-start {
+      justify-content: flex-start;
+    }
+  }
   @media (min-width:40rem) {
     .turtle-widget-root .sm\:left-1\/2 {
       left: 50%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turtleclub/earn-widget",
-  "version": "0.5.0-beta.4",
+  "version": "0.5.0-beta.41",
   "description": "Configurable and self-contained Turtle Earn widget for third-party integration",
   "license": "MIT",
   "repository": {
@@ -41,9 +41,9 @@
   "dependencies": {
     "@tailwindcss/postcss": "^4.1.11",
     "@turtleclub/chains": "0.3.0",
-    "@turtleclub/hooks": "0.5.0-beta.1",
-    "@turtleclub/opportunities": "0.1.0-beta.4",
-    "@turtleclub/ui": "0.7.0-beta.4",
+    "@turtleclub/hooks": "0.5.0-beta.27",
+    "@turtleclub/opportunities": "0.1.0-beta.41",
+    "@turtleclub/ui": "0.7.0-beta.17",
     "@turtleclub/utils": "0.4.0-beta.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -85,5 +85,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "64ab8549fe80c0901dc1fcb71289a183f957ae03"
+  "gitHead": "ebf5bd90a3f04dd4737ea5c7f4f031b622835693"
 }