@anker-in/headless-ui 1.1.33 → 1.1.34-alpha.1768470531746

package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/BenefitsTab.d.ts

@@ -32,8 +32,8 @@ export type ModalData = {
 interface BenefitsTabProps {
     textConfig?: BenefitsTabTextConfig;
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<BenefitsTabProps, keyof import("../../../../../shared/Styles.js").StylesProps> & Partial<import("../../../../../shared/Styles.js").StylesProps & import("../../../../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: React.ForwardRefExoticComponent<BenefitsTabProps & {
+    style?: string | React.CSSProperties;
+    container?: import("../../../../../shared/Styles.js").ContainerProps["container"];
 } & React.RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/ProductBundle/index.d.ts

@@ -1,5 +1,5 @@
-declare const _default: import("react").ForwardRefExoticComponent<Omit<object, keyof import("../../../../../../shared/Styles.js").StylesProps> & Partial<import("../../../../../../shared/Styles.js").StylesProps & import("../../../../../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: import("react").ForwardRefExoticComponent<{
+    style?: string | React.CSSProperties;
+    container?: import("../../../../../../shared/Styles.js").ContainerProps["container"];
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/ProductExchangePurchase/index.d.ts

@@ -1,5 +1,5 @@
-declare const _default: import("react").ForwardRefExoticComponent<Omit<object, keyof import("../../../../../../shared/Styles.js").StylesProps> & Partial<import("../../../../../../shared/Styles.js").StylesProps & import("../../../../../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: import("react").ForwardRefExoticComponent<{
+    style?: string | React.CSSProperties;
+    container?: import("../../../../../../shared/Styles.js").ContainerProps["container"];
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.d.ts

@@ -1,5 +1,5 @@
-declare const _default: import("react").ForwardRefExoticComponent<Omit<object, keyof import("../../../../../../shared/Styles.js").StylesProps> & Partial<import("../../../../../../shared/Styles.js").StylesProps & import("../../../../../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: import("react").ForwardRefExoticComponent<{
+    style?: string | React.CSSProperties;
+    container?: import("../../../../../../shared/Styles.js").ContainerProps["container"];
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/ProductHighlight/index.d.ts

@@ -1,5 +1,5 @@
-declare const _default: import("react").ForwardRefExoticComponent<Omit<object, keyof import("../../../../../../shared/Styles.js").StylesProps> & Partial<import("../../../../../../shared/Styles.js").StylesProps & import("../../../../../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: import("react").ForwardRefExoticComponent<{
+    style?: string | React.CSSProperties;
+    container?: import("../../../../../../shared/Styles.js").ContainerProps["container"];
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/ProductOptions/index.d.ts

@@ -1,5 +1,5 @@
-declare const _default: import("react").ForwardRefExoticComponent<Omit<object, keyof import("../../../../../../shared/Styles.js").StylesProps> & Partial<import("../../../../../../shared/Styles.js").StylesProps & import("../../../../../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: import("react").ForwardRefExoticComponent<{
+    style?: string | React.CSSProperties;
+    container?: import("../../../../../../shared/Styles.js").ContainerProps["container"];
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/Listing/components/ProductCard/ProductGallery/index.d.ts

@@ -1,8 +1,8 @@
 export interface ProductGalleryTabRef {
     scrollToTab: (index: number) => void;
 }
-declare const _default: import("react").ForwardRefExoticComponent<Omit<object, keyof import("../../../../../shared/Styles.js").StylesProps> & Partial<import("../../../../../shared/Styles.js").StylesProps & import("../../../../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: import("react").ForwardRefExoticComponent<{
+    style?: string | React.CSSProperties;
+    container?: import("../../../../../shared/Styles.js").ContainerProps["container"];
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/Listing/components/ProductCard/ProductSummary/index.d.ts

@@ -1,5 +1,5 @@
-declare const _default: import("react").ForwardRefExoticComponent<Omit<object, keyof import("../../../../../shared/Styles.js").StylesProps> & Partial<import("../../../../../shared/Styles.js").StylesProps & import("../../../../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: import("react").ForwardRefExoticComponent<{
+    style?: string | React.CSSProperties;
+    container?: import("../../../../../shared/Styles.js").ContainerProps["container"];
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/Listing/components/PurchaseBar/index.d.ts

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

package/dist/esm/biz-components/Marquee/Marquee.d.ts

@@ -10,9 +10,9 @@ declare const MarqueeImageContent: {
     displayName: string;
 };
 declare const MarqueeTextContent: React.ForwardRefExoticComponent<MarqueeTextContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<MarqueeProps & React.RefAttributes<SwiperRef>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: React.ForwardRefExoticComponent<Omit<MarqueeProps & React.RefAttributes<SwiperRef> & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;
 export { MarqueeItem, MarqueeImageContent, MarqueeTextContent };

package/dist/esm/biz-components/Marquee/Marquee.js

@@ -1,2 +1,2 @@
-"use client";import{Fragment as g,jsx as r,jsxs as v}from"react/jsx-runtime";import l,{useImperativeHandle as f,useRef as w}from"react";import{Picture as d,Text as x}from"../../components/index.js";import{cn as s}from"../../helpers/utils.js";import{withLayout as M}from"../../shared/Styles.js";import{Swiper as y,SwiperSlide as q}from"swiper/react";import{Autoplay as N}from"swiper/modules";import{useExposure as C}from"../../hooks/useExposure.js";const S="image",R="marquee",u=l.forwardRef(({data:e,className:t},a)=>{const o=w(null);return f(a,()=>o.current),C(o,{componentType:S,componentName:R}),r(y,{direction:"horizontal",className:s("laptop:h-[80px] h-[48px] w-full items-center [&_.swiper-slide]:!w-auto [&_.swiper-wrapper]:!ease-linear",t),ref:o,id:"Marquee"+e?.key,modules:[N],autoplay:{delay:1,disableOnInteraction:!1,reverseDirection:e?.reverseDirection},loop:!0,allowTouchMove:!1,centeredSlides:!0,slidesPerView:"auto",speed:e?.speed||3e3,breakpoints:{0:{spaceBetween:"24px"},1025:{spaceBetween:"64px"}},children:e?.items?.map((m,c)=>r(q,{children:r(p,{data:m})},m?.id+"SwiperSlide"+c))})});u.displayName="Marquee";const p=({data:e,configuration:t})=>v(g,{children:[e.type==="image"&&r(i,{image:e?.image,imageClassName:t?.imageClassName}),e.type==="text"&&r(n,{text:e?.text,textClassName:t?.textClassName})]});p.displayName="MarqueeItem";const i=({image:e,imageClassName:t})=>r("div",{className:"laptop:w-[120px] h-full w-[72px] shrink-0",children:r(d,{source:e?.url,alt:e?.alt||"",imgClassName:s("object-cover",t)})});i.displayName="MarqueeImageContent";const n=l.forwardRef(({text:e,textClassName:t},a)=>r(x,{as:"div",ref:a,html:e,className:s("text-lines-2 flex size-full items-center justify-center font-medium leading-[1.2]",t)}));n.displayName="MarqueeTextContent";var D=M(u);export{i as MarqueeImageContent,p as MarqueeItem,n as MarqueeTextContent,D as default};
+"use client";import{Fragment as R,jsx as r,jsxs as T}from"react/jsx-runtime";import u,{useImperativeHandle as w,useRef as M}from"react";import{Picture as y,Text as q}from"../../components/index.js";import{cn as i}from"../../helpers/utils.js";import{withLayout as x}from"../../shared/Styles.js";import{Swiper as N,SwiperSlide as C}from"swiper/react";import{Autoplay as S}from"swiper/modules";import{useExposure as g}from"../../hooks/useExposure.js";const h="image",I="marquee",c=u.forwardRef(({data:e,className:t},o)=>{const s=M(null);w(o,()=>s.current),g(s,{componentType:h,componentName:I});const a=e?.items||[],f=a.length>0?[...a,...a,...a]:[];return r(N,{direction:"horizontal",className:i("laptop:h-[80px] h-[48px] w-full items-center [&_.swiper-slide]:!w-auto [&_.swiper-wrapper]:!ease-linear",t),ref:s,id:"Marquee"+e?.key,modules:[S],autoplay:{delay:0,disableOnInteraction:!1,reverseDirection:e?.reverseDirection,pauseOnMouseEnter:!1},loop:!0,loopAdditionalSlides:a.length,allowTouchMove:!1,simulateTouch:!1,slidesPerView:"auto",speed:e?.speed||3e3,breakpoints:{0:{spaceBetween:24},1025:{spaceBetween:64}},children:f?.map((l,d)=>r(C,{children:r(n,{data:l})},l?.id+"SwiperSlide"+d))})});c.displayName="Marquee";const n=({data:e,configuration:t})=>T(R,{children:[e.type==="image"&&r(p,{image:e?.image,imageClassName:t?.imageClassName}),e.type==="text"&&r(m,{text:e?.text,textClassName:t?.textClassName})]});n.displayName="MarqueeItem";const p=({image:e,imageClassName:t})=>r("div",{className:"laptop:w-[120px] h-full w-[72px] shrink-0",children:r(y,{source:e?.url,alt:e?.alt||"",imgClassName:i("object-cover",t)})});p.displayName="MarqueeImageContent";const m=u.forwardRef(({text:e,textClassName:t},o)=>r(q,{as:"div",ref:o,html:e,className:i("text-lines-2 flex size-full items-center justify-center font-medium leading-[1.2]",t)}));m.displayName="MarqueeTextContent";var O=x(c);export{p as MarqueeImageContent,n as MarqueeItem,m as MarqueeTextContent,O as default};
 //# sourceMappingURL=Marquee.js.map

package/dist/esm/biz-components/Marquee/Marquee.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/Marquee/Marquee.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef, type RefObject } from 'react'\nimport { Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport type { MarqueeProps, MarqueeItemProps, MarqueeImageContentProps, MarqueeTextContentProps } from './type.js'\n\nimport { Swiper, SwiperSlide, type SwiperRef } from 'swiper/react'\nimport { Autoplay } from 'swiper/modules'\nimport { useExposure } from '../../hooks/useExposure.js'\n\nconst componentType = 'image'\nconst componentName = 'marquee'\n\nconst Marquee = React.forwardRef<SwiperRef, MarqueeProps>(({ data, className }, ref) => {\n  const innerRef = useRef<SwiperRef>(null)\n  useImperativeHandle(ref, () => innerRef.current as SwiperRef)\n\n  useExposure(innerRef as unknown as RefObject<HTMLDivElement>, {\n    componentType: componentType,\n    componentName: componentName,\n  })\n\n  return (\n    <Swiper\n      direction=\"horizontal\"\n      className={cn(\n        'laptop:h-[80px] h-[48px] w-full items-center [&_.swiper-slide]:!w-auto [&_.swiper-wrapper]:!ease-linear',\n        className\n      )}\n      ref={innerRef}\n      id={'Marquee' + data?.key}\n      modules={[Autoplay]}\n      autoplay={{\n        delay: 1,\n        disableOnInteraction: false,\n        reverseDirection: data?.reverseDirection,\n      }}\n      loop={true}\n      allowTouchMove={false}\n      centeredSlides\n      slidesPerView=\"auto\"\n      speed={data?.speed || 3000}\n      breakpoints={{\n        0: {\n          spaceBetween: '24px',\n        },\n        1025: {\n          spaceBetween: '64px',\n        },\n      }}\n    >\n      {data?.items?.map((item, index) => (\n        <SwiperSlide key={item?.id + 'SwiperSlide' + index}>\n          <MarqueeItem data={item} />\n        </SwiperSlide>\n      ))}\n    </Swiper>\n  )\n})\nMarquee.displayName = 'Marquee'\n\nconst MarqueeItem = ({ data, configuration }: MarqueeItemProps) => {\n  return (\n    <>\n      {data.type === 'image' && (\n        <MarqueeImageContent image={data?.image} imageClassName={configuration?.imageClassName} />\n      )}\n      {data.type === 'text' && <MarqueeTextContent text={data?.text} textClassName={configuration?.textClassName} />}\n    </>\n  )\n}\n\nMarqueeItem.displayName = 'MarqueeItem'\n\nconst MarqueeImageContent = ({ image, imageClassName }: MarqueeImageContentProps) => {\n  return (\n    <div className=\"laptop:w-[120px] h-full w-[72px] shrink-0\">\n      <Picture source={image?.url} alt={image?.alt || ''} imgClassName={cn('object-cover', imageClassName)} />\n    </div>\n  )\n}\n\nMarqueeImageContent.displayName = 'MarqueeImageContent'\n\nconst MarqueeTextContent = React.forwardRef<HTMLDivElement, MarqueeTextContentProps>(({ text, textClassName }, ref) => {\n  return (\n    <Text\n      as=\"div\"\n      ref={ref}\n      html={text}\n      className={cn('text-lines-2 flex size-full items-center justify-center font-medium leading-[1.2]', textClassName)}\n    />\n  )\n})\n\nMarqueeTextContent.displayName = 'MarqueeTextContent'\n\nexport default withLayout(Marquee)\nexport { MarqueeItem, MarqueeImageContent, MarqueeTextContent }\n"],
-  "mappings": "aAsDU,OAUN,YAAAA,EAVM,OAAAC,EAUN,QAAAC,MAVM,oBArDV,OAAOC,GAAS,uBAAAC,EAAqB,UAAAC,MAA8B,QACnE,OAAS,WAAAC,EAAS,QAAAC,MAAY,4BAC9B,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAG3B,OAAS,UAAAC,EAAQ,eAAAC,MAAmC,eACpD,OAAS,YAAAC,MAAgB,iBACzB,OAAS,eAAAC,MAAmB,6BAE5B,MAAMC,EAAgB,QAChBC,EAAgB,UAEhBC,EAAUb,EAAM,WAAoC,CAAC,CAAE,KAAAc,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CACtF,MAAMC,EAAWf,EAAkB,IAAI,EACvC,OAAAD,EAAoBe,EAAK,IAAMC,EAAS,OAAoB,EAE5DP,EAAYO,EAAkD,CAC5D,cAAeN,EACf,cAAeC,CACjB,CAAC,EAGCd,EAACS,EAAA,CACC,UAAU,aACV,UAAWF,EACT,0GACAU,CACF,EACA,IAAKE,EACL,GAAI,UAAYH,GAAM,IACtB,QAAS,CAACL,CAAQ,EAClB,SAAU,CACR,MAAO,EACP,qBAAsB,GACtB,iBAAkBK,GAAM,gBAC1B,EACA,KAAM,GACN,eAAgB,GAChB,eAAc,GACd,cAAc,OACd,MAAOA,GAAM,OAAS,IACtB,YAAa,CACX,EAAG,CACD,aAAc,MAChB,EACA,KAAM,CACJ,aAAc,MAChB,CACF,EAEC,SAAAA,GAAM,OAAO,IAAI,CAACI,EAAMC,IACvBrB,EAACU,EAAA,CACC,SAAAV,EAACsB,EAAA,CAAY,KAAMF,EAAM,GADTA,GAAM,GAAK,cAAgBC,CAE7C,CACD,EACH,CAEJ,CAAC,EACDN,EAAQ,YAAc,UAEtB,MAAMO,EAAc,CAAC,CAAE,KAAAN,EAAM,cAAAO,CAAc,IAEvCtB,EAAAF,EAAA,CACG,UAAAiB,EAAK,OAAS,SACbhB,EAACwB,EAAA,CAAoB,MAAOR,GAAM,MAAO,eAAgBO,GAAe,eAAgB,EAEzFP,EAAK,OAAS,QAAUhB,EAACyB,EAAA,CAAmB,KAAMT,GAAM,KAAM,cAAeO,GAAe,cAAe,GAC9G,EAIJD,EAAY,YAAc,cAE1B,MAAME,EAAsB,CAAC,CAAE,MAAAE,EAAO,eAAAC,CAAe,IAEjD3B,EAAC,OAAI,UAAU,4CACb,SAAAA,EAACK,EAAA,CAAQ,OAAQqB,GAAO,IAAK,IAAKA,GAAO,KAAO,GAAI,aAAcnB,EAAG,eAAgBoB,CAAc,EAAG,EACxG,EAIJH,EAAoB,YAAc,sBAElC,MAAMC,EAAqBvB,EAAM,WAAoD,CAAC,CAAE,KAAA0B,EAAM,cAAAC,CAAc,EAAGX,IAE3GlB,EAACM,EAAA,CACC,GAAG,MACH,IAAKY,EACL,KAAMU,EACN,UAAWrB,EAAG,oFAAqFsB,CAAa,EAClH,CAEH,EAEDJ,EAAmB,YAAc,qBAEjC,IAAOK,EAAQtB,EAAWO,CAAO",
-  "names": ["Fragment", "jsx", "jsxs", "React", "useImperativeHandle", "useRef", "Picture", "Text", "cn", "withLayout", "Swiper", "SwiperSlide", "Autoplay", "useExposure", "componentType", "componentName", "Marquee", "data", "className", "ref", "innerRef", "item", "index", "MarqueeItem", "configuration", "MarqueeImageContent", "MarqueeTextContent", "image", "imageClassName", "text", "textClassName", "Marquee_default"]
+  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef, type RefObject } from 'react'\nimport { Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport type { MarqueeProps, MarqueeItemProps, MarqueeImageContentProps, MarqueeTextContentProps } from './type.js'\n\nimport { Swiper, SwiperSlide, type SwiperRef } from 'swiper/react'\nimport { Autoplay } from 'swiper/modules'\nimport { useExposure } from '../../hooks/useExposure.js'\n\nconst componentType = 'image'\nconst componentName = 'marquee'\n\nconst Marquee = React.forwardRef<SwiperRef, MarqueeProps>(({ data, className }, ref) => {\n  const innerRef = useRef<SwiperRef>(null)\n  useImperativeHandle(ref, () => innerRef.current as SwiperRef)\n\n  useExposure(innerRef as unknown as RefObject<HTMLDivElement>, {\n    componentType: componentType,\n    componentName: componentName,\n  })\n\n  // \u590D\u5236 items \u4EE5\u786E\u4FDD\u6709\u8DB3\u591F\u7684\u5185\u5BB9\u8FDB\u884C\u5FAA\u73AF\n  // Swiper loop \u6A21\u5F0F\u9700\u8981\u8DB3\u591F\u591A\u7684 slides\n  const items = data?.items || []\n  const duplicatedItems = items.length > 0 ? [...items, ...items, ...items] : []\n\n  return (\n    <Swiper\n      direction=\"horizontal\"\n      className={cn(\n        'laptop:h-[80px] h-[48px] w-full items-center [&_.swiper-slide]:!w-auto [&_.swiper-wrapper]:!ease-linear',\n        className\n      )}\n      ref={innerRef}\n      id={'Marquee' + data?.key}\n      modules={[Autoplay]}\n      autoplay={{\n        delay: 0,\n        disableOnInteraction: false,\n        reverseDirection: data?.reverseDirection,\n        pauseOnMouseEnter: false,\n      }}\n      loop={true}\n      loopAdditionalSlides={items.length}\n      allowTouchMove={false}\n      simulateTouch={false}\n      slidesPerView=\"auto\"\n      speed={data?.speed || 3000}\n      breakpoints={{\n        0: {\n          spaceBetween: 24,\n        },\n        1025: {\n          spaceBetween: 64,\n        },\n      }}\n    >\n      {duplicatedItems?.map((item, index) => (\n        <SwiperSlide key={item?.id + 'SwiperSlide' + index}>\n          <MarqueeItem data={item} />\n        </SwiperSlide>\n      ))}\n    </Swiper>\n  )\n})\nMarquee.displayName = 'Marquee'\n\nconst MarqueeItem = ({ data, configuration }: MarqueeItemProps) => {\n  return (\n    <>\n      {data.type === 'image' && (\n        <MarqueeImageContent image={data?.image} imageClassName={configuration?.imageClassName} />\n      )}\n      {data.type === 'text' && <MarqueeTextContent text={data?.text} textClassName={configuration?.textClassName} />}\n    </>\n  )\n}\n\nMarqueeItem.displayName = 'MarqueeItem'\n\nconst MarqueeImageContent = ({ image, imageClassName }: MarqueeImageContentProps) => {\n  return (\n    <div className=\"laptop:w-[120px] h-full w-[72px] shrink-0\">\n      <Picture source={image?.url} alt={image?.alt || ''} imgClassName={cn('object-cover', imageClassName)} />\n    </div>\n  )\n}\n\nMarqueeImageContent.displayName = 'MarqueeImageContent'\n\nconst MarqueeTextContent = React.forwardRef<HTMLDivElement, MarqueeTextContentProps>(({ text, textClassName }, ref) => {\n  return (\n    <Text\n      as=\"div\"\n      ref={ref}\n      html={text}\n      className={cn('text-lines-2 flex size-full items-center justify-center font-medium leading-[1.2]', textClassName)}\n    />\n  )\n})\n\nMarqueeTextContent.displayName = 'MarqueeTextContent'\n\nexport default withLayout(Marquee)\nexport { MarqueeItem, MarqueeImageContent, MarqueeTextContent }\n"],
+  "mappings": "aA6DU,OAUN,YAAAA,EAVM,OAAAC,EAUN,QAAAC,MAVM,oBA5DV,OAAOC,GAAS,uBAAAC,EAAqB,UAAAC,MAA8B,QACnE,OAAS,WAAAC,EAAS,QAAAC,MAAY,4BAC9B,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAG3B,OAAS,UAAAC,EAAQ,eAAAC,MAAmC,eACpD,OAAS,YAAAC,MAAgB,iBACzB,OAAS,eAAAC,MAAmB,6BAE5B,MAAMC,EAAgB,QAChBC,EAAgB,UAEhBC,EAAUb,EAAM,WAAoC,CAAC,CAAE,KAAAc,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CACtF,MAAMC,EAAWf,EAAkB,IAAI,EACvCD,EAAoBe,EAAK,IAAMC,EAAS,OAAoB,EAE5DP,EAAYO,EAAkD,CAC5D,cAAeN,EACf,cAAeC,CACjB,CAAC,EAID,MAAMM,EAAQJ,GAAM,OAAS,CAAC,EACxBK,EAAkBD,EAAM,OAAS,EAAI,CAAC,GAAGA,EAAO,GAAGA,EAAO,GAAGA,CAAK,EAAI,CAAC,EAE7E,OACEpB,EAACS,EAAA,CACC,UAAU,aACV,UAAWF,EACT,0GACAU,CACF,EACA,IAAKE,EACL,GAAI,UAAYH,GAAM,IACtB,QAAS,CAACL,CAAQ,EAClB,SAAU,CACR,MAAO,EACP,qBAAsB,GACtB,iBAAkBK,GAAM,iBACxB,kBAAmB,EACrB,EACA,KAAM,GACN,qBAAsBI,EAAM,OAC5B,eAAgB,GAChB,cAAe,GACf,cAAc,OACd,MAAOJ,GAAM,OAAS,IACtB,YAAa,CACX,EAAG,CACD,aAAc,EAChB,EACA,KAAM,CACJ,aAAc,EAChB,CACF,EAEC,SAAAK,GAAiB,IAAI,CAACC,EAAMC,IAC3BvB,EAACU,EAAA,CACC,SAAAV,EAACwB,EAAA,CAAY,KAAMF,EAAM,GADTA,GAAM,GAAK,cAAgBC,CAE7C,CACD,EACH,CAEJ,CAAC,EACDR,EAAQ,YAAc,UAEtB,MAAMS,EAAc,CAAC,CAAE,KAAAR,EAAM,cAAAS,CAAc,IAEvCxB,EAAAF,EAAA,CACG,UAAAiB,EAAK,OAAS,SACbhB,EAAC0B,EAAA,CAAoB,MAAOV,GAAM,MAAO,eAAgBS,GAAe,eAAgB,EAEzFT,EAAK,OAAS,QAAUhB,EAAC2B,EAAA,CAAmB,KAAMX,GAAM,KAAM,cAAeS,GAAe,cAAe,GAC9G,EAIJD,EAAY,YAAc,cAE1B,MAAME,EAAsB,CAAC,CAAE,MAAAE,EAAO,eAAAC,CAAe,IAEjD7B,EAAC,OAAI,UAAU,4CACb,SAAAA,EAACK,EAAA,CAAQ,OAAQuB,GAAO,IAAK,IAAKA,GAAO,KAAO,GAAI,aAAcrB,EAAG,eAAgBsB,CAAc,EAAG,EACxG,EAIJH,EAAoB,YAAc,sBAElC,MAAMC,EAAqBzB,EAAM,WAAoD,CAAC,CAAE,KAAA4B,EAAM,cAAAC,CAAc,EAAGb,IAE3GlB,EAACM,EAAA,CACC,GAAG,MACH,IAAKY,EACL,KAAMY,EACN,UAAWvB,EAAG,oFAAqFwB,CAAa,EAClH,CAEH,EAEDJ,EAAmB,YAAc,qBAEjC,IAAOK,EAAQxB,EAAWO,CAAO",
+  "names": ["Fragment", "jsx", "jsxs", "React", "useImperativeHandle", "useRef", "Picture", "Text", "cn", "withLayout", "Swiper", "SwiperSlide", "Autoplay", "useExposure", "componentType", "componentName", "Marquee", "data", "className", "ref", "innerRef", "items", "duplicatedItems", "item", "index", "MarqueeItem", "configuration", "MarqueeImageContent", "MarqueeTextContent", "image", "imageClassName", "text", "textClassName", "Marquee_default"]
 }

package/dist/esm/biz-components/MarqueeReview/index.d.ts

@@ -34,8 +34,8 @@ export interface MarqueeReviewProps {
     /** 自定义类名 */
     className?: string;
 }
-declare const _default: import("react").ForwardRefExoticComponent<Omit<MarqueeReviewProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: import("react").ForwardRefExoticComponent<MarqueeReviewProps & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/Media/index.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { Media as MediaType } from '../../types/props.js';
+export interface MediaProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** PC端媒体 */
+    pcImage?: MediaType;
+    /** 平板端媒体 */
+    padImage?: MediaType;
+    /** 移动端媒体 */
+    mobileImage?: MediaType;
+    /** 视频类名 */
+    videoClassName?: string;
+    /** 图片类名 */
+    imgClassName?: string;
+    /** 是否静音播放（仅视频） */
+    muted?: boolean;
+    /** 是否循环播放（仅视频） */
+    loop?: boolean;
+    /** 是否内联播放（仅视频） */
+    playsInline?: boolean;
+    /** 是否自动播放（仅视频） */
+    autoPlay?: boolean;
+    /** 视频预览图 */
+    poster?: string;
+}
+/**
+ * Media - 智能媒体组件
+ *
+ * @description 根据媒体类型自动选择使用 video 标签或 Picture 组件
+ * 支持响应式媒体源，如果任意媒体类型是视频，则使用 video 标签渲染
+ */
+declare const Media: React.ForwardRefExoticComponent<MediaProps & React.RefAttributes<HTMLDivElement>>;
+export default Media;

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

@@ -0,0 +1,2 @@
+"use client";import{jsx as a}from"react/jsx-runtime";import h from"react";import{useMediaQuery as s}from"react-responsive";import{Picture as z}from"../../components/index.js";import{cn as t}from"../../helpers/index.js";const l=h.forwardRef(({pcImage:o,padImage:r,mobileImage:e,className:d,videoClassName:p,imgClassName:n,muted:u=!0,loop:m=!0,playsInline:c=!0,autoPlay:y=!0,poster:f,...M},v)=>{const T=s({query:"(max-width: 768px)"}),N=s({query:"(max-width: 1024px)"}),P=[o,r,e].some(w=>w?.mimeType==="video/mp4"),i=T?e:N?r||e:o,b=i?.mimeType==="video/mp4"?i.url:void 0,x=f||(i?.mimeType!=="video/mp4"?i?.url:void 0);return a("div",{ref:v,className:t("media-wrapper",d),...M,children:P?a("video",{src:b,poster:x,className:t("size-full object-cover",p),muted:u,loop:m,playsInline:c,autoPlay:y,"aria-label":i?.alt||""}):a(z,{className:"size-full",imgClassName:t("size-full object-cover",n),alt:o?.alt||"",source:`${o?.url||""} , ${r?.url??(e?.url||"")} 1024, ${e?.url||""} 767`})})});l.displayName="Media";var $=l;export{$ as default};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/Media/index.tsx"],
+  "sourcesContent": ["'use client'\n\nimport React from 'react'\nimport { useMediaQuery } from 'react-responsive'\nimport { Picture } from '../../components/index.js'\nimport type { Media as MediaType } from '../../types/props.js'\nimport { cn } from '../../helpers/index.js'\n\nexport interface MediaProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** PC\u7AEF\u5A92\u4F53 */\n  pcImage?: MediaType\n  /** \u5E73\u677F\u7AEF\u5A92\u4F53 */\n  padImage?: MediaType\n  /** \u79FB\u52A8\u7AEF\u5A92\u4F53 */\n  mobileImage?: MediaType\n  /** \u89C6\u9891\u7C7B\u540D */\n  videoClassName?: string\n  /** \u56FE\u7247\u7C7B\u540D */\n  imgClassName?: string\n  /** \u662F\u5426\u9759\u97F3\u64AD\u653E\uFF08\u4EC5\u89C6\u9891\uFF09 */\n  muted?: boolean\n  /** \u662F\u5426\u5FAA\u73AF\u64AD\u653E\uFF08\u4EC5\u89C6\u9891\uFF09 */\n  loop?: boolean\n  /** \u662F\u5426\u5185\u8054\u64AD\u653E\uFF08\u4EC5\u89C6\u9891\uFF09 */\n  playsInline?: boolean\n  /** \u662F\u5426\u81EA\u52A8\u64AD\u653E\uFF08\u4EC5\u89C6\u9891\uFF09 */\n  autoPlay?: boolean\n  /** \u89C6\u9891\u9884\u89C8\u56FE */\n  poster?: string\n}\n\n/**\n * Media - \u667A\u80FD\u5A92\u4F53\u7EC4\u4EF6\n *\n * @description \u6839\u636E\u5A92\u4F53\u7C7B\u578B\u81EA\u52A8\u9009\u62E9\u4F7F\u7528 video \u6807\u7B7E\u6216 Picture \u7EC4\u4EF6\n * \u652F\u6301\u54CD\u5E94\u5F0F\u5A92\u4F53\u6E90\uFF0C\u5982\u679C\u4EFB\u610F\u5A92\u4F53\u7C7B\u578B\u662F\u89C6\u9891\uFF0C\u5219\u4F7F\u7528 video \u6807\u7B7E\u6E32\u67D3\n */\nconst Media = React.forwardRef<HTMLDivElement, MediaProps>(\n  (\n    {\n      pcImage,\n      padImage,\n      mobileImage,\n      className,\n      videoClassName,\n      imgClassName,\n      muted = true,\n      loop = true,\n      playsInline = true,\n      autoPlay = true,\n      poster,\n      ...props\n    },\n    ref\n  ) => {\n    // \u54CD\u5E94\u5F0F\u67E5\u8BE2\n    const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n    const isPad = useMediaQuery({ query: '(max-width: 1024px)' })\n\n    // \u68C0\u67E5\u662F\u5426\u6709\u4EFB\u4F55\u5A92\u4F53\u662F\u89C6\u9891\u7C7B\u578B\n    const hasVideo = [pcImage, padImage, mobileImage].some(media => media?.mimeType === 'video/mp4')\n\n    // \u83B7\u53D6\u5F53\u524D\u8BBE\u5907\u5BF9\u5E94\u7684\u5A92\u4F53\n    const currentMedia = isMobile ? mobileImage : isPad ? padImage || mobileImage : pcImage\n\n    // \u83B7\u53D6\u89C6\u9891\u6E90\u548C\u6D77\u62A5\u56FE\u7247\n    const videoSrc = currentMedia?.mimeType === 'video/mp4' ? currentMedia.url : undefined\n    const imagePoster = poster || (currentMedia?.mimeType !== 'video/mp4' ? currentMedia?.url : undefined)\n\n    return (\n      <div ref={ref} className={cn('media-wrapper', className)} {...props}>\n        {hasVideo ? (\n          <video\n            src={videoSrc}\n            poster={imagePoster}\n            className={cn('size-full object-cover', videoClassName)}\n            muted={muted}\n            loop={loop}\n            playsInline={playsInline}\n            autoPlay={autoPlay}\n            aria-label={currentMedia?.alt || ''}\n          />\n        ) : (\n          <Picture\n            className=\"size-full\"\n            imgClassName={cn('size-full object-cover', imgClassName)}\n            alt={pcImage?.alt || ''}\n            source={`${pcImage?.url || ''} , ${padImage?.url ?? (mobileImage?.url || '')} 1024, ${mobileImage?.url || ''} 767`}\n          />\n        )}\n      </div>\n    )\n  }\n)\n\nMedia.displayName = 'Media'\n\nexport default Media\n"],
+  "mappings": "aAwEU,cAAAA,MAAA,oBAtEV,OAAOC,MAAW,QAClB,OAAS,iBAAAC,MAAqB,mBAC9B,OAAS,WAAAC,MAAe,4BAExB,OAAS,MAAAC,MAAU,yBA+BnB,MAAMC,EAAQJ,EAAM,WAClB,CACE,CACE,QAAAK,EACA,SAAAC,EACA,YAAAC,EACA,UAAAC,EACA,eAAAC,EACA,aAAAC,EACA,MAAAC,EAAQ,GACR,KAAAC,EAAO,GACP,YAAAC,EAAc,GACd,SAAAC,EAAW,GACX,OAAAC,EACA,GAAGC,CACL,EACAC,IACG,CAEH,MAAMC,EAAWjB,EAAc,CAAE,MAAO,oBAAqB,CAAC,EACxDkB,EAAQlB,EAAc,CAAE,MAAO,qBAAsB,CAAC,EAGtDmB,EAAW,CAACf,EAASC,EAAUC,CAAW,EAAE,KAAKc,GAASA,GAAO,WAAa,WAAW,EAGzFC,EAAeJ,EAAWX,EAAcY,EAAQb,GAAYC,EAAcF,EAG1EkB,EAAWD,GAAc,WAAa,YAAcA,EAAa,IAAM,OACvEE,EAAcT,IAAWO,GAAc,WAAa,YAAcA,GAAc,IAAM,QAE5F,OACEvB,EAAC,OAAI,IAAKkB,EAAK,UAAWd,EAAG,gBAAiBK,CAAS,EAAI,GAAGQ,EAC3D,SAAAI,EACCrB,EAAC,SACC,IAAKwB,EACL,OAAQC,EACR,UAAWrB,EAAG,yBAA0BM,CAAc,EACtD,MAAOE,EACP,KAAMC,EACN,YAAaC,EACb,SAAUC,EACV,aAAYQ,GAAc,KAAO,GACnC,EAEAvB,EAACG,EAAA,CACC,UAAU,YACV,aAAcC,EAAG,yBAA0BO,CAAY,EACvD,IAAKL,GAAS,KAAO,GACrB,OAAQ,GAAGA,GAAS,KAAO,EAAE,MAAMC,GAAU,MAAQC,GAAa,KAAO,GAAG,UAAUA,GAAa,KAAO,EAAE,OAC9G,EAEJ,CAEJ,CACF,EAEAH,EAAM,YAAc,QAEpB,IAAOqB,EAAQrB",
+  "names": ["jsx", "React", "useMediaQuery", "Picture", "cn", "Media", "pcImage", "padImage", "mobileImage", "className", "videoClassName", "imgClassName", "muted", "loop", "playsInline", "autoPlay", "poster", "props", "ref", "isMobile", "isPad", "hasVideo", "media", "currentMedia", "videoSrc", "imagePoster", "Media_default"]
+}

package/dist/esm/biz-components/MediaPlayerBase/index.d.ts

@@ -1,6 +1,6 @@
 import type { MediaPlayerBaseProps } from './types.js';
-declare const _default: import("react").ForwardRefExoticComponent<Omit<Omit<MediaPlayerBaseProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: import("react").ForwardRefExoticComponent<Omit<MediaPlayerBaseProps & 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/esm/biz-components/MediaPlayerMulti/index.d.ts

@@ -1,6 +1,6 @@
 import type { MediaPlayerMultiProps } from './types.js';
-declare const _default: import("react").ForwardRefExoticComponent<Omit<Omit<MediaPlayerMultiProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: import("react").ForwardRefExoticComponent<Omit<MediaPlayerMultiProps & 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/esm/biz-components/MediaPlayerSticky/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { MediaPlayerBaseProps } from './types.js';
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<MediaPlayerBaseProps & React.RefAttributes<{
+declare const _default: React.ForwardRefExoticComponent<Omit<MediaPlayerBaseProps & React.RefAttributes<{
     mediaPlayerStickyRef: HTMLDivElement;
-}>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+}> & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/MediaPlayerSticky/types.d.ts

@@ -18,4 +18,5 @@ export interface MediaPlayerBaseProps extends ComponentCommonProps {
         youtubeMobileId?: string;
         components?: MediaPlayerComponent[];
     };
+    wrapperClassName?: string;
 }

package/dist/esm/biz-components/MediaSceneSwitcher/MediaSceneSwitcher.d.ts

@@ -1,7 +1,7 @@
 import type { MediaSceneSwitcherProps } from './types.js';
 import 'swiper/css';
-declare const _default: import("react").ForwardRefExoticComponent<Omit<Omit<MediaSceneSwitcherProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: import("react").ForwardRefExoticComponent<Omit<MediaSceneSwitcherProps & 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/esm/biz-components/MediaShelf/index.d.ts

@@ -0,0 +1,216 @@
+import * as React from 'react';
+import 'swiper/css';
+import 'swiper/css/navigation';
+import type { ButtonFunctionType, CopyConfig } from './types.js';
+import type { BadgeProps } from '../../components/badge.js';
+/**
+ * 语义化类名
+ */
+type MediaShelfSemanticName = 'root' | 'title' | 'description' | 'productCard' | 'productCardImage' | 'productTitle' | 'productDescription' | 'productPriceLabel' | 'productPrice' | 'buttonGroup' | 'secondaryButton' | 'primaryButton' | 'stockBar';
+/**
+ * Code Channel 配置 - 折扣前缀
+ */
+export type CodeChannelConfig = string;
+/**
+ * 库存展示模式
+ */
+export type StockDisplayMode = 'always' | 'never' | 'below-quantity' | 'below-percentage';
+/**
+ * MediaShelf Context 配置接口
+ */
+export interface MediaShelfContextConfig {
+    /** Code Channel 配置 - 折扣前缀 */
+    codeChannel?: CodeChannelConfig;
+    /** 是否展示会员价格 */
+    showMemberPrice?: boolean;
+    /** 是否展示折扣标签 */
+    showDiscount?: boolean;
+    /** 是否展示标签系统 */
+    showTags?: boolean;
+    /** 库存展示模式 */
+    stockDisplayMode?: StockDisplayMode;
+    /** 库存阈值（当模式为 below-quantity 或 below-percentage 时使用） */
+    stockThreshold?: number;
+    /** 是否展示原价（删除线价格） */
+    showOriginalPrice?: boolean;
+}
+/**
+ * MediaShelf Context 值接口
+ */
+interface MediaShelfContextValue extends MediaShelfContextConfig {
+    /** 点击了解更多回调 */
+    onLearnMore?: (product: ProductCardData) => void;
+    /** 点击立即购买回调 */
+    onShopNow?: (product: ProductCardData) => void;
+    /** 点击加入购物车回调 */
+    onAddToCart?: (product: ProductCardData) => void;
+    /** 语义化类名 */
+    classNames?: Partial<Record<MediaShelfSemanticName, string>>;
+    /** 了解更多按钮文本 */
+    secondaryButtonText?: string;
+    secondaryButtonFun?: ButtonFunctionType;
+    /** 立即购买按钮文本 */
+    primaryButtonText?: string;
+    primaryButtonFun?: ButtonFunctionType;
+    /** 文案配置 */
+    copy: CopyConfig;
+}
+/**
+ * 使用 MediaShelf Context 的 Hook
+ */
+export declare const useMediaShelfContext: () => MediaShelfContextValue;
+/**
+ * 基础产品数据接口（来自外部数据源）
+ */
+export interface BaseProductData {
+    sku: string;
+    name: string;
+    image: string;
+    value: string;
+    handle: string;
+    shopify_id: string;
+    custom_name?: string;
+    custom_description?: string;
+    custom_image?: string;
+    custom_link?: string;
+}
+/**
+ * Shopify 变体数据接口
+ */
+export interface VariantData {
+    /**
+     * 产品描述
+     */
+    description?: string;
+    /**
+     * 变体id
+     */
+    variantId: string;
+    /**
+     * 产品链接, 点击图片的时候跳转到该链接
+     */
+    listingLink: string;
+    /**
+     * 原价
+     */
+    originalPrice: string;
+    /**
+     * 现价
+     */
+    price: string;
+    /**
+     * 价格上面展示的标签文本
+     */
+    priceLabel?: string;
+    /**
+     * 总库存
+     */
+    totalInventory: number;
+    /**
+     * 可用库存数量
+     */
+    quantityAvailable: number;
+    /**
+     * 是否可售
+     */
+    availableForSale: boolean;
+    /**
+     * tags 列表(会员价，折扣，new, hot等标签信息)
+     */
+    tags: Array<{
+        label: string;
+        variant: BadgeProps['variant'];
+        promotionalType?: BadgeProps['promotionalType'];
+    }>;
+    /**
+     * 通用折扣数据，包括折扣title, 类型和值
+     */
+    coupon: any;
+}
+/**
+ * 完整的产品卡片数据接口
+ */
+export interface ProductCardData extends BaseProductData, VariantData {
+}
+/**
+ * 产品分组Tab数据接口
+ */
+export interface ProductTab {
+    /** Tab ID */
+    id: string;
+    /** Tab 标题 */
+    tab: string;
+    /** 该分组下的产品数据 */
+    data: ProductCardData[];
+}
+/**
+ * MediaShelf 业务组件数据接口
+ */
+export interface MediaShelfData {
+    theme?: 'light' | 'dark';
+    /** 组件标题 */
+    title?: string;
+    /** 组件描述 */
+    description?: string;
+    /** 分组产品Tab列表 */
+    productsTab?: ProductTab[];
+    /** 是否显示 Tab（默认：true） */
+    isShowTab?: boolean;
+    /** 了解更多按钮文本 */
+    secondaryButtonText?: string;
+    secondaryButtonFun: ButtonFunctionType;
+    /** 立即购买按钮文本 */
+    primaryButtonText?: string;
+    primaryButtonFun: ButtonFunctionType;
+    /** 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 MediaShelfProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 业务数据 */
+    data: MediaShelfData;
+    /** 点击了解更多回调 */
+    onLearnMore?: (product: ProductCardData) => void;
+    /** 点击立即购买回调 */
+    onShopNow?: (product: ProductCardData) => void;
+    /** 点击加入购物车回调 */
+    onAddToCart?: (product: ProductCardData) => void;
+    /** 语义化类名 */
+    classNames?: Partial<Record<MediaShelfSemanticName, string>>;
+}
+/**
+ * 产品卡片组件
+ */
+declare const ProductCard: React.ForwardRefExoticComponent<{
+    product: ProductCardData;
+    className?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * MediaShelf - 媒体货架
+ *
+ * @description 能够实时显示商品库存信息和会员价的货架，支持响应式布局和多种配置选项
+ */
+declare const MediaShelf: React.ForwardRefExoticComponent<MediaShelfProps & React.RefAttributes<HTMLDivElement>>;
+export default MediaShelf;
+export { ProductCard };

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

@@ -0,0 +1,2 @@
+"use client";import{Fragment as z,jsx as t,jsxs as r}from"react/jsx-runtime";import*as m from"react";import{cn as o}from"../../helpers/index.js";import{Button as M,Badge as I,Card as O,CardContent as q,Picture as R,Text as w,Heading as g,Tabs as j,TabsList as G,TabsTrigger as W,TabsContent as Z,Progress as J}from"../../components/index.js";import{Swiper as K,SwiperSlide as Q}from"swiper/react";import{Navigation as U}from"swiper/modules";import"swiper/css";import"swiper/css/navigation";const X=({disabled:e})=>r("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:[t("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:e?"0.2":"0.6"}),t("path",{d:"M31 22L25 28L31 34",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),Y=({disabled:e})=>r("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:[t("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:e?"0.2":"0.6"}),t("path",{d:"M25 22L31 28L25 34",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]});function $(e,a,d,c){if(e===void 0)return!0;switch(e){case"always":return!0;case"never":return!1;case"below-quantity":return a===void 0?!0:d<=a;case"below-percentage":return a===void 0?!0:d/c<=a;default:return!0}}const D=m.createContext(null),L=()=>{const e=m.useContext(D);if(!e)throw new Error("useMediaShelfContext must be used within an MediaShelfProvider");return e},N=m.forwardRef(({product:e,className:a},d)=>{let{stockDisplayMode:c,stockThreshold:u,onLearnMore:s,onShopNow:i,onAddToCart:b,classNames:l,secondaryButtonText:h,primaryButtonText:f,secondaryButtonFun:y,primaryButtonFun:v,showOriginalPrice:k,copy:x}=L();const T=m.useMemo(()=>{const n=(e?.quantityAvailable??0)/(e?.totalInventory??1)*100;return n===0&&e.availableForSale?Math.round(Math.random()*5+1):n},[e?.availableForSale,e?.quantityAvailable,e?.totalInventory]),C=n=>{if(n)switch(n){case"buyNow":i?.(e);break;case"addCart":b?.(e);break;case"learnMore":s?.(e);break;default:break}};return r(O,{ref:d,className:o("desktop:min-h-[512px] lg-desktop:min-h-[534px] flex min-h-[458px] min-w-[296px] flex-col overflow-hidden",e.custom_link?"cursor-pointer":"",a,l?.productCard),children:[r("div",{className:"desktop:h-[240px] relative h-[200px] shrink-0 overflow-hidden",children:[t("div",{className:"absolute inset-0 ",children:t("a",{href:e.custom_link||e.listingLink,children:t(R,{source:e.custom_image||e.image,alt:e.name,className:o("h-full",l?.productCardImage),imgClassName:"h-full object-cover object-center"})})}),t("div",{className:"lg-desktop:h-[28px] absolute left-4 top-4 h-[24px]",children:e.tags?.map((n,S)=>t(I,{size:"sm",variant:n.variant||"outline",className:o("mr-1"),promotionalType:n.promotionalType,children:n.label},S))})]}),r(q,{className:"desktop:p-6 flex h-[calc(100%-240px)] grow flex-col justify-between p-4",children:[r("div",{className:"mb-6 flex-1",children:[t(g,{as:"h3",size:2,className:o("text-info-primary mb-1 line-clamp-2 font-semibold tracking-tight",l?.productTitle),children:e.custom_name||e.name}),(e.custom_description||e?.description)&&t(w,{size:2,className:o("text-info-primary line-clamp-1 font-semibold",l?.productDescription),html:e.custom_description||e.description})]}),$(c,u,e?.quantityAvailable??0,e?.totalInventory??0)&&r("div",{"data-total":e?.totalInventory??0,"data-available":e?.quantityAvailable??0,className:"space-y-2",children:[t(J,{value:T,max:100,min:0,size:"base",variant:"default","aria-label":"stock progress",classNames:{progressBar:"transition-all duration-300 ease-in-out"}}),t(w,{size:3,className:"text-info-tertiary text-[14px]",children:x?.stockDisplayText?.replace("{count}",String(e?.quantityAvailable))})]}),t(z,{children:e?.priceLabel&&e?.availableForSale&&t(w,{size:4,className:o("text-marketing-1 mt-2",l?.productPriceLabel),children:e.priceLabel})}),t("div",{className:o("mb-6",l?.productPrice),children:t("div",{className:"flex items-baseline gap-2",children:e.availableForSale?r(z,{children:[t(g,{size:2,className:"text-info-primary",as:"h6",children:e.price}),k&&e.originalPrice&&t(g,{size:2,className:"text-info-tertiary line-through",as:"h6",children:e.originalPrice})]}):t(g,{size:2,className:"text-info-tertiary",children:x?.outOfStockLabel??"Sold Out"})})}),r("div",{className:o("tablet:gap-3 mb-4 flex gap-2",l?.buttonGroup),children:[h&&t(M,{variant:"secondary",size:"base",className:"",onClick:n=>C(y),disabled:!e.availableForSale&&y!=="learnMore",children:h}),f&&t(M,{variant:"primary",size:"base",className:"",onClick:n=>C(v),disabled:!e.availableForSale&&v!=="learnMore",children:f})]})]})]})});N.displayName="ProductCard";const P=m.forwardRef(({products:e,className:a},d)=>{const{copy:c}=L(),[u,s]=m.useState({isBeginning:!0,isEnd:!1});return e?.length===0?null:t("div",{ref:d,className:a,children:r("div",{className:"relative",children:[t(K,{modules:[U],spaceBetween:16,slidesPerView:"auto",autoHeight:!0,navigation:{nextEl:".swiper-button-next-custom",prevEl:".swiper-button-prev-custom"},onSwiper:i=>{s({isBeginning:i.isBeginning,isEnd:i.isEnd})},onSlideChange:i=>{s({isBeginning:i.isBeginning,isEnd:i.isEnd})},className:"!overflow-visible",breakpoints:{0:{spaceBetween:12,slidesPerView:1},768:{spaceBetween:12,slidesPerView:e.length<=2?2:2.3},1024:{spaceBetween:16,slidesPerView:Math.min(3,e.length)}},children:e.map((i,b)=>t(Q,{className:"tablet:h-[428px] desktop:!h-[464px]  lg-desktop:!h-[561px] tablet:!max-w-[50%] h-[428px] overflow-hidden",children:t(N,{product:i,className:"box-border w-full max-w-full"})},i.shopify_id+"-"+i.sku||b))}),t("button",{className:o("swiper-button-prev-custom tablet:block absolute left-4 top-1/2 z-10 hidden -translate-y-1/2",{"tablet:hidden":e.length<=2}),"aria-label":c?.previousSlideLabel,disabled:u.isBeginning,children:t(X,{disabled:u.isBeginning})}),t("button",{className:o("swiper-button-next-custom tablet:block absolute right-4 top-1/2 z-10 hidden -translate-y-1/2",{"tablet:hidden":e.length<=2}),"aria-label":c?.nextSlideLabel,disabled:u.isEnd,children:t(Y,{disabled:u.isEnd})})]})})});P.displayName="ProductsList";const F=m.forwardRef(({className:e,data:a,onLearnMore:d,onShopNow:c,onAddToCart:u,classNames:s,...i},b)=>{const{theme:l="light",codeChannel:h,showMemberPrice:f=!0,showDiscount:y=!0,showTags:v=!0,stockDisplayMode:k,stockThreshold:x,showOriginalPrice:T=!0,secondaryButtonText:C,primaryButtonText:n,secondaryButtonFun:S,primaryButtonFun:E,isShowTab:_=!0,copy:H}=a,V={codeChannel:h,showMemberPrice:f,showDiscount:y,showTags:v,stockDisplayMode:k,stockThreshold:x,showOriginalPrice:T,onLearnMore:d,onShopNow:c,onAddToCart:u,classNames:s,secondaryButtonText:C,secondaryButtonFun:S,primaryButtonText:n,primaryButtonFun:E,copy:H||{}},A=a.productsTab&&a.productsTab.length>0,B=_&&A;return t(D.Provider,{value:V,children:r("div",{ref:b,className:o("w-full",{"aiui-dark":l==="dark"},e,s?.root),...i,children:[a.title&&t(g,{as:"h2",html:a.title,size:4,className:o("text-info-primary mb-4",s?.title)}),a.description&&t(w,{size:3,as:"p",html:a.description,className:o("text-info-primary mb-6",s?.description)}),r(j,{defaultValue:a.productsTab?.[0]?.id,className:"w-full",children:[B&&t(G,{className:"mb-6",children:a.productsTab?.map(p=>t(W,{value:p.id,children:p.tab},"tab-"+p.id))}),B?a.productsTab?.map(p=>t(Z,{value:p.id,children:t(P,{products:p.data})},"tab-content-"+p.id)):t(P,{products:a.productsCard})]})]})})});F.displayName="MediaShelf";var se=F;export{N as ProductCard,se as default,L as useMediaShelfContext};
+//# sourceMappingURL=index.js.map