@turtleclub/earn-widget 0.3.0-beta.26 → 0.3.0-beta.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/styles.css +189 -215
  2. package/package.json +4 -4
package/dist/styles.css CHANGED
@@ -56,7 +56,6 @@
56
56
  --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
57
57
  --animate-spin: spin 1s linear infinite;
58
58
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
59
- --blur-lg: 16px;
60
59
  --aspect-video: 16 / 9;
61
60
  --default-transition-duration: 150ms;
62
61
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -631,6 +630,7 @@
631
630
  @layer properties {
632
631
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
633
632
  .turtle-widget-root *, .turtle-widget-root :before, .turtle-widget-root :after, .turtle-widget-root ::backdrop {
633
+ --tw-border-style: solid;
634
634
  --tw-border-spacing-x: 0;
635
635
  --tw-border-spacing-y: 0;
636
636
  --tw-translate-x: 0;
@@ -643,7 +643,6 @@
643
643
  --tw-skew-y: initial;
644
644
  --tw-space-y-reverse: 0;
645
645
  --tw-space-x-reverse: 0;
646
- --tw-border-style: solid;
647
646
  --tw-gradient-position: initial;
648
647
  --tw-gradient-from: #0000;
649
648
  --tw-gradient-via: #0000;
@@ -689,15 +688,6 @@
689
688
  --tw-drop-shadow-color: initial;
690
689
  --tw-drop-shadow-alpha: 100%;
691
690
  --tw-drop-shadow-size: initial;
692
- --tw-backdrop-blur: initial;
693
- --tw-backdrop-brightness: initial;
694
- --tw-backdrop-contrast: initial;
695
- --tw-backdrop-grayscale: initial;
696
- --tw-backdrop-hue-rotate: initial;
697
- --tw-backdrop-invert: initial;
698
- --tw-backdrop-opacity: initial;
699
- --tw-backdrop-saturate: initial;
700
- --tw-backdrop-sepia: initial;
701
691
  --tw-duration: initial;
702
692
  --tw-content: "";
703
693
  --tw-scale-x: 1;
@@ -776,12 +766,12 @@
776
766
  --drop-shadow-lg: 0 4px 4px #00000026;
777
767
  --animate-spin: spin 1s linear infinite;
778
768
  --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
779
- --blur-lg: 16px;
780
769
  --aspect-video: 16/9;
781
770
  --default-transition-duration: .15s;
782
771
  --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
783
772
  --default-font-family: var(--font-sans);
784
773
  --default-mono-font-family: var(--font-mono);
774
+ --radius-full: calc(infinity*1px);
785
775
  --radius-turtle: var(--radius-turtle);
786
776
  --radius-info-card: var(--radius-info-card);
787
777
  --color-background: var(--background);
@@ -795,15 +785,23 @@
795
785
  --color-secondary-foreground: var(--secondary-foreground);
796
786
  --color-muted: var(--muted);
797
787
  --color-muted-foreground: var(--muted-foreground);
798
- --color-neutral-alpha-2: var(--color-neutral-alpha-2);
799
- --color-neutral-alpha-5: var(--color-neutral-alpha-5);
800
- --color-neutral-alpha-10: var(--color-neutral-alpha-10);
801
788
  --color-accent: var(--accent);
802
789
  --color-accent-foreground: var(--accent-foreground);
803
790
  --color-destructive: var(--destructive);
804
791
  --color-border: var(--border);
805
792
  --color-input: var(--input);
806
793
  --color-ring: var(--ring);
794
+ --color-neutral-alpha-2: var(--color-neutral-alpha-2);
795
+ --color-neutral-alpha-5: var(--color-neutral-alpha-5);
796
+ --color-neutral-alpha-10: var(--color-neutral-alpha-10);
797
+ --color-neutral-alpha-20: var(--color-neutral-alpha-20);
798
+ --color-neutral-alpha-30: var(--color-neutral-alpha-30);
799
+ --color-neutral-alpha-50: var(--color-neutral-alpha-50);
800
+ --color-primary-alpha-10: var(--color-brand-green-alpha-10);
801
+ --color-primary-alpha-20: var(--color-brand-green-alpha-20);
802
+ --color-primary-alpha-30: var(--color-brand-green-alpha-30);
803
+ --border-gradient-white: linear-gradient(165deg,var(--color-foreground)0%,var(--color-neutral-alpha-20)20%,var(--color-neutral-alpha-10)80%,var(--color-neutral-alpha-30)100%)border-box;
804
+ --border-gradient-primary: linear-gradient(165deg,var(--color-primary)0%,var(--color-primary-alpha-20)20%,var(--color-primary-alpha-10)80%,var(--color-primary-alpha-30)100%)border-box;
807
805
  }
808
806
  }
