@0xsequence/marketplace-sdk 0.8.5 → 0.8.7

package/dist/index.css

@@ -1,4 +1,5 @@
 /* src/index.css */
+@layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
   :root,
@@ -13,6 +14,7 @@
       "Noto Color Emoji";
     --color-indigo-400: oklch(67.3% 0.182 276.935);
     --color-violet-400: oklch(70.2% 0.183 293.541);
+    --color-violet-700: oklch(49.1% 0.27 292.581);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
@@ -61,9 +63,19 @@
       "Liberation Mono",
       "Courier New",
       monospace;
+    --font-body:
+      "Inter",
+      ui-sans-serif,
+      system-ui,
+      sans-serif,
+      "Apple Color Emoji",
+      "Segoe UI Emoji",
+      "Segoe UI Symbol",
+      "Noto Color Emoji";
     --color-border-focus: hsla(247, 100%, 75%, 1);
     --color-border-base: hsla(0, 0%, 31%, 1);
     --color-overlay-light: hsla(0, 0%, 100%, 0.1);
+    --color-overlay-glass: hsla(0, 0%, 100%, 0.05);
     --color-surface-neutral: hsla(0, 0%, 15%, 1);
     --color-text-50: hsla(0, 0%, 100%, 0.5);
     --color-text-80: hsla(0, 0%, 100%, 0.8);
@@ -212,7 +224,10 @@
   }
   @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
     ::placeholder {
-      color: color-mix(in oklab, currentcolor 50%, transparent);
+      color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
     }
   }
   textarea {
@@ -663,11 +678,14 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .transform {
-    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
   .animate-shimmer {
     animation: var(--animate-shimmer);
   }
+  .animate-skeleton {
+    animation: skeleton 1s ease infinite;
+  }
   .animate-spin {
     animation: var(--animate-spin);
   }
@@ -923,6 +941,13 @@
   .bg-none {
     background-image: none;
   }
+  .\[mask-image\:radial-gradient\(circle_at_82\%_82\%\,transparent_22\%\,black_0\)\] {
+    mask-image:
+      radial-gradient(
+        circle at 82% 82%,
+        transparent 22%,
+        black 0);
+  }
   .bg-\[length\:400\%_400\%\] {
     background-size: 400% 400%;
   }
@@ -1287,7 +1312,7 @@
       var(--tw-shadow);
   }
   .ring-1 {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    --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),
@@ -1296,7 +1321,7 @@
       var(--tw-shadow);
   }
   .ring-2 {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    --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),
@@ -1311,7 +1336,10 @@
     --tw-ring-color: var(--seq-color-border-normal);
   }
   .ring-white\/10 {
-    --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+    --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+    }
   }
   .outline-hidden {
     --tw-outline-style: none;
@@ -1425,13 +1453,6 @@
     -webkit-user-select: none;
     user-select: none;
   }
-  .\[mask-image\:radial-gradient\(circle_at_82\%_82\%\,transparent_22\%\,black_0\)\] {
-    mask-image:
-      radial-gradient(
-        circle at 82% 82%,
-        transparent 22%,
-        black 0);
-  }
   .ring-inset {
     --tw-ring-inset: inset;
   }
@@ -1539,28 +1560,34 @@
       width: 100%;
     }
   }
