@turtleclub/earn-widget 0.4.1-beta.0 → 0.5.0-beta.1

package/dist/styles.css

@@ -103,6 +103,7 @@
     --color-black: #000;
     --color-white: #fff;
     --spacing: .25rem;
+    --container-xs: 20rem;
     --container-sm: 24rem;
     --container-md: 28rem;
     --container-lg: 32rem;
@@ -1239,6 +1240,9 @@
   .turtle-widget-root .max-w-none {
     max-width: none;
   }
+  .turtle-widget-root .max-w-xs {
+    max-width: var(--container-xs);
+  }
   .turtle-widget-root .min-w-0 {
     min-width: calc(var(--spacing)*0);
   }
@@ -4940,6 +4944,7 @@
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
+    --container-xs: 20rem;
     --container-sm: 24rem;
     --container-md: 28rem;
     --container-lg: 32rem;
@@ -4990,7 +4995,6 @@
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --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);
@@ -5239,18 +5243,12 @@
   .turtle-widget-root .mx-4 {
     margin-inline: calc(var(--spacing) * 4);
   }
-  .turtle-widget-root .my-1 {
-    margin-block: calc(var(--spacing) * 1);
-  }
   .turtle-widget-root .mt-5 {
     margin-top: calc(var(--spacing) * 5);
   }
   .turtle-widget-root .mt-auto {
     margin-top: auto;
   }
-  .turtle-widget-root .-mr-1 {
-    margin-right: calc(var(--spacing) * -1);
-  }
   .turtle-widget-root .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
@@ -5263,18 +5261,6 @@
   .turtle-widget-root .hidden {
     display: none;
   }
-  .turtle-widget-root .size-2\.5 {
-    width: calc(var(--spacing) * 2.5);
-    height: calc(var(--spacing) * 2.5);
-  }
-  .turtle-widget-root .size-4 {
-    width: calc(var(--spacing) * 4);
-    height: calc(var(--spacing) * 4);
-  }
-  .turtle-widget-root .size-5 {
-    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);
@@ -5360,18 +5346,6 @@
   .turtle-widget-root .animate-pulse {
     animation: var(--animate-pulse);
   }
-  .turtle-widget-root .cursor-default {
-    cursor: default;
-  }
-  .turtle-widget-root .cursor-not-allowed {
-    cursor: not-allowed;
-  }
-  .turtle-widget-root .cursor-pointer {
-    cursor: pointer;
-  }
-  .turtle-widget-root .grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
   .turtle-widget-root .grid-rows-\[auto_1fr\] {
     grid-template-rows: auto 1fr;
   }
@@ -5381,9 +5355,6 @@
   .turtle-widget-root .flex-col {
     flex-direction: column;
   }
-  .turtle-widget-root .flex-row-reverse {
-    flex-direction: row-reverse;
-  }
   .turtle-widget-root .items-center {
     align-items: center;
   }
@@ -5396,18 +5367,9 @@
   .turtle-widget-root .justify-center {
     justify-content: center;
   }
-  .turtle-widget-root .justify-end {
-    justify-content: flex-end;
-  }
-  .turtle-widget-root .gap-1 {
-    gap: calc(var(--spacing) * 1);
-  }
   .turtle-widget-root .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
-  .turtle-widget-root .gap-2\.5 {
-    gap: calc(var(--spacing) * 2.5);
-  }
   .turtle-widget-root .gap-3 {
     gap: calc(var(--spacing) * 3);
   }
@@ -5441,9 +5403,6 @@
   .turtle-widget-root .overflow-hidden {
     overflow: hidden;
   }
-  .turtle-widget-root .\!rounded-full {
-    border-radius: var(--radius-full) !important;
-  }
   .turtle-widget-root .rounded-full {
     border-radius: var(--radius-full);
   }
@@ -5466,18 +5425,6 @@
   .turtle-widget-root .\!bg-background {
     background-color: var(--color-background) !important;
   }
-  .turtle-widget-root .bg-background {
-    background-color: var(--color-background);
-  }
-  .turtle-widget-root .bg-foreground {
-    background-color: var(--color-foreground);
-  }
-  .turtle-widget-root .bg-muted {
-    background-color: var(--color-muted);
-  }
-  .turtle-widget-root .bg-neutral-alpha-2 {
-    background-color: var(--color-neutral-alpha-2);
-  }
   .turtle-widget-root .bg-neutral-alpha-10 {
     background-color: var(--color-neutral-alpha-10);
   }