809
807
  @layer base {
@@ -1009,17 +1007,6 @@
1009
1007
  .turtle-widget-root [hidden]:where(:not([hidden=until-found])) {
1010
1008
  display: none !important;
1011
1009
  }
1012
- .turtle-widget-root, .turtle-widget-root {
1013
- width: 100%;
1014
- height: 100%;
1015
- font-family: var(--font-sans);
1016
- -webkit-font-smoothing: antialiased;
1017
- -moz-osx-font-smoothing: grayscale;
1018
- }
1019
- .turtle-widget-root {
1020
- background-color: var(--color-background);
1021
- color: var(--color-foreground);
1022
- }
1023
1010
  }
1024
1011
  @layer components {
1025
1012
  .turtle-widget-root .managed-table {
@@ -1067,14 +1054,18 @@
1067
1054
  }
1068
1055
  }
1069
1056
  .turtle-widget-root .managed-table tbody tr>td:first-child {
1070
- padding-left: calc(var(--spacing)*4);
1071
1057
  border-top-left-radius: 3.40282e38px;
1072
1058
  border-bottom-left-radius: 3.40282e38px;
1059
+ border-top-left-radius: var(--radius-full);
1060
+ border-bottom-left-radius: var(--radius-full);
1061
+ padding-left: calc(var(--spacing)*4);
1073
1062
  }
1074
1063
  .turtle-widget-root .managed-table tbody tr>td:last-child {
1075
- padding-right: calc(var(--spacing)*4);
1076
1064
  border-top-right-radius: 3.40282e38px;
1077
1065
  border-bottom-right-radius: 3.40282e38px;
1066
+ border-top-right-radius: var(--radius-full);
1067
+ border-bottom-right-radius: var(--radius-full);
1068
+ padding-right: calc(var(--spacing)*4);
1078
1069
  }
1079
1070
  .turtle-widget-root .managed-table tbody tr:hover>td {
1080
1071
  background-color: var(--color-muted);
@@ -1089,6 +1080,78 @@
1089
1080
  }
1090
1081
  }
