@anker-in/headless-ui 1.1.32 → 1.1.34-alpha.1768461697532

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

@@ -36,8 +36,8 @@ export interface KspProps {
     /** 自定义类名 */
     className?: string;
 }
-declare const _default: import("react").ForwardRefExoticComponent<Omit<KspProps, 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<KspProps & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/cjs/biz-components/Listing/components/PaidShipping/index.d.ts

@@ -1,6 +1,6 @@
 import type { Product, ProductVariant } from '../../types/product';
 import type { DeliveryCustom } from './type';
-declare const _default: import("react").ForwardRefExoticComponent<Omit<{
+declare const _default: import("react").ForwardRefExoticComponent<{
     metafields: any;
     productList: Array<Product & {
         variant: ProductVariant;
@@ -8,8 +8,8 @@ declare const _default: import("react").ForwardRefExoticComponent<Omit<{
     variant: ProductVariant;
     onShippingInfoChange: (deliveryCustom: DeliveryCustom) => void;
     className?: string;
-}, 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"];
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/biz-components/Marquee/Marquee.js

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

package/dist/cjs/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": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,EAAA,gBAAAC,EAAA,uBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GAsDU,IAAAO,EAAA,6BArDVC,EAAmE,oBACnEC,EAA8B,qCAC9BC,EAAmB,kCACnBC,EAA2B,kCAG3BH,EAAoD,wBACpDI,EAAyB,0BACzBC,EAA4B,sCAE5B,MAAMC,EAAgB,QAChBC,EAAgB,UAEhBC,EAAU,EAAAC,QAAM,WAAoC,CAAC,CAAE,KAAAC,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CACtF,MAAMC,KAAW,UAAkB,IAAI,EACvC,gCAAoBD,EAAK,IAAMC,EAAS,OAAoB,KAE5D,eAAYA,EAAkD,CAC5D,cAAeP,EACf,cAAeC,CACjB,CAAC,KAGC,OAAC,UACC,UAAU,aACV,aAAW,MACT,0GACAI,CACF,EACA,IAAKE,EACL,GAAI,UAAYH,GAAM,IACtB,QAAS,CAAC,UAAQ,EAClB,SAAU,CACR,MAAO,EACP,qBAAsB,GACtB,iBAAkBA,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,OACvB,OAAC,eACC,mBAACpB,EAAA,CAAY,KAAMmB,EAAM,GADTA,GAAM,GAAK,cAAgBC,CAE7C,CACD,EACH,CAEJ,CAAC,EACDP,EAAQ,YAAc,UAEtB,MAAMb,EAAc,CAAC,CAAE,KAAAe,EAAM,cAAAM,CAAc,OAEvC,oBACG,UAAAN,EAAK,OAAS,YACb,OAAChB,EAAA,CAAoB,MAAOgB,GAAM,MAAO,eAAgBM,GAAe,eAAgB,EAEzFN,EAAK,OAAS,WAAU,OAACd,EAAA,CAAmB,KAAMc,GAAM,KAAM,cAAeM,GAAe,cAAe,GAC9G,EAIJrB,EAAY,YAAc,cAE1B,MAAMD,EAAsB,CAAC,CAAE,MAAAuB,EAAO,eAAAC,CAAe,OAEjD,OAAC,OAAI,UAAU,4CACb,mBAAC,WAAQ,OAAQD,GAAO,IAAK,IAAKA,GAAO,KAAO,GAAI,gBAAc,MAAG,eAAgBC,CAAc,EAAG,EACxG,EAIJxB,EAAoB,YAAc,sBAElC,MAAME,EAAqB,EAAAa,QAAM,WAAoD,CAAC,CAAE,KAAAU,EAAM,cAAAC,CAAc,EAAGR,OAE3G,OAAC,QACC,GAAG,MACH,IAAKA,EACL,KAAMO,EACN,aAAW,MAAG,oFAAqFC,CAAa,EAClH,CAEH,EAEDxB,EAAmB,YAAc,qBAEjC,IAAOC,KAAQ,cAAWW,CAAO",
-  "names": ["Marquee_exports", "__export", "MarqueeImageContent", "MarqueeItem", "MarqueeTextContent", "Marquee_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_utils", "import_Styles", "import_modules", "import_useExposure", "componentType", "componentName", "Marquee", "React", "data", "className", "ref", "innerRef", "item", "index", "configuration", "image", "imageClassName", "text", "textClassName"]
+  "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": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,EAAA,gBAAAC,EAAA,uBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GA6DU,IAAAO,EAAA,6BA5DVC,EAAmE,oBACnEC,EAA8B,qCAC9BC,EAAmB,kCACnBC,EAA2B,kCAG3BH,EAAoD,wBACpDI,EAAyB,0BACzBC,EAA4B,sCAE5B,MAAMC,EAAgB,QAChBC,EAAgB,UAEhBC,EAAU,EAAAC,QAAM,WAAoC,CAAC,CAAE,KAAAC,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CACtF,MAAMC,KAAW,UAAkB,IAAI,KACvC,uBAAoBD,EAAK,IAAMC,EAAS,OAAoB,KAE5D,eAAYA,EAAkD,CAC5D,cAAeP,EACf,cAAeC,CACjB,CAAC,EAID,MAAMO,EAAQJ,GAAM,OAAS,CAAC,EACxBK,EAAkBD,EAAM,OAAS,EAAI,CAAC,GAAGA,EAAO,GAAGA,EAAO,GAAGA,CAAK,EAAI,CAAC,EAE7E,SACE,OAAC,UACC,UAAU,aACV,aAAW,MACT,0GACAH,CACF,EACA,IAAKE,EACL,GAAI,UAAYH,GAAM,IACtB,QAAS,CAAC,UAAQ,EAClB,SAAU,CACR,MAAO,EACP,qBAAsB,GACtB,iBAAkBA,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,OAC3B,OAAC,eACC,mBAACtB,EAAA,CAAY,KAAMqB,EAAM,GADTA,GAAM,GAAK,cAAgBC,CAE7C,CACD,EACH,CAEJ,CAAC,EACDT,EAAQ,YAAc,UAEtB,MAAMb,EAAc,CAAC,CAAE,KAAAe,EAAM,cAAAQ,CAAc,OAEvC,oBACG,UAAAR,EAAK,OAAS,YACb,OAAChB,EAAA,CAAoB,MAAOgB,GAAM,MAAO,eAAgBQ,GAAe,eAAgB,EAEzFR,EAAK,OAAS,WAAU,OAACd,EAAA,CAAmB,KAAMc,GAAM,KAAM,cAAeQ,GAAe,cAAe,GAC9G,EAIJvB,EAAY,YAAc,cAE1B,MAAMD,EAAsB,CAAC,CAAE,MAAAyB,EAAO,eAAAC,CAAe,OAEjD,OAAC,OAAI,UAAU,4CACb,mBAAC,WAAQ,OAAQD,GAAO,IAAK,IAAKA,GAAO,KAAO,GAAI,gBAAc,MAAG,eAAgBC,CAAc,EAAG,EACxG,EAIJ1B,EAAoB,YAAc,sBAElC,MAAME,EAAqB,EAAAa,QAAM,WAAoD,CAAC,CAAE,KAAAY,EAAM,cAAAC,CAAc,EAAGV,OAE3G,OAAC,QACC,GAAG,MACH,IAAKA,EACL,KAAMS,EACN,aAAW,MAAG,oFAAqFC,CAAa,EAClH,CAEH,EAED1B,EAAmB,YAAc,qBAEjC,IAAOC,KAAQ,cAAWW,CAAO",
+  "names": ["Marquee_exports", "__export", "MarqueeImageContent", "MarqueeItem", "MarqueeTextContent", "Marquee_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_utils", "import_Styles", "import_modules", "import_useExposure", "componentType", "componentName", "Marquee", "React", "data", "className", "ref", "innerRef", "items", "duplicatedItems", "item", "index", "configuration", "image", "imageClassName", "text", "textClassName"]
 }

package/dist/cjs/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/cjs/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/cjs/biz-components/Media/index.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var L=Object.create;var s=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var D=(e,i)=>{for(var o in i)s(e,o,{get:i[o],enumerable:!0})},n=(e,i,o,a)=>{if(i&&typeof i=="object"||typeof i=="function")for(let r of $(i))!q.call(e,r)&&r!==o&&s(e,r,{get:()=>i[r],enumerable:!(a=R(i,r))||a.enumerable});return e};var E=(e,i,o)=>(o=e!=null?L(j(e)):{},n(i||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e)),A=e=>n(s({},"__esModule",{value:!0}),e);var S={};D(S,{default:()=>Q});module.exports=A(S);var d=require("react/jsx-runtime"),m=E(require("react")),p=require("react-responsive"),c=require("../../components/index.js"),l=require("../../helpers/index.js");const u=m.default.forwardRef(({pcImage:e,padImage:i,mobileImage:o,className:a,videoClassName:r,imgClassName:y,muted:f=!0,loop:M=!0,playsInline:v=!0,autoPlay:T=!0,poster:N,...P},b)=>{const x=(0,p.useMediaQuery)({query:"(max-width: 768px)"}),w=(0,p.useMediaQuery)({query:"(max-width: 1024px)"}),h=[e,i,o].some(H=>H?.mimeType==="video/mp4"),t=x?o:w?i||o:e,z=t?.mimeType==="video/mp4"?t.url:void 0,C=N||(t?.mimeType!=="video/mp4"?t?.url:void 0);return(0,d.jsx)("div",{ref:b,className:(0,l.cn)("media-wrapper",a),...P,children:h?(0,d.jsx)("video",{src:z,poster:C,className:(0,l.cn)("size-full object-cover",r),muted:f,loop:M,playsInline:v,autoPlay:T,"aria-label":t?.alt||""}):(0,d.jsx)(c.Picture,{className:"size-full",imgClassName:(0,l.cn)("size-full object-cover",y),alt:e?.alt||"",source:`${e?.url||""} , ${i?.url??(o?.url||"")} 1024, ${o?.url||""} 767`})})});u.displayName="Media";var Q=u;
+//# sourceMappingURL=index.js.map

package/dist/cjs/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": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAwEU,IAAAI,EAAA,6BAtEVC,EAAkB,oBAClBC,EAA8B,4BAC9BC,EAAwB,qCAExBC,EAAmB,kCA+BnB,MAAMC,EAAQ,EAAAC,QAAM,WAClB,CACE,CACE,QAAAC,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,KAAW,iBAAc,CAAE,MAAO,oBAAqB,CAAC,EACxDC,KAAQ,iBAAc,CAAE,MAAO,qBAAsB,CAAC,EAGtDC,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,SACE,OAAC,OAAI,IAAKL,EAAK,aAAW,MAAG,gBAAiBT,CAAS,EAAI,GAAGQ,EAC3D,SAAAI,KACC,OAAC,SACC,IAAKG,EACL,OAAQC,EACR,aAAW,MAAG,yBAA0Bf,CAAc,EACtD,MAAOE,EACP,KAAMC,EACN,YAAaC,EACb,SAAUC,EACV,aAAYQ,GAAc,KAAO,GACnC,KAEA,OAAC,WACC,UAAU,YACV,gBAAc,MAAG,yBAA0BZ,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,EAEAJ,EAAM,YAAc,QAEpB,IAAOP,EAAQO",
+  "names": ["Media_exports", "__export", "Media_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_responsive", "import_components", "import_helpers", "Media", "React", "pcImage", "padImage", "mobileImage", "className", "videoClassName", "imgClassName", "muted", "loop", "playsInline", "autoPlay", "poster", "props", "ref", "isMobile", "isPad", "hasVideo", "media", "currentMedia", "videoSrc", "imagePoster"]
+}

package/dist/cjs/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/cjs/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/cjs/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/cjs/biz-components/MediaPlayerSticky/types.d.ts

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

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

@@ -1,2 +1,2 @@
-"use strict";var i=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var y=(o,e,p,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of n(e))!s.call(o,t)&&t!==p&&i(o,t,{get:()=>e[t],enumerable:!(r=m(e,t))||r.enumerable});return o};var a=o=>y(i({},"__esModule",{value:!0}),o);var d={};module.exports=a(d);
+"use strict";var p=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var a=(o,e,i,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of s(e))!n.call(o,t)&&t!==i&&p(o,t,{get:()=>e[t],enumerable:!(r=m(e,t))||r.enumerable});return o};var y=o=>a(p({},"__esModule",{value:!0}),o);var d={};module.exports=y(d);
 //# sourceMappingURL=types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/MediaPlayerSticky/types.ts"],
