@turtleclub/earn-widget 0.3.0-beta.20 → 0.3.0-beta.22

package/dist/styles.css

@@ -15,7 +15,6 @@
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
-    --container-xs: 20rem;
     --container-md: 28rem;
     --container-lg: 32rem;
     --container-6xl: 72rem;
@@ -48,7 +47,6 @@
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
     --tracking-tight: -0.025em;
-    --tracking-wider: 0.05em;
     --tracking-widest: 0.1em;
     --radius-xs: 0.125rem;
     --radius-md: 0.375rem;
@@ -214,18 +212,12 @@
   }
 }
 @layer utilities {
-  .turtle-widget-root .pointer-events-none {
-    pointer-events: none;
-  }
   .turtle-widget-root .visible {
     visibility: visible;
   }
   .turtle-widget-root .absolute {
     position: absolute;
   }
-  .turtle-widget-root .fixed {
-    position: fixed;
-  }
   .turtle-widget-root .relative {
     position: relative;
   }
@@ -235,21 +227,9 @@
   .turtle-widget-root .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
-  .turtle-widget-root .top-1\/2 {
-    top: calc(1/2 * 100%);
-  }
-  .turtle-widget-root .right-1 {
-    right: calc(var(--spacing) * 1);
-  }
-  .turtle-widget-root .right-2 {
-    right: calc(var(--spacing) * 2);
-  }
   .turtle-widget-root .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
-  .turtle-widget-root .bottom-2 {
-    bottom: calc(var(--spacing) * 2);
-  }
   .turtle-widget-root .bottom-3 {
     bottom: calc(var(--spacing) * 3);
   }
@@ -292,15 +272,9 @@
   .turtle-widget-root .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
-  .turtle-widget-root .mb-3 {
-    margin-bottom: calc(var(--spacing) * 3);
-  }
   .turtle-widget-root .flex {
     display: flex;
   }
-  .turtle-widget-root .grid {
-    display: grid;
-  }
   .turtle-widget-root .hidden {
     display: none;
   }
@@ -308,6 +282,10 @@
     width: calc(var(--spacing) * 5);
     height: calc(var(--spacing) * 5);
   }
+  .turtle-widget-root .size-6 {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
   .turtle-widget-root .h-4 {
     height: calc(var(--spacing) * 4);
   }
@@ -383,6 +361,9 @@
   .turtle-widget-root .max-w-\[120px\] {
     max-width: 120px;
   }
+  .turtle-widget-root .max-w-md {
+    max-width: var(--container-md);
+  }
   .turtle-widget-root .min-w-\[140px\] {
     min-width: 140px;
   }
@@ -399,22 +380,12 @@
     --tw-translate-x: calc(var(--spacing) * -2.5);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .turtle-widget-root .-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-  .turtle-widget-root .transform {
-    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
-  }
   .turtle-widget-root .animate-pulse {
     animation: var(--animate-pulse);
   }
   .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;
   }
@@ -442,9 +413,6 @@
   .turtle-widget-root .gap-0\.5 {
     gap: calc(var(--spacing) * 0.5);
   }
-  .turtle-widget-root .gap-1\.5 {
-    gap: calc(var(--spacing) * 1.5);
-  }
   .turtle-widget-root .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
@@ -471,11 +439,11 @@
       margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