1091
1082
  @layer utilities {
1083
+ .turtle-widget-root .border-gradient-primary {
1084
+ border-style: var(--tw-border-style);
1085
+ border-width: 1px;
1086
+ border-color: #0000;
1087
+ position: relative;
1088
+ }
1089
+ .turtle-widget-root .border-gradient-primary:before {
1090
+ content: "";
1091
+ pointer-events: none;
1092
+ border-style: var(--tw-border-style);
1093
+ border-radius: inherit;
1094
+ background: var(--border-gradient-primary);
1095
+ border-width: 1px;
1096
+ border-color: #0000;
1097
+ position: absolute;
1098
+ top: -1px;
1099
+ right: -1px;
1100
+ bottom: -1px;
1101
+ left: -1px;
1102
+ -webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
1103
+ mask-image: linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);
1104
+ -webkit-mask-position: 0 0,0 0;
1105
+ mask-position: 0 0,0 0;
1106
+ -webkit-mask-size: auto,auto;
1107
+ mask-size: auto,auto;
1108
+ -webkit-mask-repeat: repeat,repeat;
1109
+ mask-repeat: repeat,repeat;
1110
+ -webkit-mask-clip: padding-box,border-box;
1111
+ mask-clip: padding-box,border-box;
1112
+ -webkit-mask-origin: padding-box,border-box;
1113
+ mask-origin: padding-box,border-box;
1114
+ -webkit-mask-composite: xor;
1115
+ mask-composite: exclude;
1116
+ -webkit-mask-source-type: auto,auto;
1117
+ mask-mode: match-source,match-source;
1118
+ }
1119
+ .turtle-widget-root .border-gradient-white {
1120
+ border-style: var(--tw-border-style);
1121
+ border-width: 1px;
1122
+ border-color: #0000;
1123
+ position: relative;
1124
+ }
1125
+ .turtle-widget-root .border-gradient-white:before {
1126
+ content: "";
1127
+ pointer-events: none;
1128
+ border-style: var(--tw-border-style);
1129
+ border-radius: inherit;
1130
+ background: var(--border-gradient-white);
1131
+ border-width: 1px;
1132
+ border-color: #0000;
1133
+ position: absolute;
1134
+ top: -1px;
1135
+ right: -1px;
1136
+ bottom: -1px;
1137
+ left: -1px;
1138
+ -webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
1139
+ mask-image: linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);
1140
+ -webkit-mask-position: 0 0,0 0;
1141
+ mask-position: 0 0,0 0;
1142
+ -webkit-mask-size: auto,auto;
1143
+ mask-size: auto,auto;
1144
+ -webkit-mask-repeat: repeat,repeat;
1145
+ mask-repeat: repeat,repeat;
1146
+ -webkit-mask-clip: padding-box,border-box;
1147
+ mask-clip: padding-box,border-box;
1148
+ -webkit-mask-origin: padding-box,border-box;
1149
+ mask-origin: padding-box,border-box;
1150
+ -webkit-mask-composite: xor;
1151
+ mask-composite: exclude;
1152
+ -webkit-mask-source-type: auto,auto;
1153
+ mask-mode: match-source,match-source;
1154
+ }
1092
1155
  .turtle-widget-root .pointer-events-none {
1093
1156
  pointer-events: none;
1094
1157
  }
@@ -1464,9 +1527,6 @@
1464
1527
  .turtle-widget-root .min-h-\[calc\(100svh-20px\)\] {
1465
1528
  min-height: calc(100svh - 20px);
1466
1529
  }
1467
- .turtle-widget-root .min-h-\[calc\(100svh-22px\)\] {
1468
- min-height: calc(100svh - 22px);
1469
- }
1470
1530
  .turtle-widget-root .min-h-\[calc\(var\(--radix-select-trigger-height\)\*2\)\] {
1471
1531
  min-height: calc(var(--radix-select-trigger-height)*2);
1472
1532
  }
@@ -1790,6 +1850,7 @@
1790
1850
  }
1791
1851
  .turtle-widget-root .rounded-full {
1792
1852
  border-radius: 3.40282e38px;
1853
+ border-radius: var(--radius-full);
1793
1854
  }
