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

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,18 +1166,30 @@
   .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-\[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 .-bottom-1 {
+    bottom: calc(var(--spacing)*-1);
+  }
   .turtle-widget-root .bottom-0 {
     bottom: calc(var(--spacing)*0);
   }
@@ -1227,11 +1245,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 +1302,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 +1314,14 @@
     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-full {
     width: 100%;
     height: 100%;
@@ -1353,6 +1389,9 @@
   .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);
   }
@@ -1453,6 +1492,10 @@
     --tw-translate-x: -50%;
     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 +1507,9 @@
   .turtle-widget-root .rotate-45 {
     rotate: 45deg;
   }
+  .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 +1558,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 +1622,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 +1702,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 +1935,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 +1947,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;
   }
@@ -2134,6 +2195,9 @@
     --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-\[color\,box-shadow\] {
     transition-property: color,box-shadow;
     transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
@@ -2408,6 +2472,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 +2494,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)) {

package/package.json

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