-  .turtle-widget-root .-space-x-1\.5 {
+  .turtle-widget-root .space-y-4 {
     :where(& > :not(:last-child)) {
-      --tw-space-x-reverse: 0;
-      margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));
-      margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
   .turtle-widget-root .truncate {
@@ -498,9 +466,6 @@
   .turtle-widget-root .rounded-lg {
     border-radius: var(--radius-lg);
   }
-  .turtle-widget-root .rounded-md {
-    border-radius: var(--radius-md);
-  }
   .turtle-widget-root .rounded-l-none {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
@@ -515,8 +480,8 @@
   .turtle-widget-root .object-contain {
     object-fit: contain;
   }
-  .turtle-widget-root .object-cover {
-    object-fit: cover;
+  .turtle-widget-root .p-0 {
+    padding: calc(var(--spacing) * 0);
   }
   .turtle-widget-root .p-1 {
     padding: calc(var(--spacing) * 1);
@@ -530,6 +495,9 @@
   .turtle-widget-root .p-6 {
     padding: calc(var(--spacing) * 6);
   }
+  .turtle-widget-root .p-8 {
+    padding: calc(var(--spacing) * 8);
+  }
   .turtle-widget-root .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
@@ -539,33 +507,18 @@
   .turtle-widget-root .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
-  .turtle-widget-root .py-3 {
-    padding-block: calc(var(--spacing) * 3);
-  }
   .turtle-widget-root .py-8 {
     padding-block: calc(var(--spacing) * 8);
   }
-  .turtle-widget-root .pt-0 {
-    padding-top: calc(var(--spacing) * 0);
-  }
-  .turtle-widget-root .pt-6 {
-    padding-top: calc(var(--spacing) * 6);
+  .turtle-widget-root .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
   }
   .turtle-widget-root .pr-4 {
     padding-right: calc(var(--spacing) * 4);
   }
-  .turtle-widget-root .pr-12 {
-    padding-right: calc(var(--spacing) * 12);
-  }
-  .turtle-widget-root .pb-0 {
-    padding-bottom: calc(var(--spacing) * 0);
-  }
   .turtle-widget-root .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
-  .turtle-widget-root .pl-3 {
-    padding-left: calc(var(--spacing) * 3);
-  }
   .turtle-widget-root .text-center {
     text-align: center;
   }
@@ -596,9 +549,6 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
-  .turtle-widget-root .text-\[10px\] {
-    font-size: 10px;
-  }
   .turtle-widget-root .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -611,19 +561,6 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
-  .turtle-widget-root .tracking-wider {
-    --tw-tracking: var(--tracking-wider);
-    letter-spacing: var(--tracking-wider);
-  }
-  .turtle-widget-root .whitespace-nowrap {
-    white-space: nowrap;
-  }
-  .turtle-widget-root .capitalize {
-    text-transform: capitalize;
-  }
-  .turtle-widget-root .uppercase {
-    text-transform: uppercase;
-  }
   .turtle-widget-root .underline {
     text-decoration-line: underline;
   }
@@ -631,13 +568,10 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
-  .turtle-widget-root .opacity-0 {
-    opacity: 0%;
-  }
   .turtle-widget-root .opacity-30 {
     opacity: 30%;
   }
-  .turtle-widget-root .shadow-sm {
+  .turtle-widget-root .shadow {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
@@ -659,6 +593,10 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .turtle-widget-root .duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
   .turtle-widget-root .duration-700 {
     --tw-duration: 700ms;
     transition-duration: 700ms;
@@ -667,37 +605,6 @@
     --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;
-    }
-  }
-  .turtle-widget-root .focus\:ring-2 {
-    &:focus {
-      --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\:outline-none {
-    &:focus {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
-  }
   .turtle-widget-root .sm\:min-h-\[690px\] {
     @media (width >= 40rem) {
       min-height: 690px;
@@ -792,6 +699,9 @@
       --tw-backdrop-sepia: initial;
       --tw-duration: initial;
       --tw-content: "";
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
       --tw-animation-delay: 0s;
       --tw-animation-direction: normal;
       --tw-animation-duration: initial;
@@ -824,7 +734,6 @@
     --color-black: #000;
     --color-white: #fff;
     --spacing: .25rem;
-    --container-xs: 20rem;
     --container-md: 28rem;
     --container-lg: 32rem;
     --container-6xl: 72rem;
@@ -1633,9 +1542,6 @@
   .turtle-widget-root .max-w-md {
     max-width: var(--container-md);
   }
-  .turtle-widget-root .max-w-xs {
-    max-width: var(--container-xs);
-  }
   .turtle-widget-root .min-w-0 {
     min-width: calc(var(--spacing)*0);
   }
@@ -2379,6 +2285,9 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading,var(--text-xs--line-height));
   }
+  .turtle-widget-root .text-\[8px\] {
+    font-size: 8px;
+  }
   .turtle-widget-root .text-\[10px\] {
     font-size: 10px;
   }
@@ -2854,6 +2763,15 @@
     padding-right: calc(var(--spacing)*4);
   }
   @media (hover:hover) {
+    .turtle-widget-root .hover\:z-10:hover {
+      z-index: 10;
+    }
+    .turtle-widget-root .hover\:scale-110:hover {
+      --tw-scale-x: 110%;
+      --tw-scale-y: 110%;
+      --tw-scale-z: 110%;
+      scale: var(--tw-scale-x)var(--tw-scale-y);
+    }
     .turtle-widget-root .hover\:bg-accent:hover {
       background-color: var(--accent);
     }
@@ -4157,6 +4075,31 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-space-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-gradient-position {
   syntax: "*";
   inherits: false;
@@ -4203,6 +4146,10 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-ordinal {
   syntax: "*";
   inherits: false;
@@ -4269,6 +4216,21 @@
   inherits: false;
   initial-value: "";
 }
+@property --tw-scale-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -4332,36 +4294,11 @@
   inherits: false;
   initial-value: 0;
 }
-@property --tw-rotate-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-y {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-z {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-y {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
   initial-value: 0;
 }
-@property --tw-space-x-reverse {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -4371,10 +4308,6 @@
   syntax: "*";
   inherits: false;
 }
-@property --tw-tracking {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -4517,16 +4450,9 @@
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
-      --tw-rotate-x: initial;
-      --tw-rotate-y: initial;
-      --tw-rotate-z: initial;
-      --tw-skew-x: initial;
-      --tw-skew-y: initial;
       --tw-space-y-reverse: 0;
-      --tw-space-x-reverse: 0;
       --tw-border-style: solid;
       --tw-font-weight: initial;
-      --tw-tracking: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;
@@ -4575,6 +4501,12 @@
       --tw-exit-translate-y: 0;
       --tw-border-spacing-x: 0;
       --tw-border-spacing-y: 0;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-space-x-reverse: 0;
       --tw-gradient-position: initial;
       --tw-gradient-from: #0000;
       --tw-gradient-via: #0000;
@@ -4585,6 +4517,7 @@
       --tw-gradient-via-position: 50%;
       --tw-gradient-to-position: 100%;
       --tw-leading: initial;
+      --tw-tracking: initial;
       --tw-ordinal: initial;
       --tw-slashed-zero: initial;
       --tw-numeric-figure: initial;
@@ -4601,6 +4534,9 @@
       --tw-backdrop-saturate: initial;
       --tw-backdrop-sepia: initial;
       --tw-content: "";
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turtleclub/earn-widget",
-  "version": "0.3.0-beta.20",
+  "version": "0.3.0-beta.22",
   "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.2",
-    "@turtleclub/ui": "^0.3.0-beta.15",
+    "@turtleclub/hooks": "0.2.1-beta.3",
+    "@turtleclub/ui": "0.3.0-beta.16",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "jotai": "^2.10.5",
@@ -79,5 +79,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6c21c7a3c024b1ac27c7d269122104ec5068dfca"
+  "gitHead": "9da8ad882d130d979f862dca3318100176f2bc4a"
 }