-  .before\:bg-gradient-to-b {
+  .before\:bg-linear-to-l {
     &::before {
       content: var(--tw-content);
-      --tw-gradient-position: to bottom in oklab;
+      --tw-gradient-position: to left;
+      @supports (background-image: linear-gradient(in lab, red, red)) {
+        --tw-gradient-position: to left in oklab;
+      }
       background-image: linear-gradient(var(--tw-gradient-stops));
     }
   }
-  .before\:bg-gradient-to-t {
+  .before\:bg-linear-to-t {
     &::before {
       content: var(--tw-content);
-      --tw-gradient-position: to top in oklab;
+      --tw-gradient-position: to top;
+      @supports (background-image: linear-gradient(in lab, red, red)) {
+        --tw-gradient-position: to top in oklab;
+      }
       background-image: linear-gradient(var(--tw-gradient-stops));
     }
   }
-  .before\:bg-linear-to-l {
+  .before\:bg-gradient-to-b {
     &::before {
       content: var(--tw-content);
-      --tw-gradient-position: to left in oklab;
+      --tw-gradient-position: to bottom in oklab;
       background-image: linear-gradient(var(--tw-gradient-stops));
     }
   }
-  .before\:bg-linear-to-t {
+  .before\:bg-gradient-to-t {
     &::before {
       content: var(--tw-content);
       --tw-gradient-position: to top in oklab;
@@ -1699,20 +1726,26 @@
   .after\:bg-current {
     &::after {
       content: var(--tw-content);
-      background-color: currentColor;
+      background-color: currentcolor;
     }
   }
   .after\:bg-linear-to-b {
     &::after {
       content: var(--tw-content);
-      --tw-gradient-position: to bottom in oklab;
+      --tw-gradient-position: to bottom;
+      @supports (background-image: linear-gradient(in lab, red, red)) {
+        --tw-gradient-position: to bottom in oklab;
+      }
       background-image: linear-gradient(var(--tw-gradient-stops));
     }
   }
   .after\:bg-linear-to-r {
     &::after {
       content: var(--tw-content);
-      --tw-gradient-position: to right in oklab;
+      --tw-gradient-position: to right;
+      @supports (background-image: linear-gradient(in lab, red, red)) {
+        --tw-gradient-position: to right in oklab;
+      }
       background-image: linear-gradient(var(--tw-gradient-stops));
     }
   }
@@ -1749,7 +1782,7 @@
   }
   .focus-within\:ring-2 {
     &:focus-within {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --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),
@@ -1817,7 +1850,7 @@
   }
   .focus\:ring-0 {
     &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow:
         var(--tw-inset-shadow),
         var(--tw-inset-ring-shadow),
@@ -1828,7 +1861,7 @@
   }
   .focus\:ring-2 {
     &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --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),
@@ -1887,7 +1920,7 @@
   }
   .focus-visible\:ring-2 {
     &:focus-visible {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --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),
@@ -2043,6 +2076,11 @@
       transition-timing-function: var(--ease-out);
     }
   }
+  .data-\[swipe\=end\]\:animate-swipe-out {
+    &[data-swipe=end] {
+      animation: swipe-out 200ms ease-out;
+    }
+  }
   .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\] {
     &[data-swipe=move] {
       --tw-translate-x: var(--radix-toast-swipe-move-x);
@@ -2129,7 +2167,7 @@
   .focus-within\:\[\&\:has\(\:focus-visible\)\]\:ring-2 {
     &:focus-within {
       &:has(:focus-visible) {
-        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+        --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),
@@ -2448,19 +2486,21 @@ video::-webkit-media-controls {
 @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-rotate-x { syntax: "*"; inherits: false; initial-value: rotateX(0); }
-@property --tw-rotate-y { syntax: "*"; inherits: false; initial-value: rotateY(0); }
-@property --tw-rotate-z { syntax: "*"; inherits: false; initial-value: rotateZ(0); }
-@property --tw-skew-x { syntax: "*"; inherits: false; initial-value: skewX(0); }
-@property --tw-skew-y { syntax: "*"; inherits: false; initial-value: skewY(0); }
+@property --tw-rotate-x { syntax: "*"; inherits: false; }
+@property --tw-rotate-y { syntax: "*"; inherits: false; }
+@property --tw-rotate-z { syntax: "*"; inherits: false; }
+@property --tw-skew-x { syntax: "*"; inherits: false; }
+@property --tw-skew-y { syntax: "*"; inherits: false; }
 @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
 @property --tw-leading { syntax: "*"; inherits: false; }
 @property --tw-font-weight { syntax: "*"; inherits: false; }
 @property --tw-tracking { syntax: "*"; inherits: false; }
 @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
 @property --tw-shadow-color { syntax: "*"; inherits: false; }
+@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
 @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
 @property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
+@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
 @property --tw-ring-color { syntax: "*"; inherits: false; }
 @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
 @property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@@ -2480,6 +2520,9 @@ video::-webkit-media-controls {
 @property --tw-saturate { syntax: "*"; inherits: false; }
 @property --tw-sepia { syntax: "*"; inherits: false; }
 @property --tw-drop-shadow { syntax: "*"; inherits: false; }
+@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
+@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
+@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
 @property --tw-backdrop-blur { syntax: "*"; inherits: false; }
 @property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
 @property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@@ -2509,5 +2552,97 @@ video::-webkit-media-controls {
     transform: rotate(360deg);
   }
 }
-/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
+@keyframes skeleton {
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+}
+@keyframes swipe-out {
+  from {
+    transform: translateX(var(--radix-toast-swipe-end-x));
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *,
+    ::before,
+    ::after,
+    ::backdrop {
+      --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-border-style: solid;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
+      --tw-content: "";
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
+    }
+  }
+}
+/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
 /*# sourceMappingURL=index.css.map */