@turtleclub/earn-widget 0.3.0-beta.14 → 0.3.0-beta.15

package/dist/styles.css

@@ -1172,6 +1172,12 @@
   .turtle-widget-root .top-4 {
     top: calc(var(--spacing)*4);
   }
+  .turtle-widget-root .top-\[-50px\] {
+    top: -50px;
+  }
+  .turtle-widget-root .top-\[-300px\] {
+    top: -300px;
+  }
   .turtle-widget-root .top-\[50\%\] {
     top: 50%;
   }
@@ -1187,21 +1193,48 @@
   .turtle-widget-root .right-4 {
     right: calc(var(--spacing)*4);
   }
+  .turtle-widget-root .right-\[-150px\] {
+    right: -150px;
+  }
+  .turtle-widget-root .right-\[-220px\] {
+    right: -220px;
+  }
+  .turtle-widget-root .right-\[70px\] {
+    right: 70px;
+  }
   .turtle-widget-root .-bottom-1 {
     bottom: calc(var(--spacing)*-1);
   }
   .turtle-widget-root .bottom-0 {
     bottom: calc(var(--spacing)*0);
   }
+  .turtle-widget-root .bottom-\[-200px\] {
+    bottom: -200px;
+  }
+  .turtle-widget-root .bottom-\[-280px\] {
+    bottom: -280px;
+  }
+  .turtle-widget-root .bottom-\[-300px\] {
+    bottom: -300px;
+  }
+  .turtle-widget-root .left-\[-240px\] {
+    left: -240px;
+  }
   .turtle-widget-root .left-\[50\%\] {
     left: 50%;
   }
+  .turtle-widget-root .left-full {
+    left: 100%;
+  }
   .turtle-widget-root .z-10 {
     z-index: 10;
   }
   .turtle-widget-root .z-50 {
     z-index: 50;
   }
+  .turtle-widget-root .z-\[-1\] {
+    z-index: -1;
+  }
   .turtle-widget-root .z-\[1\] {
     z-index: 1;
   }
@@ -1322,6 +1355,10 @@
     width: calc(var(--spacing)*12);
     height: calc(var(--spacing)*12);
   }
+  .turtle-widget-root .size-\[400px\] {
+    width: 400px;
+    height: 400px;
+  }
   .turtle-widget-root .size-full {
     width: 100%;
     height: 100%;
@@ -1371,6 +1408,12 @@
   .turtle-widget-root .h-\[1\.15rem\] {
     height: 1.15rem;
   }
+  .turtle-widget-root .h-\[200px\] {
+    height: 200px;
+  }
+  .turtle-widget-root .h-\[400px\] {
+    height: 400px;
+  }
   .turtle-widget-root .h-\[var\(--radix-select-trigger-height\)\] {
     height: var(--radix-select-trigger-height);
   }
@@ -1383,6 +1426,9 @@
   .turtle-widget-root .h-px {
     height: 1px;
   }
+  .turtle-widget-root .h-screen {
+    height: 100vh;
+  }
   .turtle-widget-root .max-h-\(--radix-select-content-available-height\) {
     max-height: var(--radix-select-content-available-height);
   }
@@ -1431,6 +1477,15 @@
   .turtle-widget-root .w-64 {
     width: calc(var(--spacing)*64);
   }
+  .turtle-widget-root .w-\[400px\] {
+    width: 400px;
+  }
+  .turtle-widget-root .w-\[450px\] {
+    width: 450px;
+  }
+  .turtle-widget-root .w-\[600px\] {
+    width: 600px;
+  }
   .turtle-widget-root .w-auto {
     width: auto;
   }
@@ -1440,6 +1495,9 @@
   .turtle-widget-root .w-full {
     width: 100%;
   }
+  .turtle-widget-root .w-px {
+    width: 1px;
+  }
   .turtle-widget-root .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
@@ -1492,6 +1550,10 @@
     --tw-translate-x: -50%;
     translate: var(--tw-translate-x)var(--tw-translate-y);
   }
+  .turtle-widget-root .translate-x-\[-75\%\] {
+    --tw-translate-x: -75%;
+    translate: var(--tw-translate-x)var(--tw-translate-y);
+  }
   .turtle-widget-root .-translate-y-1\/2 {
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x)var(--tw-translate-y);
@@ -1507,6 +1569,9 @@
   .turtle-widget-root .rotate-45 {
     rotate: 45deg;
   }