-  "sourcesContent": ["import type { ComponentCommonProps, Shape, Theme, Video, Img } from '../../types/props.js'\nimport type { BrandEquityProps } from '../BrandEquity/types.js'\nimport type { MemberEquityProps } from '../MemberEquity/types.js'\n\nexport type MediaPlayerComponent = BrandEquityProps | MemberEquityProps\n\nexport interface MediaPlayerBaseProps extends ComponentCommonProps {\n  data: {\n    shape?: Shape\n    theme?: Theme\n    title?: string\n    videoTitle?: string\n    btnText?: string\n    img?: Img\n    mobImg?: Img\n    video?: Video\n    mobVideo?: Video\n    isYouTube?: boolean\n    youtubePcId: string\n    youtubeMobileId?: string\n    components?: MediaPlayerComponent[]\n  }\n}\n"],
+  "sourcesContent": ["import type { ComponentCommonProps, Shape, Theme, Video, Img } from '../../types/props.js'\nimport type { BrandEquityProps } from '../BrandEquity/types.js'\nimport type { MemberEquityProps } from '../MemberEquity/types.js'\n\nexport type MediaPlayerComponent = BrandEquityProps | MemberEquityProps\n\nexport interface MediaPlayerBaseProps extends ComponentCommonProps {\n  data: {\n    shape?: Shape\n    theme?: Theme\n    title?: string\n    videoTitle?: string\n    btnText?: string\n    img?: Img\n    mobImg?: Img\n    video?: Video\n    mobVideo?: Video\n    isYouTube?: boolean\n    youtubePcId: string\n    youtubeMobileId?: string\n    components?: MediaPlayerComponent[]\n  }\n  wrapperClassName?: string\n}\n"],
   "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
   "names": ["types_exports", "__toCommonJS"]
 }

package/dist/cjs/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/cjs/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/cjs/biz-components/MediaShelf/index.js

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