@turtleclub/earn-widget 0.4.0 → 0.4.1-beta.0

package/dist/styles.css

@@ -153,6 +153,7 @@
     --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
     --blur-sm: 8px;
     --blur-lg: 16px;
+    --aspect-video: 16/9;
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
     --default-font-family: "DM Sans",sans-serif;
@@ -844,6 +845,9 @@
   .turtle-widget-root .-my-px {
     margin-block: -1px;
   }
+  .turtle-widget-root .my-0\.5 {
+    margin-block: calc(var(--spacing)*.5);
+  }
   .turtle-widget-root .my-1 {
     margin-block: calc(var(--spacing)*1);
   }
@@ -940,6 +944,9 @@
   .turtle-widget-root .aspect-square {
     aspect-ratio: 1;
   }
+  .turtle-widget-root .aspect-video {
+    aspect-ratio: var(--aspect-video);
+  }
   .turtle-widget-root .size-2 {
     width: calc(var(--spacing)*2);
     height: calc(var(--spacing)*2);
@@ -1124,6 +1131,12 @@
   .turtle-widget-root .w-\(--sidebar-width\) {
     width: var(--sidebar-width);
   }
+  .turtle-widget-root .w-0 {
+    width: calc(var(--spacing)*0);
+  }
+  .turtle-widget-root .w-1 {
+    width: calc(var(--spacing)*1);
+  }
   .turtle-widget-root .w-2 {
     width: calc(var(--spacing)*2);
   }
@@ -1506,6 +1519,9 @@
   .turtle-widget-root .rounded {
     border-radius: .25rem;
   }
+  .turtle-widget-root .rounded-\[2px\] {
+    border-radius: 2px;
+  }
   .turtle-widget-root .rounded-\[calc\(var\(--radius\)-5px\)\] {
     border-radius: calc(var(--radius) - 5px);
   }
@@ -1556,6 +1572,10 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
+  .turtle-widget-root .border-\[1\.5px\] {
+    border-style: var(--tw-border-style);
+    border-width: 1.5px;
+  }
   .turtle-widget-root .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -1572,16 +1592,31 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
+  .turtle-widget-root .border-dashed {
+    --tw-border-style: dashed;
+    border-style: dashed;
+  }
   .turtle-widget-root .border-none {
     --tw-border-style: none;
     border-style: none;
   }
+  .turtle-widget-root .border-\(--color-border\) {
+    border-color: var(--color-border);
+  }
   .turtle-widget-root .border-background {
     border-color: var(--color-background);
   }
-  .turtle-widget-root .border-border {
+  .turtle-widget-root .border-border, .turtle-widget-root .border-border\/50 {
     border-color: var(--color-border);
   }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .border-border\/50 {
+      border-color: var(--color-border);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab,var(--color-border)50%,transparent);
+      }
+    }
+  }
   .turtle-widget-root .border-inherit {
     border-color: inherit;
   }
@@ -1631,6 +1666,9 @@
   .turtle-widget-root .\!bg-neutral-alpha-2 {
     background-color: var(--color-neutral-alpha-2) !important;
   }
+  .turtle-widget-root .bg-\(--color-bg\) {
+    background-color: var(--color-bg);
+  }
   .turtle-widget-root .bg-background {
     background-color: var(--color-background);
   }
@@ -2230,6 +2268,10 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
     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 .shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);
+    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 .shadow-xs {
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d);
     box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
@@ -3946,6 +3988,68 @@
       align-items: flex-start;
     }
   }
+  .turtle-widget-root .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
+    fill: var(--color-muted-foreground);
+  }
+  .turtle-widget-root .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
+    stroke: var(--color-border);
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
+      stroke: var(--color-border);
+      @supports (color: color-mix(in lab, red, red)) {
+        stroke: color-mix(in oklab,var(--color-border)50%,transparent);
+      }
+    }
+  }
+  .turtle-widget-root .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
+    stroke: var(--color-border);
+  }
+  .turtle-widget-root .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
+    stroke: #0000;
+  }
+  .turtle-widget-root .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  @media (forced-colors:active) {
+    .turtle-widget-root .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+  .turtle-widget-root .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] {
+    stroke: var(--color-border);
+  }
+  .turtle-widget-root .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .turtle-widget-root .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
+    fill: var(--color-muted);
+  }
+  .turtle-widget-root .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] {
+    stroke: var(--color-border);
+  }
+  .turtle-widget-root .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  @media (forced-colors:active) {
+    .turtle-widget-root .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+  .turtle-widget-root .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
+    stroke: #0000;
+  }
+  .turtle-widget-root .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  @media (forced-colors:active) {
+    .turtle-widget-root .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
   .turtle-widget-root .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
     padding-inline: calc(var(--spacing)*2);
   }
@@ -4144,9 +4248,24 @@
     width: calc(var(--spacing)*4);
     height: calc(var(--spacing)*4);
   }
+  .turtle-widget-root .\[\&\>svg\]\:h-2\.5>svg {
+    height: calc(var(--spacing)*2.5);
+  }
+  .turtle-widget-root .\[\&\>svg\]\:h-3>svg {
+    height: calc(var(--spacing)*3);
+  }
+  .turtle-widget-root .\[\&\>svg\]\:w-2\.5>svg {
+    width: calc(var(--spacing)*2.5);
+  }
+  .turtle-widget-root .\[\&\>svg\]\:w-3>svg {
+    width: calc(var(--spacing)*3);
+  }
   .turtle-widget-root .\[\&\>svg\]\:shrink-0>svg {
     flex-shrink: 0;
   }
+  .turtle-widget-root .\[\&\>svg\]\:text-muted-foreground>svg {
+    color: var(--color-muted-foreground);
+  }
   .turtle-widget-root .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]) {
     width: calc(var(--spacing)*3.5);
     height: calc(var(--spacing)*3.5);
@@ -4872,6 +4991,7 @@
     --blur-sm: 8px;
     --blur-lg: 16px;
     --blur-xl: 24px;
+    --aspect-video: 16 / 9;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: "DM Sans", sans-serif;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turtleclub/earn-widget",
-  "version": "0.4.0",
+  "version": "0.4.1-beta.0",
   "description": "Configurable and self-contained Turtle Earn widget for third-party integration",
   "license": "MIT",
   "repository": {
@@ -42,7 +42,7 @@
     "@tailwindcss/postcss": "^4.1.11",
     "@turtleclub/chains": "0.3.0",
     "@turtleclub/hooks": "0.4.0",
-    "@turtleclub/ui": "0.6.0",
+    "@turtleclub/ui": "0.7.0-beta.0",
     "@turtleclub/utils": "0.3.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -84,5 +84,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bff2eb652056dba47b8bea59635da37d8ae5534d"
+  "gitHead": "1f42f5ed80727a064305af27a996d4a375bfeb73"
 }