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

package/dist/styles.css

@@ -719,7 +719,13 @@
       --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-gradient-position: initial;
       --tw-gradient-from: #0000;
@@ -1160,30 +1166,75 @@
   .turtle-widget-root .inset-0 {
     inset: calc(var(--spacing)*0);
   }
+  .turtle-widget-root .top-1\/2 {
+    top: 50%;
+  }
   .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%;
   }
+  .turtle-widget-root .-right-1 {
+    right: calc(var(--spacing)*-1);
+  }
+  .turtle-widget-root .right-1 {
+    right: calc(var(--spacing)*1);
+  }
   .turtle-widget-root .right-2 {
     right: calc(var(--spacing)*2);
   }
   .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;
   }
@@ -1227,11 +1278,17 @@
   .turtle-widget-root .mt-4 {
     margin-top: calc(var(--spacing)*4);
   }
+  .turtle-widget-root .mr-1 {
+    margin-right: calc(var(--spacing)*1);
+  }
   .turtle-widget-root .mb-1 {
     margin-bottom: calc(var(--spacing)*1);
   }
-  .turtle-widget-root .ml-1 {
-    margin-left: calc(var(--spacing)*1);
+  .turtle-widget-root .mb-2 {
+    margin-bottom: calc(var(--spacing)*2);
+  }
+  .turtle-widget-root .mb-4 {
+    margin-bottom: calc(var(--spacing)*4);
   }
   .turtle-widget-root .ml-2 {
     margin-left: calc(var(--spacing)*2);
@@ -1278,6 +1335,10 @@
     width: calc(var(--spacing)*4);
     height: calc(var(--spacing)*4);
   }
+  .turtle-widget-root .size-6 {
+    width: calc(var(--spacing)*6);
+    height: calc(var(--spacing)*6);
+  }
   .turtle-widget-root .size-8 {
     width: calc(var(--spacing)*8);
     height: calc(var(--spacing)*8);
@@ -1286,6 +1347,18 @@
     width: calc(var(--spacing)*9);
     height: calc(var(--spacing)*9);
   }
+  .turtle-widget-root .size-10 {
+    width: calc(var(--spacing)*10);
+    height: calc(var(--spacing)*10);
+  }
+  .turtle-widget-root .size-12 {
+    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%;
@@ -1335,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);
   }
@@ -1347,12 +1426,18 @@
   .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);
   }
   .turtle-widget-root .max-h-\[600px\] {
     max-height: 600px;
   }
+  .turtle-widget-root .min-h-0 {
+    min-height: calc(var(--spacing)*0);
+  }
   .turtle-widget-root .w-2 {
     width: calc(var(--spacing)*2);
   }
@@ -1392,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;
   }
@@ -1401,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);
   }
@@ -1453,6 +1550,14 @@
     --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);
+  }
   .turtle-widget-root .translate-y-\[-50\%\] {
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x)var(--tw-translate-y);
@@ -1464,6 +1569,12 @@
   .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,);
+  }
   .turtle-widget-root .animate-in {
     animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
   }
@@ -1512,9 +1623,15 @@
   .turtle-widget-root .flex-row-reverse {
     flex-direction: row-reverse;
   }
+  .turtle-widget-root .flex-wrap {
+    flex-wrap: wrap;
+  }
   .turtle-widget-root .items-center {
     align-items: center;
   }
+  .turtle-widget-root .items-end {
+    align-items: flex-end;
+  }
   .turtle-widget-root .items-start {
     align-items: flex-start;
   }
@@ -1570,10 +1687,10 @@
     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 {
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
+  .turtle-widget-root :where(.-space-x-1>:not(:last-child)) {
+    --tw-space-x-reverse: 0;
+    margin-inline-start: calc(calc(var(--spacing)*-1)*var(--tw-space-x-reverse));
+    margin-inline-end: calc(calc(var(--spacing)*-1)*calc(1 - var(--tw-space-x-reverse)));
   }
   .turtle-widget-root .overflow-auto {
     overflow: auto;
@@ -1650,6 +1767,9 @@
     --tw-border-style: none;
     border-style: none;
   }
+  .turtle-widget-root .border-background {
+    border-color: var(--background);
+  }
   .turtle-widget-root .border-border {
     border-color: var(--border);
   }
@@ -1880,6 +2000,9 @@
   .turtle-widget-root .pr-8 {
     padding-right: calc(var(--spacing)*8);
   }
+  .turtle-widget-root .pr-12 {
+    padding-right: calc(var(--spacing)*12);
+  }
   .turtle-widget-root .pb-3 {
     padding-bottom: calc(var(--spacing)*3);
   }
@@ -1889,6 +2012,9 @@
   .turtle-widget-root .pl-2 {
     padding-left: calc(var(--spacing)*2);
   }
+  .turtle-widget-root .pl-3 {
+    padding-left: calc(var(--spacing)*3);
+  }
   .turtle-widget-root .text-center {
     text-align: center;
   }
@@ -2059,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;
   }
@@ -2134,6 +2263,14 @@
     --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
     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 .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));
@@ -2408,6 +2545,9 @@
   .turtle-widget-root .focus\:border-primary:focus {
     border-color: var(--primary);
   }
+  .turtle-widget-root .focus\:border-transparent:focus {
+    border-color: #0000;
+  }
   .turtle-widget-root .focus\:bg-muted\/80:focus {
     background-color: var(--muted);
   }
@@ -2427,7 +2567,7 @@
     --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\:ring-primary\/20:focus {
+  .turtle-widget-root .focus\:ring-primary:focus, .turtle-widget-root .focus\:ring-primary\/20:focus {
     --tw-ring-color: var(--primary);
   }
   @supports (color:color-mix(in lab,red,red)) {
@@ -2667,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;
     }
@@ -2680,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.13",
+  "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.8",
+    "@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": "769dec83fe2823f393da31fb29b5273a5ee963db"
+  "gitHead": "1ef93b547113a7945f863c12c2414fbb15fe8feb"
 }