@anker-in/headless-ui 1.1.87 → 1.1.88

package/style.css

@@ -583,6 +583,9 @@ video {
 .bottom-4 {
   bottom: 1rem;
 }
+.bottom-5 {
+  bottom: 1.25rem;
+}
 .bottom-\[16px\] {
   bottom: 16px;
 }
@@ -688,8 +691,8 @@ video {
 .\!z-\[51\] {
   z-index: 51 !important;
 }
-.\!z-\[60\] {
-  z-index: 60 !important;
+.z-0 {
+  z-index: 0;
 }
 .z-10 {
   z-index: 10;
@@ -718,6 +721,9 @@ video {
 .z-\[1\] {
   z-index: 1;
 }
+.z-\[20\] {
+  z-index: 20;
+}
 .z-\[2\] {
   z-index: 2;
 }
@@ -730,9 +736,6 @@ video {
 .z-\[60\] {
   z-index: 60;
 }
-.z-\[70\] {
-  z-index: 70;
-}
 .z-\[9998\] {
   z-index: 9998;
 }
@@ -742,6 +745,9 @@ video {
 .z-\[999\] {
   z-index: 999;
 }
+.z-auto {
+  z-index: auto;
+}
 .-order-1 {
   order: -1;
 }
@@ -1034,6 +1040,9 @@ video {
 .mt-\[24px\] {
   margin-top: 24px;
 }
+.mt-\[2px\] {
+  margin-top: 2px;
+}
 .mt-\[42px\] {
   margin-top: 42px;
 }
@@ -1232,6 +1241,10 @@ video {
   width: 124px;
   height: 124px;
 }
+.size-\[128px\] {
+  width: 128px;
+  height: 128px;
+}
 .size-\[138px\] {
   width: 138px;
   height: 138px;
@@ -1569,6 +1582,9 @@ video {
 .max-h-\[360px\] {
   max-height: 360px;
 }
+.max-h-\[40px\] {
+  max-height: 40px;
+}
 .max-h-\[500px\] {
   max-height: 500px;
 }
@@ -1824,6 +1840,9 @@ video {
 .max-w-\[178px\] {
   max-width: 178px;
 }
+.max-w-\[1920px\] {
+  max-width: 1920px;
+}
 .max-w-\[200px\] {
   max-width: 200px;
 }
@@ -2567,6 +2586,9 @@ video {
 .border-brand-0 {
   border-color: var(--brand-color-0);
 }
+.border-container-primary {
+  border-color: var(--container-primary-color);
+}
 .border-info-primary {
   border-color: var(--info-primary-color);
 }
@@ -2602,6 +2624,9 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
 }
+.border-white\/60 {
+  border-color: rgb(255 255 255 / 0.6);
+}
 .border-b-\[\#E4E5E6\] {
   --tw-border-opacity: 1;
   border-bottom-color: rgb(228 229 230 / var(--tw-border-opacity, 1));
@@ -2644,10 +2669,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(30 32 36 / var(--tw-bg-opacity, 1));
 }
-.bg-\[\#34C759\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(52 199 89 / var(--tw-bg-opacity, 1));
-}
 .bg-\[\#3D3E3F\] {
   --tw-bg-opacity: 1;
   background-color: rgb(61 62 63 / var(--tw-bg-opacity, 1));
@@ -2660,10 +2681,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(117 120 127 / var(--tw-bg-opacity, 1));
 }
-.bg-\[\#767880\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(118 120 128 / var(--tw-bg-opacity, 1));
-}
 .bg-\[\#86868C\] {
   --tw-bg-opacity: 1;
   background-color: rgb(134 134 140 / var(--tw-bg-opacity, 1));
@@ -2762,6 +2779,9 @@ video {
 .bg-black\/20 {
   background-color: rgb(0 0 0 / 0.2);
 }
+.bg-black\/30 {
+  background-color: rgb(0 0 0 / 0.3);
+}
 .bg-black\/40 {
   background-color: rgb(0 0 0 / 0.4);
 }
@@ -2795,6 +2815,9 @@ video {
 .bg-container-primary {
   background-color: var(--container-primary-color);
 }
+.bg-container-secondary {
+  background-color: var(--container-secondary-color-0);
+}
 .bg-container-secondary-0 {
   background-color: var(--container-secondary-color-0);
 }
@@ -3168,6 +3191,10 @@ video {
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
 }
+.py-10 {
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
 .py-16 {
   padding-top: 4rem;
   padding-bottom: 4rem;
@@ -3307,6 +3334,9 @@ video {
 .pr-9 {
   padding-right: 2.25rem;
 }
+.pr-\[16\%\] {
+  padding-right: 16%;
+}
 .pr-\[60px\] {
   padding-right: 60px;
 }
@@ -3322,6 +3352,9 @@ video {
 .pt-2 {
   padding-top: 0.5rem;
 }
+.pt-3 {
+  padding-top: 0.75rem;
+}
 .pt-4 {
   padding-top: 1rem;
 }
@@ -3471,6 +3504,9 @@ video {
 .leading-\[1\.4\] {
   line-height: 1.4;
 }
+.leading-\[1\.6\] {
+  line-height: 1.6;
+}
 .leading-\[100\%\] {
   line-height: 100%;
 }
@@ -3569,10 +3605,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(51 51 51 / var(--tw-text-opacity, 1));
 }
-.text-\[\#34C759\] {
-  --tw-text-opacity: 1;
-  color: rgb(52 199 89 / var(--tw-text-opacity, 1));
-}
 .text-\[\#3AD1FF\] {
   --tw-text-opacity: 1;
   color: rgb(58 209 255 / var(--tw-text-opacity, 1));
@@ -3640,10 +3672,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(200 200 200 / var(--tw-text-opacity, 1));
 }
-.text-\[\#D1D1D1\] {
-  --tw-text-opacity: 1;
-  color: rgb(209 209 209 / var(--tw-text-opacity, 1));
-}
 .text-\[\#D41435\] {
   --tw-text-opacity: 1;
   color: rgb(212 20 53 / var(--tw-text-opacity, 1));
@@ -3742,6 +3770,9 @@ video {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
 }
+.text-success-0 {
+  color: var(--success-color-0);
+}
 .text-transparent {
   color: transparent;
 }
@@ -3752,6 +3783,9 @@ video {
 .text-white\/80 {
   color: rgb(255 255 255 / 0.8);
 }
+.text-white\/95 {
+  color: rgb(255 255 255 / 0.95);
+}
 .underline {
   text-decoration-line: underline;
 }
@@ -3789,6 +3823,9 @@ video {
 .opacity-80 {
   opacity: 0.8;
 }
+.opacity-90 {
+  opacity: 0.9;
+}
 .\!shadow-none {
   --tw-shadow: 0 0 #0000 !important;
   --tw-shadow-colored: 0 0 #0000 !important;
@@ -3939,6 +3976,13 @@ video {
 .ease-out {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+.scrollbar-hide::-webkit-scrollbar {
+  display: none;
+}
 .mask-fade-vertical {
   -webkit-mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
   mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
@@ -4363,13 +4407,13 @@ video {
   background-color: var(--info-quaternary-color);
 }
 .disabled\:bg-btn-secondary-disabled:disabled {
-  background-color: var(--info-white-color);
+  background-color: transparent;
 }
 .disabled\:text-btn-primary-disabled-foreground:disabled {
   color: var(--info-white-color);
 }
 .disabled\:text-btn-secondary-disabled:disabled {
-  color: var(--info-white-color);
+  color: transparent;
 }
 .disabled\:text-btn-secondary-disabled-foreground:disabled {
   color: var(--info-quaternary-color);
@@ -4496,6 +4540,10 @@ video {
 .data-\[state\=checked\]\:border-primary[data-state="checked"] {
   border-color: var(--brand-color-0);
 }
+.data-\[state\=checked\]\:border-white[data-state="checked"] {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
+}
 .data-\[state\=active\]\:bg-white[data-state="active"] {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -4524,6 +4572,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(8 10 15 / var(--tw-text-opacity, 1));
 }
+.data-\[state\=checked\]\:text-\[\#1D1D1F\][data-state="checked"] {
+  --tw-text-opacity: 1;
+  color: rgb(29 29 31 / var(--tw-text-opacity, 1));
+}
 .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
   color: var(--info-white-color);
 }
@@ -4650,6 +4702,9 @@ video {
   .md-tablet\:w-full {
     width: 100%;
   }
+  .md-tablet\:max-w-\[90\%\] {
+    max-width: 90%;
+  }
   .md-tablet\:flex-1 {
     flex: 1 1 0%;
   }
@@ -4706,9 +4761,6 @@ video {
   .l-tablet\:w-full {
     width: 100%;
   }
-  .l-tablet\:max-w-\[90\%\] {
-    max-width: 90%;
-  }
   .l-tablet\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -4749,6 +4801,9 @@ video {
   .tablet\:-top-8 {
     top: -2rem;
   }
+  .tablet\:bottom-6 {
+    bottom: 1.5rem;
+  }
   .tablet\:bottom-\[70px\] {
     bottom: 70px;
   }
@@ -4887,6 +4942,10 @@ video {
     width: 2rem;
     height: 2rem;
   }
+  .tablet\:size-\[140px\] {
+    width: 140px;
+    height: 140px;
+  }
   .tablet\:size-\[420px\] {
     width: 420px;
     height: 420px;
@@ -4904,12 +4963,18 @@ video {
   .tablet\:h-\[18\.22vw\] {
     height: 18.22vw;
   }
+  .tablet\:h-\[240px\] {
+    height: 240px;
+  }
   .tablet\:h-\[24px\] {
     height: 24px;
   }
   .tablet\:h-\[336px\] {
     height: 336px;
   }
+  .tablet\:h-\[400px\] {
+    height: 400px;
+  }
   .tablet\:h-\[620px\] {
     height: 620px;
   }
@@ -4922,6 +4987,9 @@ video {
   .tablet\:max-h-60 {
     max-height: 15rem;
   }
+  .tablet\:max-h-\[24px\] {
+    max-height: 24px;
+  }
   .tablet\:max-h-\[80vh\] {
     max-height: 80vh;
   }
@@ -5102,10 +5170,21 @@ video {
     border-bottom-right-radius: var(--box-radius);
     border-bottom-left-radius: var(--box-radius);
   }
+  .tablet\:rounded-b-none {
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
   .tablet\:rounded-l-none {
     border-top-left-radius: 0px;
     border-bottom-left-radius: 0px;
   }
+  .tablet\:rounded-t-box {
+    border-top-left-radius: var(--box-radius);
+    border-top-right-radius: var(--box-radius);
+  }
+  .tablet\:bg-container-primary {
+    background-color: var(--container-primary-color);
+  }
   .tablet\:p-3 {
     padding: 0.75rem;
   }
@@ -5386,6 +5465,12 @@ video {
   .laptop\:mt-\[8px\] {
     margin-top: 8px;
   }
+  .laptop\:line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
   .laptop\:line-clamp-3 {
     overflow: hidden;
     display: -webkit-box;
@@ -5735,6 +5820,9 @@ video {
   .laptop\:shrink-0 {
     flex-shrink: 0;
   }
+  .laptop\:grow-0 {
+    flex-grow: 0;
+  }
   .laptop\:basis-\[36\%\] {
     flex-basis: 36%;
   }
@@ -5779,6 +5867,9 @@ video {
   .laptop\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
+  .laptop\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
   .laptop\:flex-row {
     flex-direction: row;
   }
@@ -5791,6 +5882,9 @@ video {
   .laptop\:flex-wrap {
     flex-wrap: wrap;
   }
+  .laptop\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
   .laptop\:items-end {
     align-items: flex-end;
   }
@@ -5818,6 +5912,12 @@ video {
   .laptop\:gap-1 {
     gap: 0.25rem;
   }
+  .laptop\:gap-10 {
+    gap: 2.5rem;
+  }
+  .laptop\:gap-12 {
+    gap: 3rem;
+  }
   .laptop\:gap-16 {
     gap: 4rem;
   }
@@ -5896,6 +5996,10 @@ video {
   .laptop\:bg-container-secondary-1 {
     background-color: var(--container-secondary-color-1);
   }
+  .laptop\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  }
   .laptop\:p-0 {
     padding: 0px;
   }
@@ -6431,6 +6535,10 @@ video {
     width: 116px;
     height: 116px;
   }
+  .desktop\:size-\[196px\] {
+    width: 196px;
+    height: 196px;
+  }
   .desktop\:size-\[28px\] {
     width: 28px;
     height: 28px;
@@ -6478,6 +6586,9 @@ video {
   .desktop\:h-\[24px\] {
     height: 24px;
   }
+  .desktop\:h-\[256px\] {
+    height: 256px;
+  }
   .desktop\:h-\[280px\] {
     height: 280px;
   }
@@ -6738,6 +6849,9 @@ video {
   .desktop\:p-6 {
     padding: 1.5rem;
   }
+  .desktop\:p-8 {
+    padding: 2rem;
+  }
   .desktop\:p-\[24px\] {
     padding: 24px;
   }
@@ -6760,6 +6874,10 @@ video {
     padding-left: 4rem;
     padding-right: 4rem;
   }
+  .desktop\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
+  }
   .desktop\:px-4 {
     padding-left: 1rem;
     padding-right: 1rem;
@@ -7086,6 +7204,9 @@ video {
   .lg-desktop\:h-10 {
     height: 2.5rem;
   }
+  .lg-desktop\:h-16 {
+    height: 4rem;
+  }
   .lg-desktop\:h-\[108px\] {
     height: 108px;
   }
@@ -7122,6 +7243,9 @@ video {
   .lg-desktop\:h-\[28px\] {
     height: 28px;
   }
+  .lg-desktop\:h-\[320px\] {
+    height: 320px;
+  }
   .lg-desktop\:h-\[362px\] {
     height: 362px;
   }
@@ -7350,6 +7474,10 @@ video {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+  .lg-desktop\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
+  }
   .lg-desktop\:px-32 {
     padding-left: 8rem;
     padding-right: 8rem;
@@ -7552,6 +7680,41 @@ video {
 .\[\&_\*_strong\]\:\!font-bold * strong {
   font-weight: 700 !important;
 }
+.\[\&_\.banner-dot\.swiper-pagination-bullet-active\]\:h-2 .banner-dot.swiper-pagination-bullet-active {
+  height: 0.5rem;
+}
+.\[\&_\.banner-dot\.swiper-pagination-bullet-active\]\:w-8 .banner-dot.swiper-pagination-bullet-active {
+  width: 2rem;
+}
+.\[\&_\.banner-dot\.swiper-pagination-bullet-active\]\:rounded-full .banner-dot.swiper-pagination-bullet-active {
+  border-radius: 9999px;
+}
+.\[\&_\.banner-dot\.swiper-pagination-bullet-active\]\:bg-\[\#080A0F\] .banner-dot.swiper-pagination-bullet-active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(8 10 15 / var(--tw-bg-opacity, 1));
+}
+.\[\&_\.banner-dot\]\:size-2 .banner-dot {
+  width: 0.5rem;
+  height: 0.5rem;
+}
+.\[\&_\.banner-dot\]\:rounded-full .banner-dot {
+  border-radius: 9999px;
+}
+.\[\&_\.banner-dot\]\:bg-\[\#767880\] .banner-dot {
+  --tw-bg-opacity: 1;
+  background-color: rgb(118 120 128 / var(--tw-bg-opacity, 1));
+}
+.\[\&_\.banner-dot\]\:transition-all .banner-dot {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.\[\&_\.banner-dot\]\:duration-300 .banner-dot {
+  transition-duration: 300ms;
+}
+.\[\&_\.banner-dot\]\:ease-out .banner-dot {
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
 .\[\&_\.dialog-close-button\]\:focus\:\!ring-0:focus .dialog-close-button {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
@@ -7582,10 +7745,16 @@ video {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(8 10 15 / var(--tw-bg-opacity, 1)) !important;
 }
+.\[\&_\.swiper-pagination-bullet\]\:m-0 .swiper-pagination-bullet {
+  margin: 0px;
+}
 .\[\&_\.swiper-pagination-bullet\]\:size-2 .swiper-pagination-bullet {
   width: 0.5rem;
   height: 0.5rem;
 }
+.\[\&_\.swiper-pagination-bullet\]\:shrink-0 .swiper-pagination-bullet {
+  flex-shrink: 0;
+}
 .\[\&_\.swiper-pagination-bullet\]\:rounded-full .swiper-pagination-bullet {
   border-radius: 9999px;
 }
@@ -7618,9 +7787,29 @@ video {
 .\[\&_\.swiper-wrapper\]\:\!ease-linear .swiper-wrapper {
   transition-timing-function: linear !important;
 }
+.\[\&_a\]\:text-\[\#1E2024\] a {
+  --tw-text-opacity: 1;
+  color: rgb(30 32 36 / var(--tw-text-opacity, 1));
+}
+.\[\&_a\]\:text-brand-0 a {
+  color: var(--brand-color-0);
+}
+.\[\&_a\]\:text-white a {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
 .\[\&_a\]\:underline a {
   text-decoration-line: underline;
 }
+.\[\&_a\]\:underline-offset-2 a {
+  text-underline-offset: 2px;
+}
+.\[\&_a\]\:hover\:text-\[\#1E2024\]\/80:hover a {
+  color: rgb(30 32 36 / 0.8);
+}
+.\[\&_a\]\:hover\:text-white\/80:hover a {
+  color: rgb(255 255 255 / 0.8);
+}
 .\[\&_button\]\:hidden button {
   display: none;
 }

package/tailwind.config.js

@@ -89,7 +89,7 @@ module.exports = {
         container: {
           primary: 'var(--container-primary-color)',
           secondary: {
-            default: 'var(--container-secondary-color-0)',
+            DEFAULT: 'var(--container-secondary-color-0)',
             0: 'var(--container-secondary-color-0)',
             1: 'var(--container-secondary-color-1)',
           },
@@ -144,7 +144,7 @@ module.exports = {
               foreground: 'var(--info-white-color)',
             },
             disabled: {
-              DEFAULT: 'var(--info-white-color)',
+              DEFAULT: 'transparent',
               foreground: 'var(--info-quaternary-color)',
               border: 'var(--info-quaternary-color)',
             },
@@ -187,6 +187,18 @@ module.exports = {
     },
   },
   plugins: [
+    function (options) {
+      var addUtilities = options.addUtilities
+      addUtilities({
+        '.scrollbar-hide': {
+          '-ms-overflow-style': 'none',
+          'scrollbar-width': 'none',
+        },
+        '.scrollbar-hide::-webkit-scrollbar': {
+          display: 'none',
+        },
+      })
+    },
     function (options) {
       var addUtilities = options.addUtilities
       var theme = options.theme