@turtleclub/earn-widget 0.3.0-beta.10 → 0.3.0-beta.11

package/dist/styles.css

@@ -206,6 +206,9 @@
   .turtle-widget-root .pointer-events-none {
     pointer-events: none;
   }
+  .turtle-widget-root .visible {
+    visibility: visible;
+  }
   .turtle-widget-root .absolute {
     position: absolute;
   }
@@ -218,6 +221,9 @@
   .turtle-widget-root .sticky {
     position: sticky;
   }
+  .turtle-widget-root .inset-0 {
+    inset: calc(var(--spacing) * 0);
+  }
   .turtle-widget-root .top-1\/2 {
     top: calc(1/2 * 100%);
   }
@@ -281,6 +287,9 @@
   .turtle-widget-root .flex {
     display: flex;
   }
+  .turtle-widget-root .grid {
+    display: grid;
+  }
   .turtle-widget-root .hidden {
     display: none;
   }
@@ -363,6 +372,9 @@
   .turtle-widget-root .max-w-\[120px\] {
     max-width: 120px;
   }
+  .turtle-widget-root .min-w-\[140px\] {
+    min-width: 140px;
+  }
   .turtle-widget-root .flex-1 {
     flex: 1;
   }
@@ -389,6 +401,9 @@
   .turtle-widget-root .cursor-pointer {
     cursor: pointer;
   }
+  .turtle-widget-root .grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
   .turtle-widget-root .flex-col {
     flex-direction: column;
   }
@@ -605,6 +620,9 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
+  .turtle-widget-root .opacity-0 {
+    opacity: 0%;
+  }
   .turtle-widget-root .opacity-30 {
     opacity: 30%;
   }
@@ -625,6 +643,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .turtle-widget-root .transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .turtle-widget-root .duration-700 {
     --tw-duration: 700ms;
     transition-duration: 700ms;
@@ -633,6 +656,20 @@
     --tw-ease: linear;
     transition-timing-function: linear;
   }
+  .turtle-widget-root .group-hover\:invisible {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        visibility: hidden;
+      }
+    }
+  }
+  .turtle-widget-root .group-hover\:opacity-100 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
   .turtle-widget-root .focus\:border-transparent {
     &:focus {
       border-color: transparent;
@@ -2482,6 +2519,9 @@
   .turtle-widget-root :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child {
     gap: calc(var(--spacing)*2);
   }
+  .turtle-widget-root .\[\&\>div\]\:\!block>div {
+    display: block !important;
+  }
 }
 @property --tw-animation-delay {
   syntax: "*";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turtleclub/earn-widget",
-  "version": "0.3.0-beta.10",
+  "version": "0.3.0-beta.11",
   "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.2.1-beta.1",
-    "@turtleclub/ui": "0.3.0-beta.5",
+    "@turtleclub/ui": "0.3.0-beta.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "jotai": "^2.10.5",
@@ -79,5 +79,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "768721186ae2eba4588884f6d090ccdb18623932"
+  "gitHead": "344d95e7a0f961c1d23dec6c02f4821ffa0d01a9"
 }