@@ -5511,15 +5458,6 @@
   .turtle-widget-root .p-7 {
     padding: calc(var(--spacing) * 7);
   }
-  .turtle-widget-root .px-1 {
-    padding-inline: calc(var(--spacing) * 1);
-  }
-  .turtle-widget-root .px-3 {
-    padding-inline: calc(var(--spacing) * 3);
-  }
-  .turtle-widget-root .py-1\.5 {
-    padding-block: calc(var(--spacing) * 1.5);
-  }
   .turtle-widget-root .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
@@ -5535,9 +5473,6 @@
   .turtle-widget-root .pb-6 {
     padding-bottom: calc(var(--spacing) * 6);
   }
-  .turtle-widget-root .text-end {
-    text-align: end;
-  }
   .turtle-widget-root .text-2xl {
     font-size: var(--text-2xl);
     line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -5572,12 +5507,6 @@
   .turtle-widget-root .text-primary {
     color: var(--color-primary);
   }
-  .turtle-widget-root .text-primary\/70 {
-    color: var(--color-primary);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--color-primary) 70%, transparent);
-    }
-  }
   .turtle-widget-root .antialiased {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -5586,22 +5515,10 @@
     --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);
   }
-  .turtle-widget-root .ring-1 {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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 .ring-white {
-    --tw-ring-color: var(--color-white);
-  }
   .turtle-widget-root .invert {
     --tw-invert: invert(100%);
     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 .backdrop-blur-xl {
-    --tw-backdrop-blur: blur(var(--blur-xl));
-    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-  }
   .turtle-widget-root .transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -5634,61 +5551,6 @@
       }
     }
   }
-  .turtle-widget-root .group-hover\:text-primary {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        color: var(--color-primary);
-      }
-    }
-  }
-  .turtle-widget-root .last\:mr-0 {
-    &:last-child {
-      margin-right: calc(var(--spacing) * 0);
-    }
-  }
-  .turtle-widget-root .hover\:border-gradient-white {
-    &:hover {
-      @media (hover: hover) {
-        position: relative;
-        border-style: var(--tw-border-style);
-        border-width: 1px;
-        border-color: transparent;
-        .turtle-widget-root &::before {
-          content: "";
-          pointer-events: none;
-          position: absolute;
-          inset: -1px;
-          border-style: var(--tw-border-style);
-          border-width: 1px;
-          border-color: transparent;
-          border-radius: inherit;
-          background: var(--border-gradient-white);
-          -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
-          -webkit-mask-composite: xor;
-          mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
-          mask-composite: exclude;
-        }
-      }
-    }
-  }
-  .turtle-widget-root .hover\:bg-neutral-alpha-5 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-neutral-alpha-5);
-      }
-    }
-  }
-  .turtle-widget-root .lg\:-mr-4 {
-    @media (width >= 64rem) {
-      margin-right: calc(var(--spacing) * -4);
-    }
-  }
-  .turtle-widget-root .lg\:size-6 {
-    @media (width >= 64rem) {
-      width: calc(var(--spacing) * 6);
-      height: calc(var(--spacing) * 6);
-    }
-  }
 }
 @layer theme, base, components, utilities;
 @layer theme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turtleclub/earn-widget",
-  "version": "0.4.1-beta.0",
+  "version": "0.5.0-beta.1",
   "description": "Configurable and self-contained Turtle Earn widget for third-party integration",
   "license": "MIT",
   "repository": {
@@ -41,9 +41,10 @@
   "dependencies": {
     "@tailwindcss/postcss": "^4.1.11",
     "@turtleclub/chains": "0.3.0",
-    "@turtleclub/hooks": "0.4.0",
-    "@turtleclub/ui": "0.7.0-beta.0",
-    "@turtleclub/utils": "0.3.0",
+    "@turtleclub/hooks": "0.5.0-beta.0",
+    "@turtleclub/opportunities": "0.1.0-beta.1",
+    "@turtleclub/ui": "0.7.0-beta.2",
+    "@turtleclub/utils": "0.4.0-beta.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "jotai": "^2.10.5",
@@ -84,5 +85,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1f42f5ed80727a064305af27a996d4a375bfeb73"
+  "gitHead": "f7b8bd4f1b705bddc75960c371c87537598f9b13"
 }