+  .turtle-widget-root .rotate-180 {
+    rotate: 180deg;
+  }
   .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,);
   }
@@ -2120,6 +2185,9 @@
   .turtle-widget-root .caret-white {
     caret-color: var(--color-white);
   }
+  .turtle-widget-root .opacity-20 {
+    opacity: .2;
+  }
   .turtle-widget-root .opacity-50 {
     opacity: .5;
   }
@@ -2198,6 +2266,11 @@
   .turtle-widget-root .filter {
     filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);
   }
+  .turtle-widget-root .transition {
+    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
+    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration,var(--default-transition-duration));
+  }
   .turtle-widget-root .transition-\[color\,box-shadow\] {
     transition-property: color,box-shadow;
     transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
@@ -2734,9 +2807,19 @@
     border-left-width: 1px;
   }
   @media (min-width:40rem) {
+    .turtle-widget-root .sm\:left-1\/2 {
+      left: 50%;
+    }
+    .turtle-widget-root .sm\:w-\[750px\] {
+      width: 750px;
+    }
     .turtle-widget-root .sm\:max-w-lg {
       max-width: var(--container-lg);
     }
+    .turtle-widget-root .sm\:translate-x-\[-90\%\] {
+      --tw-translate-x: -90%;
+      translate: var(--tw-translate-x)var(--tw-translate-y);
+    }
     .turtle-widget-root .sm\:flex-row {
       flex-direction: row;
     }
@@ -2747,6 +2830,64 @@
       text-align: left;
     }
   }
+  @media (min-width:48rem) {
+    .turtle-widget-root .md\:top-1\/2 {
+      top: 50%;
+    }
+    .turtle-widget-root .md\:top-\[-100px\] {
+      top: -100px;
+    }
+    .turtle-widget-root .md\:top-\[-250px\] {
+      top: -250px;
+    }
+    .turtle-widget-root .md\:right-\[-400px\] {
+      right: -400px;
+    }
+    .turtle-widget-root .md\:bottom-\[-450px\] {
+      bottom: -450px;
+    }
+    .turtle-widget-root .md\:left-1\/2 {
+      left: 50%;
+    }
+    .turtle-widget-root .md\:left-\[-190px\] {
+      left: -190px;
+    }
+    .turtle-widget-root .md\:z-0 {
+      z-index: 0;
+    }
+    .turtle-widget-root .md\:size-\[600px\] {
+      width: 600px;
+      height: 600px;
+    }
+    .turtle-widget-root .md\:w-\[300px\] {
+      width: 300px;
+    }
+    .turtle-widget-root .md\:w-\[800px\] {
+      width: 800px;
+    }
+    .turtle-widget-root .md\:w-\[1000px\] {
+      width: 1000px;
+    }
+    .turtle-widget-root .md\:-translate-x-full {
+      --tw-translate-x: -100%;
+      translate: var(--tw-translate-x)var(--tw-translate-y);
+    }
+    .turtle-widget-root .md\:-translate-y-full {
+      --tw-translate-y: -100%;
+      translate: var(--tw-translate-x)var(--tw-translate-y);
+    }
+    .turtle-widget-root .md\:rotate-0 {
+      rotate: none;
+    }
+  }
+  @media (min-width:64rem) {
+    .turtle-widget-root .lg\:bottom-\[-350px\] {
+      bottom: -350px;
+    }
+    .turtle-widget-root .lg\:left-\[-150px\] {
+      left: -150px;
+    }
+  }
   .turtle-widget-root .dark\:bg-destructive\/60:is(.dark *) {
     background-color: var(--destructive);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turtleclub/earn-widget",
-  "version": "0.3.0-beta.14",
+  "version": "0.3.0-beta.15",
   "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.2",
-    "@turtleclub/ui": "0.3.0-beta.9",
+    "@turtleclub/ui": "0.3.0-beta.10",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "jotai": "^2.10.5",
@@ -79,5 +79,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bf1b96c248c380761d97640a5c70302377d9ccf2"
+  "gitHead": "1ef93b547113a7945f863c12c2414fbb15fe8feb"
 }