@anker-in/headless-ui 1.1.78 → 1.1.80

package/style.css

@@ -1397,6 +1397,9 @@ video {
 .h-\[18px\] {
   height: 18px;
 }
+.h-\[1px\] {
+  height: 1px;
+}
 .h-\[2\.2em\] {
   height: 2.2em;
 }
@@ -1493,6 +1496,9 @@ video {
 .h-\[96px\] {
   height: 96px;
 }
+.h-\[98px\] {
+  height: 98px;
+}
 .h-\[calc\(100\%-240px\)\] {
   height: calc(100% - 240px);
 }
@@ -1716,6 +1722,9 @@ video {
 .w-\[36px\] {
   width: 36px;
 }
+.w-\[40px\] {
+  width: 40px;
+}
 .w-\[44px\] {
   width: 44px;
 }
@@ -1728,9 +1737,6 @@ video {
 .w-\[50px\] {
   width: 50px;
 }
-.w-\[60\%\] {
-  width: 60%;
-}
 .w-\[70px\] {
   width: 70px;
 }
@@ -1740,6 +1746,9 @@ video {
 .w-\[80px\] {
   width: 80px;
 }
+.w-\[88px\] {
+  width: 88px;
+}
 .w-\[calc\(100\%-20px\)\] {
   width: calc(100% - 20px);
 }
@@ -1797,8 +1806,8 @@ video {
 .min-w-\[326px\] {
   min-width: 326px;
 }
-.min-w-\[600px\] {
-  min-width: 600px;
+.min-w-\[90vw\] {
+  min-width: 90vw;
 }
 .\!max-w-none {
   max-width: none !important;
@@ -1848,6 +1857,9 @@ video {
 .max-w-\[72px\] {
   max-width: 72px;
 }
+.max-w-\[80vh\] {
+  max-width: 80vh;
+}
 .max-w-\[824px\] {
   max-width: 824px;
 }
@@ -2149,6 +2161,9 @@ video {
 .gap-4 {
   gap: 1rem;
 }
+.gap-5 {
+  gap: 1.25rem;
+}
 .gap-6 {
   gap: 1.5rem;
 }
@@ -2654,6 +2669,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#DADCE0\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(218 220 224 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#DAE7F2\] {
   --tw-bg-opacity: 1;
   background-color: rgb(218 231 242 / var(--tw-bg-opacity, 1));
@@ -2670,6 +2689,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(234 234 236 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#EDFBFF\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(237 251 255 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#F4E8BC\] {
   --tw-bg-opacity: 1;
   background-color: rgb(244 232 188 / var(--tw-bg-opacity, 1));
@@ -3174,10 +3197,6 @@ video {
   padding-top: 2px;
   padding-bottom: 2px;
 }
-.py-\[3px\] {
-  padding-top: 3px;
-  padding-bottom: 3px;
-}
 .py-\[4px\] {
   padding-top: 4px;
   padding-bottom: 4px;
@@ -3446,9 +3465,6 @@ video {
 .leading-\[140\%\] {
   line-height: 140%;
 }
-.leading-\[36px\] {
-  line-height: 36px;
-}
 .leading-\[38px\] {
   line-height: 38px;
 }
@@ -3479,6 +3495,12 @@ video {
 .tracking-\[-0\.48px\] {
   letter-spacing: -0.48px;
 }
+.tracking-\[-0\.56px\] {
+  letter-spacing: -0.56px;
+}
+.tracking-\[-0\.8px\] {
+  letter-spacing: -0.8px;
+}
 .tracking-tight {
   letter-spacing: -0.025em;
 }
@@ -3520,6 +3542,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(29 29 31 / var(--tw-text-opacity, 1));
 }
+.text-\[\#2A2C32\] {
+  --tw-text-opacity: 1;
+  color: rgb(42 44 50 / var(--tw-text-opacity, 1));
+}
 .text-\[\#333\] {
   --tw-text-opacity: 1;
   color: rgb(51 51 51 / var(--tw-text-opacity, 1));
@@ -3735,6 +3761,9 @@ video {
 .opacity-70 {
   opacity: 0.7;
 }
+.opacity-75 {
+  opacity: 0.75;
+}
 .\!shadow-none {
   --tw-shadow: 0 0 #0000 !important;
   --tw-shadow-colored: 0 0 #0000 !important;
@@ -4419,6 +4448,9 @@ video {
 .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] {
   border-bottom-width: 1px;
 }
+.data-\[state\=checked\]\:border-info-primary[data-state="checked"] {
+  border-color: var(--info-primary-color);
+}
 .data-\[state\=checked\]\:border-primary[data-state="checked"] {
   border-color: var(--brand-color-0);
 }
@@ -4429,6 +4461,9 @@ video {
 .data-\[state\=checked\]\:bg-brand-0[data-state="checked"] {
   background-color: var(--brand-color-0);
 }
+.data-\[state\=checked\]\:bg-info-primary[data-state="checked"] {
+  background-color: var(--info-primary-color);
+}
 .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
   background-color: var(--brand-color-0);
 }
@@ -4473,9 +4508,6 @@ video {
     margin-top: 24px;
     margin-bottom: 24px;
   }
-  .md\:mt-\[16px\] {
-    margin-top: 16px;
-  }
   .md\:aspect-\[358\/360\] {
     aspect-ratio: 358/360;
   }
@@ -4483,18 +4515,12 @@ video {
     width: 14px;
     height: 14px;
   }
-  .md\:min-w-\[90vw\] {
-    min-width: 90vw;
-  }
   .md\:shrink-0 {
     flex-shrink: 0;
   }
   .md\:basis-\[296px\] {
     flex-basis: 296px;
   }
-  .md\:grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
   .md\:gap-\[4px\] {
     gap: 4px;
   }
@@ -4530,9 +4556,6 @@ video {
   .md\:text-\[14px\] {
     font-size: 14px;
   }
-  .md\:text-\[16px\] {
-    font-size: 16px;
-  }
   .md\:text-\[20px\] {
     font-size: 20px;
   }
@@ -4668,6 +4691,9 @@ video {
   }
 }
 @media (min-width: 768px) {
+  .tablet\:static {
+    position: static;
+  }
   .tablet\:absolute {
     position: absolute;
   }
@@ -4684,6 +4710,9 @@ video {
   .tablet\:bottom-\[70px\] {
     bottom: 70px;
   }
+  .tablet\:bottom-auto {
+    bottom: auto;
+  }
   .tablet\:left-6 {
     left: 1.5rem;
   }
@@ -4740,6 +4769,9 @@ video {
   .tablet\:mt-\[16px\] {
     margin-top: 16px;
   }
+  .tablet\:mt-\[24px\] {
+    margin-top: 24px;
+  }
   .tablet\:line-clamp-1 {
     overflow: hidden;
     display: -webkit-box;
@@ -4836,9 +4868,21 @@ video {
   .tablet\:h-\[620px\] {
     height: 620px;
   }
+  .tablet\:h-auto {
+    height: auto;
+  }
+  .tablet\:h-full {
+    height: 100%;
+  }
   .tablet\:max-h-60 {
     max-height: 15rem;
   }
+  .tablet\:max-h-\[80vh\] {
+    max-height: 80vh;
+  }
+  .tablet\:max-h-\[calc\(80vh-52px\)\] {
+    max-height: calc(80vh - 52px);
+  }
   .tablet\:min-h-\[393px\] {
     min-height: 393px;
   }
@@ -4857,6 +4901,9 @@ video {
   .tablet\:w-\[340px\] {
     width: 340px;
   }
+  .tablet\:w-\[896px\] {
+    width: 896px;
+  }
   .tablet\:w-auto {
     width: auto;
   }
@@ -4867,6 +4914,9 @@ video {
   .tablet\:w-full {
     width: 100%;
   }
+  .tablet\:min-w-\[600px\] {
+    min-width: 600px;
+  }
   .tablet\:min-w-\[auto\] {
     min-width: auto;
   }
@@ -4879,12 +4929,18 @@ video {
   .tablet\:max-w-\[346px\] {
     max-width: 346px;
   }
+  .tablet\:max-w-\[463px\] {
+    max-width: 463px;
+  }
   .tablet\:max-w-\[704px\] {
     max-width: 704px;
   }
   .tablet\:max-w-\[896px\] {
     max-width: 896px;
   }
+  .tablet\:max-w-\[90vw\] {
+    max-width: 90vw;
+  }
   .tablet\:max-w-none {
     max-width: none;
   }
@@ -4900,6 +4956,10 @@ video {
   .tablet\:basis-\[58\%\] {
     flex-basis: 58%;
   }
+  .tablet\:-translate-y-1\/2 {
+    --tw-translate-y: -50%;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
   .tablet\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -4987,6 +5047,9 @@ video {
   .tablet\:rounded-2xl {
     border-radius: 1rem;
   }
+  .tablet\:rounded-box {
+    border-radius: var(--box-radius);
+  }
   .tablet\:rounded-lg {
     border-radius: 0.5rem;
   }
@@ -5017,6 +5080,10 @@ video {
     padding-left: 0px;
     padding-right: 0px;
   }
+  .tablet\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
   .tablet\:px-4 {
     padding-left: 1rem;
     padding-right: 1rem;
@@ -5045,9 +5112,16 @@ video {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
   }
+  .tablet\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
   .tablet\:\!pb-0 {
     padding-bottom: 0px !important;
   }
+  .tablet\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
   .tablet\:pb-8 {
     padding-bottom: 2rem;
   }
@@ -5057,6 +5131,9 @@ video {
   .tablet\:pt-0 {
     padding-top: 0px;
   }
+  .tablet\:pt-4 {
+    padding-top: 1rem;
+  }
   .tablet\:pt-\[80px\] {
     padding-top: 80px;
   }
@@ -5079,6 +5156,12 @@ video {
   .tablet\:text-\[16px\] {
     font-size: 16px;
   }
+  .tablet\:text-\[18px\] {
+    font-size: 18px;
+  }
+  .tablet\:text-\[20px\] {
+    font-size: 20px;
+  }
   .tablet\:text-\[24px\] {
     font-size: 24px;
   }
@@ -5381,6 +5464,12 @@ video {
   .laptop\:h-\[--circle-laptop-height\] {
     height: var(--circle-laptop-height);
   }
+  .laptop\:h-\[100px\] {
+    height: 100px;
+  }
+  .laptop\:h-\[108px\] {
+    height: 108px;
+  }
   .laptop\:h-\[112px\] {
     height: 112px;
   }
@@ -5504,6 +5593,9 @@ video {
   .laptop\:w-\[49\%\] {
     width: 49%;
   }
+  .laptop\:w-\[60\%\] {
+    width: 60%;
+  }
   .laptop\:w-\[60px\] {
     width: 60px;
   }
@@ -5556,8 +5648,8 @@ video {
   .laptop\:max-w-\[560px\] {
     max-width: 560px;
   }
-  .laptop\:max-w-\[90vw\] {
-    max-width: 90vw;
+  .laptop\:max-w-\[563px\] {
+    max-width: 563px;
   }
   .laptop\:max-w-full {
     max-width: 100%;
@@ -5708,9 +5800,15 @@ video {
   .laptop\:gap-\[64px\] {
     gap: 64px;
   }
+  .laptop\:gap-y-8 {
+    row-gap: 2rem;
+  }
   .laptop\:overflow-hidden {
     overflow: hidden;
   }
+  .laptop\:\!overflow-visible {
+    overflow: visible !important;
+  }
   .laptop\:rounded-2xl {
     border-radius: 1rem;
   }
@@ -6073,6 +6171,13 @@ video {
   .laptop-md\:gap-4 {
     gap: 1rem;
   }
+  .laptop-md\:gap-x-4 {
+    -moz-column-gap: 1rem;
+         column-gap: 1rem;
+  }
+  .laptop-md\:gap-y-8 {
+    row-gap: 2rem;
+  }
   .laptop-md\:rounded-2xl {
     border-radius: 1rem;
   }
@@ -6168,6 +6273,9 @@ video {
   .desktop\:mb-10 {
     margin-bottom: 2.5rem;
   }
+  .desktop\:mr-3 {
+    margin-right: 0.75rem;
+  }
   .desktop\:mt-0 {
     margin-top: 0px;
   }
@@ -6289,6 +6397,9 @@ video {
   .desktop\:h-8 {
     height: 2rem;
   }
+  .desktop\:h-\[112px\] {
+    height: 112px;
+  }
   .desktop\:h-\[122px\] {
     height: 122px;
   }
@@ -6380,6 +6491,9 @@ video {
   .desktop\:w-\[115px\] {
     width: 115px;
   }
+  .desktop\:w-\[116px\] {
+    width: 116px;
+  }
   .desktop\:w-\[156px\] {
     width: 156px;
   }
@@ -6447,6 +6561,9 @@ video {
   .desktop\:max-w-\[648px\] {
     max-width: 648px;
   }
+  .desktop\:max-w-none {
+    max-width: none;
+  }
   .desktop\:flex-1 {
     flex: 1 1 0%;
   }
@@ -6495,9 +6612,6 @@ video {
   .desktop\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
-  .desktop\:grid-cols-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
   .desktop\:flex-row {
     flex-direction: row;
   }
@@ -6528,6 +6642,9 @@ video {
   .desktop\:gap-2 {
     gap: 0.5rem;
   }
+  .desktop\:gap-3 {
+    gap: 0.75rem;
+  }
   .desktop\:gap-4 {
     gap: 1rem;
   }
@@ -6567,6 +6684,10 @@ video {
   .desktop\:p-\[32px\] {
     padding: 32px;
   }
+  .desktop\:px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
   .desktop\:px-12 {
     padding-left: 3rem;
     padding-right: 3rem;
@@ -6575,6 +6696,10 @@ video {
     padding-left: 4rem;
     padding-right: 4rem;
   }
+  .desktop\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
   .desktop\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
@@ -6679,6 +6804,9 @@ video {
     font-size: 1.5rem;
     line-height: 2rem;
   }
+  .desktop\:text-\[14px\] {
+    font-size: 14px;
+  }
   .desktop\:text-\[16px\] {
     font-size: 16px;
   }
@@ -6718,6 +6846,10 @@ video {
     font-size: 0.875rem;
     line-height: 1.25rem;
   }
+  .desktop\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
   .desktop\:text-\[\#B6B6BA\] {
     --tw-text-opacity: 1;
     color: rgb(182 182 186 / var(--tw-text-opacity, 1));
@@ -6759,12 +6891,18 @@ video {
   .lg-desktop\:mb-16 {
     margin-bottom: 4rem;
   }
+  .lg-desktop\:mb-4 {
+    margin-bottom: 1rem;
+  }
   .lg-desktop\:mb-8 {
     margin-bottom: 2rem;
   }
   .lg-desktop\:mb-\[24px\] {
     margin-bottom: 24px;
   }
+  .lg-desktop\:mt-1 {
+    margin-top: 0.25rem;
+  }
   .lg-desktop\:mt-3 {
     margin-top: 0.75rem;
   }
@@ -6877,6 +7015,9 @@ video {
   .lg-desktop\:h-\[108px\] {
     height: 108px;
   }
+  .lg-desktop\:h-\[116px\] {
+    height: 116px;
+  }
   .lg-desktop\:h-\[128px\] {
     height: 128px;
   }
@@ -6916,9 +7057,6 @@ video {
   .lg-desktop\:h-\[36px\] {
     height: 36px;
   }
-  .lg-desktop\:h-\[38px\] {
-    height: 38px;
-  }
   .lg-desktop\:h-\[400px\] {
     height: 400px;
   }
@@ -6991,6 +7129,9 @@ video {
   .lg-desktop\:w-\[144px\] {
     width: 144px;
   }
+  .lg-desktop\:w-\[146px\] {
+    width: 146px;
+  }
   .lg-desktop\:w-\[180px\] {
     width: 180px;
   }
@@ -7074,9 +7215,6 @@ video {
   .lg-desktop\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
-  .lg-desktop\:grid-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
   .lg-desktop\:gap-1 {
     gap: 0.25rem;
   }
@@ -7098,6 +7236,9 @@ video {
   .lg-desktop\:gap-4 {
     gap: 1rem;
   }
+  .lg-desktop\:gap-5 {
+    gap: 1.25rem;
+  }
   .lg-desktop\:gap-6 {
     gap: 1.5rem;
   }
@@ -7183,6 +7324,10 @@ video {
     padding-top: 1rem;
     padding-bottom: 1rem;
   }
+  .lg-desktop\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
   .lg-desktop\:\!pl-\[28px\] {
     padding-left: 28px !important;
   }
@@ -7277,9 +7422,6 @@ video {
   .lg-desktop\:leading-\[1\.2\] {
     line-height: 1.2;
   }
-  .lg-desktop\:leading-\[38px\] {
-    line-height: 38px;
-  }
 }
 .\[\&\.swiper-slide-thumb-active\]\:rounded.swiper-slide-thumb-active {
   border-radius: 0.25rem;
@@ -7363,6 +7505,17 @@ video {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(8 10 15 / var(--tw-bg-opacity, 1)) !important;
 }
+.\[\&_\.swiper-pagination-bullet\]\:size-2 .swiper-pagination-bullet {
+  width: 0.5rem;
+  height: 0.5rem;
+}
+.\[\&_\.swiper-pagination-bullet\]\:rounded-full .swiper-pagination-bullet {
+  border-radius: 9999px;
+}
+.\[\&_\.swiper-pagination-bullet\]\:bg-\[\#767880\] .swiper-pagination-bullet {
+  --tw-bg-opacity: 1;
+  background-color: rgb(118 120 128 / var(--tw-bg-opacity, 1));
+}
 .\[\&_\.swiper-pagination-bullet\]\:bg-white .swiper-pagination-bullet {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -7373,12 +7526,18 @@ video {
 .\[\&_\.swiper-pagination\]\:\!-bottom-6 .swiper-pagination {
   bottom: -1.5rem !important;
 }
+.\[\&_\.swiper-slide\]\:\!h-auto .swiper-slide {
+  height: auto !important;
+}
 .\[\&_\.swiper-slide\]\:\!w-auto .swiper-slide {
   width: auto !important;
 }
 .\[\&_\.swiper-wrapper\]\:flex .swiper-wrapper {
   display: flex;
 }
+.\[\&_\.swiper-wrapper\]\:items-stretch .swiper-wrapper {
+  align-items: stretch;
+}
 .\[\&_\.swiper-wrapper\]\:\!ease-linear .swiper-wrapper {
   transition-timing-function: linear !important;
 }

package/dist/cjs/biz-components/Listing/index.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/Listing/index.js

@@ -1,2 +0,0 @@
-var c=(b,a)=>()=>(a||b((a={exports:{}}).exports,a),a.exports);var d=c(()=>{});export default d();
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/Listing/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/Listing/index.tsx"],
-  "sourcesContent": ["// import { useAiuiContext } from '../AiuiProvider/index.js'\n// import { PurchaseBar, ProductActions } from './components/index.js'\n// import type { ScrollSpyNavItem } from './components/PurchaseBar/types.js'\n// import BizProductProvider, { type ProductContextType } from './BizProductProvider.js'\n// import { ProductCard } from './components/index.js'\n\n// import { useMediaQuery } from 'react-responsive'\n\n// const Listing: React.FC<Omit<ProductContextType, 'joinedRecommendBuyProducts' | 'setJoinedRecommendBuyProducts'>> = ({\n//   product,\n//   renderRating,\n//   variant,\n//   selectedOptions,\n//   setSelectedOptions,\n//   isLogin,\n//   finalPrice,\n//   coupon,\n//   comparePrice,\n//   totalSavings,\n//   savingDetail,\n//   freeGift,\n//   bundle,\n//   checkedBundle,\n//   checkedGift,\n//   setCheckedBundle,\n//   setCheckedGift,\n//   compareData,\n//   selectedVariants,\n//   onAddToCart,\n//   onBuyNow,\n//   openModal,\n//   setSavingDetail,\n//   openSignInPopup,\n//   openAuthCodePopup,\n//   renderInstallments,\n// }) => {\n//   const { locale } = useAiuiContext()\n\n//   const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n//   const isDesktop = useMediaQuery({ query: '(min-width: 1440px)' })\n\n//   const onSpyNavItemClick = (tab: ScrollSpyNavItem) => {\n//     console.log(tab)\n//   }\n\n//   return (\n//     <BizProductProvider\n//       product={product}\n//       isMobile={isMobile}\n//       isDesktop={isDesktop}\n//       freeGift={freeGift}\n//       renderRating={renderRating}\n//       finalPrice={finalPrice}\n//       comparePrice={comparePrice}\n//       totalSavings={totalSavings}\n//       savingDetail={savingDetail}\n//       variant={variant}\n//       selectedOptions={selectedOptions}\n//       setSelectedOptions={setSelectedOptions}\n//       bundle={bundle}\n//       coupon={coupon}\n//       checkedBundle={checkedBundle}\n//       checkedGift={checkedGift}\n//       setCheckedBundle={setCheckedBundle}\n//       setCheckedGift={setCheckedGift}\n//       compareData={compareData}\n//       selectedVariants={selectedVariants}\n//       onAddToCart={onAddToCart}\n//       onBuyNow={onBuyNow}\n//       openModal={openModal}\n//       setSavingDetail={setSavingDetail}\n//       openSignInPopup={openSignInPopup}\n//       openAuthCodePopup={openAuthCodePopup}\n//       renderInstallments={renderInstallments}\n//     >\n//       <div id=\"ipc-listing\">\n//         <PurchaseBar onSpyNavItemClick={onSpyNavItemClick} />\n//         {isMobile && (\n//           <div className=\"fixed bottom-0 left-0 z-[60] w-full\">\n//             <ProductActions />\n//           </div>\n//         )}\n//         <ProductCard />\n//       </div>\n//     </BizProductProvider>\n//   )\n// }\n\n// Listing.displayName = 'Listing'\n\n// export default Listing\n"],
-  "mappings": "8DAAA,IAAAA,EAAAC,EAAA",
-  "names": ["require_Listing", "__commonJSMin"]
-}