1794
1855
  .turtle-widget-root .rounded-info-card {
1795
1856
  border-radius: var(--radius-info-card);
@@ -1957,6 +2018,9 @@
1957
2018
  .turtle-widget-root .bg-neutral-alpha-5 {
1958
2019
  background-color: var(--color-neutral-alpha-5);
1959
2020
  }
2021
+ .turtle-widget-root .bg-neutral-alpha-10 {
2022
+ background-color: var(--color-neutral-alpha-10);
2023
+ }
1960
2024
  .turtle-widget-root .bg-popover {
1961
2025
  background-color: var(--color-popover);
1962
2026
  }
@@ -1977,110 +2041,23 @@
1977
2041
  .turtle-widget-root .bg-transparent {
1978
2042
  background-color: #0000;
1979
2043
  }
1980
- .turtle-widget-root .bg-gradient-to-b {
1981
- --tw-gradient-position: to bottom in oklab;
1982
- background-image: linear-gradient(var(--tw-gradient-stops));
1983
- }
1984
- .turtle-widget-root .bg-gradient-to-br {
1985
- --tw-gradient-position: to bottom right in oklab;
1986
- background-image: linear-gradient(var(--tw-gradient-stops));
1987
- }
1988
2044
  .turtle-widget-root .bg-gradient-to-r {
1989
2045
  --tw-gradient-position: to right in oklab;
1990
2046
  background-image: linear-gradient(var(--tw-gradient-stops));
1991
2047
  }
1992
- .turtle-widget-root .from-foreground\/40 {
1993
- --tw-gradient-from: var(--color-foreground);
1994
- }
1995
- @supports (color:color-mix(in lab,red,red)) {
1996
- .turtle-widget-root .from-foreground\/40 {
1997
- --tw-gradient-from: var(--color-foreground);
1998
- @supports (color: color-mix(in lab, red, red)) {
1999
- --tw-gradient-from: color-mix(in oklab,var(--color-foreground)40%,transparent);
2000
- }
2001
- }
2002
- }
2003
- .turtle-widget-root .from-foreground\/40 {
2004
- --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
2005
- }
2006
- .turtle-widget-root .from-primary {
2007
- --tw-gradient-from: var(--color-primary);
2008
- --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
2009
- }
2010
2048
  .turtle-widget-root .from-transparent {
2011
2049
  --tw-gradient-from: transparent;
2012
2050
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
2013
2051
  }
2014
- .turtle-widget-root .via-foreground\/10 {
2015
- --tw-gradient-via: var(--color-foreground);
2016
- }
2017
- @supports (color:color-mix(in lab,red,red)) {
2018
- .turtle-widget-root .via-foreground\/10 {
2019
- --tw-gradient-via: var(--color-foreground);
2020
- @supports (color: color-mix(in lab, red, red)) {
2021
- --tw-gradient-via: color-mix(in oklab,var(--color-foreground)10%,transparent);
2022
- }
2023
- }
2024
- }
2025
- .turtle-widget-root .via-foreground\/10 {
2026
- --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
2027
- --tw-gradient-stops: var(--tw-gradient-via-stops);
2028
- }
2029
2052
  .turtle-widget-root .via-primary {
2030
2053
  --tw-gradient-via: var(--color-primary);
2031
2054
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
2032
2055
  --tw-gradient-stops: var(--tw-gradient-via-stops);
2033
2056
  }
2034
- .turtle-widget-root .via-primary\/20 {
2035
- --tw-gradient-via: var(--color-primary);
2036
- }
2037
- @supports (color:color-mix(in lab,red,red)) {
2038
- .turtle-widget-root .via-primary\/20 {
2039
- --tw-gradient-via: var(--color-primary);
2040
- @supports (color: color-mix(in lab, red, red)) {
2041
- --tw-gradient-via: color-mix(in oklab,var(--color-primary)20%,transparent);
2042
- }
2043
- }
2044
- }
2045
- .turtle-widget-root .via-primary\/20 {
2046
- --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
2047
- --tw-gradient-stops: var(--tw-gradient-via-stops);
2048
- }
2049
- .turtle-widget-root .to-foreground\/20 {
2050
- --tw-gradient-to: var(--color-foreground);
2051
- }
2052
- @supports (color:color-mix(in lab,red,red)) {
2053
- .turtle-widget-root .to-foreground\/20 {
2054
- --tw-gradient-to: var(--color-foreground);
2055
- @supports (color: color-mix(in lab, red, red)) {
2056
- --tw-gradient-to: color-mix(in oklab,var(--color-foreground)20%,transparent);
2057
- }
2058
- }
2059
- }
2060
- .turtle-widget-root .to-foreground\/20 {
2061
- --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
2062
- }
2063
- .turtle-widget-root .to-primary\/30 {
2064
- --tw-gradient-to: var(--color-primary);
2065
- }
2066
- @supports (color:color-mix(in lab,red,red)) {
2067
- .turtle-widget-root .to-primary\/30 {
2068
- --tw-gradient-to: var(--color-primary);
2069
- @supports (color: color-mix(in lab, red, red)) {
2070
- --tw-gradient-to: color-mix(in oklab,var(--color-primary)30%,transparent);
2071
- }
2072
- }
2073
- }
2074
- .turtle-widget-root .to-primary\/30 {
2075
- --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
2076
- }
2077
2057
  .turtle-widget-root .to-transparent {
2078
2058
  --tw-gradient-to: transparent;
2079
2059
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
2080
2060
  }
2081
- .turtle-widget-root .bg-clip-padding {
2082
- background-clip: padding-box;
2083
- }
2084
2061
  .turtle-widget-root .fill-current {
2085
2062
  fill: currentColor;
2086
2063
  }
@@ -2341,9 +2318,6 @@
2341
2318
  --tw-tracking: var(--tracking-widest);
2342
2319
  letter-spacing: var(--tracking-widest);
2343
2320
  }
