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

package/dist/styles.css

@@ -186,6 +186,9 @@
   .turtle-widget-root ::-webkit-datetime-edit, .turtle-widget-root ::-webkit-datetime-edit-year-field, .turtle-widget-root ::-webkit-datetime-edit-month-field, .turtle-widget-root ::-webkit-datetime-edit-day-field, .turtle-widget-root ::-webkit-datetime-edit-hour-field, .turtle-widget-root ::-webkit-datetime-edit-minute-field, .turtle-widget-root ::-webkit-datetime-edit-second-field, .turtle-widget-root ::-webkit-datetime-edit-millisecond-field, .turtle-widget-root ::-webkit-datetime-edit-meridiem-field {
     padding-block: 0;
   }
+  .turtle-widget-root ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
   .turtle-widget-root :-moz-ui-invalid {
     box-shadow: none;
   }
@@ -203,6 +206,9 @@
   .turtle-widget-root .pointer-events-none {
     pointer-events: none;
   }
+  .turtle-widget-root .visible {
+    visibility: visible;
+  }
   .turtle-widget-root .absolute {
     position: absolute;
   }
@@ -215,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%);
   }
@@ -278,6 +287,9 @@
   .turtle-widget-root .flex {
     display: flex;
   }
+  .turtle-widget-root .grid {
+    display: grid;
+  }
   .turtle-widget-root .hidden {
     display: none;
   }
@@ -360,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;
   }
@@ -386,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;
   }
@@ -602,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%;
   }
@@ -622,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;
@@ -630,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;
@@ -668,7 +708,7 @@
     }
   }
 }
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
 @layer properties {
   @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
     .turtle-widget-root *, .turtle-widget-root :before, .turtle-widget-root :after, .turtle-widget-root ::backdrop {
@@ -711,11 +751,13 @@
       --tw-animation-duration: initial;
       --tw-animation-fill-mode: none;
       --tw-animation-iteration-count: 1;
+      --tw-enter-blur: 0;
       --tw-enter-opacity: 1;
       --tw-enter-rotate: 0;
       --tw-enter-scale: 1;
       --tw-enter-translate-x: 0;
       --tw-enter-translate-y: 0;
+      --tw-exit-blur: 0;
       --tw-exit-opacity: 1;
       --tw-exit-rotate: 0;
       --tw-exit-scale: 1;
@@ -952,6 +994,9 @@
   .turtle-widget-root ::-webkit-datetime-edit-meridiem-field {
     padding-block: 0;
   }
+  .turtle-widget-root ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
   .turtle-widget-root :-moz-ui-invalid {
     box-shadow: none;
   }
@@ -1462,7 +1507,7 @@
   .turtle-widget-root .rounded-xl {
     border-radius: calc(var(--radius) + 4px);
   }
-  .turtle-widget-root .border, .turtle-widget-root .border-1 {
+  .turtle-widget-root .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
@@ -2474,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: "*";
@@ -2499,6 +2547,11 @@
   inherits: false;
   initial-value: 1;
 }
+@property --tw-enter-blur {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-enter-opacity {
   syntax: "*";
   inherits: false;
@@ -2524,6 +2577,11 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-exit-blur {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-exit-opacity {
   syntax: "*";
   inherits: false;
@@ -2810,12 +2868,14 @@
   0% {
     opacity: var(--tw-enter-opacity,1);
     transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
+    filter: blur(var(--tw-enter-blur,0));
   }
 }
 @keyframes exit {
   to {
     opacity: var(--tw-exit-opacity,1);
     transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
+    filter: blur(var(--tw-exit-blur,0));
   }
 }
 .turtle-widget-root {
@@ -3086,11 +3146,13 @@
       --tw-animation-duration: initial;
       --tw-animation-fill-mode: none;
       --tw-animation-iteration-count: 1;
+      --tw-enter-blur: 0;
       --tw-enter-opacity: 1;
       --tw-enter-rotate: 0;
       --tw-enter-scale: 1;
       --tw-enter-translate-x: 0;
       --tw-enter-translate-y: 0;
+      --tw-exit-blur: 0;
       --tw-exit-opacity: 1;
       --tw-exit-rotate: 0;
       --tw-exit-scale: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turtleclub/earn-widget",
-  "version": "0.3.0-beta.1",
+  "version": "0.3.0-beta.11",
   "description": "Configurable and self-contained Turtle Earn widget for third-party integration",
   "license": "MIT",
   "repository": {
@@ -40,8 +40,8 @@
   },
   "dependencies": {
     "@tailwindcss/postcss": "^4.1.11",
-    "@turtleclub/hooks": "0.2.1-beta.0",
-    "@turtleclub/ui": "0.3.0-beta.1",
+    "@turtleclub/hooks": "0.2.1-beta.1",
+    "@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": "d42279bd0933e9af257bb2e9ce1e89d29ea08b27"
+  "gitHead": "344d95e7a0f961c1d23dec6c02f4821ffa0d01a9"
 }