@anker-in/headless-ui 1.1.28-alpha.1768202456200 → 1.1.29

package/tailwind.config.js

@@ -2,7 +2,6 @@ module.exports = {
   darkMode: ['selector', '.aiui-dark'],
   content: [
     './src/components/**/*.{js,jsx,ts,tsx}',
-    './src/biz-components/**/*.{js,jsx,ts,tsx}',
     './src/icons/**/*.{js,jsx,ts,tsx}',
     '../storybook/.storybook/**/*.{js,jsx,ts,tsx}',
   ],
@@ -19,11 +18,7 @@ module.exports = {
         'lg-desktop': '1920px', // ≥1920px 超大屏
       },
       keyframes: {
-        'marquee-x': {
-          '0%': { transform: 'translateX(0)' },
-          '100%': { transform: 'translateX(-50%)' },
-        },
-        'marquee-y': {
+        'marquee-scroll': {
           from: { transform: 'translateY(0%)' },
           to: { transform: 'translateY(-50%)' },
         },
@@ -37,22 +32,11 @@ module.exports = {
           from: { transform: 'translate3d(-100%, 0, 0)' },
           to: { transform: 'translate3d(0, 0, 0)' },
         },
-        'fade-in-overlay': {
-          '0%': { opacity: '0' },
-          '100%': { opacity: '1' },
-        },
-        'fade-in-modal': {
-          '0%': { opacity: '0', transform: 'scale(0.95)' },
-          '100%': { opacity: '1', transform: 'scale(1)' },
-        },
       },
       animation: {
-        'marquee-y': 'marquee-y 20s linear infinite',
-        'marquee-x': 'marquee-x var(--scroll-duration, 30s) linear infinite',
+        'marquee-scroll': 'marquee-scroll 20s linear infinite',
         'scroll-text': 'scroll-text 2s ease-in-out infinite',
         'progress-bar': 'progress-bar var(--interval-time) ease-out',
-        'fade-in-overlay': 'fade-in-overlay 0.3s cubic-bezier(0.4,0,0.2,1) both',
-        'fade-in-modal': 'fade-in-modal 0.4s cubic-bezier(0.4,0,0.2,1) both',
       },
       maskImage: {
         'fade-vertical': 'linear-gradient(to bottom, transparent, black 20%, black 80%, transparent)',
@@ -169,7 +153,6 @@ module.exports = {
       borderRadius: {
         btn: 'var(--btn-radius)',
         box: 'var(--box-radius)',
-        tabs: 'var(--tabs-radius)',
       },
       lineHeight: {
         tight: 'var(--line-height-tight)',

package/dist/cjs/biz-components/ActiveShelf/index.d.ts

@@ -1,174 +0,0 @@
-import * as React from 'react';
-import 'swiper/css';
-import 'swiper/css/navigation';
-import type { MemberDiscountConfig } from './types.js';
-import type { CopyConfig } from './types.js';
-/**
- * 语义化类名
- */
-type ActiveShelfSemanticName = 'root' | 'title' | 'description' | 'productCard' | 'productTitle' | 'productDescription' | 'productPrice' | 'buttonGroup' | 'learnMoreButton' | 'shopNowButton' | 'stockBar';
-/**
- * 组件布局模式
- */
-export type ActiveShelfLayoutMode = 'flex' | 'horizontal';
-/**
- * Code Channel 配置 - 折扣前缀
- */
-export type CodeChannelConfig = string;
-/**
- * 库存展示模式
- */
-export type StockDisplayMode = 'always' | 'never' | 'below-quantity' | 'below-percentage';
-/**
- * ActiveShelf Context 配置接口
- */
-export interface ActiveShelfContextConfig {
-    /** 布局模式：网格布局或横向滑动 */
-    layoutMode?: ActiveShelfLayoutMode;
-    /** Code Channel 配置 - 折扣前缀 */
-    codeChannel?: CodeChannelConfig;
-    /** 是否展示会员价格 */
-    showMemberPrice?: boolean;
-    /** 是否展示折扣标签 */
-    showDiscount?: boolean;
-    /** 是否展示标签系统 */
-    showTags?: boolean;
-    /** 库存展示模式 */
-    stockDisplayMode?: StockDisplayMode;
-    /** 库存阈值（当模式为 below-quantity 或 below-percentage 时使用） */
-    stockThreshold?: number;
-    /** 是否展示原价（删除线价格） */
-    showOriginalPrice?: boolean;
-}
-/**
- * ActiveShelf Context 值接口
- */
-interface ActiveShelfContextValue extends ActiveShelfContextConfig {
-    /** 点击了解更多回调 */
-    onLearnMore?: (product: any, variant: any, coupon: any) => void;
-    /** 点击立即购买回调 */
-    onShopNow?: (product: any, variant: any, coupon: any) => void;
-    functionDiscountConfig?: {
-        memberPriceConfig?: MemberDiscountConfig;
-    };
-    /** 语义化类名 */
-    classNames?: Partial<Record<ActiveShelfSemanticName, string>>;
-    /** 了解更多按钮文本 */
-    learnMoreText: string;
-    /** 立即购买按钮文本 */
-    shopNowText: string;
-    /** 文案配置 */
-    copy: Required<CopyConfig>;
-}
-/**
- * 使用 ActiveShelf Context 的 Hook
- */
-export declare const useActiveShelfContext: () => ActiveShelfContextValue;
-/**
- * 基础产品数据接口（来自外部数据源）
- */
-export interface BaseProductData {
-    sku: string;
-    name: string;
-    image: string;
-    value: string;
-    handle: string;
-    shopify_id: string;
-}
-/**
- * 完整的产品卡片数据接口
- */
-export interface ProductCardData extends BaseProductData {
-}
-/**
- * 产品分组Tab数据接口
- */
-export interface ProductTab {
-    /** Tab ID */
-    id: string;
-    /** Tab 标题 */
-    tab: string;
-    /** 该分组下的产品数据 */
-    data: ProductCardData[];
-}
-/**
- * ActiveShelf 业务组件数据接口
- */
-export interface ActiveShelfData {
-    theme?: 'light' | 'dark';
-    /** 组件标题 */
-    title?: string;
-    /** 组件描述 */
-    description?: string;
-    /** 分组产品Tab列表 */
-    productsTab?: ProductTab[];
-    /** 是否显示 Tab（默认：true） */
-    isShowTab?: boolean;
-    /** 了解更多按钮文本 */
-    learnMoreText?: string;
-    /** 立即购买按钮文本 */
-    shopNowText?: string;
-    /** 布局模式：网格布局或横向滑动 */
-    layoutMode?: ActiveShelfLayoutMode;
-    /** Code Channel 配置 - 折扣前缀 */
-    codeChannel?: CodeChannelConfig;
-    /** 是否展示会员价格 */
-    showMemberPrice?: boolean;
-    /** 是否展示折扣标签 */
-    showDiscount?: boolean;
-    /** 是否展示标签系统 */
-    showTags?: boolean;
-    /** 库存展示模式 */
-    stockDisplayMode?: StockDisplayMode;
-    /** 库存阈值（当模式为 below-quantity 或 below-percentage 时使用） */
-    stockThreshold?: number;
-    /**
-     * 库存文本模板，支持 {count} 占位符
-     */
-    stockDisplayText?: string;
-    /** 是否展示原价（删除线价格） */
-    showOriginalPrice?: boolean;
-    /** 用户状态 */
-    /** 文案配置 */
-    copy?: CopyConfig;
-    /**
-     * 产品列表（当不使用 Tab 分组时可直接传入产品列表）
-     */
-    productsCard: ProductCardData[];
-}
-export interface ActiveShelfProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** 业务数据 */
-    data: ActiveShelfData;
-    /** 点击了解更多回调 */
-    onLearnMore?: (product: any, variant: any, coupon: any) => void;
-    /** 点击立即购买回调 */
-    onShopNow?: (product: any, variant: any, coupon: any) => void;
-    /**
-     * function 折扣配置
-     */
-    functionDiscountConfig?: {
-        memberPriceConfig?: MemberDiscountConfig;
-    };
-    /**
-     * 外部构建数据（用于合并产品数据）
-     */
-    buildData?: any[];
-    /** 语义化类名 */
-    classNames?: Partial<Record<ActiveShelfSemanticName, string>>;
-}
-/**
- * 产品卡片组件
- */
-declare const ProductCard: React.ForwardRefExoticComponent<{
-    product: ProductCardData;
-    shopifyProductData?: any;
-    className?: string;
-} & React.RefAttributes<HTMLDivElement>>;
-/**
- * ActiveShelf - 活动货架
- *
- * @description 能够实时显示商品库存信息和会员价的货架，支持响应式布局和多种配置选项
- */
-declare const ActiveShelf: React.ForwardRefExoticComponent<ActiveShelfProps & React.RefAttributes<HTMLDivElement>>;
-export default ActiveShelf;
-export { ProductCard };

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

@@ -1,2 +0,0 @@
-"use strict";"use client";var Y=Object.create;var A=Object.defineProperty;var ee=Object.getOwnPropertyDescriptor;var te=Object.getOwnPropertyNames;var ie=Object.getPrototypeOf,oe=Object.prototype.hasOwnProperty;var re=(i,t)=>{for(var c in t)A(i,c,{get:t[c],enumerable:!0})},V=(i,t,c,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let u of te(t))!oe.call(i,u)&&u!==c&&A(i,u,{get:()=>t[u],enumerable:!(p=ee(t,u))||p.enumerable});return i};var F=(i,t,c)=>(c=i!=null?Y(ie(i)):{},V(t||!i||!i.__esModule?A(c,"default",{value:i,enumerable:!0}):c,i)),ae=i=>V(A({},"__esModule",{value:!0}),i);var ue={};re(ue,{ProductCard:()=>S,default:()=>ce,useActiveShelfContext:()=>j});module.exports=ae(ue);var e=require("react/jsx-runtime"),x=F(require("react")),d=require("../../helpers/index.js"),o=require("../../components/index.js"),O=require("../../helpers/utils.js"),$=F(require("../../hooks/useCoupon.js")),B=require("swiper/react"),U=require("swiper/modules"),k=require("../../helpers/priceFormatting.js"),pe=require("swiper/css"),me=require("swiper/css/navigation"),J=require("../../hooks/index.js"),K=require("../AiuiProvider/index.js"),L=require("./types.js");const W=999999999e-2,ne=({disabled:i})=>(0,e.jsxs)("svg",{width:"56",height:"56",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:" lg-desktop:size-[56px] laptop:block hidden size-[40px]",children:[(0,e.jsx)("path",{d:"M0 28C0 43.464 12.536 56 28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28Z",fill:"black",fillOpacity:i?"0.2":"0.6"}),(0,e.jsx)("path",{d:"M31 22L25 28L31 34",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),se=({disabled:i})=>(0,e.jsxs)("svg",{width:"56",height:"56",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"lg-desktop:size-[56px] laptop:block hidden size-[40px]",children:[(0,e.jsx)("path",{d:"M0 28C0 12.536 12.536 0 28 0C43.464 0 56 12.536 56 28C56 43.464 43.464 56 28 56C12.536 56 0 43.464 0 28Z",fill:"black",fillOpacity:i?"0.2":"0.6"}),(0,e.jsx)("path",{d:"M25 22L31 28L25 34",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]});function le(i,t,c,p){if(i===void 0)return!0;switch(i){case"always":return!0;case"never":return!1;case"below-quantity":return t===void 0?!0:c<=t;case"below-percentage":return t===void 0?!0:c/p<=t;default:return!0}}const G=x.createContext(null),j=()=>{const i=x.useContext(G);if(!i)throw new Error("useActiveShelfContext must be used within an ActiveShelfProvider");return i},S=x.forwardRef(({product:i,shopifyProductData:t,className:c},p)=>{const{showTags:u=!0,stockDisplayMode:P,stockThreshold:b,onLearnMore:N,onShopNow:T,classNames:r,codeChannel:f,functionDiscountConfig:z,learnMoreText:E,shopNowText:_,copy:m}=j(),{isLogin:w=!1,isPlusMember:M=!1,locale:C}=(0,K.useAiuiContext)(),a=x.useMemo(()=>{if(!t?.variants)return null;const n=t.variants.find(s=>s.sku===i.sku);return typeof n.price=="object"&&(n.price=n.price.amount),n},[i,t]),y=(0,$.default)({variant:a,channel:f}),l=(0,J.useMemberPrice)(a,z?.memberPriceConfig),h=x.useMemo(()=>{let n=a?.price||0,s=n,g=Number(y?.fixed_value??0);return w&&M?(s=s-l.withCouponPlusMemberPriceDiscount,s=s-Math.max(l.withoutCouponPlusMemberPriceDiscount,g)):(s=s-l.withCouponMemberPriceDiscount,s=s-Math.max(l.withoutCouponMemberPriceDiscount,g)),{originalPrice:s<n?n:null,currentPrice:s,applyPlusMemberPrice:w&&M&&l.hasPlusMemberPrice,applyMemberPrice:l.hasMemberPrice}},[a?.price,y?.fixed_value,w,M,l.hasPlusMemberPrice,l.hasMemberPrice,l.withCouponMemberPriceDiscount,l.withoutCouponMemberPriceDiscount,l.withCouponPlusMemberPriceDiscount,l.withoutCouponPlusMemberPriceDiscount]),H=x.useMemo(()=>{const n=(a?.quantityAvailable??0)/(t?.totalInventory??1)*100;return n===0&&a.availableForSale?5:n},[a.availableForSale,a?.quantityAvailable,t?.totalInventory]),R=x.useMemo(()=>{if(!u)return[];const n=[],g=(a?.price||0)-h.currentPrice,v=l.hasPlusMemberPrice&&w&&M,Q=!v&&l.hasMemberPrice;v&&g>0?n.push({label:(0,k.formatPrice)({amount:Number(g),currencyCode:t?.price?.currencyCode,locale:C})??m.plusMemberPriceLabel,variant:"promotional",promotionalType:"plus-member"}):Q&&g>0?n.push({label:(0,k.formatPrice)({amount:Number(g),currencyCode:t?.price?.currencyCode,locale:C})??m.memberPriceLabel,variant:"promotional",promotionalType:"regular-member"}):y?.fixed_value&&n.push({label:m.discountLabel?.replace("{value}",(0,k.formatPrice)({amount:Number(y.fixed_value),currencyCode:t?.price?.currencyCode,locale:C})??""),variant:"fill"});const X=t?.tags?.filter(q=>q.startsWith("CLtag:"))?.slice(0,2-n.length)?.map(q=>({label:q.replace("CLtag:",""),variant:"outline"}))||[];return[...n,...X]},[u,a?.price,h.currentPrice,l.hasPlusMemberPrice,l.hasMemberPrice,w,M,y?.fixed_value,t?.tags,t?.price?.currencyCode,C,m.plusMemberPriceLabel,m.memberPriceLabel,m.discountLabel]),D=!a?.availableForSale||a?.price===W||a?.price?.amount===W;return(0,e.jsx)(o.Card,{ref:p,className:(0,d.cn)("bg-container-primary desktop:min-h-[464px] lg-desktop:min-h-[560px] flex min-h-[428px] flex-col overflow-hidden",c,r?.productCard),children:(0,e.jsxs)(o.CardContent,{className:"desktop:p-6 relative flex flex-1 flex-col justify-between p-4",children:[(0,e.jsx)("div",{className:"lg-desktop:h-[28px] h-[24px]",children:R?.map((n,s)=>(0,e.jsx)(o.Badge,{size:"sm",variant:n.variant||"outline",className:(0,d.cn)("mr-1"),promotionalType:n.promotionalType||"",children:n.label},s))}),(0,e.jsx)("div",{className:"product-image-wrapper lg-desktop:size-[196px] mx-auto size-[138px] overflow-hidden",children:(0,e.jsx)("a",{href:`/products/${t?.handle||i.handle}?variant=${a?.id?(0,O.atobID)(a.id):""}`,target:"_blank",rel:"noreferrer",children:(0,e.jsx)(o.Picture,{source:a?.image?.url||i.image,alt:a?.image?.altText||i.name,className:"aspect-square w-full object-cover",imgClassName:"w-full h-full"})})}),(0,e.jsxs)("div",{className:"flex h-full flex-1 grow flex-col justify-between",children:[(0,e.jsxs)("div",{className:"mb-4",children:[(0,e.jsx)(o.Heading,{as:"h3",size:2,className:(0,d.cn)("text-info-primary mb-2 line-clamp-2 min-h-[2.4em]",r?.productTitle),children:i.name}),t?.description&&(0,e.jsx)(o.Text,{size:2,className:(0,d.cn)("text-info-secondary desktop:line-clamp-2 desktop:min-h-[2.4em] line-clamp-2 min-h-[2.4em]",r?.productDescription),children:t.description})]}),(0,e.jsxs)(e.Fragment,{children:[h.applyPlusMemberPrice&&(0,e.jsx)(o.Text,{size:4,className:"text-marketing-1 mt-2",children:m.plusMemberPriceLabel}),!h.applyPlusMemberPrice&&h.applyMemberPrice&&(0,e.jsx)(o.Text,{size:4,className:"text-marketing-1 mt-2",children:m.memberPriceLabel})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)("div",{className:(0,d.cn)("mb-2",r?.productPrice),children:(0,e.jsx)("div",{className:"flex items-baseline gap-2",children:D?(0,e.jsx)(o.Heading,{size:2,className:"text-info-tertiary",children:m.outOfStockLabel}):(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o.Heading,{size:2,className:"text-info-primary",as:"h6",children:(0,k.formatPrice)({amount:Number(h.currentPrice),currencyCode:a?.price?.currencyCode,locale:C})}),h.originalPrice&&(0,e.jsx)(o.Heading,{size:2,className:"text-info-tertiary line-through",as:"h6",children:(0,k.formatPrice)({amount:Number(h.originalPrice),currencyCode:a?.price?.currencyCode,locale:C})})]})})}),(0,e.jsxs)("div",{className:(0,d.cn)("tablet:gap-3 mb-4 flex gap-2",r?.buttonGroup),children:[(0,e.jsx)(o.Button,{variant:"secondary",size:"base",className:(0,d.cn)("",r?.learnMoreButton),onClick:()=>N?.(t,a,y),children:E}),(0,e.jsx)(o.Button,{variant:"primary",size:"base",className:(0,d.cn)("",r?.shopNowButton),onClick:()=>T?.(t,a,y),disabled:D,children:_})]}),le(P,b,a?.quantityAvailable??0,t?.totalInventory??0)&&(0,e.jsxs)("div",{className:"space-y-2",children:[(0,e.jsx)(o.Progress,{value:H,max:100,min:0,size:"base",variant:"default","aria-label":"stock progress",classNames:{progressBar:(0,d.cn)("bg-brand-0 transition-all duration-300 ease-in-out",r?.stockBar)}}),(0,e.jsx)(o.Text,{size:3,className:"text-info-tertiary text-[14px]",children:m.stockDisplayText.replace("{count}",String(a?.quantityAvailable>0?a?.quantityAvailable:a?.availableForSale?"5":"0"))})]})]})]})]})})});S.displayName="ProductCard";const I=x.forwardRef(({products:i,layoutMode:t,className:c,buildData:p},u)=>{const{copy:P}=j(),[b,N]=x.useState({isBeginning:!0,isEnd:!1}),T=r=>!p||p.length===0?null:p.find(f=>(0,O.atobID)(f.id)===r);return i?.length===0?null:(0,e.jsx)("div",{ref:u,className:c,children:t==="flex"?(0,e.jsx)("div",{className:"lg-desktop:gap-6 tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 grid grid-cols-1 justify-start gap-4",children:i.map((r,f)=>(0,e.jsx)(S,{product:r,shopifyProductData:T(r.shopify_id),className:"shrink-0"},r.shopify_id+"-"+r.sku||f))}):(0,e.jsxs)("div",{className:"relative",children:[(0,e.jsx)(B.Swiper,{modules:[U.Navigation],spaceBetween:16,slidesPerView:"auto",autoHeight:!0,navigation:{nextEl:".swiper-button-next-custom",prevEl:".swiper-button-prev-custom"},onSwiper:r=>{N({isBeginning:r.isBeginning,isEnd:r.isEnd})},onSlideChange:r=>{N({isBeginning:r.isBeginning,isEnd:r.isEnd})},className:"!overflow-visible",children:i.map((r,f)=>(0,e.jsx)(B.SwiperSlide,{className:"tablet:!w-[288px] tablet:h-[428px] desktop:!w-[316px] desktop:!h-[464px] lg-desktop:!w-[404px] lg-desktop:!h-[561px] h-[428px] !w-[296px] overflow-hidden",children:(0,e.jsx)(S,{product:r,shopifyProductData:T(r.shopify_id),className:"w-full max-w-full"})},r.shopify_id+"-"+r.sku||f))}),(0,e.jsx)("button",{className:"swiper-button-prev-custom tablet:block absolute left-4 top-1/2 z-10 hidden -translate-y-1/2","aria-label":P.previousSlideLabel,disabled:b.isBeginning,children:(0,e.jsx)(ne,{disabled:b.isBeginning})}),(0,e.jsx)("button",{className:"swiper-button-next-custom tablet:block absolute right-4 top-1/2 z-10 hidden -translate-y-1/2","aria-label":P.nextSlideLabel,disabled:b.isEnd,children:(0,e.jsx)(se,{disabled:b.isEnd})})]})})});I.displayName="ProductsList";const Z=x.forwardRef(({className:i,data:t,onLearnMore:c,onShopNow:p,buildData:u,functionDiscountConfig:P,classNames:b,...N},T)=>{const{theme:r="light",layoutMode:f="flex",codeChannel:z,showMemberPrice:E=!0,showDiscount:_=!0,showTags:m=!0,stockDisplayMode:w,stockThreshold:M,showOriginalPrice:C=!0,learnMoreText:a,shopNowText:y,isShowTab:l=!0,copy:h}=t,H={...L.defaultCopy,...h},R=a??L.defaultButtonTexts.learnMoreText,D=y??L.defaultButtonTexts.shopNowText,n={layoutMode:f,codeChannel:z,showMemberPrice:E,showDiscount:_,showTags:m,stockDisplayMode:w,stockThreshold:M,showOriginalPrice:C,onLearnMore:c,onShopNow:p,classNames:b,functionDiscountConfig:P,learnMoreText:R,shopNowText:D,copy:H},s=t.productsTab&&t.productsTab.length>0,g=l&&s;return(0,e.jsx)(G.Provider,{value:n,children:(0,e.jsxs)("div",{ref:T,className:(0,d.cn)("w-full",{"aiui-dark":r==="dark"},i,b?.root),...N,children:[t.title&&(0,e.jsx)(o.Heading,{as:"h2",size:4,className:(0,d.cn)("text-info-primary mb-4",b?.title),children:t.title}),t.description&&(0,e.jsx)(o.Text,{size:3,as:"p",className:(0,d.cn)("text-info-primary mb-6",b?.description),children:t.description}),(0,e.jsxs)(o.Tabs,{defaultValue:t.productsTab?.[0]?.id,className:"w-full",children:[g&&(0,e.jsx)(o.TabsList,{className:"mb-6",children:t.productsTab?.map(v=>(0,e.jsx)(o.TabsTrigger,{value:v.id,children:v.tab},"tab-"+v.id))}),g?t.productsTab?.map(v=>(0,e.jsx)(o.TabsContent,{value:v.id,children:(0,e.jsx)(I,{products:v.data,layoutMode:f,buildData:u})},"tab-content-"+v.id)):(0,e.jsx)(I,{products:t.productsCard,layoutMode:f,buildData:u})]})]})})});Z.displayName="ActiveShelf";var ce=Z;
-//# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/ActiveShelf/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ActiveShelf/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport {\n  Button,\n  Badge,\n  Card,\n  CardContent,\n  Picture,\n  Text,\n  Heading,\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n  Progress,\n} from '../../components/index.js'\nimport { atobID } from '../../helpers/utils.js'\nimport useCoupon from '../../hooks/useCoupon.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Navigation } from 'swiper/modules'\nimport { formatPrice } from '../../helpers/priceFormatting.js'\n\n// Import Swiper styles\nimport 'swiper/css'\nimport 'swiper/css/navigation'\nimport type { MemberDiscountConfig } from './types.js'\nimport { useMemberPrice } from '../../hooks/index.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport type { CopyConfig } from './types.js'\nimport { defaultCopy, defaultButtonTexts } from './types.js'\n\nconst SOLD_OUT_PRICE = 9999999.99\n\n/**\n * \u8BED\u4E49\u5316\u7C7B\u540D\n */\ntype ActiveShelfSemanticName =\n  | 'root'\n  | 'title'\n  | 'description'\n  | 'productCard'\n  | 'productTitle'\n  | 'productDescription'\n  | 'productPrice'\n  | 'buttonGroup'\n  | 'learnMoreButton'\n  | 'shopNowButton'\n  | 'stockBar'\n\nconst PrevIcon = ({ disabled }: { disabled: boolean }) => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\" lg-desktop:size-[56px] laptop:block hidden size-[40px]\"\n  >\n    <path\n      d=\"M0 28C0 43.464 12.536 56 28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28Z\"\n      fill=\"black\"\n      fillOpacity={disabled ? '0.2' : '0.6'}\n    />\n    <path d=\"M31 22L25 28L31 34\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst NextIcon = ({ disabled }: { disabled: boolean }) => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"lg-desktop:size-[56px] laptop:block hidden size-[40px]\"\n  >\n    <path\n      d=\"M0 28C0 12.536 12.536 0 28 0C43.464 0 56 12.536 56 28C56 43.464 43.464 56 28 56C12.536 56 0 43.464 0 28Z\"\n      fill=\"black\"\n      fillOpacity={disabled ? '0.2' : '0.6'}\n    />\n    <path d=\"M25 22L31 28L25 34\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\n/**\n * \u7EC4\u4EF6\u5E03\u5C40\u6A21\u5F0F\n */\nexport type ActiveShelfLayoutMode = 'flex' | 'horizontal'\n\n/**\n * Code Channel \u914D\u7F6E - \u6298\u6263\u524D\u7F00\n */\nexport type CodeChannelConfig = string\n\n/**\n * \u5E93\u5B58\u5C55\u793A\u6A21\u5F0F\n */\nexport type StockDisplayMode = 'always' | 'never' | 'below-quantity' | 'below-percentage'\n\n/**\n * \u5224\u65AD\u662F\u5426\u5E94\u8BE5\u663E\u793A\u5E93\u5B58\u4FE1\u606F\n * @param stockDisplayMode \u5E93\u5B58\u5C55\u793A\u6A21\u5F0F\n * @param stockThreshold \u5E93\u5B58\u9608\u503C\uFF08\u5F53\u6A21\u5F0F\u4E3A below-quantity \u6216 below-percentage \u65F6\u4F7F\u7528\uFF09\n * @param variant \u53D8\u4F53\u6570\u636E\n * @returns \u662F\u5426\u663E\u793A\u5E93\u5B58\u4FE1\u606F\n */\nfunction shouldShowStock(\n  stockDisplayMode: StockDisplayMode | undefined,\n  stockThreshold: number | undefined,\n  quantityAvailable: number,\n  totalInventory: number\n): boolean {\n  // \u672A\u914D\u7F6E\u65F6\u9ED8\u8BA4\u663E\u793A\n  if (stockDisplayMode === undefined) {\n    return true\n  }\n\n  // \u6839\u636E\u5C55\u793A\u6A21\u5F0F\u5224\u65AD\n  switch (stockDisplayMode) {\n    case 'always':\n      // \u603B\u662F\u663E\u793A\n      return true\n\n    case 'never':\n      // \u6C38\u4E0D\u663E\u793A\n      return false\n\n    case 'below-quantity':\n      // \u5F53\u5E93\u5B58\u6570\u91CF\u4F4E\u4E8E\u9608\u503C\u65F6\u663E\u793A\n      if (stockThreshold === undefined) {\n        return true // \u6CA1\u6709\u8BBE\u7F6E\u9608\u503C\u65F6\u9ED8\u8BA4\u663E\u793A\n      }\n\n      return quantityAvailable <= stockThreshold\n\n    case 'below-percentage':\n      // \u5F53\u5E93\u5B58\u767E\u5206\u6BD4\u4F4E\u4E8E\u9608\u503C\u65F6\u663E\u793A\n      if (stockThreshold === undefined) {\n        return true // \u6CA1\u6709\u8BBE\u7F6E\u9608\u503C\u65F6\u9ED8\u8BA4\u663E\u793A\n      }\n      return quantityAvailable / totalInventory <= stockThreshold\n\n    default:\n      // \u672A\u77E5\u6A21\u5F0F\u65F6\u9ED8\u8BA4\u663E\u793A\n      return true\n  }\n}\n\n/**\n * ActiveShelf Context \u914D\u7F6E\u63A5\u53E3\n */\nexport interface ActiveShelfContextConfig {\n  /** \u5E03\u5C40\u6A21\u5F0F\uFF1A\u7F51\u683C\u5E03\u5C40\u6216\u6A2A\u5411\u6ED1\u52A8 */\n  layoutMode?: ActiveShelfLayoutMode\n  /** Code Channel \u914D\u7F6E - \u6298\u6263\u524D\u7F00 */\n  codeChannel?: CodeChannelConfig\n  /** \u662F\u5426\u5C55\u793A\u4F1A\u5458\u4EF7\u683C */\n  showMemberPrice?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6298\u6263\u6807\u7B7E */\n  showDiscount?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6807\u7B7E\u7CFB\u7EDF */\n  showTags?: boolean\n  /** \u5E93\u5B58\u5C55\u793A\u6A21\u5F0F */\n  stockDisplayMode?: StockDisplayMode\n  /** \u5E93\u5B58\u9608\u503C\uFF08\u5F53\u6A21\u5F0F\u4E3A below-quantity \u6216 below-percentage \u65F6\u4F7F\u7528\uFF09 */\n  stockThreshold?: number\n  /** \u662F\u5426\u5C55\u793A\u539F\u4EF7\uFF08\u5220\u9664\u7EBF\u4EF7\u683C\uFF09 */\n  showOriginalPrice?: boolean\n  /** \u7528\u6237\u72B6\u6001 */\n}\n\n/**\n * ActiveShelf Context \u503C\u63A5\u53E3\n */\ninterface ActiveShelfContextValue extends ActiveShelfContextConfig {\n  /** \u70B9\u51FB\u4E86\u89E3\u66F4\u591A\u56DE\u8C03 */\n  onLearnMore?: (product: any, variant: any, coupon: any) => void\n  /** \u70B9\u51FB\u7ACB\u5373\u8D2D\u4E70\u56DE\u8C03 */\n  onShopNow?: (product: any, variant: any, coupon: any) => void\n  functionDiscountConfig?: {\n    memberPriceConfig?: MemberDiscountConfig\n  }\n  /** \u8BED\u4E49\u5316\u7C7B\u540D */\n  classNames?: Partial<Record<ActiveShelfSemanticName, string>>\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  learnMoreText: string\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  shopNowText: string\n  /** \u6587\u6848\u914D\u7F6E */\n  copy: Required<CopyConfig>\n}\n\n/**\n * ActiveShelf Context\n */\nconst ActiveShelfContext = React.createContext<ActiveShelfContextValue | null>(null)\n\n/**\n * \u4F7F\u7528 ActiveShelf Context \u7684 Hook\n */\nexport const useActiveShelfContext = () => {\n  const context = React.useContext(ActiveShelfContext)\n  if (!context) {\n    throw new Error('useActiveShelfContext must be used within an ActiveShelfProvider')\n  }\n  return context\n}\n\n/**\n * \u57FA\u7840\u4EA7\u54C1\u6570\u636E\u63A5\u53E3\uFF08\u6765\u81EA\u5916\u90E8\u6570\u636E\u6E90\uFF09\n */\nexport interface BaseProductData {\n  sku: string\n  name: string\n  image: string\n  value: string\n  handle: string\n  shopify_id: string\n}\n\n/**\n * \u5B8C\u6574\u7684\u4EA7\u54C1\u5361\u7247\u6570\u636E\u63A5\u53E3\n */\nexport interface ProductCardData extends BaseProductData {}\n\n/**\n * \u4EA7\u54C1\u5206\u7EC4Tab\u6570\u636E\u63A5\u53E3\n */\nexport interface ProductTab {\n  /** Tab ID */\n  id: string\n  /** Tab \u6807\u9898 */\n  tab: string\n  /** \u8BE5\u5206\u7EC4\u4E0B\u7684\u4EA7\u54C1\u6570\u636E */\n  data: ProductCardData[]\n}\n\n/**\n * ActiveShelf \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface ActiveShelfData {\n  theme?: 'light' | 'dark'\n  /** \u7EC4\u4EF6\u6807\u9898 */\n  title?: string\n  /** \u7EC4\u4EF6\u63CF\u8FF0 */\n  description?: string\n  /** \u5206\u7EC4\u4EA7\u54C1Tab\u5217\u8868 */\n  productsTab?: ProductTab[]\n  /** \u662F\u5426\u663E\u793A Tab\uFF08\u9ED8\u8BA4\uFF1Atrue\uFF09 */\n  isShowTab?: boolean\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  learnMoreText?: string\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  shopNowText?: string\n  /** \u5E03\u5C40\u6A21\u5F0F\uFF1A\u7F51\u683C\u5E03\u5C40\u6216\u6A2A\u5411\u6ED1\u52A8 */\n  layoutMode?: ActiveShelfLayoutMode\n  /** Code Channel \u914D\u7F6E - \u6298\u6263\u524D\u7F00 */\n  codeChannel?: CodeChannelConfig\n  /** \u662F\u5426\u5C55\u793A\u4F1A\u5458\u4EF7\u683C */\n  showMemberPrice?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6298\u6263\u6807\u7B7E */\n  showDiscount?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6807\u7B7E\u7CFB\u7EDF */\n  showTags?: boolean\n  /** \u5E93\u5B58\u5C55\u793A\u6A21\u5F0F */\n  stockDisplayMode?: StockDisplayMode\n  /** \u5E93\u5B58\u9608\u503C\uFF08\u5F53\u6A21\u5F0F\u4E3A below-quantity \u6216 below-percentage \u65F6\u4F7F\u7528\uFF09 */\n  stockThreshold?: number\n  /**\n   * \u5E93\u5B58\u6587\u672C\u6A21\u677F\uFF0C\u652F\u6301 {count} \u5360\u4F4D\u7B26\n   */\n  stockDisplayText?: string\n  /** \u662F\u5426\u5C55\u793A\u539F\u4EF7\uFF08\u5220\u9664\u7EBF\u4EF7\u683C\uFF09 */\n  showOriginalPrice?: boolean\n  /** \u7528\u6237\u72B6\u6001 */\n  /** \u6587\u6848\u914D\u7F6E */\n  copy?: CopyConfig\n\n  /**\n   * \u4EA7\u54C1\u5217\u8868\uFF08\u5F53\u4E0D\u4F7F\u7528 Tab \u5206\u7EC4\u65F6\u53EF\u76F4\u63A5\u4F20\u5165\u4EA7\u54C1\u5217\u8868\uFF09\n   */\n  productsCard: ProductCardData[]\n}\n\nexport interface ActiveShelfProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: ActiveShelfData\n  /** \u70B9\u51FB\u4E86\u89E3\u66F4\u591A\u56DE\u8C03 */\n  onLearnMore?: (product: any, variant: any, coupon: any) => void\n  /** \u70B9\u51FB\u7ACB\u5373\u8D2D\u4E70\u56DE\u8C03 */\n  onShopNow?: (product: any, variant: any, coupon: any) => void\n  /**\n   * function \u6298\u6263\u914D\u7F6E\n   */\n  functionDiscountConfig?: {\n    memberPriceConfig?: MemberDiscountConfig\n  }\n  /**\n   * \u5916\u90E8\u6784\u5EFA\u6570\u636E\uFF08\u7528\u4E8E\u5408\u5E76\u4EA7\u54C1\u6570\u636E\uFF09\n   */\n  buildData?: any[]\n  /** \u8BED\u4E49\u5316\u7C7B\u540D */\n  classNames?: Partial<Record<ActiveShelfSemanticName, string>>\n}\n\n/**\n * \u4EA7\u54C1\u5361\u7247\u7EC4\u4EF6\n */\nconst ProductCard = React.forwardRef<\n  HTMLDivElement,\n  {\n    product: ProductCardData\n    shopifyProductData?: any\n    className?: string\n  }\n>(({ product, shopifyProductData, className }, ref) => {\n  const {\n    showTags = true,\n    stockDisplayMode,\n    stockThreshold,\n    onLearnMore,\n    onShopNow,\n    classNames,\n    codeChannel,\n    functionDiscountConfig,\n    learnMoreText,\n    shopNowText,\n    copy,\n  } = useActiveShelfContext()\n\n  const { isLogin = false, isPlusMember = false, locale } = useAiuiContext()\n\n  const matchVariant = React.useMemo(() => {\n    if (!shopifyProductData?.variants) return null\n    const res = shopifyProductData.variants.find((v: any) => v.sku === product.sku)\n    if (typeof res.price === 'object') {\n      res.price = res.price.amount\n    }\n    return res\n  }, [product, shopifyProductData])\n\n  const discountInfo = useCoupon({\n    variant: matchVariant,\n    channel: codeChannel,\n  })\n\n  const memberPrice = useMemberPrice(matchVariant, functionDiscountConfig?.memberPriceConfig)\n\n  // \u8BA1\u7B97\u6700\u7EC8\u663E\u793A\u4EF7\u683C\n  const priceInfo = React.useMemo(() => {\n    let originalPrice = matchVariant?.price || 0\n    let currentPrice = originalPrice\n\n    let discountAmount = Number(discountInfo?.fixed_value ?? 0)\n\n    if (isLogin) {\n      // \u5982\u679C\u662Fplus \u7528\u6237 \u8BA1\u7B97\u4EF7\u683C\n      if (isPlusMember) {\n        currentPrice = currentPrice - memberPrice.withCouponPlusMemberPriceDiscount\n        currentPrice = currentPrice - Math.max(memberPrice.withoutCouponPlusMemberPriceDiscount, discountAmount)\n      } else {\n        // \u767B\u5F55\u5C31\u662F\u666E\u901A\u4F1A\u5458\n        currentPrice = currentPrice - memberPrice.withCouponMemberPriceDiscount\n        currentPrice = currentPrice - Math.max(memberPrice.withoutCouponMemberPriceDiscount, discountAmount)\n      }\n    } else {\n      // \u672A\u767B\u5F55\u7528\u6237\u53EA\u8BA1\u7B97\u901A\u7528\u6298\u6263 \u548C \u666E\u901A\u4F1A\u5458\u6298\u6263\n      currentPrice = currentPrice - memberPrice.withCouponMemberPriceDiscount\n      currentPrice = currentPrice - Math.max(memberPrice.withoutCouponMemberPriceDiscount, discountAmount)\n    }\n\n    return {\n      originalPrice: currentPrice < originalPrice ? originalPrice : null,\n      currentPrice,\n      applyPlusMemberPrice: isLogin && isPlusMember && memberPrice.hasPlusMemberPrice,\n      applyMemberPrice: memberPrice.hasMemberPrice,\n    }\n  }, [\n    matchVariant?.price,\n    discountInfo?.fixed_value,\n    isLogin,\n    isPlusMember,\n    memberPrice.hasPlusMemberPrice,\n    memberPrice.hasMemberPrice,\n    memberPrice.withCouponMemberPriceDiscount,\n    memberPrice.withoutCouponMemberPriceDiscount,\n    memberPrice.withCouponPlusMemberPriceDiscount,\n    memberPrice.withoutCouponPlusMemberPriceDiscount,\n  ])\n\n  const stockPercentage = React.useMemo(() => {\n    const result = ((matchVariant?.quantityAvailable ?? 0) / (shopifyProductData?.totalInventory ?? 1)) * 100\n    if (result === 0 && matchVariant.availableForSale) {\n      // \u786E\u4FDD\u6709\u5E93\u5B58\u65F6\u81F3\u5C11\u663E\u793A 5%\n      return 5\n    }\n    return result\n  }, [matchVariant.availableForSale, matchVariant?.quantityAvailable, shopifyProductData?.totalInventory])\n\n  // \u7F13\u5B58\u6807\u7B7E\u8BA1\u7B97\u7ED3\u679C\n  const displayTags = React.useMemo(() => {\n    if (!showTags) return []\n\n    const tags = []\n\n    // \u6DFB\u52A0\u4F1A\u5458\u4EF7\u683C\u6807\u7B7E\uFF08\u6309\u4F18\u5148\u7EA7\uFF09\n    const originalPrice = matchVariant?.price || 0\n    const discountAmount = originalPrice - priceInfo.currentPrice\n\n    // \u5224\u65AD\u663E\u793A\u54EA\u79CD\u4F1A\u5458\u6807\u7B7E\n    const shouldShowPlusMember = memberPrice.hasPlusMemberPrice && isLogin && isPlusMember\n    const shouldShowRegularMember = !shouldShowPlusMember && memberPrice.hasMemberPrice\n\n    if (shouldShowPlusMember && discountAmount > 0) {\n      tags.push({\n        label:\n          formatPrice({\n            amount: Number(discountAmount),\n            currencyCode: shopifyProductData?.price?.currencyCode,\n            locale: locale as string,\n          }) ?? copy.plusMemberPriceLabel,\n        variant: 'promotional' as const,\n        promotionalType: 'plus-member',\n      })\n    } else if (shouldShowRegularMember && discountAmount > 0) {\n      tags.push({\n        label:\n          formatPrice({\n            amount: Number(discountAmount),\n            currencyCode: shopifyProductData?.price?.currencyCode,\n            locale: locale as string,\n          }) ?? copy.memberPriceLabel,\n        variant: 'promotional' as const,\n        promotionalType: 'regular-member',\n      })\n    } else if (discountInfo?.fixed_value) {\n      tags.push({\n        label: copy.discountLabel?.replace(\n          '{value}',\n          formatPrice({\n            amount: Number(discountInfo.fixed_value),\n            currencyCode: shopifyProductData?.price?.currencyCode,\n            locale: locale as string,\n          }) ?? ''\n        ),\n        variant: 'fill' as const,\n      })\n    }\n\n    const clTags =\n      shopifyProductData?.tags\n        ?.filter((tag: string) => tag.startsWith('CLtag:'))\n        ?.slice(0, 2 - tags.length)\n        ?.map((tag: string) => ({\n          label: tag.replace('CLtag:', ''),\n          variant: 'outline' as const,\n        })) || []\n\n    return [...tags, ...clTags]\n  }, [\n    showTags,\n    matchVariant?.price,\n    priceInfo.currentPrice,\n    memberPrice.hasPlusMemberPrice,\n    memberPrice.hasMemberPrice,\n    isLogin,\n    isPlusMember,\n    discountInfo?.fixed_value,\n    shopifyProductData?.tags,\n    shopifyProductData?.price?.currencyCode,\n    locale,\n    copy.plusMemberPriceLabel,\n    copy.memberPriceLabel,\n    copy.discountLabel,\n  ])\n\n  const isSoldOut =\n    !matchVariant?.availableForSale ||\n    matchVariant?.price === SOLD_OUT_PRICE ||\n    matchVariant?.price?.amount === SOLD_OUT_PRICE\n\n  return (\n    <Card\n      ref={ref}\n      className={cn(\n        'bg-container-primary desktop:min-h-[464px] lg-desktop:min-h-[560px] flex min-h-[428px] flex-col overflow-hidden',\n        className,\n        classNames?.productCard\n      )}\n    >\n      <CardContent className=\"desktop:p-6 relative flex flex-1 flex-col justify-between p-4\">\n        {/* \u6807\u7B7E */}\n        <div className=\"lg-desktop:h-[28px] h-[24px]\">\n          {displayTags?.map((tag, index) => (\n            <Badge\n              key={index}\n              size=\"sm\"\n              variant={(tag.variant as any) || 'outline'}\n              className={cn('mr-1')}\n              promotionalType={tag.promotionalType || ''}\n            >\n              {tag.label}\n            </Badge>\n          ))}\n        </div>\n\n        {/* \u4EA7\u54C1\u56FE\u533A\u57DF */}\n        <div className=\"product-image-wrapper lg-desktop:size-[196px] mx-auto size-[138px] overflow-hidden\">\n          <a\n            href={`/products/${shopifyProductData?.handle || product.handle}?variant=${matchVariant?.id ? atobID(matchVariant.id) : ''}`}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n          >\n            <Picture\n              source={matchVariant?.image?.url || product.image}\n              alt={matchVariant?.image?.altText || product.name}\n              className=\"aspect-square w-full object-cover\"\n              imgClassName=\"w-full h-full\"\n            />\n          </a>\n        </div>\n\n        {/* \u5185\u5BB9\u533A\u57DF */}\n        <div className=\"flex h-full flex-1 grow flex-col justify-between\">\n          {/* \u4EA7\u54C1\u4FE1\u606F */}\n          <div className=\"mb-4\">\n            <Heading\n              as=\"h3\"\n              size={2}\n              className={cn('text-info-primary mb-2 line-clamp-2 min-h-[2.4em]', classNames?.productTitle)}\n            >\n              {product.name}\n            </Heading>\n            {shopifyProductData?.description && (\n              <Text\n                size={2}\n                className={cn(\n                  'text-info-secondary desktop:line-clamp-2 desktop:min-h-[2.4em] line-clamp-2 min-h-[2.4em]',\n                  classNames?.productDescription\n                )}\n              >\n                {shopifyProductData.description}\n              </Text>\n            )}\n          </div>\n\n          {/** \u4EF7\u683C\u6807\u7B7E */}\n          <>\n            {priceInfo.applyPlusMemberPrice && (\n              <Text size={4} className=\"text-marketing-1 mt-2\">\n                {copy.plusMemberPriceLabel}\n              </Text>\n            )}\n            {!priceInfo.applyPlusMemberPrice && priceInfo.applyMemberPrice && (\n              <Text size={4} className=\"text-marketing-1 mt-2\">\n                {copy.memberPriceLabel}\n              </Text>\n            )}\n          </>\n          {/* \u4EF7\u683C\u533A\u57DF */}\n          <div>\n            <div className={cn('mb-2', classNames?.productPrice)}>\n              <div className=\"flex items-baseline gap-2\">\n                {isSoldOut ? (\n                  <Heading size={2} className=\"text-info-tertiary\">\n                    {copy.outOfStockLabel}\n                  </Heading>\n                ) : (\n                  <>\n                    <Heading size={2} className=\"text-info-primary\" as=\"h6\">\n                      {formatPrice({\n                        amount: Number(priceInfo.currentPrice),\n                        currencyCode: matchVariant?.price?.currencyCode,\n                        locale: locale as string,\n                      })}\n                    </Heading>\n                    {priceInfo.originalPrice && (\n                      <Heading size={2} className=\"text-info-tertiary line-through\" as=\"h6\">\n                        {formatPrice({\n                          amount: Number(priceInfo.originalPrice),\n                          currencyCode: matchVariant?.price?.currencyCode,\n                          locale: locale as string,\n                        })}\n                      </Heading>\n                    )}\n                  </>\n                )}\n              </div>\n            </div>\n\n            {/* \u6309\u94AE\u533A\u57DF */}\n            <div className={cn('tablet:gap-3 mb-4 flex gap-2', classNames?.buttonGroup)}>\n              <Button\n                variant=\"secondary\"\n                size=\"base\"\n                className={cn('', classNames?.learnMoreButton)}\n                onClick={() => onLearnMore?.(shopifyProductData, matchVariant, discountInfo)}\n              >\n                {learnMoreText}\n              </Button>\n              <Button\n                variant=\"primary\"\n                size=\"base\"\n                className={cn('', classNames?.shopNowButton)}\n                onClick={() => onShopNow?.(shopifyProductData, matchVariant, discountInfo)}\n                disabled={isSoldOut}\n              >\n                {shopNowText}\n              </Button>\n            </div>\n\n            {/* \u5E93\u5B58\u4FE1\u606F */}\n            {shouldShowStock(\n              stockDisplayMode,\n              stockThreshold,\n              matchVariant?.quantityAvailable ?? 0,\n              shopifyProductData?.totalInventory ?? 0\n            ) && (\n              <div className=\"space-y-2\">\n                <Progress\n                  value={stockPercentage}\n                  max={100}\n                  min={0}\n                  size=\"base\"\n                  variant=\"default\"\n                  aria-label=\"stock progress\"\n                  classNames={{\n                    progressBar: cn('bg-brand-0 transition-all duration-300 ease-in-out', classNames?.stockBar),\n                  }}\n                />\n                <Text size={3} className=\"text-info-tertiary text-[14px]\">\n                  {copy.stockDisplayText.replace(\n                    '{count}',\n                    String(\n                      matchVariant?.quantityAvailable > 0\n                        ? matchVariant?.quantityAvailable\n                        : matchVariant?.availableForSale\n                          ? '5'\n                          : '0'\n                    )\n                  )}\n                </Text>\n              </div>\n            )}\n          </div>\n        </div>\n      </CardContent>\n    </Card>\n  )\n})\nProductCard.displayName = 'ProductCard'\n\n/**\n * \u4EA7\u54C1\u5217\u8868\u7EC4\u4EF6 - \u652F\u6301\u7F51\u683C\u548C\u6A2A\u5411\u6ED1\u52A8\u4E24\u79CD\u5E03\u5C40\n */\nconst ProductsList = React.forwardRef<\n  HTMLDivElement,\n  {\n    products: ProductCardData[]\n    layoutMode: ActiveShelfLayoutMode\n    className?: string\n    buildData?: any[]\n  }\n>(({ products, layoutMode, className, buildData }, ref) => {\n  const { copy } = useActiveShelfContext()\n  // Swiper \u5BFC\u822A\u72B6\u6001\n  const [swiperState, setSwiperState] = React.useState({\n    isBeginning: true,\n    isEnd: false,\n  })\n\n  const getShopifyProductData = (shopify_id: string) => {\n    if (!buildData || buildData.length === 0) {\n      return null\n    }\n    return buildData.find(item => atobID(item.id) === shopify_id)\n  }\n\n  if (products?.length === 0) {\n    return null\n  }\n\n  return (\n    <div ref={ref} className={className}>\n      {layoutMode === 'flex' ? (\n        /* \u7F51\u683C\u5E03\u5C40 */\n        <div className=\"lg-desktop:gap-6 tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 grid grid-cols-1 justify-start gap-4\">\n          {products.map((product, index) => (\n            <ProductCard\n              key={product.shopify_id + '-' + product.sku || index}\n              product={product}\n              shopifyProductData={getShopifyProductData(product.shopify_id)}\n              className=\"shrink-0\"\n            />\n          ))}\n        </div>\n      ) : (\n        /* Swiper \u6A2A\u5411\u6ED1\u52A8\u5E03\u5C40 */\n        <div className=\"relative\">\n          <Swiper\n            modules={[Navigation]}\n            spaceBetween={16}\n            slidesPerView=\"auto\"\n            autoHeight={true}\n            navigation={{\n              nextEl: '.swiper-button-next-custom',\n              prevEl: '.swiper-button-prev-custom',\n            }}\n            onSwiper={swiper => {\n              setSwiperState({\n                isBeginning: swiper.isBeginning,\n                isEnd: swiper.isEnd,\n              })\n            }}\n            onSlideChange={swiper => {\n              setSwiperState({\n                isBeginning: swiper.isBeginning,\n                isEnd: swiper.isEnd,\n              })\n            }}\n            className=\"!overflow-visible\"\n          >\n            {products.map((product, index) => (\n              <SwiperSlide\n                key={product.shopify_id + '-' + product.sku || index}\n                className=\"tablet:!w-[288px] tablet:h-[428px] desktop:!w-[316px] desktop:!h-[464px] lg-desktop:!w-[404px] lg-desktop:!h-[561px] h-[428px] !w-[296px] overflow-hidden\"\n              >\n                <ProductCard\n                  product={product}\n                  shopifyProductData={getShopifyProductData(product.shopify_id)}\n                  className=\"w-full max-w-full\"\n                />\n              </SwiperSlide>\n            ))}\n          </Swiper>\n\n          {/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE */}\n          <button\n            className=\"swiper-button-prev-custom tablet:block absolute left-4 top-1/2 z-10 hidden -translate-y-1/2\"\n            aria-label={copy.previousSlideLabel}\n            disabled={swiperState.isBeginning}\n          >\n            <PrevIcon disabled={swiperState.isBeginning} />\n          </button>\n          <button\n            className=\"swiper-button-next-custom tablet:block absolute right-4 top-1/2 z-10 hidden -translate-y-1/2\"\n            aria-label={copy.nextSlideLabel}\n            disabled={swiperState.isEnd}\n          >\n            <NextIcon disabled={swiperState.isEnd} />\n          </button>\n        </div>\n      )}\n    </div>\n  )\n})\n\nProductsList.displayName = 'ProductsList'\n\n/**\n * ActiveShelf - \u6D3B\u52A8\u8D27\u67B6\n *\n * @description \u80FD\u591F\u5B9E\u65F6\u663E\u793A\u5546\u54C1\u5E93\u5B58\u4FE1\u606F\u548C\u4F1A\u5458\u4EF7\u7684\u8D27\u67B6\uFF0C\u652F\u6301\u54CD\u5E94\u5F0F\u5E03\u5C40\u548C\u591A\u79CD\u914D\u7F6E\u9009\u9879\n */\nconst ActiveShelf = React.forwardRef<HTMLDivElement, ActiveShelfProps>(\n  ({ className, data, onLearnMore, onShopNow, buildData, functionDiscountConfig, classNames, ...props }, ref) => {\n    // \u4ECE data \u4E2D\u89E3\u6784\u914D\u7F6E\u9879\uFF0C\u5E76\u8BBE\u7F6E\u9ED8\u8BA4\u503C\n    const {\n      theme = 'light',\n      layoutMode = 'flex',\n      codeChannel,\n      showMemberPrice = true,\n      showDiscount = true,\n      showTags = true,\n      stockDisplayMode,\n      stockThreshold,\n      showOriginalPrice = true,\n      learnMoreText,\n      shopNowText,\n      isShowTab = true,\n      copy,\n    } = data\n\n    // \u6784\u5EFA copy \u914D\u7F6E\uFF0C\u4F18\u5148\u4F7F\u7528 data.copy\uFF0C\u56DE\u9000\u5230\u9ED8\u8BA4\u503C\n    const finalCopy: Required<CopyConfig> = {\n      ...defaultCopy,\n      ...copy,\n    }\n\n    // \u5904\u7406\u9AD8\u9891\u6587\u6848\u5B57\u6BB5\uFF0C\u4F18\u5148\u4F7F\u7528 data \u76F4\u63A5\u5B57\u6BB5\uFF0C\u56DE\u9000\u5230\u9ED8\u8BA4\u503C\n    const finalLearnMoreText = learnMoreText ?? defaultButtonTexts.learnMoreText\n    const finalShopNowText = shopNowText ?? defaultButtonTexts.shopNowText\n\n    // \u6784\u5EFA Context \u503C\n    const contextValue: ActiveShelfContextValue = {\n      layoutMode,\n      codeChannel,\n      showMemberPrice,\n      showDiscount,\n      showTags,\n      stockDisplayMode,\n      stockThreshold,\n      showOriginalPrice,\n      onLearnMore,\n      onShopNow,\n      classNames,\n      functionDiscountConfig,\n      learnMoreText: finalLearnMoreText,\n      shopNowText: finalShopNowText,\n      copy: finalCopy,\n    }\n\n    // \u83B7\u53D6\u8981\u663E\u793A\u7684\u4EA7\u54C1\u6570\u636E\n    const hasTabData = data.productsTab && data.productsTab.length > 0\n    const shouldShowTab = isShowTab && hasTabData\n\n    return (\n      <ActiveShelfContext.Provider value={contextValue}>\n        <div\n          ref={ref}\n          className={cn(\n            'w-full',\n            {\n              'aiui-dark': theme === 'dark',\n            },\n            className,\n            classNames?.root\n          )}\n          {...props}\n        >\n          {/* \u6807\u9898\u533A\u57DF */}\n          {data.title && (\n            <Heading as=\"h2\" size={4} className={cn('text-info-primary mb-4', classNames?.title)}>\n              {data.title}\n            </Heading>\n          )}\n          {data.description && (\n            <Text size={3} as=\"p\" className={cn('text-info-primary mb-6', classNames?.description)}>\n              {data.description}\n            </Text>\n          )}\n\n          {/* \u4EA7\u54C1\u5C55\u793A\u533A\u57DF */}\n\n          <Tabs defaultValue={data.productsTab?.[0]?.id} className=\"w-full\">\n            {shouldShowTab && (\n              <TabsList className=\"mb-6\">\n                {data.productsTab?.map(tab => (\n                  <TabsTrigger key={'tab-' + tab.id} value={tab.id}>\n                    {tab.tab}\n                  </TabsTrigger>\n                ))}\n              </TabsList>\n            )}\n            {shouldShowTab ? (\n              data.productsTab?.map(tab => (\n                <TabsContent key={'tab-content-' + tab.id} value={tab.id}>\n                  <ProductsList products={tab.data} layoutMode={layoutMode} buildData={buildData} />\n                </TabsContent>\n              ))\n            ) : (\n              <ProductsList products={data.productsCard} layoutMode={layoutMode} buildData={buildData} />\n            )}\n          </Tabs>\n        </div>\n      </ActiveShelfContext.Provider>\n    )\n  }\n)\n\nActiveShelf.displayName = 'ActiveShelf'\nexport default ActiveShelf\nexport { ProductCard }\n"],
-  "mappings": "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",
-  "names": ["ActiveShelf_exports", "__export", "ProductCard", "ActiveShelf_default", "useActiveShelfContext", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "import_utils", "import_useCoupon", "import_react", "import_modules", "import_priceFormatting", "import_css", "import_navigation", "import_hooks", "import_AiuiProvider", "import_types", "SOLD_OUT_PRICE", "PrevIcon", "disabled", "NextIcon", "shouldShowStock", "stockDisplayMode", "stockThreshold", "quantityAvailable", "totalInventory", "ActiveShelfContext", "context", "product", "shopifyProductData", "className", "ref", "showTags", "onLearnMore", "onShopNow", "classNames", "codeChannel", "functionDiscountConfig", "learnMoreText", "shopNowText", "copy", "isLogin", "isPlusMember", "locale", "matchVariant", "res", "v", "discountInfo", "useCoupon", "memberPrice", "priceInfo", "originalPrice", "currentPrice", "discountAmount", "stockPercentage", "result", "displayTags", "tags", "shouldShowPlusMember", "shouldShowRegularMember", "clTags", "tag", "isSoldOut", "index", "ProductsList", "products", "layoutMode", "buildData", "swiperState", "setSwiperState", "getShopifyProductData", "shopify_id", "item", "swiper", "ActiveShelf", "data", "props", "theme", "showMemberPrice", "showDiscount", "showOriginalPrice", "isShowTab", "finalCopy", "finalLearnMoreText", "finalShopNowText", "contextValue", "hasTabData", "shouldShowTab", "tab"]
-}

package/dist/cjs/biz-components/ActiveShelf/types.d.ts

@@ -1,89 +0,0 @@
-export type MemberDiscountConfig = {
-    rule_id: number;
-    rule_type: number;
-    discount_label: {
-        cart_checkout_label: string;
-        product_label: string;
-        sold_out_label: string;
-    };
-    frontend_labels: Array<any>;
-    discount_combinations: {
-        other_order_discounts: boolean;
-        other_product_discounts: boolean;
-        shipping_discounts: boolean;
-    };
-    result_detail: {
-        member_discounts: Array<{
-            user_identity: number;
-            main_products: {
-                variants: Array<{
-                    variant_id: string;
-                    sku: string;
-                    handle: string;
-                }>;
-                skip_variants: Array<any>;
-                dynamic_conf: {
-                    in_collections: any;
-                    not_in_collections: any;
-                    SKU: {
-                        in: any;
-                        not_in: any;
-                        start_with: any;
-                        unstart_with: any;
-                        end_with: any;
-                        unend_with: any;
-                        contain: any;
-                        uncontain: any;
-                    };
-                    in_products: any;
-                    not_in_products: any;
-                };
-                all_store_variant: boolean;
-            };
-            discount_conf: {
-                discount_type: number;
-                discount_value: number;
-                discount_value_multi_markets: any;
-                price_ending_conf: {
-                    apply_price_ending: boolean;
-                    conf_one_decimal_place: boolean;
-                    conf_two_decimal_place: boolean;
-                    one_decimal_place: number;
-                    two_decimal_place: number;
-                    round_selected: number;
-                };
-            };
-        }>;
-        limit_discount_max: number;
-    };
-};
-/**
- * ActiveShelf 文案配置接口
- * 注意：learnMoreText 和 shopNowText 作为高频属性保持在 data 的直接属性中
- */
-export interface CopyConfig {
-    /** Plus会员价格标签文本 */
-    plusMemberPriceLabel?: string;
-    /** 会员价格标签文本 */
-    memberPriceLabel?: string;
-    /** 库存显示文案模板，支持 {count} 占位符 */
-    stockDisplayText?: string;
-    /** 上一页滑动按钮的无障碍标签（ActiveShelf 专用） */
-    previousSlideLabel?: string;
-    /** 下一页滑动按钮的无障碍标签（ActiveShelf 专用） */
-    nextSlideLabel?: string;
-    discountLabel?: string;
-    outOfStockLabel?: string;
-}
-/**
- * ActiveShelf 默认文案配置
- */
-export declare const defaultCopy: Required<CopyConfig>;
-/**
- * 高频文案字段的默认值
- * 这些字段作为 data 的直接属性，不在 copy 对象中
- */
-export declare const defaultButtonTexts: {
-    readonly learnMoreText: "Learn More";
-    readonly shopNowText: "Shop Now";
-};

package/dist/cjs/biz-components/ActiveShelf/types.js

@@ -1,2 +0,0 @@
-"use strict";var i=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var c=(n,e)=>{for(var o in e)i(n,o,{get:e[o],enumerable:!0})},_=(n,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of l(e))!s.call(n,t)&&t!==o&&i(n,t,{get:()=>e[t],enumerable:!(a=r(e,t))||a.enumerable});return n};var u=n=>_(i({},"__esModule",{value:!0}),n);var p={};c(p,{defaultButtonTexts:()=>b,defaultCopy:()=>d});module.exports=u(p);const d={plusMemberPriceLabel:"Plus Member Price",memberPriceLabel:"Member Price",stockDisplayText:"only {count} left in stock",previousSlideLabel:"Previous slide",nextSlideLabel:"Next slide",discountLabel:"{value} off",outOfStockLabel:"Sold Out"},b={learnMoreText:"Learn More",shopNowText:"Shop Now"};
-//# sourceMappingURL=types.js.map

package/dist/cjs/biz-components/ActiveShelf/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ActiveShelf/types.ts"],
-  "sourcesContent": ["export type MemberDiscountConfig = {\n  rule_id: number\n  rule_type: number\n  discount_label: {\n    cart_checkout_label: string\n    product_label: string\n    sold_out_label: string\n  }\n  frontend_labels: Array<any>\n  discount_combinations: {\n    other_order_discounts: boolean\n    other_product_discounts: boolean\n    shipping_discounts: boolean\n  }\n  result_detail: {\n    member_discounts: Array<{\n      user_identity: number\n      main_products: {\n        variants: Array<{\n          variant_id: string\n          sku: string\n          handle: string\n        }>\n        skip_variants: Array<any>\n        dynamic_conf: {\n          in_collections: any\n          not_in_collections: any\n          SKU: {\n            in: any\n            not_in: any\n            start_with: any\n            unstart_with: any\n            end_with: any\n            unend_with: any\n            contain: any\n            uncontain: any\n          }\n          in_products: any\n          not_in_products: any\n        }\n        all_store_variant: boolean\n      }\n      discount_conf: {\n        discount_type: number\n        discount_value: number\n        discount_value_multi_markets: any\n        price_ending_conf: {\n          apply_price_ending: boolean\n          conf_one_decimal_place: boolean\n          conf_two_decimal_place: boolean\n          one_decimal_place: number\n          two_decimal_place: number\n          round_selected: number\n        }\n      }\n    }>\n    limit_discount_max: number\n  }\n}\n\n/**\n * ActiveShelf \u6587\u6848\u914D\u7F6E\u63A5\u53E3\n * \u6CE8\u610F\uFF1AlearnMoreText \u548C shopNowText \u4F5C\u4E3A\u9AD8\u9891\u5C5E\u6027\u4FDD\u6301\u5728 data \u7684\u76F4\u63A5\u5C5E\u6027\u4E2D\n */\nexport interface CopyConfig {\n  /** Plus\u4F1A\u5458\u4EF7\u683C\u6807\u7B7E\u6587\u672C */\n  plusMemberPriceLabel?: string\n  /** \u4F1A\u5458\u4EF7\u683C\u6807\u7B7E\u6587\u672C */\n  memberPriceLabel?: string\n\n  /** \u5E93\u5B58\u663E\u793A\u6587\u6848\u6A21\u677F\uFF0C\u652F\u6301 {count} \u5360\u4F4D\u7B26 */\n  stockDisplayText?: string\n\n  /** \u4E0A\u4E00\u9875\u6ED1\u52A8\u6309\u94AE\u7684\u65E0\u969C\u788D\u6807\u7B7E\uFF08ActiveShelf \u4E13\u7528\uFF09 */\n  previousSlideLabel?: string\n  /** \u4E0B\u4E00\u9875\u6ED1\u52A8\u6309\u94AE\u7684\u65E0\u969C\u788D\u6807\u7B7E\uFF08ActiveShelf \u4E13\u7528\uFF09 */\n  nextSlideLabel?: string\n\n  discountLabel?: string\n  outOfStockLabel?: string\n}\n\n/**\n * ActiveShelf \u9ED8\u8BA4\u6587\u6848\u914D\u7F6E\n */\nexport const defaultCopy: Required<CopyConfig> = {\n  plusMemberPriceLabel: 'Plus Member Price',\n  memberPriceLabel: 'Member Price',\n  stockDisplayText: 'only {count} left in stock',\n  previousSlideLabel: 'Previous slide',\n  nextSlideLabel: 'Next slide',\n  discountLabel: '{value} off',\n  outOfStockLabel: 'Sold Out',\n}\n\n/**\n * \u9AD8\u9891\u6587\u6848\u5B57\u6BB5\u7684\u9ED8\u8BA4\u503C\n * \u8FD9\u4E9B\u5B57\u6BB5\u4F5C\u4E3A data \u7684\u76F4\u63A5\u5C5E\u6027\uFF0C\u4E0D\u5728 copy \u5BF9\u8C61\u4E2D\n */\nexport const defaultButtonTexts = {\n  learnMoreText: 'Learn More',\n  shopNowText: 'Shop Now',\n} as const\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,gBAAAC,IAAA,eAAAC,EAAAJ,GAqFO,MAAMG,EAAoC,CAC/C,qBAAsB,oBACtB,iBAAkB,eAClB,iBAAkB,6BAClB,mBAAoB,iBACpB,eAAgB,aAChB,cAAe,cACf,gBAAiB,UACnB,EAMaD,EAAqB,CAChC,cAAe,aACf,YAAa,UACf",
-  "names": ["types_exports", "__export", "defaultButtonTexts", "defaultCopy", "__toCommonJS"]
-}

package/dist/cjs/biz-components/AnchorNavigation/index.d.ts

@@ -1,42 +0,0 @@
-import * as React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-export interface AnchorNavigationSemanticName {
-    root: 'root';
-    content: 'content';
-    item: 'item';
-}
-/**
- * 导航项对齐方向样式变体
- */
-declare const anchorNavigationVariants: (props?: ({
-    alignment?: "end" | "start" | "center" | null | undefined;
-    size?: "small" | "large" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * AnchorNavigation 业务组件数据接口
- */
-export interface AnchorNavigationData {
-    /** 锚点列表 */
-    sectionIds: {
-        targetId: string;
-        label: string;
-    }[];
-    /** 导航项水平对齐方式 */
-    alignment?: 'start' | 'center' | 'end';
-    /** 主题模式 */
-    theme?: 'light' | 'dark';
-    /** 导航大小 */
-    size?: 'small' | 'large';
-}
-export interface AnchorNavigationProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof anchorNavigationVariants> {
-    /** 业务数据 */
-    data: AnchorNavigationData;
-    classNames?: Partial<Record<keyof AnchorNavigationSemanticName, string>>;
-}
-/**
- * AnchorNavigation - 锚点导航
- *
- * @description 锚点导航
- */
-declare const AnchorNavigation: React.ForwardRefExoticComponent<AnchorNavigationProps & React.RefAttributes<HTMLDivElement>>;
-export default AnchorNavigation;

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

@@ -1,2 +0,0 @@
-"use strict";"use client";var T=Object.create;var g=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var V=(t,e)=>{for(var n in e)g(t,n,{get:e[n],enumerable:!0})},y=(t,e,n,f)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of H(e))!L.call(t,o)&&o!==n&&g(t,o,{get:()=>e[o],enumerable:!(f=E(e,o))||f.enumerable});return t};var A=(t,e,n)=>(n=t!=null?T(D(t)):{},y(e||!t||!t.__esModule?g(n,"default",{value:t,enumerable:!0}):n,t)),z=t=>y(g({},"__esModule",{value:!0}),t);var S={};V(S,{default:()=>B});module.exports=z(S);var v=require("react/jsx-runtime"),l=A(require("react")),u=require("../../helpers/utils.js"),p=require("class-variance-authority"),k=A(require("./useAnchorPosition.js"));const M=(0,p.cva)("anchor-navigation-content flex items-center overflow-x-auto [&::-webkit-scrollbar]:hidden",{variants:{alignment:{start:"tablet:justify-start",center:"tablet:justify-center",end:"tablet:justify-end"},size:{small:"gap-3",large:"gap-6"}},defaultVariants:{alignment:"start",size:"small"}}),P=(0,p.cva)("anchor-navigation-item after:bg-brand relative shrink-0 text-sm font-bold after:absolute after:bottom-0 after:left-0 after:h-1 after:w-0 after:opacity-0 after:transition-all after:duration-300",{variants:{size:{small:"py-3",large:"py-4"}},defaultVariants:{size:"small"}}),C=(0,p.cva)("tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-[calc(50%-832px)] sticky top-0 z-40 w-full px-4",{variants:{theme:{light:"bg-white",dark:"bg-[#1E2024]"}},defaultVariants:{theme:"light"}}),N=l.forwardRef(({classNames:t={},data:e},n)=>{const{alignment:f="start",theme:o="light",size:x="small"}=e,m=(0,k.default)(e.sectionIds?.map(a=>a.targetId)||[]),d=l.useRef(null),h=l.useRef(null),I=l.useRef([]);l.useImperativeHandle(n,()=>d.current);const b=l.useCallback(a=>{const i=I.current[a];if(i&&h.current){const r=h.current,s=i,c=s.offsetLeft-r.offsetWidth/2+s.offsetWidth/2;typeof r.scrollTo=="function"&&r.scrollTo({left:c,behavior:"smooth"})}},[]);return l.useEffect(()=>{if(!m)return;const a=e.sectionIds?.findIndex(i=>i.targetId===m);a!==void 0&&a!==-1&&b(a)},[m,e.sectionIds,b]),(0,v.jsx)("div",{ref:d,className:(0,u.cn)(C({theme:o}),t?.root),children:(0,v.jsx)("div",{ref:h,className:(0,u.cn)(M({alignment:f,size:x}),"relative",t?.content),children:e.sectionIds?.map((a,i)=>{const r=m===a.targetId,s=o==="dark";return(0,v.jsx)("button",{ref:c=>{c&&(I.current[i]=c)},onClick:()=>{b(i);const c=document.getElementById(a.targetId);if(c&&d.current){const w=d.current.offsetHeight,R=c.getBoundingClientRect().top+window.scrollY-w;window.scrollTo({top:R,behavior:"smooth"})}},className:(0,u.cn)(P({size:x}),{"text-[#4A4C56]":!s&&!r,"text-[#080A0F] after:w-full after:opacity-100":!s&&r,"text-[#8A8D92]":s&&!r,"text-white after:w-full after:opacity-100":s&&r},t?.item),children:a.label},a.targetId)})})})});N.displayName="AnchorNavigation";var B=N;
-//# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/AnchorNavigation/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/AnchorNavigation/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport useAnchorPosition from './useAnchorPosition.js'\n\nexport interface AnchorNavigationSemanticName {\n  root: 'root'\n  content: 'content'\n  item: 'item'\n}\n\n/**\n * \u5BFC\u822A\u9879\u5BF9\u9F50\u65B9\u5411\u6837\u5F0F\u53D8\u4F53\n */\nconst anchorNavigationVariants = cva(\n  'anchor-navigation-content flex items-center overflow-x-auto [&::-webkit-scrollbar]:hidden',\n  {\n    variants: {\n      alignment: {\n        start: 'tablet:justify-start',\n        center: 'tablet:justify-center',\n        end: 'tablet:justify-end',\n      },\n      size: {\n        small: 'gap-3',\n        large: 'gap-6',\n      },\n    },\n    defaultVariants: {\n      alignment: 'start',\n      size: 'small',\n    },\n  }\n)\n\n/**\n * \u5BFC\u822A\u9879\u6837\u5F0F\u53D8\u4F53\n */\nconst anchorItemVariants = cva(\n  'anchor-navigation-item after:bg-brand relative shrink-0 text-sm font-bold after:absolute after:bottom-0 after:left-0 after:h-1 after:w-0 after:opacity-0 after:transition-all after:duration-300',\n  {\n    variants: {\n      size: {\n        small: 'py-3',\n        large: 'py-4',\n      },\n    },\n    defaultVariants: {\n      size: 'small',\n    },\n  }\n)\n\n/**\n * \u5BB9\u5668\u4E3B\u9898\u6837\u5F0F\u53D8\u4F53\n */\nconst containerVariants = cva(\n  'tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-[calc(50%-832px)] sticky top-0 z-40 w-full px-4',\n  {\n    variants: {\n      theme: {\n        light: 'bg-white',\n        dark: 'bg-[#1E2024]',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n    },\n  }\n)\n\n/**\n * AnchorNavigation \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface AnchorNavigationData {\n  /** \u951A\u70B9\u5217\u8868 */\n  sectionIds: {\n    targetId: string\n    label: string\n  }[]\n  /** \u5BFC\u822A\u9879\u6C34\u5E73\u5BF9\u9F50\u65B9\u5F0F */\n  alignment?: 'start' | 'center' | 'end'\n  /** \u4E3B\u9898\u6A21\u5F0F */\n  theme?: 'light' | 'dark'\n  /** \u5BFC\u822A\u5927\u5C0F */\n  size?: 'small' | 'large'\n}\n\nexport interface AnchorNavigationProps\n  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof anchorNavigationVariants> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: AnchorNavigationData\n  classNames?: Partial<Record<keyof AnchorNavigationSemanticName, string>>\n}\n\n/**\n * AnchorNavigation - \u951A\u70B9\u5BFC\u822A\n *\n * @description \u951A\u70B9\u5BFC\u822A\n */\nconst AnchorNavigation = React.forwardRef<HTMLDivElement, AnchorNavigationProps>(({ classNames = {}, data }, ref) => {\n  const { alignment = 'start', theme = 'light', size = 'small' } = data\n  const activeId = useAnchorPosition(data.sectionIds?.map(item => item.targetId) || [])\n  const rootRef = React.useRef<HTMLDivElement>(null)\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const sectionRefs = React.useRef<HTMLButtonElement[]>([])\n\n  // \u66B4\u9732 rootRef \u7ED9\u5916\u90E8 ref\n  React.useImperativeHandle(ref, () => rootRef.current as HTMLDivElement)\n\n  const autoScrollToActiveItem = React.useCallback((activeIdIndex: number) => {\n    const curRef = sectionRefs.current[activeIdIndex]\n\n    if (curRef && containerRef.current) {\n      const container = containerRef.current\n      const button = curRef\n      const scrollLeft = button.offsetLeft - container.offsetWidth / 2 + button.offsetWidth / 2\n\n      // \u68C0\u67E5 scrollTo \u65B9\u6CD5\u662F\u5426\u5B58\u5728\uFF08\u517C\u5BB9\u6D4B\u8BD5\u73AF\u5883\u548C\u65E7\u6D4F\u89C8\u5668\uFF09\n      if (typeof container.scrollTo === 'function') {\n        container.scrollTo({\n          left: scrollLeft,\n          behavior: 'smooth',\n        })\n      }\n    }\n  }, [])\n\n  // \u5F53\u5C4F\u5E55\u6EDA\u52A8\u5BFC\u81F4 activeId \u53D8\u5316\u65F6\uFF0C\u81EA\u52A8\u6EDA\u52A8\u5BFC\u822A\u680F\u5230\u5BF9\u5E94\u9879\n  React.useEffect(() => {\n    if (!activeId) return\n\n    const activeIndex = data.sectionIds?.findIndex(item => item.targetId === activeId)\n    if (activeIndex !== undefined && activeIndex !== -1) {\n      autoScrollToActiveItem(activeIndex)\n    }\n  }, [activeId, data.sectionIds, autoScrollToActiveItem])\n\n  return (\n    <div ref={rootRef} className={cn(containerVariants({ theme }), classNames?.root)}>\n      <div\n        ref={containerRef}\n        className={cn(anchorNavigationVariants({ alignment, size }), 'relative', classNames?.content)}\n      >\n        {data.sectionIds?.map((item, index) => {\n          const isActive = activeId === item.targetId\n          const isDark = theme === 'dark'\n\n          return (\n            <button\n              key={item.targetId}\n              ref={el => {\n                if (el) {\n                  sectionRefs.current[index] = el\n                }\n              }}\n              onClick={() => {\n                autoScrollToActiveItem(index)\n\n                // \u624B\u52A8\u8BA1\u7B97\u6EDA\u52A8\u4F4D\u7F6E\uFF0C\u8003\u8651\u5BFC\u822A\u680F\u9AD8\u5EA6\n                const targetElement = document.getElementById(item.targetId)\n                if (targetElement && rootRef.current) {\n                  const navHeight = rootRef.current.offsetHeight\n                  const targetPosition = targetElement.getBoundingClientRect().top + window.scrollY - navHeight\n\n                  window.scrollTo({\n                    top: targetPosition,\n                    behavior: 'smooth',\n                  })\n                }\n              }}\n              className={cn(\n                anchorItemVariants({ size }),\n                {\n                  // Light theme colors\n                  'text-[#4A4C56]': !isDark && !isActive,\n                  'text-[#080A0F] after:w-full after:opacity-100': !isDark && isActive,\n                  // Dark theme colors\n                  'text-[#8A8D92]': isDark && !isActive,\n                  'text-white after:w-full after:opacity-100': isDark && isActive,\n                },\n                classNames?.item\n              )}\n            >\n              {item.label}\n            </button>\n          )\n        })}\n      </div>\n    </div>\n  )\n})\n\nAnchorNavigation.displayName = 'AnchorNavigation'\nexport default AnchorNavigation\n"],
-  "mappings": "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",
-  "names": ["AnchorNavigation_exports", "__export", "AnchorNavigation_default", "__toCommonJS", "import_jsx_runtime", "React", "import_utils", "import_class_variance_authority", "import_useAnchorPosition", "anchorNavigationVariants", "anchorItemVariants", "containerVariants", "AnchorNavigation", "classNames", "data", "ref", "alignment", "theme", "size", "activeId", "useAnchorPosition", "item", "rootRef", "containerRef", "sectionRefs", "autoScrollToActiveItem", "activeIdIndex", "curRef", "container", "button", "scrollLeft", "activeIndex", "index", "isActive", "isDark", "el", "targetElement", "navHeight", "targetPosition"]
-}

package/dist/cjs/biz-components/AnchorNavigation/useAnchorPosition.d.ts

@@ -1,2 +0,0 @@
-declare const useAnchorPosition: (sectionIds: string[], offset?: number) => string;
-export default useAnchorPosition;

package/dist/cjs/biz-components/AnchorNavigation/useAnchorPosition.js

@@ -1,2 +0,0 @@
-"use strict";var i=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var v=(e,t)=>{for(var n in t)i(e,n,{get:t[n],enumerable:!0})},p=(e,t,n,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of g(t))!h.call(e,o)&&o!==n&&i(e,o,{get:()=>t[o],enumerable:!(l=m(t,o))||l.enumerable});return e};var E=e=>p(i({},"__esModule",{value:!0}),e);var S={};v(S,{default:()=>A});module.exports=E(S);var c=require("react"),s=require("es-toolkit");const b=(e,t=100)=>{const[n,l]=(0,c.useState)(e[0]||"");return(0,c.useEffect)(()=>{const o=()=>{const a=Math.ceil(window.scrollY+t+10);let u=!1;for(let r=e.length-1;r>=0;r--){const f=document.getElementById(e[r]);if(f){const w=Math.ceil(f.getBoundingClientRect().top+window.scrollY);if(a>=w){l(e[r]),u=!0;break}}}!u&&e.length>0&&l(e[0])};o();const d=(0,s.debounce)(o,50);return window.addEventListener("scroll",d),()=>{window.removeEventListener("scroll",d)}},[e,t]),n};var A=b;
-//# sourceMappingURL=useAnchorPosition.js.map

package/dist/cjs/biz-components/AnchorNavigation/useAnchorPosition.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/AnchorNavigation/useAnchorPosition.tsx"],
-  "sourcesContent": ["import { useState, useEffect } from 'react'\nimport { debounce } from 'es-toolkit'\n\nconst useAnchorPosition = (sectionIds: string[], offset = 100) => {\n  const [activeId, setActiveId] = useState(sectionIds[0] || '')\n\n  useEffect(() => {\n    const handleScroll = () => {\n      const scrollPosition = Math.ceil(window.scrollY + offset + 10)\n\n      let foundActiveId = false\n\n      // \u904D\u5386\u6240\u6709section\uFF0C\u627E\u5230\u5F53\u524D\u53EF\u89C6\u533A\u57DF\u5185\u7684section\n      for (let i = sectionIds.length - 1; i >= 0; i--) {\n        const section = document.getElementById(sectionIds[i])\n        if (section) {\n          const offsetTop = Math.ceil(section.getBoundingClientRect().top + window.scrollY)\n          if (scrollPosition >= offsetTop) {\n            setActiveId(sectionIds[i])\n            foundActiveId = true\n            break\n          }\n        }\n      }\n\n      // \u5982\u679C\u6EDA\u52A8\u8DDD\u79BB\u5C0F\u4E8E\u7B2C\u4E00\u4E2Asection\u7684offset\uFF0C\u8BBE\u7F6E\u4E3A\u7B2C\u4E00\u4E2Asection\n      if (!foundActiveId && sectionIds.length > 0) {\n        setActiveId(sectionIds[0])\n      }\n    }\n\n    // \u521D\u59CB\u5316\u65F6\u6267\u884C\u4E00\u6B21\n    handleScroll()\n\n    // \u521B\u5EFAdebounce\u51FD\u6570\u5E76\u4FDD\u5B58\u5F15\u7528\uFF0C\u786E\u4FDD\u80FD\u6B63\u786E\u79FB\u9664\u76D1\u542C\u5668\n    const debouncedHandleScroll = debounce(handleScroll, 50)\n    window.addEventListener('scroll', debouncedHandleScroll)\n\n    return () => {\n      window.removeEventListener('scroll', debouncedHandleScroll)\n    }\n  }, [sectionIds, offset])\n\n  return activeId\n}\n\nexport default useAnchorPosition\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAoC,iBACpCC,EAAyB,sBAEzB,MAAMC,EAAoB,CAACC,EAAsBC,EAAS,MAAQ,CAChE,KAAM,CAACC,EAAUC,CAAW,KAAI,YAASH,EAAW,CAAC,GAAK,EAAE,EAE5D,sBAAU,IAAM,CACd,MAAMI,EAAe,IAAM,CACzB,MAAMC,EAAiB,KAAK,KAAK,OAAO,QAAUJ,EAAS,EAAE,EAE7D,IAAIK,EAAgB,GAGpB,QAASC,EAAIP,EAAW,OAAS,EAAGO,GAAK,EAAGA,IAAK,CAC/C,MAAMC,EAAU,SAAS,eAAeR,EAAWO,CAAC,CAAC,EACrD,GAAIC,EAAS,CACX,MAAMC,EAAY,KAAK,KAAKD,EAAQ,sBAAsB,EAAE,IAAM,OAAO,OAAO,EAChF,GAAIH,GAAkBI,EAAW,CAC/BN,EAAYH,EAAWO,CAAC,CAAC,EACzBD,EAAgB,GAChB,KACF,CACF,CACF,CAGI,CAACA,GAAiBN,EAAW,OAAS,GACxCG,EAAYH,EAAW,CAAC,CAAC,CAE7B,EAGAI,EAAa,EAGb,MAAMM,KAAwB,YAASN,EAAc,EAAE,EACvD,cAAO,iBAAiB,SAAUM,CAAqB,EAEhD,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAqB,CAC5D,CACF,EAAG,CAACV,EAAYC,CAAM,CAAC,EAEhBC,CACT,EAEA,IAAOP,EAAQI",
-  "names": ["useAnchorPosition_exports", "__export", "useAnchorPosition_default", "__toCommonJS", "import_react", "import_es_toolkit", "useAnchorPosition", "sectionIds", "offset", "activeId", "setActiveId", "handleScroll", "scrollPosition", "foundActiveId", "i", "section", "offsetTop", "debouncedHandleScroll"]
-}

package/dist/cjs/biz-components/BrandCardLink/BrandCardLink.d.ts

@@ -1,6 +0,0 @@
-import type { BrandCardLinkProps } from './types.js';
-declare const _default: import("react").ForwardRefExoticComponent<Omit<BrandCardLinkProps & import("react").RefAttributes<HTMLDivElement> & {
-    style?: string | React.CSSProperties;
-    container?: import("../../shared/Styles.js").ContainerProps["container"];
-}, "ref"> & import("react").RefAttributes<any>>;
-export default _default;

package/dist/cjs/biz-components/BrandCardLink/BrandCardLink.js

@@ -1,2 +0,0 @@
-"use strict";"use client";var T=Object.create;var m=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var j=(e,i)=>{for(var r in i)m(e,r,{get:i[r],enumerable:!0})},g=(e,i,r,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let n of E(i))!P.call(e,n)&&n!==r&&m(e,n,{get:()=>i[n],enumerable:!(s=A(i,n))||s.enumerable});return e};var h=(e,i,r)=>(r=e!=null?T(I(e)):{},g(i||!e||!e.__esModule?m(r,"default",{value:e,enumerable:!0}):r,e)),D=e=>g(m({},"__esModule",{value:!0}),e);var F={};j(F,{default:()=>z});module.exports=D(F);var t=require("react/jsx-runtime"),o=require("react"),a=require("../../helpers/utils.js"),b=h(require("../../components/picture.js")),y=require("../../shared/Styles.js"),N=require("react-responsive"),L=require("../../hooks/useExposure.js"),c=require("swiper/react"),l=require("swiper/modules"),W=require("../Title/index.js"),M=h(require("../../components/link.js"));const H="copy",q="store_benefits",R=(e,i)=>{const r=[];for(let s=0;s<e.length;s+=i)r.push(e.slice(s,s+i));return r},v=(0,o.forwardRef)(({data:{items:e=[],itemShape:i},className:r},s)=>{const[n,S]=(0,o.useState)(!1),f=(0,N.useMediaQuery)({query:"(max-width: 768px)"}),x=(0,o.useRef)(null),u=(0,o.useRef)(null);(0,o.useImperativeHandle)(s,()=>u.current),(0,L.useExposure)(u,{componentType:H,componentName:q}),(0,o.useEffect)(()=>{S(f)},[f]);const B=n?R(e,4):e;return(0,t.jsx)("div",{ref:u,className:(0,a.cn)("brand-equity-wrapper w-full",r),children:n?(0,t.jsxs)(c.Swiper,{className:(0,a.cn)(r),modules:[l.FreeMode,l.Mousewheel,l.Pagination],freeMode:!0,mousewheel:{forceToAxis:!0},pagination:{clickable:!0,el:x.current},breakpoints:{0:{spaceBetween:12}},children:[B?.map((p,d)=>(0,t.jsx)(c.SwiperSlide,{className:"!flex flex-col gap-3",children:Array.isArray(p)&&p?.map((C,k)=>(0,t.jsx)(w,{data:C,itemShape:i,index:k},k))},"SwiperSlide"+d)),(0,t.jsx)("div",{ref:x,className:"mt-3 flex justify-center"})]}):(0,t.jsx)("div",{className:(0,a.cn)("laptop:gap-4 tablet:grid-cols-2 laptop:grid-cols-4 grid grid-cols-1 gap-3"),children:e.map((p,d)=>(0,t.jsx)(w,{data:p,itemShape:i,index:d},d))})})}),w=({data:e,itemShape:i,index:r})=>(0,t.jsxs)("div",{className:(0,a.cn)("brand-equity-item","lg-desktop:p-8 desktop:p-6 p-4","laptop:h-[192px] lg-desktop:h-[240px] h-[160px]","box-border flex w-full flex-col justify-between overflow-hidden bg-[#DAE7F2]",i==="round"?"rounded-box":"rounded-none"),children:[(0,t.jsxs)("div",{className:"lg-desktop:h-[50px] flex h-10 items-center justify-between gap-3",children:[(0,t.jsx)("h3",{className:"link-item-title lg-desktop:text-[18px] desktop:text-[16px] line-clamp-2 flex-1 text-[14px] font-bold leading-[1.2] tracking-[-0.02em] text-[#080A0F]",children:e.title}),(0,t.jsx)("div",{className:"link-item-img lg-desktop:size-[36px] size-[30px] shrink-0",children:(0,t.jsx)(b.default,{className:"size-full object-cover",source:e.icon?.url,alt:e.icon?.alt,imgClassName:"w-full h-full object-cover"})})]}),(0,t.jsxs)("div",{className:"box-border overflow-hidden",children:[(0,t.jsx)("p",{title:e.description||"",className:"link-item-description lg-desktop:text-[24px] line-clamp-2 text-[20px] font-semibold leading-[1.2] tracking-[-0.04em] text-[#767880]",children:e.description||""}),(0,t.jsxs)(M.default,{href:e?.link,asChild:!e?.link,className:"desktop:mt-4 mt-2 flex items-center gap-0.5 no-underline hover:underline",children:[(0,t.jsx)("span",{className:"link-item-text laptop:text-base text-sm",children:e?.linkText}),(0,t.jsx)("div",{className:"size-6",children:(0,t.jsx)("svg",{width:"24",height:"24",className:"mb-[3px]",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",children:(0,t.jsx)("path",{className:"transition-all duration-[0.4s]",d:"M10.5 8L14.5 12L10.5 16",stroke:"#777",strokeWidth:"1.5",strokeLinecap:"round"})})})]})]})]});v.displayName="BrandCardLink";var z=(0,y.withLayout)(v);
-//# sourceMappingURL=BrandCardLink.js.map