2344
- .turtle-widget-root .text-balance {
2345
- text-wrap: balance;
2346
- }
2347
2321
  .turtle-widget-root .whitespace-nowrap {
2348
2322
  white-space: nowrap;
2349
2323
  }
@@ -2437,8 +2411,8 @@
2437
2411
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
2438
2412
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2439
2413
  }
2440
- .turtle-widget-root .shadow-\[0px_2px_2px_0px\] {
2441
- --tw-shadow: 0px 2px 2px 0px var(--tw-shadow-color,currentcolor);
2414
+ .turtle-widget-root .shadow-\[0px_4px_4px_0px\] {
2415
+ --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color,currentcolor);
2442
2416
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2443
2417
  }
2444
2418
  .turtle-widget-root .shadow-lg {
@@ -2477,25 +2451,14 @@
2477
2451
  --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
2478
2452
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2479
2453
  }
2480
- .turtle-widget-root .shadow-black {
2481
- --tw-shadow-color: #000;
2454
+ .turtle-widget-root .shadow-background {
2455
+ --tw-shadow-color: var(--color-background);
2482
2456
  }
2483
2457
  @supports (color:color-mix(in lab,red,red)) {
2484
- .turtle-widget-root .shadow-black {
2485
- --tw-shadow-color: #000;
2458
+ .turtle-widget-root .shadow-background {
2459
+ --tw-shadow-color: var(--color-background);
2486
2460
  @supports (color: color-mix(in lab, red, red)) {
2487
- --tw-shadow-color: color-mix(in oklab,var(--color-black)var(--tw-shadow-alpha),transparent);
2488
- }
2489
- }
2490
- }
2491
- .turtle-widget-root .shadow-primary {
2492
- --tw-shadow-color: var(--color-primary);
2493
- }
2494
- @supports (color:color-mix(in lab,red,red)) {
2495
- .turtle-widget-root .shadow-primary {
2496
- --tw-shadow-color: var(--color-primary);
2497
- @supports (color: color-mix(in lab, red, red)) {
2498
- --tw-shadow-color: color-mix(in oklab,var(--color-primary)var(--tw-shadow-alpha),transparent);
2461
+ --tw-shadow-color: color-mix(in oklab,var(--color-background)var(--tw-shadow-alpha),transparent);
2499
2462
  }
2500
2463
  }
2501
2464
  }
@@ -2542,11 +2505,6 @@
2542
2505
  .turtle-widget-root .filter {
2543
2506
  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,);
2544
2507
  }
2545
- .turtle-widget-root .backdrop-blur-lg {
2546
- --tw-backdrop-blur: blur(var(--blur-lg));
2547
- -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,);
2548
- 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,);
2549
- }
2550
2508
  .turtle-widget-root .transition {
2551
2509
  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,content-visibility,overlay,pointer-events;
2552
2510
  transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
@@ -2761,6 +2719,8 @@
2761
2719
  .turtle-widget-root .first\:rounded-l-full:first-child {
2762
2720
  border-top-left-radius: 3.40282e38px;
2763
2721
  border-bottom-left-radius: 3.40282e38px;
2722
+ border-top-left-radius: var(--radius-full);
2723
+ border-bottom-left-radius: var(--radius-full);
2764
2724
  }
2765
2725
  .turtle-widget-root .first\:rounded-l-md:first-child {
2766
2726
  border-top-left-radius: var(--radius-md);
@@ -2772,6 +2732,8 @@
2772
2732
  .turtle-widget-root .last\:rounded-r-full:last-child {
2773
2733
  border-top-right-radius: 3.40282e38px;
2774
2734
  border-bottom-right-radius: 3.40282e38px;
2735
+ border-top-right-radius: var(--radius-full);
2736
+ border-bottom-right-radius: var(--radius-full);
2775
2737
  }
2776
2738
  .turtle-widget-root .last\:rounded-r-md:last-child {
2777
2739
  border-top-right-radius: var(--radius-md);
@@ -2781,6 +2743,42 @@
2781
2743
  padding-right: calc(var(--spacing)*4);
2782
2744
  }
2783
2745
  @media (hover:hover) {
2746
+ .turtle-widget-root .hover\:border-gradient-white:hover {
2747
+ border-style: var(--tw-border-style);
2748
+ border-width: 1px;
2749
+ border-color: #0000;
2750
+ position: relative;
2751
+ }
2752
+ .turtle-widget-root .hover\:border-gradient-white:hover:before {
2753
+ content: "";
2754
+ pointer-events: none;
2755
+ border-style: var(--tw-border-style);
2756
+ border-radius: inherit;
2757
+ background: var(--border-gradient-white);
2758
+ border-width: 1px;
2759
+ border-color: #0000;
2760
+ position: absolute;
2761
+ top: -1px;
2762
+ right: -1px;
2763
+ bottom: -1px;
2764
+ left: -1px;
2765
+ -webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
2766
+ mask-image: linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);
2767
+ -webkit-mask-position: 0 0,0 0;
2768
+ mask-position: 0 0,0 0;
2769
+ -webkit-mask-size: auto,auto;
2770
+ mask-size: auto,auto;
2771
+ -webkit-mask-repeat: repeat,repeat;
2772
+ mask-repeat: repeat,repeat;
2773
+ -webkit-mask-clip: padding-box,border-box;
2774
+ mask-clip: padding-box,border-box;
2775
+ -webkit-mask-origin: padding-box,border-box;
2776
+ mask-origin: padding-box,border-box;
2777
+ -webkit-mask-composite: xor;
2778
+ mask-composite: exclude;
2779
+ -webkit-mask-source-type: auto,auto;
2780
+ mask-mode: match-source,match-source;
2781
+ }
2784
2782
  .turtle-widget-root .hover\:z-10:hover {
2785
2783
  z-index: 10;
2786
2784
  }
@@ -2988,39 +2986,53 @@
2988
2986
  outline-style: var(--tw-outline-style);
2989
2987
  outline-width: 1px;
2990
2988
  }
2991
- .turtle-widget-root .active\:from-primary:active {
2992
- --tw-gradient-from: var(--color-primary);
2993
- --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
2994
- }
2995
- .turtle-widget-root .active\:via-primary\/20:active {
2996
- --tw-gradient-via: var(--color-primary);
2997
- }
2998
- @supports (color:color-mix(in lab,red,red)) {
2999
- .turtle-widget-root .active\:via-primary\/20:active {
3000
- --tw-gradient-via: var(--color-primary);
3001
- @supports (color: color-mix(in lab, red, red)) {
3002
- --tw-gradient-via: color-mix(in oklab,var(--color-primary)20%,transparent);
3003
- }
3004
- }
2989
+ .turtle-widget-root .active\:border-gradient-primary:active {
2990
+ border-style: var(--tw-border-style);
2991
+ border-width: 1px;
2992
+ border-color: #0000;
2993
+ position: relative;
3005
2994
  }
3006
- .turtle-widget-root .active\:via-primary\/20:active {
3007
- --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
3008
- --tw-gradient-stops: var(--tw-gradient-via-stops);
2995
+ .turtle-widget-root .active\:border-gradient-primary:active:before {
2996
+ content: "";
2997
+ pointer-events: none;
2998
+ border-style: var(--tw-border-style);
2999
+ border-radius: inherit;
3000
+ background: var(--border-gradient-primary);
3001
+ border-width: 1px;
3002
+ border-color: #0000;
3003
+ position: absolute;
3004
+ top: -1px;
3005
+ right: -1px;
3006
+ bottom: -1px;
3007
+ left: -1px;
3008
+ -webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
3009
+ mask-image: linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);
3010
+ -webkit-mask-position: 0 0,0 0;
3011
+ mask-position: 0 0,0 0;
3012
+ -webkit-mask-size: auto,auto;
3013
+ mask-size: auto,auto;
3014
+ -webkit-mask-repeat: repeat,repeat;
3015
+ mask-repeat: repeat,repeat;
3016
+ -webkit-mask-clip: padding-box,border-box;
3017
+ mask-clip: padding-box,border-box;
3018
+ -webkit-mask-origin: padding-box,border-box;
3019
+ mask-origin: padding-box,border-box;
3020
+ -webkit-mask-composite: xor;
3021
+ mask-composite: exclude;
3022
+ -webkit-mask-source-type: auto,auto;
3023
+ mask-mode: match-source,match-source;
3009
3024
  }
3010
- .turtle-widget-root .active\:to-primary\/30:active {
3011
- --tw-gradient-to: var(--color-primary);
3025
+ .turtle-widget-root .active\:bg-background\/90:active {
3026
+ background-color: var(--color-background);
3012
3027
  }
3013
3028
  @supports (color:color-mix(in lab,red,red)) {
3014
- .turtle-widget-root .active\:to-primary\/30:active {
3015
- --tw-gradient-to: var(--color-primary);
3029
+ .turtle-widget-root .active\:bg-background\/90:active {
3030
+ background-color: var(--color-background);
3016
3031
  @supports (color: color-mix(in lab, red, red)) {
3017
- --tw-gradient-to: color-mix(in oklab,var(--color-primary)30%,transparent);
3032
+ background-color: color-mix(in oklab,var(--color-background)90%,transparent);
3018
3033
  }
3019
3034
  }
3020
3035
  }
3021
- .turtle-widget-root .active\:to-primary\/30:active {
3022
- --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
3023
- }
3024
3036
  .turtle-widget-root .disabled\:pointer-events-none:disabled {
3025
3037
  pointer-events: none;
3026
3038
  }
@@ -3903,13 +3915,20 @@
3903
3915
  --color-neutral-base-800: #262626;
3904
3916
  --color-neutral-base-850: #191a19;
3905
3917
  --color-neutral-base-900: #141514;
3918
+ --color-brand-green-alpha-10: #47a73b1a;
3919
+ --color-brand-green-alpha-30: #73f36c4d;
3920
+ --color-brand-green-alpha-40: #73f36c66;
3921
+ --color-brand-green-alpha-50: #73f36c80;
3922
+ --color-brand-green-alpha-60: #73f36c99;
3923
+ --color-brand-green-alpha-70: #73f36cb3;
3924
+ --color-brand-green-alpha-80: #73f36ccc;
3925
+ --color-brand-green-alpha-90: #73f36ce6;
3906
3926
  --color-neutral-alpha-2: #f9f9f905;
3907
3927
  --color-neutral-alpha-5: #f9f9f90d;
3908
3928
  --color-neutral-alpha-10: #f9f9f91a;
3909
3929
  --color-neutral-alpha-20: #f9f9f933;
3910
3930
  --color-neutral-alpha-30: #f9f9f94d;
3911
3931
  --color-neutral-alpha-50: #ffffff80;
3912
- --color-brand-green-alpha-10: #47a73b1a;
3913
3932
  --color-brand-green-alpha-20: #73f36c33;
3914
3933
  --color-brand-aqua: #aaf1d5;
3915
3934
  --color-neutral-alpha-dark-2: #14151405;
@@ -4193,42 +4212,6 @@
4193
4212
  inherits: false;
4194
4213
  initial-value: solid;
4195
4214
  }
4196
- @property --tw-backdrop-blur {
4197
- syntax: "*";
4198
- inherits: false;
4199
- }
4200
- @property --tw-backdrop-brightness {
4201
- syntax: "*";
4202
- inherits: false;
4203
- }
4204
- @property --tw-backdrop-contrast {
4205
- syntax: "*";
4206
- inherits: false;
4207
- }
4208
- @property --tw-backdrop-grayscale {
4209
- syntax: "*";
4210
- inherits: false;
4211
- }
4212
- @property --tw-backdrop-hue-rotate {
4213
- syntax: "*";
4214
- inherits: false;
4215
- }
4216
- @property --tw-backdrop-invert {
4217
- syntax: "*";
4218
- inherits: false;
4219
- }
4220
- @property --tw-backdrop-opacity {
4221
- syntax: "*";
4222
- inherits: false;
4223
- }
4224
- @property --tw-backdrop-saturate {
4225
- syntax: "*";
4226
- inherits: false;
4227
- }
4228
- @property --tw-backdrop-sepia {
4229
- syntax: "*";
4230
- inherits: false;
4231
- }
4232
4215
  @property --tw-content {
4233
4216
  syntax: "*";
4234
4217
  inherits: false;
@@ -4542,15 +4525,6 @@
4542
4525
  --tw-numeric-spacing: initial;
4543
4526
  --tw-numeric-fraction: initial;
4544
4527
  --tw-outline-style: solid;
4545
- --tw-backdrop-blur: initial;
4546
- --tw-backdrop-brightness: initial;
4547
- --tw-backdrop-contrast: initial;
4548
- --tw-backdrop-grayscale: initial;
4549
- --tw-backdrop-hue-rotate: initial;
4550
- --tw-backdrop-invert: initial;
4551
- --tw-backdrop-opacity: initial;
4552
- --tw-backdrop-saturate: initial;
4553
- --tw-backdrop-sepia: initial;
4554
4528
  --tw-content: "";
4555
4529
  --tw-scale-x: 1;
4556
4530
  --tw-scale-y: 1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turtleclub/earn-widget",
3
- "version": "0.3.0-beta.26",
3
+ "version": "0.3.0-beta.28",
4
4
  "description": "Configurable and self-contained Turtle Earn widget for third-party integration",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -40,8 +40,8 @@
40
40
  },
41
41
  "dependencies": {
42
42
  "@tailwindcss/postcss": "^4.1.11",
43
- "@turtleclub/hooks": "0.2.1-beta.3",
44
- "@turtleclub/ui": "0.3.0-beta.20",
43
+ "@turtleclub/hooks": "0.2.1-beta.4",
44
+ "@turtleclub/ui": "0.3.0-beta.22",
45
45
  "class-variance-authority": "^0.7.1",
46
46
  "clsx": "^2.1.1",
47
47
  "jotai": "^2.10.5",
@@ -79,5 +79,5 @@
79
79
  "publishConfig": {
80
80
  "access": "public"
81
81
  },
82
- "gitHead": "c20d0976ab19148b22e6967022849ccd8e7d0466"
82
+ "gitHead": "3f4a5d879b04df7736a5d57bcadd78fe8f0f8508"
83
83
  }