@anker-in/headless-ui 1.0.26-alpha.1762494080693 → 1.0.26-alpha.1762494680050

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/MediaSceneSwitcher/types.ts"],
+  "sourcesContent": ["import type { ComponentCommonProps, Media } from '../../types/props.js'\n\nexport interface MediaSceneSwitcherItem {\n  id: string\n  title: string\n  tag?: string\n  videoUrl?: Media | null\n  imageUrl?: Media | null\n  mobVideoUrl?: Media | null\n  mobImageUrl?: Media | null\n}\n\nexport interface MediaSceneSwitcherProps extends ComponentCommonProps {\n  data: {\n    title?: string\n    subtitle?: string\n    items?: MediaSceneSwitcherItem[]\n  }\n}\n"],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
+  "names": ["types_exports", "__toCommonJS"]
+}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { ThreeDCarouselProps } from './types.js';
+import 'swiper/css';
+import 'swiper/css/navigation';
+import 'swiper/css/pagination';
+import 'swiper/css/effect-coverflow';
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<ThreeDCarouselProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

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

@@ -0,0 +1,2 @@
+"use strict";"use client";var g=Object.create;var n=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var T=(o,r)=>{for(var l in r)n(o,l,{get:r[l],enumerable:!0})},w=(o,r,l,c)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of N(r))!y.call(o,a)&&a!==l&&n(o,a,{get:()=>r[a],enumerable:!(c=k(r,a))||c.enumerable});return o};var C=(o,r,l)=>(l=o!=null?g(S(o)):{},w(r||!o||!o.__esModule?n(l,"default",{value:o,enumerable:!0}):l,o)),L=o=>w(n({},"__esModule",{value:!0}),o);var j={};T(j,{default:()=>R});module.exports=L(j);var e=require("react/jsx-runtime"),i=C(require("react")),s=require("../../components/index.js"),m=require("../../helpers/utils.js"),v=require("../../shared/Styles.js"),b=require("../../hooks/useExposure.js"),d=require("swiper/react"),p=require("swiper/modules"),M=require("swiper/css"),U=require("swiper/css/navigation"),B=require("swiper/css/pagination"),I=require("swiper/css/effect-coverflow");const E="carousel",D="three_d_carousel",P=()=>(0,e.jsxs)("svg",{width:"56",height:"56",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"three-d-carousel__nav-icon scale-[70%] text-white hover:text-[#1f1f1f] lg-desktop:scale-100",children:[(0,e.jsx)("circle",{cx:"28",cy:"28",r:"28",fill:"currentColor",fillOpacity:"0.2"}),(0,e.jsx)("path",{d:"M32 20L24 28L32 36",stroke:"white",strokeWidth:"2.66667",strokeLinecap:"round",strokeLinejoin:"round"})]}),z=()=>(0,e.jsxs)("svg",{width:"56",height:"56",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"three-d-carousel__nav-icon scale-[70%] text-white hover:text-[#1f1f1f] lg-desktop:scale-100",children:[(0,e.jsx)("circle",{cx:"28",cy:"28",r:"28",fill:"currentColor",fillOpacity:"0.2"}),(0,e.jsx)("path",{d:"M24 20L32 28L24 36",stroke:"white",strokeWidth:"2.66667",strokeLinecap:"round",strokeLinejoin:"round"})]}),x=i.default.forwardRef(({data:o,className:r},l)=>{const{title:c,items:a=[]}=o,u=(0,i.useRef)(null),h=(0,i.useRef)(null);return(0,b.useExposure)(h,{componentType:E,componentName:D,componentTitle:c}),(0,i.useImperativeHandle)(l,()=>h.current),(0,e.jsxs)("section",{ref:h,"data-ui-component-id":"ThreeDCarousel",className:(0,m.cn)("three-d-carousel w-full overflow-visible text-white laptop:overflow-hidden",r),children:[(0,e.jsx)(s.Heading,{as:"h1",size:4,html:c,className:"three-d-carousel__title text-left laptop:text-center"}),(0,e.jsxs)("div",{className:"three-d-carousel__desktop relative mx-auto mt-[24px] hidden w-full laptop:block",children:[(0,e.jsx)(d.Swiper,{onSwiper:t=>u.current=t,centeredSlides:!0,initialSlide:1,loop:!0,slidesPerView:"auto",loopAdditionalSlides:1,spaceBetween:0,grabCursor:!0,modules:[p.EffectCoverflow,p.Navigation],slideToClickedSlide:!0,className:"three-d-carousel__swiper relative aspect-[1386/502] overflow-visible rounded-[16px]",effect:"coverflow",coverflowEffect:{rotate:0,stretch:427,depth:300,modifier:1,slideShadows:!0},breakpoints:{1921:{coverflowEffect:{rotate:0,stretch:427,depth:300,modifier:1,slideShadows:!0}},1490:{coverflowEffect:{rotate:0,stretch:350,depth:300,modifier:1,slideShadows:!0}},1441:{coverflowEffect:{rotate:0,stretch:334,depth:300,modifier:1,slideShadows:!0}},1025:{coverflowEffect:{rotate:0,stretch:230,depth:300,modifier:1,slideShadows:!0}},769:{coverflowEffect:{rotate:0,stretch:286,depth:300,modifier:1,slideShadows:!0}}},children:a.map((t,f)=>(0,e.jsx)(d.SwiperSlide,{className:"three-d-carousel__slide relative !w-[62.23%] cursor-grab overflow-hidden",children:({isActive:_})=>(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(s.Picture,{source:t.imageUrl?.url||"",alt:t.imageUrl?.alt||t.title,className:(0,m.cn)("three-d-carousel__image mx-auto overflow-hidden rounded-xl shadow-lg"),style:{filter:_?"":"brightness(50%) contrast(120%)"}}),(0,e.jsxs)("div",{className:"three-d-carousel__image-content absolute top-0 left-0 w-full h-full p-[16px] flex flex-col justify-end tablet:p-[24px] desktop:p-[32px] gap-1",children:[(0,e.jsx)(s.Heading,{as:"h2",size:2,html:t.title}),(0,e.jsx)(s.Text,{as:"p",size:4,html:t.description,className:"three-d-carousel__image-description text-[14px] text-white"}),t.buttonText&&(0,e.jsx)("a",{href:t.buttonLink||"",className:"three-d-carousel__image-link ",children:(0,e.jsx)("button",{className:"three-d-carousel__image-button text-[14px] text-white border border-white rounded-full px-[16px] py-[8px] hover:bg-white hover:text-black transition-all duration-300 ease-in-out active:scale-95 mt-3 font-semibold",children:t.buttonText})})]})]})},f))}),(0,e.jsxs)("div",{className:"three-d-carousel__nav-controls absolute left-[50%] top-[50%] z-20 flex w-full -translate-x-[50%] -translate-y-[50%] justify-between laptop:px-[64px] desktop:px-[140px] lg-desktop:px-[200px]",children:[(0,e.jsx)("button",{className:"three-d-carousel__nav-button three-d-carousel__nav-button--prev",onClick:()=>u.current?.slidePrev(),"aria-label":"Previous slide",children:(0,e.jsx)(P,{})}),(0,e.jsx)("button",{className:"three-d-carousel__nav-button three-d-carousel__nav-button--next",onClick:()=>u.current?.slideNext(),"aria-label":"Next slide",children:(0,e.jsx)(z,{})})]})]}),(0,e.jsx)("div",{className:"three-d-carousel__mobile mt-[24px] block w-full overflow-visible laptop:hidden",children:(0,e.jsx)(d.Swiper,{loop:!0,slidesPerView:"auto",spaceBetween:12,grabCursor:!0,className:"three-d-carousel__swiper-mobile relative w-full !overflow-visible",children:a.map((t,f)=>(0,e.jsxs)(d.SwiperSlide,{className:"three-d-carousel__slide-mobile relative !h-[360px] !w-[296px] cursor-grab overflow-hidden",children:[(0,e.jsx)(s.Picture,{source:t.mobImageUrl?.url||t.imageUrl?.url||"",alt:t.mobImageUrl?.alt||t.title,className:"three-d-carousel__image-mobile mx-auto overflow-hidden rounded-xl shadow-lg"}),(0,e.jsxs)("div",{className:"three-d-carousel__image-mobile-content absolute top-0 left-0 w-full h-full p-[16px] flex flex-col justify-end tablet:p-[24px] desktop:p-[32px] gap-1",children:[(0,e.jsx)(s.Heading,{as:"h2",size:2,html:t.title}),(0,e.jsx)(s.Text,{as:"p",size:4,html:t.description,className:"three-d-carousel__image-mobile-description text-[14px] text-white"}),t.buttonText&&(0,e.jsx)("a",{href:t.buttonLink||"",className:"three-d-carousel__image-mobile-link ",children:(0,e.jsx)("button",{className:"three-d-carousel__image-mobile-button text-[14px] text-white border border-white rounded-full px-[16px] py-[8px] hover:bg-white hover:text-black transition-all duration-300 ease-in-out active:scale-95 mt-3 font-semibold",children:t.buttonText})})]})]},f))})})]})});x.displayName="ThreeDCarousel";var R=(0,v.withLayout)(x);
+//# sourceMappingURL=ThreeDCarousel.js.map

package/dist/cjs/biz-components/ThreeDCarousel/ThreeDCarousel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/ThreeDCarousel/ThreeDCarousel.tsx"],
+  "sourcesContent": ["'use client'\nimport React, { useRef, useImperativeHandle } from 'react'\nimport { Heading, Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport type { ThreeDCarouselProps } from './types.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Navigation, EffectCoverflow } from 'swiper/modules'\nimport type { Swiper as SwiperType } from 'swiper'\n\nimport 'swiper/css'\nimport 'swiper/css/navigation'\nimport 'swiper/css/pagination'\nimport 'swiper/css/effect-coverflow'\n\nconst componentType = 'carousel'\nconst componentName = 'three_d_carousel'\n\nconst ChevronLeft = () => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"three-d-carousel__nav-icon scale-[70%] text-white hover:text-[#1f1f1f] lg-desktop:scale-100\"\n  >\n    <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"currentColor\" fillOpacity=\"0.2\" />\n    <path d=\"M32 20L24 28L32 36\" stroke=\"white\" strokeWidth=\"2.66667\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst ChevronRight = () => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"three-d-carousel__nav-icon scale-[70%] text-white hover:text-[#1f1f1f] lg-desktop:scale-100\"\n  >\n    <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"currentColor\" fillOpacity=\"0.2\" />\n    <path d=\"M24 20L32 28L24 36\" stroke=\"white\" strokeWidth=\"2.66667\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst ThreeDCarousel = React.forwardRef<HTMLDivElement, ThreeDCarouselProps>(({ data, className }, ref) => {\n  const { title, items = [] } = data\n  const swiperRef = useRef<SwiperType | null>(null)\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: title,\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  return (\n    <section\n      ref={boxRef}\n      data-ui-component-id=\"ThreeDCarousel\"\n      className={cn('three-d-carousel w-full overflow-visible text-white laptop:overflow-hidden', className)}\n    >\n      <Heading as=\"h1\" size={4} html={title} className=\"three-d-carousel__title text-left laptop:text-center\" />\n\n      {/* Desktop carousel with 3D effect */}\n      <div className=\"three-d-carousel__desktop relative mx-auto mt-[24px] hidden w-full laptop:block\">\n        <Swiper\n          onSwiper={swiper => (swiperRef.current = swiper)}\n          centeredSlides={true}\n          initialSlide={1}\n          loop\n          slidesPerView={'auto'}\n          loopAdditionalSlides={1}\n          spaceBetween={0}\n          grabCursor\n          modules={[EffectCoverflow, Navigation]}\n          slideToClickedSlide\n          className=\"three-d-carousel__swiper relative aspect-[1386/502] overflow-visible rounded-[16px]\"\n          effect=\"coverflow\"\n          coverflowEffect={{\n            rotate: 0,\n            stretch: 427,\n            depth: 300,\n            modifier: 1,\n            slideShadows: true,\n          }}\n          breakpoints={{\n            1921: {\n              coverflowEffect: {\n                rotate: 0,\n                stretch: 427,\n                depth: 300,\n                modifier: 1,\n                slideShadows: true,\n              },\n            },\n            1490: {\n              coverflowEffect: {\n                rotate: 0,\n                stretch: 350,\n                depth: 300,\n                modifier: 1,\n                slideShadows: true,\n              },\n            },\n            1441: {\n              coverflowEffect: {\n                rotate: 0,\n                stretch: 334,\n                depth: 300,\n                modifier: 1,\n                slideShadows: true,\n              },\n            },\n            1025: {\n              coverflowEffect: {\n                rotate: 0,\n                stretch: 230,\n                depth: 300,\n                modifier: 1,\n                slideShadows: true,\n              },\n            },\n            769: {\n              coverflowEffect: {\n                rotate: 0,\n                stretch: 286,\n                depth: 300,\n                modifier: 1,\n                slideShadows: true,\n              },\n            },\n          }}\n        >\n          {items.map((item, index) => (\n            <SwiperSlide\n              key={index}\n              className=\"three-d-carousel__slide relative !w-[62.23%] cursor-grab overflow-hidden\"\n            >\n              {({ isActive }) => (\n                <>\n                  <Picture\n                    source={item.imageUrl?.url || ''}\n                    alt={item.imageUrl?.alt || item.title}\n                    className={cn('three-d-carousel__image mx-auto overflow-hidden rounded-xl shadow-lg')}\n                    style={{\n                      filter: isActive ? '' : 'brightness(50%) contrast(120%)',\n                    }}\n                  />\n                  <div className=\"three-d-carousel__image-content absolute top-0 left-0 w-full h-full p-[16px] flex flex-col justify-end tablet:p-[24px] desktop:p-[32px] gap-1\">\n                    <Heading as=\"h2\" size={2} html={item.title} />\n                    <Text\n                      as=\"p\"\n                      size={4}\n                      html={item.description}\n                      className=\"three-d-carousel__image-description text-[14px] text-white\"\n                    />\n                    {item.buttonText && (\n                      <a href={item.buttonLink || ''} className=\"three-d-carousel__image-link \">\n                        <button className=\"three-d-carousel__image-button text-[14px] text-white border border-white rounded-full px-[16px] py-[8px] hover:bg-white hover:text-black transition-all duration-300 ease-in-out active:scale-95 mt-3 font-semibold\">\n                          {item.buttonText}\n                        </button>\n                      </a>\n                    )}\n                  </div>\n                </>\n              )}\n            </SwiperSlide>\n          ))}\n        </Swiper>\n        <div className=\"three-d-carousel__nav-controls absolute left-[50%] top-[50%] z-20 flex w-full -translate-x-[50%] -translate-y-[50%] justify-between laptop:px-[64px] desktop:px-[140px] lg-desktop:px-[200px]\">\n          <button\n            className=\"three-d-carousel__nav-button three-d-carousel__nav-button--prev\"\n            onClick={() => swiperRef.current?.slidePrev()}\n            aria-label=\"Previous slide\"\n          >\n            <ChevronLeft />\n          </button>\n          <button\n            className=\"three-d-carousel__nav-button three-d-carousel__nav-button--next\"\n            onClick={() => swiperRef.current?.slideNext()}\n            aria-label=\"Next slide\"\n          >\n            <ChevronRight />\n          </button>\n        </div>\n      </div>\n\n      {/* Mobile carousel */}\n      <div className=\"three-d-carousel__mobile mt-[24px] block w-full overflow-visible laptop:hidden\">\n        <Swiper\n          loop={true}\n          slidesPerView={'auto'}\n          spaceBetween={12}\n          grabCursor\n          className=\"three-d-carousel__swiper-mobile relative w-full !overflow-visible\"\n        >\n          {items.map((item, index) => (\n            <SwiperSlide\n              key={index}\n              className=\"three-d-carousel__slide-mobile relative !h-[360px] !w-[296px] cursor-grab overflow-hidden\"\n            >\n              <Picture\n                source={item.mobImageUrl?.url || item.imageUrl?.url || ''}\n                alt={item.mobImageUrl?.alt || item.title}\n                className=\"three-d-carousel__image-mobile mx-auto overflow-hidden rounded-xl shadow-lg\"\n              />\n              <div className=\"three-d-carousel__image-mobile-content absolute top-0 left-0 w-full h-full p-[16px] flex flex-col justify-end tablet:p-[24px] desktop:p-[32px] gap-1\">\n                <Heading as=\"h2\" size={2} html={item.title} />\n                <Text\n                  as=\"p\"\n                  size={4}\n                  html={item.description}\n                  className=\"three-d-carousel__image-mobile-description text-[14px] text-white\"\n                />\n                {item.buttonText && (\n                  <a href={item.buttonLink || ''} className=\"three-d-carousel__image-mobile-link \">\n                    <button className=\"three-d-carousel__image-mobile-button text-[14px] text-white border border-white rounded-full px-[16px] py-[8px] hover:bg-white hover:text-black transition-all duration-300 ease-in-out active:scale-95 mt-3 font-semibold\">\n                      {item.buttonText}\n                    </button>\n                  </a>\n                )}\n              </div>\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </div>\n    </section>\n  )\n})\n\nThreeDCarousel.displayName = 'ThreeDCarousel'\n\nexport default withLayout(ThreeDCarousel)\n"],
+  "mappings": "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",
+  "names": ["ThreeDCarousel_exports", "__export", "ThreeDCarousel_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_utils", "import_Styles", "import_useExposure", "import_modules", "import_css", "import_navigation", "import_pagination", "import_effect_coverflow", "componentType", "componentName", "ChevronLeft", "ChevronRight", "ThreeDCarousel", "React", "data", "className", "ref", "title", "items", "swiperRef", "boxRef", "swiper", "item", "index", "isActive"]
+}

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

@@ -1,15 +1,2 @@
-interface CarouselItem {
-    imageUrl: string;
-    mobImageUrl?: string;
-    title?: string;
-    description?: string;
-}
-interface ThreeDCarouselProps {
-    data: {
-        title?: string;
-        items: CarouselItem[];
-    };
-    className?: string;
-}
-export default function ThreeDCarousel({ data, className }: ThreeDCarouselProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
+export { default } from './ThreeDCarousel.js';
+export type { ThreeDCarouselProps, ThreeDCarouselItem } from './types.js';

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

@@ -1,2 +1,2 @@
-"use strict";var N=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var F=(l,s)=>{for(var d in s)N(l,d,{get:s[d],enumerable:!0})},K=(l,s,d,v)=>{if(s&&typeof s=="object"||typeof s=="function")for(let i of $(s))!O.call(l,i)&&i!==d&&N(l,i,{get:()=>s[i],enumerable:!(v=_(s,i))||v.enumerable});return l};var Z=l=>K(N({},"__esModule",{value:!0}),l);var J={};F(J,{default:()=>R});module.exports=Z(J);var e=require("react/jsx-runtime"),V=require("react"),p=require("../../components/index.js"),o=require("react"),L=require("../../helpers/index.js");const q=()=>(0,e.jsxs)("svg",{width:"56",height:"56",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"lg-desktop:scale-100 scale-[70%] text-white transition-colors hover:text-[#1f1f1f]",children:[(0,e.jsx)("circle",{cx:"28",cy:"28",r:"28",fill:"currentColor",fillOpacity:"0.2"}),(0,e.jsx)("path",{d:"M32 20L24 28L32 36",stroke:"white",strokeWidth:"2.66667",strokeLinecap:"round",strokeLinejoin:"round"})]}),G=()=>(0,e.jsxs)("svg",{width:"56",height:"56",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"lg-desktop:scale-100 scale-[70%] text-white transition-colors hover:text-[#1f1f1f]",children:[(0,e.jsx)("circle",{cx:"28",cy:"28",r:"28",fill:"currentColor",fillOpacity:"0.2"}),(0,e.jsx)("path",{d:"M24 20L32 28L24 36",stroke:"white",strokeWidth:"2.66667",strokeLinecap:"round",strokeLinejoin:"round"})]});function R({data:l,className:s}){const d=(0,o.useRef)(null),v=(0,o.useRef)(null),i=(0,o.useRef)(null),{title:M,items:a=[]}=l,[w,h]=(0,o.useState)(1),[f,D]=(0,o.useState)(!1),[E,T]=(0,o.useState)(0),[C,z]=(0,o.useState)(0),c=a.length>0?[a[a.length-1],...a,a[0]]:[],g=(0,o.useCallback)(()=>{h(t=>{const n=t-1;return n<0?c.length-2:n})},[c.length]),x=(0,o.useCallback)(()=>{h(t=>{const n=t+1;return n>=c.length-1?1:n})},[c.length]),U=t=>{D(!0),T(t.pageX),z(w)},b=(0,o.useCallback)(t=>{if(!f)return;t.preventDefault();const n=t.pageX,r=(E-n)/100,u=Math.round(C+r);u>=0&&u<c.length&&h(u)},[f,E,C,c.length]),k=(0,o.useCallback)(()=>{D(!1)},[]),X=(0,o.useCallback)(t=>{},[]),y=(0,o.useCallback)(t=>{t.key==="ArrowLeft"?g():t.key==="ArrowRight"&&x()},[g,x]);(0,o.useEffect)(()=>{if(f)return document.addEventListener("mousemove",b),document.addEventListener("mouseup",k),()=>{document.removeEventListener("mousemove",b),document.removeEventListener("mouseup",k)}},[f,b,k]),(0,o.useEffect)(()=>(window.addEventListener("keydown",y),()=>{window.removeEventListener("keydown",y)}),[y]);const A=t=>{const n=t-w,r=Math.abs(n),u=typeof window<"u"&&window.innerWidth>=1921,I=typeof window<"u"&&window.innerWidth>=1441,S=typeof window<"u"&&window.innerWidth>=1025;let m=427;!u&&I?m=334:!I&&S?m=230:S||(m=286);const H=n*m,P=r===0?0:-300*r,W=r===0?1:.85-r*.1,j=r===0?1:.6,B=r===0?100:50;return{transform:`translateX(${H}px) translateZ(${P}px) scale(${Math.max(W,.5)})`,opacity:Math.max(j,.3),filter:`brightness(${B}%) contrast(120%)`,transition:f?"none":"all 0.5s cubic-bezier(0.4, 0, 0.2, 1)",zIndex:100-r}};return!a||a.length===0?null:(0,e.jsxs)("section",{className:(0,L.cn)("laptop:overflow-hidden w-full overflow-visible text-white",s),ref:d,children:[M&&(0,e.jsx)(p.Heading,{as:"h1",size:4,html:M,className:"laptop:text-center text-left"}),(0,e.jsx)("div",{className:"laptop:block relative mx-auto mt-[24px] hidden w-full",children:(0,e.jsxs)("div",{className:"relative mx-auto h-[480px] w-full overflow-visible",style:{perspective:"1200px"},children:[(0,e.jsx)("div",{ref:v,className:(0,L.cn)("absolute left-1/2 top-1/2 h-full w-[824px] -translate-x-1/2 -translate-y-1/2",f?"cursor-grabbing":"cursor-grab"),style:{transformStyle:"preserve-3d"},onMouseDown:U,children:c.map((t,n)=>(0,e.jsx)("div",{className:"absolute left-1/2 top-0 h-full w-[824px] -translate-x-1/2 overflow-hidden rounded-[16px]",style:A(n),onClick:()=>n!==w&&h(n),children:(0,e.jsxs)("div",{className:"relative size-full",children:[(0,e.jsx)(p.Picture,{source:t.imageUrl,alt:t.title||"",className:"size-full object-cover"}),(0,e.jsx)("div",{className:"absolute inset-0 bg-black/60"}),t.title&&(0,e.jsxs)("div",{className:"absolute inset-x-0 bottom-0 p-8",children:[(0,e.jsx)("h3",{className:"font-['Mont_For_Anker:SemiBold'] text-[32px] leading-[1.2] tracking-[-1.28px] text-white",children:t.title}),t.description&&(0,e.jsx)("p",{className:"mt-1 font-['Mont_For_Anker:SemiBold'] text-[18px] leading-[1.4] tracking-[-0.36px] text-white",children:t.description})]})]})},n))}),(0,e.jsxs)("div",{className:"laptop:px-[64px] desktop:px-[140px] lg-desktop:px-[200px] pointer-events-none absolute left-1/2 top-1/2 z-[200] flex w-full -translate-x-1/2 -translate-y-1/2 justify-between",children:[(0,e.jsx)("button",{onClick:g,className:"pointer-events-auto transition-transform hover:scale-110 active:scale-95","aria-label":"Previous slide",children:(0,e.jsx)(q,{})}),(0,e.jsx)("button",{onClick:x,className:"pointer-events-auto transition-transform hover:scale-110 active:scale-95","aria-label":"Next slide",children:(0,e.jsx)(G,{})})]})]})}),(0,e.jsx)("div",{className:"laptop:hidden mt-[24px] block w-full",children:(0,e.jsx)("div",{ref:i,className:"flex gap-3 overflow-x-auto overflow-y-hidden scroll-smooth [-ms-overflow-style:none] [-webkit-overflow-scrolling:touch] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",onScroll:X,children:a.map((t,n)=>(0,e.jsxs)("div",{className:"relative h-[360px] w-[296px] flex-shrink-0 overflow-hidden rounded-xl shadow-lg",children:[(0,e.jsx)(p.Picture,{source:t.mobImageUrl||t.imageUrl,alt:t.title||"",className:"size-full object-cover"}),t.title&&(0,e.jsx)("div",{className:"absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent p-6",children:(0,e.jsx)("p",{className:"text-[24px] leading-[1.2] tracking-[-0.96px] text-white",children:t.title})})]},n))})})]})}
+"use strict";var l=Object.create;var p=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var y=(e,r)=>{for(var o in r)p(e,o,{get:r[o],enumerable:!0})},a=(e,r,o,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of u(r))!x.call(e,t)&&t!==o&&p(e,t,{get:()=>r[t],enumerable:!(s=m(r,t))||s.enumerable});return e};var C=(e,r,o)=>(o=e!=null?l(h(e)):{},a(r||!e||!e.__esModule?p(o,"default",{value:e,enumerable:!0}):o,e)),D=e=>a(p({},"__esModule",{value:!0}),e);var T={};y(T,{default:()=>f.default});module.exports=D(T);var f=C(require("./ThreeDCarousel.js"));
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/biz-components/ThreeDCarousel/index.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Heading, Picture } from '../../components/index.js'\nimport { useRef, useState, useEffect, useCallback } from 'react'\nimport { cn } from '../../helpers/index.js'\n\nconst ChevronLeft = () => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"lg-desktop:scale-100 scale-[70%] text-white transition-colors hover:text-[#1f1f1f]\"\n  >\n    <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"currentColor\" fillOpacity=\"0.2\" />\n    <path d=\"M32 20L24 28L32 36\" stroke=\"white\" strokeWidth=\"2.66667\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst ChevronRight = () => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"lg-desktop:scale-100 scale-[70%] text-white transition-colors hover:text-[#1f1f1f]\"\n  >\n    <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"currentColor\" fillOpacity=\"0.2\" />\n    <path d=\"M24 20L32 28L24 36\" stroke=\"white\" strokeWidth=\"2.66667\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\ninterface CarouselItem {\n  imageUrl: string\n  mobImageUrl?: string\n  title?: string\n  description?: string\n}\n\ninterface ThreeDCarouselProps {\n  data: {\n    title?: string\n    items: CarouselItem[]\n  }\n  className?: string\n}\n\nexport default function ThreeDCarousel({ data, className }: ThreeDCarouselProps) {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const trackRef = useRef<HTMLDivElement>(null)\n  const mobileTrackRef = useRef<HTMLDivElement>(null)\n  const { title, items = [] } = data\n\n  const [activeIndex, setActiveIndex] = useState(1)\n  const [isDragging, setIsDragging] = useState(false)\n  const [startX, setStartX] = useState(0)\n  const [scrollLeft, setScrollLeft] = useState(0)\n\n  // \u521B\u5EFA\u5FAA\u73AF\u6570\u7EC4\uFF08\u5728\u5F00\u5934\u548C\u7ED3\u5C3E\u6DFB\u52A0\u514B\u9686\uFF09\n  const extendedItems = items.length > 0 ? [items[items.length - 1], ...items, items[0]] : []\n\n  // \u5904\u7406\u684C\u9762\u7AEF\u5207\u6362\n  const handlePrev = useCallback(() => {\n    setActiveIndex(prev => {\n      const newIndex = prev - 1\n      if (newIndex < 0) {\n        return extendedItems.length - 2\n      }\n      return newIndex\n    })\n  }, [extendedItems.length])\n\n  const handleNext = useCallback(() => {\n    setActiveIndex(prev => {\n      const newIndex = prev + 1\n      if (newIndex >= extendedItems.length - 1) {\n        return 1\n      }\n      return newIndex\n    })\n  }, [extendedItems.length])\n\n  // \u5904\u7406\u684C\u9762\u7AEF\u62D6\u62FD\n  const handleMouseDown = (e: React.MouseEvent) => {\n    setIsDragging(true)\n    setStartX(e.pageX)\n    setScrollLeft(activeIndex)\n  }\n\n  const handleMouseMove = useCallback(\n    (e: MouseEvent) => {\n      if (!isDragging) return\n      e.preventDefault()\n      const x = e.pageX\n      const walk = (startX - x) / 100 // \u8C03\u6574\u7075\u654F\u5EA6\n      const newIndex = Math.round(scrollLeft + walk)\n\n      if (newIndex >= 0 && newIndex < extendedItems.length) {\n        setActiveIndex(newIndex)\n      }\n    },\n    [isDragging, startX, scrollLeft, extendedItems.length]\n  )\n\n  const handleMouseUp = useCallback(() => {\n    setIsDragging(false)\n  }, [])\n\n  // \u5904\u7406\u79FB\u52A8\u7AEF\u6EDA\u52A8\uFF08\u7528\u4E8E\u672A\u6765\u53EF\u80FD\u7684\u6EDA\u52A8\u6307\u793A\u5668\uFF09\n  const handleMobileScroll = useCallback((e: React.UIEvent<HTMLDivElement>) => {\n    // \u53EF\u4EE5\u5728\u8FD9\u91CC\u6DFB\u52A0\u6EDA\u52A8\u4F4D\u7F6E\u8FFD\u8E2A\u903B\u8F91\n  }, [])\n\n  // \u952E\u76D8\u4E8B\u4EF6\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'ArrowLeft') {\n        handlePrev()\n      } else if (e.key === 'ArrowRight') {\n        handleNext()\n      }\n    },\n    [handlePrev, handleNext]\n  )\n\n  useEffect(() => {\n    if (isDragging) {\n      document.addEventListener('mousemove', handleMouseMove)\n      document.addEventListener('mouseup', handleMouseUp)\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove)\n        document.removeEventListener('mouseup', handleMouseUp)\n      }\n    }\n  }, [isDragging, handleMouseMove, handleMouseUp])\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleKeyDown)\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [handleKeyDown])\n\n  // \u8BA1\u7B97\u6BCF\u4E2A\u5361\u7247\u7684\u53D8\u6362\n  const getCardStyle = (index: number) => {\n    const offset = index - activeIndex\n    const absOffset = Math.abs(offset)\n\n    // \u6839\u636E\u5C4F\u5E55\u5C3A\u5BF8\u8C03\u6574\u53C2\u6570\n    const isLargeDesktop = typeof window !== 'undefined' && window.innerWidth >= 1921\n    const isDesktop = typeof window !== 'undefined' && window.innerWidth >= 1441\n    const isSmallDesktop = typeof window !== 'undefined' && window.innerWidth >= 1025\n\n    let stretch = 427\n    if (!isLargeDesktop && isDesktop) stretch = 334\n    else if (!isDesktop && isSmallDesktop) stretch = 230\n    else if (!isSmallDesktop) stretch = 286\n\n    // \u8BA1\u7B97\u4F4D\u7F6E\n    const translateX = offset * stretch\n    const translateZ = absOffset === 0 ? 0 : -300 * absOffset\n    const scale = absOffset === 0 ? 1 : 0.85 - absOffset * 0.1\n    const opacity = absOffset === 0 ? 1 : 0.6\n    const brightness = absOffset === 0 ? 100 : 50\n\n    return {\n      transform: `translateX(${translateX}px) translateZ(${translateZ}px) scale(${Math.max(scale, 0.5)})`,\n      opacity: Math.max(opacity, 0.3),\n      filter: `brightness(${brightness}%) contrast(120%)`,\n      transition: isDragging ? 'none' : 'all 0.5s cubic-bezier(0.4, 0, 0.2, 1)',\n      zIndex: 100 - absOffset,\n    }\n  }\n\n  if (!items || items.length === 0) {\n    return null\n  }\n\n  return (\n    <section className={cn('laptop:overflow-hidden w-full overflow-visible text-white', className)} ref={containerRef}>\n      {title && <Heading as=\"h1\" size={4} html={title} className=\"laptop:text-center text-left\" />}\n\n      {/* \u684C\u9762\u7AEF 3D \u8F6E\u64AD */}\n      <div className=\"laptop:block relative mx-auto mt-[24px] hidden w-full\">\n        <div className=\"relative mx-auto h-[480px] w-full overflow-visible\" style={{ perspective: '1200px' }}>\n          <div\n            ref={trackRef}\n            className={cn(\n              'absolute left-1/2 top-1/2 h-full w-[824px] -translate-x-1/2 -translate-y-1/2',\n              isDragging ? 'cursor-grabbing' : 'cursor-grab'\n            )}\n            style={{ transformStyle: 'preserve-3d' }}\n            onMouseDown={handleMouseDown}\n          >\n            {extendedItems.map((item, index) => (\n              <div\n                key={index}\n                className=\"absolute left-1/2 top-0 h-full w-[824px] -translate-x-1/2 overflow-hidden rounded-[16px]\"\n                style={getCardStyle(index)}\n                onClick={() => index !== activeIndex && setActiveIndex(index)}\n              >\n                <div className=\"relative size-full\">\n                  <Picture source={item.imageUrl} alt={item.title || ''} className=\"size-full object-cover\" />\n                  <div className=\"absolute inset-0 bg-black/60\" />\n                  {item.title && (\n                    <div className=\"absolute inset-x-0 bottom-0 p-8\">\n                      <h3 className=\"font-['Mont_For_Anker:SemiBold'] text-[32px] leading-[1.2] tracking-[-1.28px] text-white\">\n                        {item.title}\n                      </h3>\n                      {item.description && (\n                        <p className=\"mt-1 font-['Mont_For_Anker:SemiBold'] text-[18px] leading-[1.4] tracking-[-0.36px] text-white\">\n                          {item.description}\n                        </p>\n                      )}\n                    </div>\n                  )}\n                </div>\n              </div>\n            ))}\n          </div>\n\n          {/* \u5BFC\u822A\u6309\u94AE */}\n          <div className=\"laptop:px-[64px] desktop:px-[140px] lg-desktop:px-[200px] pointer-events-none absolute left-1/2 top-1/2 z-[200] flex w-full -translate-x-1/2 -translate-y-1/2 justify-between\">\n            <button\n              onClick={handlePrev}\n              className=\"pointer-events-auto transition-transform hover:scale-110 active:scale-95\"\n              aria-label=\"Previous slide\"\n            >\n              <ChevronLeft />\n            </button>\n            <button\n              onClick={handleNext}\n              className=\"pointer-events-auto transition-transform hover:scale-110 active:scale-95\"\n              aria-label=\"Next slide\"\n            >\n              <ChevronRight />\n            </button>\n          </div>\n        </div>\n      </div>\n\n      {/* \u79FB\u52A8\u7AEF\u6A2A\u5411\u6EDA\u52A8 */}\n      <div className=\"laptop:hidden mt-[24px] block w-full\">\n        <div\n          ref={mobileTrackRef}\n          className=\"flex gap-3 overflow-x-auto overflow-y-hidden scroll-smooth [-ms-overflow-style:none] [-webkit-overflow-scrolling:touch] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\"\n          onScroll={handleMobileScroll}\n        >\n          {items.map((item, index) => (\n            <div\n              key={index}\n              className=\"relative h-[360px] w-[296px] flex-shrink-0 overflow-hidden rounded-xl shadow-lg\"\n            >\n              <Picture\n                source={item.mobImageUrl || item.imageUrl}\n                alt={item.title || ''}\n                className=\"size-full object-cover\"\n              />\n              {item.title && (\n                <div className=\"absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent p-6\">\n                  <p className=\"text-[24px] leading-[1.2] tracking-[-0.96px] text-white\">{item.title}</p>\n                </div>\n              )}\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["ThreeDCarousel_exports", "__export", "ThreeDCarousel", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_helpers", "ChevronLeft", "ChevronRight", "data", "className", "containerRef", "trackRef", "mobileTrackRef", "title", "items", "activeIndex", "setActiveIndex", "isDragging", "setIsDragging", "startX", "setStartX", "scrollLeft", "setScrollLeft", "extendedItems", "handlePrev", "prev", "newIndex", "handleNext", "handleMouseDown", "e", "handleMouseMove", "x", "walk", "handleMouseUp", "handleMobileScroll", "handleKeyDown", "getCardStyle", "index", "offset", "absOffset", "isLargeDesktop", "isDesktop", "isSmallDesktop", "stretch", "translateX", "translateZ", "scale", "opacity", "brightness", "item"]
+  "sources": ["../../../../src/biz-components/ThreeDCarousel/index.ts"],
+  "sourcesContent": ["export { default } from './ThreeDCarousel.js'\nexport type { ThreeDCarouselProps, ThreeDCarouselItem } from './types.js'\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wCAAAE,EAAAF,GAAA,IAAAG,EAAwB",
+  "names": ["ThreeDCarousel_exports", "__export", "__toCommonJS", "import_ThreeDCarousel"]
 }

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

@@ -0,0 +1,24 @@
+import type { Media } from '../../types/props';
+export interface ThreeDCarouselItem {
+    /** 桌面端图片 */
+    imageUrl: Media | null;
+    /** 移动端图片 */
+    mobImageUrl: Media | null;
+    /** 标题 */
+    title: string;
+    /** 描述 */
+    description: string;
+    /** 按钮文本 */
+    buttonText?: string;
+    /** 按钮链接 */
+    buttonLink?: string | null;
+}
+export interface ThreeDCarouselProps {
+    data: {
+        title: string;
+        /** 轮播项列表 */
+        items: ThreeDCarouselItem[];
+    };
+    /** 自定义类名 */
+    className?: string;
+}

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/ThreeDCarousel/types.ts"],
+  "sourcesContent": ["import type { Media } from '../../types/props'\n\nexport interface ThreeDCarouselItem {\n  /** \u684C\u9762\u7AEF\u56FE\u7247 */\n  imageUrl: Media | null\n  /** \u79FB\u52A8\u7AEF\u56FE\u7247 */\n  mobImageUrl: Media | null\n  /** \u6807\u9898 */\n  title: string\n  /** \u63CF\u8FF0 */\n  description: string\n  /** \u6309\u94AE\u6587\u672C */\n  buttonText?: string\n  /** \u6309\u94AE\u94FE\u63A5 */\n  buttonLink?: string | null\n}\n\nexport interface ThreeDCarouselProps {\n  data: {\n    title: string\n    /** \u8F6E\u64AD\u9879\u5217\u8868 */\n    items: ThreeDCarouselItem[]\n  }\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n"],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
+  "names": ["types_exports", "__toCommonJS"]
+}

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

@@ -80,6 +80,10 @@ export { default as ProductHero } from './ProductHero/index.js';
 export type { ProductHeroProps } from './ProductHero/index.js';
 export { default as SpecsComparison } from './SpecsComparison/index.js';
 export type { SpecsComparisonProps, SpecsComparisonMenuItem, SpecsComparisonLeftMenuItem, } from './SpecsComparison/index.js';
+export { default as MediaSceneSwitcher } from './MediaSceneSwitcher/index.js';
+export type { MediaSceneSwitcherProps } from './MediaSceneSwitcher/types.js';
+export { default as ThreeDCarousel } from './ThreeDCarousel/index.js';
+export type { ThreeDCarouselProps } from './ThreeDCarousel/index.js';
 export declare const PAYLOAD_COMPONENT_MAP: {
     'ipc-accordioncards': string;
     'ipc-aplusdesc': string;
@@ -115,4 +119,5 @@ export declare const PAYLOAD_COMPONENT_MAP: {
     'ipc-text-marquee': string;
     'ipc-title': string;
     'ipc-whychoose': string;
+    ksp: string;
 };

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

@@ -1,2 +1,2 @@
-"use strict";var Se=Object.create;var s=Object.defineProperty;var Ce=Object.getOwnPropertyDescriptor;var Te=Object.getOwnPropertyNames;var be=Object.getPrototypeOf,Ie=Object.prototype.hasOwnProperty;var Be=(r,a)=>{for(var t in a)s(r,t,{get:a[t],enumerable:!0})},u=(r,a,t,f)=>{if(a&&typeof a=="object"||typeof a=="function")for(let p of Te(a))!Ie.call(r,p)&&p!==t&&s(r,p,{get:()=>a[p],enumerable:!(f=Ce(a,p))||f.enumerable});return r};var e=(r,a,t)=>(t=r!=null?Se(be(r)):{},u(a||!r||!r.__esModule?s(t,"default",{value:r,enumerable:!0}):t,r)),Fe=r=>u(s({},"__esModule",{value:!0}),r);var Ge={};Be(Ge,{AccordionCards:()=>g.default,AiuiProvider:()=>w.default,AplusDesc:()=>pe.default,BenefitsTab:()=>re.default,BizProductProvider:()=>R.default,BrandEquity:()=>d.default,Category:()=>P.default,CreativeModule:()=>W.default,DownLoad:()=>fe.default,Evaluate:()=>h.default,Faq:()=>F.default,FeatureCards:()=>me.default,FeatureShowcase:()=>ye.default,Features:()=>oe.default,FootCharger:()=>ue.default,FooterNavigation:()=>j.default,GiftBox:()=>se.default,Graphic:()=>M.default,GraphicAttractionBlock:()=>G.default,GraphicMore:()=>te.default,GraphicOverlay:()=>E.default,HeaderNavigation:()=>v.default,HeroBanner:()=>y.default,IPC_SEARCH_PAGE:()=>i.IPC_SEARCH_PAGE,ImageTextFeature:()=>le.default,ImageWithText:()=>xe.default,Ksp:()=>ce.default,Listing:()=>O.default,Marquee:()=>b.default,MarqueeImageContent:()=>o.MarqueeImageContent,MarqueeItem:()=>o.MarqueeItem,MarqueeReview:()=>I.default,MarqueeTextContent:()=>o.MarqueeTextContent,MediaPlayerBase:()=>S.default,MediaPlayerMulti:()=>T.default,MediaPlayerSticky:()=>C.default,MemberEquity:()=>c.default,MultiLayoutGraphicBlock:()=>q.default,PAYLOAD_COMPONENT_MAP:()=>qe,PaidShipping:()=>ae.default,ProductActions:()=>N.default,ProductBenefitsTabs:()=>V.default,ProductBundle:()=>U.default,ProductCard:()=>_.default,ProductCompare:()=>de.default,ProductDetail:()=>$.default,ProductExchangePurchase:()=>J.default,ProductFreeGift:()=>Y.default,ProductGallery:()=>Z.default,ProductGridBox:()=>X.default,ProductHero:()=>ge.default,ProductHighlight:()=>z.default,ProductOptions:()=>Q.default,ProductSummary:()=>ee.default,PurchaseBar:()=>K.default,SearchPage:()=>A.default,SearchPageTabType:()=>i.SearchPageTabType,SelectStore:()=>ie.default,ShelfDisplay:()=>n.default,Slogan:()=>l.default,Spacer:()=>x.default,Specs:()=>L.default,SpecsComparison:()=>Me.default,TabGroup:()=>H.default,TabWithImage:()=>Pe.default,Tabs:()=>D.default,TabsWithMedia:()=>he.default,Title:()=>m.default,VideoFeature:()=>ne.default,WhyChoose:()=>B.default,withLayout:()=>k.withLayout});module.exports=Fe(Ge);var d=e(require("./BrandEquity/index.js")),c=e(require("./MemberEquity/index.js")),l=e(require("./Slogan/index.js")),m=e(require("./Title/index.js")),x=e(require("./Spacer/index.js")),n=e(require("./ShelfDisplay/index.js")),h=e(require("./Evaluate/index.js")),P=e(require("./Category/index.js")),y=e(require("./HeroBanner/index.js")),g=e(require("./AccordionCards/index.js")),M=e(require("./Graphic/index.js")),S=e(require("./MediaPlayerBase/index.js")),C=e(require("./MediaPlayerSticky/index.js")),T=e(require("./MediaPlayerMulti/index.js")),b=e(require("./Marquee/index.js")),I=e(require("./MarqueeReview/index.js")),B=e(require("./WhyChoose/index.js")),F=e(require("./Faq/index.js")),o=require("./Marquee/index.js"),q=e(require("./MultiLayoutGraphicBlock/index.js")),G=e(require("./GraphicAttractionBlock/index.js")),v=e(require("./HeaderNavigation/index.js")),j=e(require("./FooterNavigation/index.js")),A=e(require("./SearchPage/index.js")),i=require("./SearchPage/types.js"),k=require("../shared/Styles.js"),w=e(require("./AiuiProvider/index.js")),D=e(require("./Tabs/index.js")),W=e(require("./CreativeModule/index.js")),E=e(require("./GraphicOverlay/index.js")),L=e(require("./Specs/index.js")),H=e(require("./TabsGroup/index.js")),O=e(require("./Listing/index.js")),R=e(require("./Listing/BizProductProvider.js")),K=e(require("./Listing/components/PurchaseBar/index.js")),N=e(require("./Listing/components/PurchaseBar/ProductActions/index.js")),_=e(require("./Listing/components/ProductCard/index.js")),V=e(require("./Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.js")),z=e(require("./Listing/components/ProductCard/ProductDetail/ProductHighlight/index.js")),Y=e(require("./Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.js")),J=e(require("./Listing/components/ProductCard/ProductDetail/ProductExchangePurchase/index.js")),Q=e(require("./Listing/components/ProductCard/ProductDetail/ProductOptions/index.js")),U=e(require("./Listing/components/ProductCard/ProductDetail/ProductBundle/index.js")),X=e(require("./Listing/components/ProductCard/ProductGridBox.js")),Z=e(require("./Listing/components/ProductCard/ProductGallery/index.js")),$=e(require("./Listing/components/ProductCard/ProductDetail/index.js")),ee=e(require("./Listing/components/ProductCard/ProductSummary/index.js")),re=e(require("./Listing/components/ProductCard/ProductDetail/BenefitsTab")),ae=e(require("./Listing/components/PaidShipping/index.js")),te=e(require("./GraphicMore/index.js")),oe=e(require("./Features/index.js")),pe=e(require("./AplusDesc/index.js")),se=e(require("./GiftBox/index.js")),ie=e(require("./SelectStore/index.js")),fe=e(require("./DownLoad/index.js")),ue=e(require("./FootCharger/index.js")),de=e(require("./ProductCompare/index.js")),ce=e(require("./Ksp/index.js")),le=e(require("./ImageTextFeature/index.js")),me=e(require("./FeatureCards/index.js")),xe=e(require("./ImageWithText/index.js")),ne=e(require("./VideoFeature/index.js")),he=e(require("./TabsWithMedia/index.js")),Pe=e(require("./TabWithImage/index.js")),ye=e(require("./FeatureShowcase/index.js")),ge=e(require("./ProductHero/index.js")),Me=e(require("./SpecsComparison/index.js"));const qe={"ipc-accordioncards":"AccordionCards","ipc-aplusdesc":"AplusDesc","ipc-banner":"HeroBanner","ipc-brand-equity":"BrandEquity","ipc-category":"Category","ipc-collection-banner":"CollectionBanner","ipc-collection-shelves":"CollectionShelves","ipc-creativemodule":"CreativeModule","ipc-download":"DownLoad","ipc-evaluate":"Evaluate","ipc-faq":"Faq","ipc-features":"Features","ipc-footcharger":"FootCharger","ipc-ga-block":"GraphicAttractionBlock","ipc-giftbox":"GiftBox","ipc-graphic":"Graphic","ipc-graphicmore":"GraphicMore","ipc-graphicoverlay":"GraphicOverlay","ipc-marquee":"Marquee","ipc-mediaplayerbase":"MediaPlayerBase","ipc-mediaplayermulti":"MediaPlayerMulti","ipc-mediaplayersticky":"MediaPlayerSticky","ipc-member-equity":"MemberEquity","ipc-mlg-block":"MultiLayoutGraphicBlock","ipc-search-page-tabs":"SearchPageBlock","ipc-selectstore":"SelectStore","ipc-shelfdisplay":"ShelfDisplay","ipc-slogan":"Slogan","ipc-spacer":"Spacer","ipc-specs":"Specs","ipc-tabs":"Tabs","ipc-text-marquee":"TextMarquee","ipc-title":"Title","ipc-whychoose":"WhyChoose"};
+"use strict";var Te=Object.create;var s=Object.defineProperty;var be=Object.getOwnPropertyDescriptor;var Ie=Object.getOwnPropertyNames;var Be=Object.getPrototypeOf,Fe=Object.prototype.hasOwnProperty;var qe=(r,a)=>{for(var t in a)s(r,t,{get:a[t],enumerable:!0})},u=(r,a,t,f)=>{if(a&&typeof a=="object"||typeof a=="function")for(let p of Ie(a))!Fe.call(r,p)&&p!==t&&s(r,p,{get:()=>a[p],enumerable:!(f=be(a,p))||f.enumerable});return r};var e=(r,a,t)=>(t=r!=null?Te(Be(r)):{},u(a||!r||!r.__esModule?s(t,"default",{value:r,enumerable:!0}):t,r)),Ge=r=>u(s({},"__esModule",{value:!0}),r);var je={};qe(je,{AccordionCards:()=>g.default,AiuiProvider:()=>A.default,AplusDesc:()=>pe.default,BenefitsTab:()=>re.default,BizProductProvider:()=>O.default,BrandEquity:()=>d.default,Category:()=>P.default,CreativeModule:()=>W.default,DownLoad:()=>fe.default,Evaluate:()=>h.default,Faq:()=>F.default,FeatureCards:()=>me.default,FeatureShowcase:()=>ye.default,Features:()=>oe.default,FootCharger:()=>ue.default,FooterNavigation:()=>j.default,GiftBox:()=>se.default,Graphic:()=>M.default,GraphicAttractionBlock:()=>G.default,GraphicMore:()=>te.default,GraphicOverlay:()=>E.default,HeaderNavigation:()=>v.default,HeroBanner:()=>y.default,IPC_SEARCH_PAGE:()=>i.IPC_SEARCH_PAGE,ImageTextFeature:()=>le.default,ImageWithText:()=>xe.default,Ksp:()=>ce.default,Listing:()=>K.default,Marquee:()=>b.default,MarqueeImageContent:()=>o.MarqueeImageContent,MarqueeItem:()=>o.MarqueeItem,MarqueeReview:()=>I.default,MarqueeTextContent:()=>o.MarqueeTextContent,MediaPlayerBase:()=>S.default,MediaPlayerMulti:()=>T.default,MediaPlayerSticky:()=>C.default,MediaSceneSwitcher:()=>Se.default,MemberEquity:()=>c.default,MultiLayoutGraphicBlock:()=>q.default,PAYLOAD_COMPONENT_MAP:()=>ve,PaidShipping:()=>ae.default,ProductActions:()=>N.default,ProductBenefitsTabs:()=>V.default,ProductBundle:()=>U.default,ProductCard:()=>_.default,ProductCompare:()=>de.default,ProductDetail:()=>$.default,ProductExchangePurchase:()=>J.default,ProductFreeGift:()=>Y.default,ProductGallery:()=>Z.default,ProductGridBox:()=>X.default,ProductHero:()=>ge.default,ProductHighlight:()=>z.default,ProductOptions:()=>Q.default,ProductSummary:()=>ee.default,PurchaseBar:()=>R.default,SearchPage:()=>w.default,SearchPageTabType:()=>i.SearchPageTabType,SelectStore:()=>ie.default,ShelfDisplay:()=>n.default,Slogan:()=>l.default,Spacer:()=>x.default,Specs:()=>L.default,SpecsComparison:()=>Me.default,TabGroup:()=>H.default,TabWithImage:()=>Pe.default,Tabs:()=>D.default,TabsWithMedia:()=>he.default,ThreeDCarousel:()=>Ce.default,Title:()=>m.default,VideoFeature:()=>ne.default,WhyChoose:()=>B.default,withLayout:()=>k.withLayout});module.exports=Ge(je);var d=e(require("./BrandEquity/index.js")),c=e(require("./MemberEquity/index.js")),l=e(require("./Slogan/index.js")),m=e(require("./Title/index.js")),x=e(require("./Spacer/index.js")),n=e(require("./ShelfDisplay/index.js")),h=e(require("./Evaluate/index.js")),P=e(require("./Category/index.js")),y=e(require("./HeroBanner/index.js")),g=e(require("./AccordionCards/index.js")),M=e(require("./Graphic/index.js")),S=e(require("./MediaPlayerBase/index.js")),C=e(require("./MediaPlayerSticky/index.js")),T=e(require("./MediaPlayerMulti/index.js")),b=e(require("./Marquee/index.js")),I=e(require("./MarqueeReview/index.js")),B=e(require("./WhyChoose/index.js")),F=e(require("./Faq/index.js")),o=require("./Marquee/index.js"),q=e(require("./MultiLayoutGraphicBlock/index.js")),G=e(require("./GraphicAttractionBlock/index.js")),v=e(require("./HeaderNavigation/index.js")),j=e(require("./FooterNavigation/index.js")),w=e(require("./SearchPage/index.js")),i=require("./SearchPage/types.js"),k=require("../shared/Styles.js"),A=e(require("./AiuiProvider/index.js")),D=e(require("./Tabs/index.js")),W=e(require("./CreativeModule/index.js")),E=e(require("./GraphicOverlay/index.js")),L=e(require("./Specs/index.js")),H=e(require("./TabsGroup/index.js")),K=e(require("./Listing/index.js")),O=e(require("./Listing/BizProductProvider.js")),R=e(require("./Listing/components/PurchaseBar/index.js")),N=e(require("./Listing/components/PurchaseBar/ProductActions/index.js")),_=e(require("./Listing/components/ProductCard/index.js")),V=e(require("./Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.js")),z=e(require("./Listing/components/ProductCard/ProductDetail/ProductHighlight/index.js")),Y=e(require("./Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.js")),J=e(require("./Listing/components/ProductCard/ProductDetail/ProductExchangePurchase/index.js")),Q=e(require("./Listing/components/ProductCard/ProductDetail/ProductOptions/index.js")),U=e(require("./Listing/components/ProductCard/ProductDetail/ProductBundle/index.js")),X=e(require("./Listing/components/ProductCard/ProductGridBox.js")),Z=e(require("./Listing/components/ProductCard/ProductGallery/index.js")),$=e(require("./Listing/components/ProductCard/ProductDetail/index.js")),ee=e(require("./Listing/components/ProductCard/ProductSummary/index.js")),re=e(require("./Listing/components/ProductCard/ProductDetail/BenefitsTab")),ae=e(require("./Listing/components/PaidShipping/index.js")),te=e(require("./GraphicMore/index.js")),oe=e(require("./Features/index.js")),pe=e(require("./AplusDesc/index.js")),se=e(require("./GiftBox/index.js")),ie=e(require("./SelectStore/index.js")),fe=e(require("./DownLoad/index.js")),ue=e(require("./FootCharger/index.js")),de=e(require("./ProductCompare/index.js")),ce=e(require("./Ksp/index.js")),le=e(require("./ImageTextFeature/index.js")),me=e(require("./FeatureCards/index.js")),xe=e(require("./ImageWithText/index.js")),ne=e(require("./VideoFeature/index.js")),he=e(require("./TabsWithMedia/index.js")),Pe=e(require("./TabWithImage/index.js")),ye=e(require("./FeatureShowcase/index.js")),ge=e(require("./ProductHero/index.js")),Me=e(require("./SpecsComparison/index.js")),Se=e(require("./MediaSceneSwitcher/index.js")),Ce=e(require("./ThreeDCarousel/index.js"));const ve={"ipc-accordioncards":"AccordionCards","ipc-aplusdesc":"AplusDesc","ipc-banner":"HeroBanner","ipc-brand-equity":"BrandEquity","ipc-category":"Category","ipc-collection-banner":"CollectionBanner","ipc-collection-shelves":"CollectionShelves","ipc-creativemodule":"CreativeModule","ipc-download":"DownLoad","ipc-evaluate":"Evaluate","ipc-faq":"Faq","ipc-features":"Features","ipc-footcharger":"FootCharger","ipc-ga-block":"GraphicAttractionBlock","ipc-giftbox":"GiftBox","ipc-graphic":"Graphic","ipc-graphicmore":"GraphicMore","ipc-graphicoverlay":"GraphicOverlay","ipc-marquee":"Marquee","ipc-mediaplayerbase":"MediaPlayerBase","ipc-mediaplayermulti":"MediaPlayerMulti","ipc-mediaplayersticky":"MediaPlayerSticky","ipc-member-equity":"MemberEquity","ipc-mlg-block":"MultiLayoutGraphicBlock","ipc-search-page-tabs":"SearchPageBlock","ipc-selectstore":"SelectStore","ipc-shelfdisplay":"ShelfDisplay","ipc-slogan":"Slogan","ipc-spacer":"Spacer","ipc-specs":"Specs","ipc-tabs":"Tabs","ipc-text-marquee":"TextMarquee","ipc-title":"Title","ipc-whychoose":"WhyChoose",ksp:"Ksp"};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/biz-components/index.ts"],
-  "sourcesContent": ["export { default as BrandEquity } from './BrandEquity/index.js'\nexport { default as MemberEquity } from './MemberEquity/index.js'\nexport { default as Slogan } from './Slogan/index.js'\nexport { default as Title } from './Title/index.js'\nexport { default as Spacer } from './Spacer/index.js'\nexport { default as ShelfDisplay } from './ShelfDisplay/index.js'\nexport { default as Evaluate } from './Evaluate/index.js'\nexport { default as Category } from './Category/index.js'\nexport { default as HeroBanner } from './HeroBanner/index.js'\nexport { default as AccordionCards } from './AccordionCards/index.js'\nexport { default as Graphic } from './Graphic/index.js'\nexport { default as MediaPlayerBase } from './MediaPlayerBase/index.js'\nexport { default as MediaPlayerSticky } from './MediaPlayerSticky/index.js'\nexport { default as MediaPlayerMulti } from './MediaPlayerMulti/index.js'\nexport { default as Marquee } from './Marquee/index.js'\nexport { default as MarqueeReview } from './MarqueeReview/index.js'\nexport type { MarqueeReviewProps, MarqueeReviewData, ReviewItem } from './MarqueeReview/index.js'\nexport { default as WhyChoose } from './WhyChoose/index.js'\nexport { default as Faq } from './Faq/index.js'\nexport { MarqueeItem, MarqueeImageContent, MarqueeTextContent } from './Marquee/index.js'\nexport { default as MultiLayoutGraphicBlock } from './MultiLayoutGraphicBlock/index.js'\nexport type { MultiLayoutGraphicBlockProps } from './MultiLayoutGraphicBlock/index.js'\nexport { default as GraphicAttractionBlock } from './GraphicAttractionBlock/index.js'\nexport type { GraphicAttractionBlockProps } from './GraphicAttractionBlock/index.js'\nexport { default as HeaderNavigation } from './HeaderNavigation/index.js'\nexport { default as FooterNavigation } from './FooterNavigation/index.js'\nexport { default as SearchPage } from './SearchPage/index.js'\nexport type { SearchPageProps } from './SearchPage/types.js'\nexport { IPC_SEARCH_PAGE, SearchPageTabType } from './SearchPage/types.js'\n\nexport { withLayout } from '../shared/Styles.js'\nexport { default as AiuiProvider } from './AiuiProvider/index.js'\nexport { default as Tabs } from './Tabs/index.js'\nexport { default as CreativeModule } from './CreativeModule/index.js'\nexport { default as GraphicOverlay } from './GraphicOverlay/index.js'\nexport { default as Specs } from './Specs/index.js'\nexport { default as TabGroup } from './TabsGroup/index.js'\nexport { default as Listing } from './Listing/index.js'\nexport { default as BizProductProvider } from './Listing/BizProductProvider.js'\nexport { default as PurchaseBar } from './Listing/components/PurchaseBar/index.js'\nexport { default as ProductActions } from './Listing/components/PurchaseBar/ProductActions/index.js'\nexport { default as ProductCard } from './Listing/components/ProductCard/index.js'\nexport { default as ProductBenefitsTabs } from './Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.js'\nexport { default as ProductHighlight } from './Listing/components/ProductCard/ProductDetail/ProductHighlight/index.js'\nexport { default as ProductFreeGift } from './Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.js'\nexport { default as ProductExchangePurchase } from './Listing/components/ProductCard/ProductDetail/ProductExchangePurchase/index.js'\nexport { default as ProductOptions } from './Listing/components/ProductCard/ProductDetail/ProductOptions/index.js'\nexport { default as ProductBundle } from './Listing/components/ProductCard/ProductDetail/ProductBundle/index.js'\nexport { default as ProductGridBox } from './Listing/components/ProductCard/ProductGridBox.js'\nexport { default as ProductGallery } from './Listing/components/ProductCard/ProductGallery/index.js'\nexport { default as ProductDetail } from './Listing/components/ProductCard/ProductDetail/index.js'\nexport { default as ProductSummary } from './Listing/components/ProductCard/ProductSummary/index.js'\nexport { default as BenefitsTab } from './Listing/components/ProductCard/ProductDetail/BenefitsTab'\nexport { default as PaidShipping } from './Listing/components/PaidShipping/index.js'\nexport { default as GraphicMore } from './GraphicMore/index.js'\nexport { default as Features } from './Features/index.js'\nexport { default as AplusDesc } from './AplusDesc/index.js'\nexport { default as GiftBox } from './GiftBox/index.js'\nexport { default as SelectStore } from './SelectStore/index.js'\nexport { default as DownLoad } from './DownLoad/index.js'\nexport { default as FootCharger } from './FootCharger/index.js'\n\nexport { default as ProductCompare } from './ProductCompare/index.js'\nexport type { ProductCompareProps, ProductItemData } from './ProductCompare/index.js'\nexport { default as Ksp } from './Ksp/index.js'\nexport type { KspProps, KspData, KspCardItem } from './Ksp/index.js'\nexport { default as ImageTextFeature } from './ImageTextFeature/index.js'\nexport type { ImageTextFeatureProps, ImageTextFeatureItem } from './ImageTextFeature/index.js'\nexport { default as FeatureCards } from './FeatureCards/index.js'\nexport type { FeatureCardsProps, FeatureCardItem } from './FeatureCards/index.js'\nexport { default as ImageWithText } from './ImageWithText/index.js'\nexport type { ImageWithTextProps } from './ImageWithText/index.js'\nexport { default as VideoFeature } from './VideoFeature/index.js'\nexport type { VideoFeatureProps } from './VideoFeature/index.js'\nexport { default as TabsWithMedia } from './TabsWithMedia/index.js'\nexport type { TabsWithMediaProps, TabItem, TimeIndex } from './TabsWithMedia/index.js'\nexport { default as TabWithImage } from './TabWithImage/index.js'\nexport type { TabWithImageProps, TabWithImageDataItem } from './TabWithImage/index.js'\nexport { default as FeatureShowcase } from './FeatureShowcase/index.js'\nexport type { FeatureShowcaseProps, FeatureShowcaseItem } from './FeatureShowcase/index.js'\nexport { default as ProductHero } from './ProductHero/index.js'\nexport type { ProductHeroProps } from './ProductHero/index.js'\nexport { default as SpecsComparison } from './SpecsComparison/index.js'\nexport type {\n  SpecsComparisonProps,\n  SpecsComparisonMenuItem,\n  SpecsComparisonLeftMenuItem,\n} from './SpecsComparison/index.js'\n\nexport const PAYLOAD_COMPONENT_MAP = {\n  'ipc-accordioncards': 'AccordionCards',\n  'ipc-aplusdesc': 'AplusDesc',\n  'ipc-banner': 'HeroBanner',\n  'ipc-brand-equity': 'BrandEquity',\n  'ipc-category': 'Category',\n  'ipc-collection-banner': 'CollectionBanner',\n  'ipc-collection-shelves': 'CollectionShelves',\n  'ipc-creativemodule': 'CreativeModule',\n  'ipc-download': 'DownLoad',\n  'ipc-evaluate': 'Evaluate',\n  'ipc-faq': 'Faq',\n  'ipc-features': 'Features',\n  'ipc-footcharger': 'FootCharger',\n  'ipc-ga-block': 'GraphicAttractionBlock',\n  'ipc-giftbox': 'GiftBox',\n  'ipc-graphic': 'Graphic',\n  'ipc-graphicmore': 'GraphicMore',\n  'ipc-graphicoverlay': 'GraphicOverlay',\n  'ipc-marquee': 'Marquee',\n  'ipc-mediaplayerbase': 'MediaPlayerBase',\n  'ipc-mediaplayermulti': 'MediaPlayerMulti',\n  'ipc-mediaplayersticky': 'MediaPlayerSticky',\n  'ipc-member-equity': 'MemberEquity',\n  'ipc-mlg-block': 'MultiLayoutGraphicBlock',\n  'ipc-search-page-tabs': 'SearchPageBlock',\n  'ipc-selectstore': 'SelectStore',\n  'ipc-shelfdisplay': 'ShelfDisplay',\n  'ipc-slogan': 'Slogan',\n  'ipc-spacer': 'Spacer',\n  'ipc-specs': 'Specs',\n  'ipc-tabs': 'Tabs',\n  'ipc-text-marquee': 'TextMarquee',\n  'ipc-title': 'Title',\n  'ipc-whychoose': 'WhyChoose',\n \n}\n"],
-  "mappings": "skBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,0lCAAAE,GAAA,s4BAAAC,GAAAH,IAAA,IAAAI,EAAuC,qCACvCC,EAAwC,sCACxCC,EAAkC,gCAClCC,EAAiC,+BACjCC,EAAkC,gCAClCC,EAAwC,sCACxCC,EAAoC,kCACpCC,EAAoC,kCACpCC,EAAsC,oCACtCC,EAA0C,wCAC1CC,EAAmC,iCACnCC,EAA2C,yCAC3CC,EAA6C,2CAC7CC,EAA4C,0CAC5CC,EAAmC,iCACnCC,EAAyC,uCAEzCC,EAAqC,mCACrCC,EAA+B,6BAC/BH,EAAqE,8BACrEI,EAAmD,iDAEnDC,EAAkD,gDAElDC,EAA4C,0CAC5CC,EAA4C,0CAC5CC,EAAsC,oCAEtCC,EAAmD,iCAEnDC,EAA2B,+BAC3BC,EAAwC,sCACxCC,EAAgC,8BAChCC,EAA0C,wCAC1CC,EAA0C,wCAC1CC,EAAiC,+BACjCC,EAAoC,mCACpCC,EAAmC,iCACnCC,EAA8C,8CAC9CC,EAAuC,wDACvCC,EAA0C,uEAC1CC,EAAuC,wDACvCC,EAA+C,0FAC/CC,EAA4C,uFAC5CC,EAA2C,sFAC3CC,EAAmD,8FACnDC,EAA0C,qFAC1CC,EAAyC,oFACzCC,EAA0C,iEAC1CC,EAA0C,uEAC1CC,EAAyC,sEACzCC,GAA0C,uEAC1CC,GAAuC,yEACvCC,GAAwC,yDACxCC,GAAuC,qCACvCC,GAAoC,kCACpCC,GAAqC,mCACrCC,GAAmC,iCACnCC,GAAuC,qCACvCC,GAAoC,kCACpCC,GAAuC,qCAEvCC,GAA0C,wCAE1CC,GAA+B,6BAE/BC,GAA4C,0CAE5CC,GAAwC,sCAExCC,GAAyC,uCAEzCC,GAAwC,sCAExCC,GAAyC,uCAEzCC,GAAwC,sCAExCC,GAA2C,yCAE3CC,GAAuC,qCAEvCC,GAA2C,yCAOpC,MAAMnE,GAAwB,CACnC,qBAAsB,iBACtB,gBAAiB,YACjB,aAAc,aACd,mBAAoB,cACpB,eAAgB,WAChB,wBAAyB,mBACzB,yBAA0B,oBAC1B,qBAAsB,iBACtB,eAAgB,WAChB,eAAgB,WAChB,UAAW,MACX,eAAgB,WAChB,kBAAmB,cACnB,eAAgB,yBAChB,cAAe,UACf,cAAe,UACf,kBAAmB,cACnB,qBAAsB,iBACtB,cAAe,UACf,sBAAuB,kBACvB,uBAAwB,mBACxB,wBAAyB,oBACzB,oBAAqB,eACrB,gBAAiB,0BACjB,uBAAwB,kBACxB,kBAAmB,cACnB,mBAAoB,eACpB,aAAc,SACd,aAAc,SACd,YAAa,QACb,WAAY,OACZ,mBAAoB,cACpB,YAAa,QACb,gBAAiB,WAEnB",
-  "names": ["biz_components_exports", "__export", "PAYLOAD_COMPONENT_MAP", "__toCommonJS", "import_BrandEquity", "import_MemberEquity", "import_Slogan", "import_Title", "import_Spacer", "import_ShelfDisplay", "import_Evaluate", "import_Category", "import_HeroBanner", "import_AccordionCards", "import_Graphic", "import_MediaPlayerBase", "import_MediaPlayerSticky", "import_MediaPlayerMulti", "import_Marquee", "import_MarqueeReview", "import_WhyChoose", "import_Faq", "import_MultiLayoutGraphicBlock", "import_GraphicAttractionBlock", "import_HeaderNavigation", "import_FooterNavigation", "import_SearchPage", "import_types", "import_Styles", "import_AiuiProvider", "import_Tabs", "import_CreativeModule", "import_GraphicOverlay", "import_Specs", "import_TabsGroup", "import_Listing", "import_BizProductProvider", "import_PurchaseBar", "import_ProductActions", "import_ProductCard", "import_ProductBenefitsTabs", "import_ProductHighlight", "import_ProductFreeGift", "import_ProductExchangePurchase", "import_ProductOptions", "import_ProductBundle", "import_ProductGridBox", "import_ProductGallery", "import_ProductDetail", "import_ProductSummary", "import_BenefitsTab", "import_PaidShipping", "import_GraphicMore", "import_Features", "import_AplusDesc", "import_GiftBox", "import_SelectStore", "import_DownLoad", "import_FootCharger", "import_ProductCompare", "import_Ksp", "import_ImageTextFeature", "import_FeatureCards", "import_ImageWithText", "import_VideoFeature", "import_TabsWithMedia", "import_TabWithImage", "import_FeatureShowcase", "import_ProductHero", "import_SpecsComparison"]
+  "sourcesContent": ["export { default as BrandEquity } from './BrandEquity/index.js'\nexport { default as MemberEquity } from './MemberEquity/index.js'\nexport { default as Slogan } from './Slogan/index.js'\nexport { default as Title } from './Title/index.js'\nexport { default as Spacer } from './Spacer/index.js'\nexport { default as ShelfDisplay } from './ShelfDisplay/index.js'\nexport { default as Evaluate } from './Evaluate/index.js'\nexport { default as Category } from './Category/index.js'\nexport { default as HeroBanner } from './HeroBanner/index.js'\nexport { default as AccordionCards } from './AccordionCards/index.js'\nexport { default as Graphic } from './Graphic/index.js'\nexport { default as MediaPlayerBase } from './MediaPlayerBase/index.js'\nexport { default as MediaPlayerSticky } from './MediaPlayerSticky/index.js'\nexport { default as MediaPlayerMulti } from './MediaPlayerMulti/index.js'\nexport { default as Marquee } from './Marquee/index.js'\nexport { default as MarqueeReview } from './MarqueeReview/index.js'\nexport type { MarqueeReviewProps, MarqueeReviewData, ReviewItem } from './MarqueeReview/index.js'\nexport { default as WhyChoose } from './WhyChoose/index.js'\nexport { default as Faq } from './Faq/index.js'\nexport { MarqueeItem, MarqueeImageContent, MarqueeTextContent } from './Marquee/index.js'\nexport { default as MultiLayoutGraphicBlock } from './MultiLayoutGraphicBlock/index.js'\nexport type { MultiLayoutGraphicBlockProps } from './MultiLayoutGraphicBlock/index.js'\nexport { default as GraphicAttractionBlock } from './GraphicAttractionBlock/index.js'\nexport type { GraphicAttractionBlockProps } from './GraphicAttractionBlock/index.js'\nexport { default as HeaderNavigation } from './HeaderNavigation/index.js'\nexport { default as FooterNavigation } from './FooterNavigation/index.js'\nexport { default as SearchPage } from './SearchPage/index.js'\nexport type { SearchPageProps } from './SearchPage/types.js'\nexport { IPC_SEARCH_PAGE, SearchPageTabType } from './SearchPage/types.js'\n\nexport { withLayout } from '../shared/Styles.js'\nexport { default as AiuiProvider } from './AiuiProvider/index.js'\nexport { default as Tabs } from './Tabs/index.js'\nexport { default as CreativeModule } from './CreativeModule/index.js'\nexport { default as GraphicOverlay } from './GraphicOverlay/index.js'\nexport { default as Specs } from './Specs/index.js'\nexport { default as TabGroup } from './TabsGroup/index.js'\nexport { default as Listing } from './Listing/index.js'\nexport { default as BizProductProvider } from './Listing/BizProductProvider.js'\nexport { default as PurchaseBar } from './Listing/components/PurchaseBar/index.js'\nexport { default as ProductActions } from './Listing/components/PurchaseBar/ProductActions/index.js'\nexport { default as ProductCard } from './Listing/components/ProductCard/index.js'\nexport { default as ProductBenefitsTabs } from './Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.js'\nexport { default as ProductHighlight } from './Listing/components/ProductCard/ProductDetail/ProductHighlight/index.js'\nexport { default as ProductFreeGift } from './Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.js'\nexport { default as ProductExchangePurchase } from './Listing/components/ProductCard/ProductDetail/ProductExchangePurchase/index.js'\nexport { default as ProductOptions } from './Listing/components/ProductCard/ProductDetail/ProductOptions/index.js'\nexport { default as ProductBundle } from './Listing/components/ProductCard/ProductDetail/ProductBundle/index.js'\nexport { default as ProductGridBox } from './Listing/components/ProductCard/ProductGridBox.js'\nexport { default as ProductGallery } from './Listing/components/ProductCard/ProductGallery/index.js'\nexport { default as ProductDetail } from './Listing/components/ProductCard/ProductDetail/index.js'\nexport { default as ProductSummary } from './Listing/components/ProductCard/ProductSummary/index.js'\nexport { default as BenefitsTab } from './Listing/components/ProductCard/ProductDetail/BenefitsTab'\nexport { default as PaidShipping } from './Listing/components/PaidShipping/index.js'\nexport { default as GraphicMore } from './GraphicMore/index.js'\nexport { default as Features } from './Features/index.js'\nexport { default as AplusDesc } from './AplusDesc/index.js'\nexport { default as GiftBox } from './GiftBox/index.js'\nexport { default as SelectStore } from './SelectStore/index.js'\nexport { default as DownLoad } from './DownLoad/index.js'\nexport { default as FootCharger } from './FootCharger/index.js'\n\nexport { default as ProductCompare } from './ProductCompare/index.js'\nexport type { ProductCompareProps, ProductItemData } from './ProductCompare/index.js'\nexport { default as Ksp } from './Ksp/index.js'\nexport type { KspProps, KspData, KspCardItem } from './Ksp/index.js'\nexport { default as ImageTextFeature } from './ImageTextFeature/index.js'\nexport type { ImageTextFeatureProps, ImageTextFeatureItem } from './ImageTextFeature/index.js'\nexport { default as FeatureCards } from './FeatureCards/index.js'\nexport type { FeatureCardsProps, FeatureCardItem } from './FeatureCards/index.js'\nexport { default as ImageWithText } from './ImageWithText/index.js'\nexport type { ImageWithTextProps } from './ImageWithText/index.js'\nexport { default as VideoFeature } from './VideoFeature/index.js'\nexport type { VideoFeatureProps } from './VideoFeature/index.js'\nexport { default as TabsWithMedia } from './TabsWithMedia/index.js'\nexport type { TabsWithMediaProps, TabItem, TimeIndex } from './TabsWithMedia/index.js'\nexport { default as TabWithImage } from './TabWithImage/index.js'\nexport type { TabWithImageProps, TabWithImageDataItem } from './TabWithImage/index.js'\nexport { default as FeatureShowcase } from './FeatureShowcase/index.js'\nexport type { FeatureShowcaseProps, FeatureShowcaseItem } from './FeatureShowcase/index.js'\nexport { default as ProductHero } from './ProductHero/index.js'\nexport type { ProductHeroProps } from './ProductHero/index.js'\nexport { default as SpecsComparison } from './SpecsComparison/index.js'\nexport type {\n  SpecsComparisonProps,\n  SpecsComparisonMenuItem,\n  SpecsComparisonLeftMenuItem,\n} from './SpecsComparison/index.js'\nexport { default as MediaSceneSwitcher } from './MediaSceneSwitcher/index.js'\nexport type { MediaSceneSwitcherProps } from './MediaSceneSwitcher/types.js'\nexport { default as ThreeDCarousel } from './ThreeDCarousel/index.js'\nexport type { ThreeDCarouselProps } from './ThreeDCarousel/index.js'\n\nexport const PAYLOAD_COMPONENT_MAP = {\n  'ipc-accordioncards': 'AccordionCards',\n  'ipc-aplusdesc': 'AplusDesc',\n  'ipc-banner': 'HeroBanner',\n  'ipc-brand-equity': 'BrandEquity',\n  'ipc-category': 'Category',\n  'ipc-collection-banner': 'CollectionBanner',\n  'ipc-collection-shelves': 'CollectionShelves',\n  'ipc-creativemodule': 'CreativeModule',\n  'ipc-download': 'DownLoad',\n  'ipc-evaluate': 'Evaluate',\n  'ipc-faq': 'Faq',\n  'ipc-features': 'Features',\n  'ipc-footcharger': 'FootCharger',\n  'ipc-ga-block': 'GraphicAttractionBlock',\n  'ipc-giftbox': 'GiftBox',\n  'ipc-graphic': 'Graphic',\n  'ipc-graphicmore': 'GraphicMore',\n  'ipc-graphicoverlay': 'GraphicOverlay',\n  'ipc-marquee': 'Marquee',\n  'ipc-mediaplayerbase': 'MediaPlayerBase',\n  'ipc-mediaplayermulti': 'MediaPlayerMulti',\n  'ipc-mediaplayersticky': 'MediaPlayerSticky',\n  'ipc-member-equity': 'MemberEquity',\n  'ipc-mlg-block': 'MultiLayoutGraphicBlock',\n  'ipc-search-page-tabs': 'SearchPageBlock',\n  'ipc-selectstore': 'SelectStore',\n  'ipc-shelfdisplay': 'ShelfDisplay',\n  'ipc-slogan': 'Slogan',\n  'ipc-spacer': 'Spacer',\n  'ipc-specs': 'Specs',\n  'ipc-tabs': 'Tabs',\n  'ipc-text-marquee': 'TextMarquee',\n  'ipc-title': 'Title',\n  'ipc-whychoose': 'WhyChoose',\n  ksp: 'Ksp',\n}\n"],
+  "mappings": "skBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,4nCAAAE,GAAA,o6BAAAC,GAAAH,IAAA,IAAAI,EAAuC,qCACvCC,EAAwC,sCACxCC,EAAkC,gCAClCC,EAAiC,+BACjCC,EAAkC,gCAClCC,EAAwC,sCACxCC,EAAoC,kCACpCC,EAAoC,kCACpCC,EAAsC,oCACtCC,EAA0C,wCAC1CC,EAAmC,iCACnCC,EAA2C,yCAC3CC,EAA6C,2CAC7CC,EAA4C,0CAC5CC,EAAmC,iCACnCC,EAAyC,uCAEzCC,EAAqC,mCACrCC,EAA+B,6BAC/BH,EAAqE,8BACrEI,EAAmD,iDAEnDC,EAAkD,gDAElDC,EAA4C,0CAC5CC,EAA4C,0CAC5CC,EAAsC,oCAEtCC,EAAmD,iCAEnDC,EAA2B,+BAC3BC,EAAwC,sCACxCC,EAAgC,8BAChCC,EAA0C,wCAC1CC,EAA0C,wCAC1CC,EAAiC,+BACjCC,EAAoC,mCACpCC,EAAmC,iCACnCC,EAA8C,8CAC9CC,EAAuC,wDACvCC,EAA0C,uEAC1CC,EAAuC,wDACvCC,EAA+C,0FAC/CC,EAA4C,uFAC5CC,EAA2C,sFAC3CC,EAAmD,8FACnDC,EAA0C,qFAC1CC,EAAyC,oFACzCC,EAA0C,iEAC1CC,EAA0C,uEAC1CC,EAAyC,sEACzCC,GAA0C,uEAC1CC,GAAuC,yEACvCC,GAAwC,yDACxCC,GAAuC,qCACvCC,GAAoC,kCACpCC,GAAqC,mCACrCC,GAAmC,iCACnCC,GAAuC,qCACvCC,GAAoC,kCACpCC,GAAuC,qCAEvCC,GAA0C,wCAE1CC,GAA+B,6BAE/BC,GAA4C,0CAE5CC,GAAwC,sCAExCC,GAAyC,uCAEzCC,GAAwC,sCAExCC,GAAyC,uCAEzCC,GAAwC,sCAExCC,GAA2C,yCAE3CC,GAAuC,qCAEvCC,GAA2C,yCAM3CC,GAA8C,4CAE9CC,GAA0C,wCAGnC,MAAMrE,GAAwB,CACnC,qBAAsB,iBACtB,gBAAiB,YACjB,aAAc,aACd,mBAAoB,cACpB,eAAgB,WAChB,wBAAyB,mBACzB,yBAA0B,oBAC1B,qBAAsB,iBACtB,eAAgB,WAChB,eAAgB,WAChB,UAAW,MACX,eAAgB,WAChB,kBAAmB,cACnB,eAAgB,yBAChB,cAAe,UACf,cAAe,UACf,kBAAmB,cACnB,qBAAsB,iBACtB,cAAe,UACf,sBAAuB,kBACvB,uBAAwB,mBACxB,wBAAyB,oBACzB,oBAAqB,eACrB,gBAAiB,0BACjB,uBAAwB,kBACxB,kBAAmB,cACnB,mBAAoB,eACpB,aAAc,SACd,aAAc,SACd,YAAa,QACb,WAAY,OACZ,mBAAoB,cACpB,YAAa,QACb,gBAAiB,YACjB,IAAK,KACP",
+  "names": ["biz_components_exports", "__export", "PAYLOAD_COMPONENT_MAP", "__toCommonJS", "import_BrandEquity", "import_MemberEquity", "import_Slogan", "import_Title", "import_Spacer", "import_ShelfDisplay", "import_Evaluate", "import_Category", "import_HeroBanner", "import_AccordionCards", "import_Graphic", "import_MediaPlayerBase", "import_MediaPlayerSticky", "import_MediaPlayerMulti", "import_Marquee", "import_MarqueeReview", "import_WhyChoose", "import_Faq", "import_MultiLayoutGraphicBlock", "import_GraphicAttractionBlock", "import_HeaderNavigation", "import_FooterNavigation", "import_SearchPage", "import_types", "import_Styles", "import_AiuiProvider", "import_Tabs", "import_CreativeModule", "import_GraphicOverlay", "import_Specs", "import_TabsGroup", "import_Listing", "import_BizProductProvider", "import_PurchaseBar", "import_ProductActions", "import_ProductCard", "import_ProductBenefitsTabs", "import_ProductHighlight", "import_ProductFreeGift", "import_ProductExchangePurchase", "import_ProductOptions", "import_ProductBundle", "import_ProductGridBox", "import_ProductGallery", "import_ProductDetail", "import_ProductSummary", "import_BenefitsTab", "import_PaidShipping", "import_GraphicMore", "import_Features", "import_AplusDesc", "import_GiftBox", "import_SelectStore", "import_DownLoad", "import_FootCharger", "import_ProductCompare", "import_Ksp", "import_ImageTextFeature", "import_FeatureCards", "import_ImageWithText", "import_VideoFeature", "import_TabsWithMedia", "import_TabWithImage", "import_FeatureShowcase", "import_ProductHero", "import_SpecsComparison", "import_MediaSceneSwitcher", "import_ThreeDCarousel"]
 }

package/dist/cjs/stories/MediaSceneSwitcher.stories.js

@@ -0,0 +1,2 @@
+"use strict";var n=Object.create;var a=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var r=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var h=(e,i)=>{for(var t in i)a(e,t,{get:i[t],enumerable:!0})},o=(e,i,t,d)=>{if(i&&typeof i=="object"||typeof i=="function")for(let s of p(i))!b.call(e,s)&&s!==t&&a(e,s,{get:()=>i[s],enumerable:!(d=f(i,s))||d.enumerable});return e};var g=(e,i,t)=>(t=e!=null?n(r(e)):{},o(i||!e||!e.__esModule?a(t,"default",{value:e,enumerable:!0}):t,e)),u=e=>o(a({},"__esModule",{value:!0}),e);var F={};h(F,{Default:()=>_,ImageOnly:()=>S,TwoItems:()=>w,WithoutTags:()=>U,default:()=>v});module.exports=u(F);var l=require("react/jsx-runtime"),m=g(require("../biz-components/MediaSceneSwitcher/index.js"));const y={title:"Biz-Components/MediaSceneSwitcher",component:m.default,parameters:{layout:"fullscreen",docs:{description:{component:"Media Scene Switcher component - A versatile component for switching between multiple media scenes with auto-play functionality"}}},decorators:[e=>(0,l.jsx)("div",{style:{paddingTop:"2em",background:"#000",minHeight:"100vh"},children:(0,l.jsx)(e,{})})],tags:["autodocs"]};var v=y;const c={id:"690c3b11535a7c9975ffcd47",display:"visible",title:"360 Times/Minute",subtitle:"Self-Cleaning",container:{mobileSpan:"12",desktopSpan:"10"},blockName:"\u591A\u573A\u666F\u5207\u63621_10\u6805\u683C_public",blockType:"MediaSceneSwitcher",items:[{id:"690c3b32535a7c9975ffcd49",title:"Scrapes Off Dirt",tag:"20% OFF",videoUrl:{id:3066,alt:null,baseUrl:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",url:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832",filename:"987f27aa1745438f80200fa6bc87429f.mp4",mimeType:"video/mp4",width:null,height:null},imageUrl:{id:3067,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",filename:"Frame_2121235302.png",mimeType:"image/png",width:1648,height:1120},mobVideoUrl:null,mobImageUrl:null},{id:"690c3b35535a7c9975ffcd4b",title:"Cleans the Mop with Water and Detergent",tag:"20% OFF",videoUrl:{id:3068,alt:null,baseUrl:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",url:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832",filename:"987f27aa1745438f80200fa6bc87429f.mp4",mimeType:"video/mp4",width:null,height:null},imageUrl:{id:3069,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",filename:"Frame_2121235302.png",mimeType:"image/png",width:1648,height:1120},mobVideoUrl:null,mobImageUrl:null},{id:"690c3b38535a7c9975ffcd4d",title:"Squeezes Out Dirty Water",tag:"20% OFF",videoUrl:{id:3070,alt:null,baseUrl:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",url:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832",filename:"987f27aa1745438f80200fa6bc87429f.mp4",mimeType:"video/mp4",width:null,height:null},imageUrl:{id:3071,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",filename:"Frame_2121235302.png",mimeType:"image/png",width:1648,height:1120},mobVideoUrl:null,mobImageUrl:null}]},_={args:{data:c}},U={args:{data:{...c,items:c.items.map(e=>({...e,tag:void 0}))}}},S={args:{data:{...c,items:c.items.map(e=>({...e,videoUrl:null}))}}},w={args:{data:{...c,items:c.items.slice(0,2)}}};
+//# sourceMappingURL=MediaSceneSwitcher.stories.js.map

package/dist/cjs/stories/MediaSceneSwitcher.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/MediaSceneSwitcher.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MediaSceneSwitcher from '../biz-components/MediaSceneSwitcher/index.js'\n\nconst meta = {\n  title: 'Biz-Components/MediaSceneSwitcher',\n  component: MediaSceneSwitcher,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: 'Media Scene Switcher component - A versatile component for switching between multiple media scenes with auto-play functionality',\n      },\n    },\n  },\n  decorators: [\n    Story => (\n      <div style={{ paddingTop: '2em', background: '#000', minHeight: '100vh' }}>\n        <Story />\n      </div>\n    ),\n  ],\n  tags: ['autodocs'],\n} satisfies Meta<typeof MediaSceneSwitcher>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockData = {\n  id: '690c3b11535a7c9975ffcd47',\n  display: 'visible' as const,\n  title: '360 Times/Minute',\n  subtitle: 'Self-Cleaning',\n  container: {\n    mobileSpan: '12',\n    desktopSpan: '10',\n  },\n  blockName: '\u591A\u573A\u666F\u5207\u63621_10\u6805\u683C_public',\n  blockType: 'MediaSceneSwitcher',\n  items: [\n    {\n      id: '690c3b32535a7c9975ffcd49',\n      title: 'Scrapes Off Dirt',\n      tag: '20% OFF',\n      videoUrl: {\n        id: 3066,\n        alt: null,\n        baseUrl: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n        url: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832',\n        filename: '987f27aa1745438f80200fa6bc87429f.mp4',\n        mimeType: 'video/mp4' as const,\n        width: null,\n        height: null,\n      },\n      imageUrl: {\n        id: 3067,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        filename: 'Frame_2121235302.png',\n        mimeType: 'image/png' as const,\n        width: 1648,\n        height: 1120,\n      },\n      mobVideoUrl: null,\n      mobImageUrl: null,\n    },\n    {\n      id: '690c3b35535a7c9975ffcd4b',\n      title: 'Cleans the Mop with Water and Detergent',\n      tag: '20% OFF',\n      videoUrl: {\n        id: 3068,\n        alt: null,\n        baseUrl: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n        url: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832',\n        filename: '987f27aa1745438f80200fa6bc87429f.mp4',\n        mimeType: 'video/mp4' as const,\n        width: null,\n        height: null,\n      },\n      imageUrl: {\n        id: 3069,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        filename: 'Frame_2121235302.png',\n        mimeType: 'image/png' as const,\n        width: 1648,\n        height: 1120,\n      },\n      mobVideoUrl: null,\n      mobImageUrl: null,\n    },\n    {\n      id: '690c3b38535a7c9975ffcd4d',\n      title: 'Squeezes Out Dirty Water',\n      tag: '20% OFF',\n      videoUrl: {\n        id: 3070,\n        alt: null,\n        baseUrl: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n        url: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832',\n        filename: '987f27aa1745438f80200fa6bc87429f.mp4',\n        mimeType: 'video/mp4' as const,\n        width: null,\n        height: null,\n      },\n      imageUrl: {\n        id: 3071,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        filename: 'Frame_2121235302.png',\n        mimeType: 'image/png' as const,\n        width: 1648,\n        height: 1120,\n      },\n      mobVideoUrl: null,\n      mobImageUrl: null,\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: mockData,\n  },\n}\n\nexport const WithoutTags: Story = {\n  args: {\n    data: {\n      ...mockData,\n      items: mockData.items.map(item => ({\n        ...item,\n        tag: undefined,\n      })),\n    },\n  },\n}\n\nexport const ImageOnly: Story = {\n  args: {\n    data: {\n      ...mockData,\n      items: mockData.items.map(item => ({\n        ...item,\n        videoUrl: null,\n      })),\n    },\n  },\n}\n\nexport const TwoItems: Story = {\n  args: {\n    data: {\n      ...mockData,\n      items: mockData.items.slice(0, 2),\n    },\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,cAAAC,EAAA,aAAAC,EAAA,gBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAiBQ,IAAAQ,EAAA,6BAhBRC,EAA+B,4DAE/B,MAAMC,EAAO,CACX,MAAO,oCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,iIACb,CACF,CACF,EACA,WAAY,CACVC,MACE,OAAC,OAAI,MAAO,CAAE,WAAY,MAAO,WAAY,OAAQ,UAAW,OAAQ,EACtE,mBAACA,EAAA,EAAM,EACT,CAEJ,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAON,EAAQI,EAGf,MAAMG,EAAW,CACf,GAAI,2BACJ,QAAS,UACT,MAAO,mBACP,SAAU,gBACV,UAAW,CACT,WAAY,KACZ,YAAa,IACf,EACA,UAAW,wDACX,UAAW,qBACX,MAAO,CACL,CACE,GAAI,2BACJ,MAAO,mBACP,IAAK,UACL,SAAU,CACR,GAAI,KACJ,IAAK,KACL,QAAS,4EACT,IAAK,4EACL,aACE,+IACF,SAAU,uCACV,SAAU,YACV,MAAO,KACP,OAAQ,IACV,EACA,SAAU,CACR,GAAI,KACJ,IAAK,KACL,QACE,gIACF,IAAK,gIACL,aACE,gIACF,SAAU,uBACV,SAAU,YACV,MAAO,KACP,OAAQ,IACV,EACA,YAAa,KACb,YAAa,IACf,EACA,CACE,GAAI,2BACJ,MAAO,0CACP,IAAK,UACL,SAAU,CACR,GAAI,KACJ,IAAK,KACL,QAAS,4EACT,IAAK,4EACL,aACE,+IACF,SAAU,uCACV,SAAU,YACV,MAAO,KACP,OAAQ,IACV,EACA,SAAU,CACR,GAAI,KACJ,IAAK,KACL,QACE,gIACF,IAAK,gIACL,aACE,gIACF,SAAU,uBACV,SAAU,YACV,MAAO,KACP,OAAQ,IACV,EACA,YAAa,KACb,YAAa,IACf,EACA,CACE,GAAI,2BACJ,MAAO,2BACP,IAAK,UACL,SAAU,CACR,GAAI,KACJ,IAAK,KACL,QAAS,4EACT,IAAK,4EACL,aACE,+IACF,SAAU,uCACV,SAAU,YACV,MAAO,KACP,OAAQ,IACV,EACA,SAAU,CACR,GAAI,KACJ,IAAK,KACL,QACE,gIACF,IAAK,gIACL,aACE,gIACF,SAAU,uBACV,SAAU,YACV,MAAO,KACP,OAAQ,IACV,EACA,YAAa,KACb,YAAa,IACf,CACF,CACF,EAEaX,EAAiB,CAC5B,KAAM,CACJ,KAAMW,CACR,CACF,EAEaR,EAAqB,CAChC,KAAM,CACJ,KAAM,CACJ,GAAGQ,EACH,MAAOA,EAAS,MAAM,IAAIC,IAAS,CACjC,GAAGA,EACH,IAAK,MACP,EAAE,CACJ,CACF,CACF,EAEaX,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGU,EACH,MAAOA,EAAS,MAAM,IAAIC,IAAS,CACjC,GAAGA,EACH,SAAU,IACZ,EAAE,CACJ,CACF,CACF,EAEaV,EAAkB,CAC7B,KAAM,CACJ,KAAM,CACJ,GAAGS,EACH,MAAOA,EAAS,MAAM,MAAM,EAAG,CAAC,CAClC,CACF,CACF",
+  "names": ["MediaSceneSwitcher_stories_exports", "__export", "Default", "ImageOnly", "TwoItems", "WithoutTags", "MediaSceneSwitcher_stories_default", "__toCommonJS", "import_jsx_runtime", "import_MediaSceneSwitcher", "meta", "MediaSceneSwitcher", "Story", "mockData", "item"]
+}

package/dist/cjs/stories/ThreeDCarousel.stories.js

@@ -1,2 +1,129 @@
-"use strict";var n=Object.create;var s=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var U=(o,r)=>{for(var i in r)s(o,i,{get:r[i],enumerable:!0})},l=(o,r,i,m)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of h(r))!b.call(o,a)&&a!==i&&s(o,a,{get:()=>r[a],enumerable:!(m=d(r,a))||m.enumerable});return o};var f=(o,r,i)=>(i=o!=null?n(u(o)):{},l(r||!o||!o.__esModule?s(i,"default",{value:o,enumerable:!0}):i,o)),I=o=>l(s({},"__esModule",{value:!0}),o);var x={};U(x,{CustomClassName:()=>S,Default:()=>c,ThreeItems:()=>g,WithoutItemTitles:()=>w,WithoutTitle:()=>C,default:()=>P});module.exports=I(x);var p=f(require("../biz-components/ThreeDCarousel/index.js")),T=require("react");const y={title:"Biz-Components/ThreeDCarousel",component:p.default,parameters:{layout:"fullscreen",docs:{description:{component:"3D \u8F6E\u64AD\u7EC4\u4EF6\uFF0C\u684C\u9762\u7AEF\u6700\u591A\u540C\u65F6\u5C55\u793A3\u4E2A\u9879\u76EE\uFF08\u4E2D\u95F41\u4E2A\u9AD8\u4EAE\uFF0C\u4E24\u4FA7\u54041\u4E2A\uFF09\uFF0C\u652F\u6301\u62D6\u62FD\u3001\u952E\u76D8\u5BFC\u822A\uFF1B\u79FB\u52A8\u7AEF\u6A2A\u5411\u6EDA\u52A8\uFF0C\u652F\u6301\u89E6\u6478\u64CD\u4F5C"}}},tags:["autodocs"],argTypes:{data:{description:"\u8F6E\u64AD\u6570\u636E\uFF0C\u5305\u542B\u6807\u9898\u548C\u9879\u76EE\u5217\u8868",control:{type:"object"}},className:{description:"\u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D",control:{type:"text"}}}};var P=y;const t=["https://images.unsplash.com/photo-1682687220742-aba13b6e50ba?w=824&h=480&fit=crop","https://images.unsplash.com/photo-1682687221038-404cb8830901?w=824&h=480&fit=crop","https://images.unsplash.com/photo-1682687220063-4742bd7fd538?w=824&h=480&fit=crop","https://images.unsplash.com/photo-1682687220199-d0124f48f95b?w=824&h=480&fit=crop","https://images.unsplash.com/photo-1682687220945-922d7c4f3f3d?w=824&h=480&fit=crop"],e=["https://images.unsplash.com/photo-1682687220742-aba13b6e50ba?w=296&h=360&fit=crop","https://images.unsplash.com/photo-1682687221038-404cb8830901?w=296&h=360&fit=crop","https://images.unsplash.com/photo-1682687220063-4742bd7fd538?w=296&h=360&fit=crop","https://images.unsplash.com/photo-1682687220199-d0124f48f95b?w=296&h=360&fit=crop","https://images.unsplash.com/photo-1682687220945-922d7c4f3f3d?w=296&h=360&fit=crop"],c={args:{data:{title:"Featured Products",items:[{imageUrl:t[0],mobImageUrl:e[0],title:"Product 1",description:"Amazing features and design"},{imageUrl:t[1],mobImageUrl:e[1],title:"Product 2",description:"Innovative technology"},{imageUrl:t[2],mobImageUrl:e[2],title:"Product 3",description:"Premium quality"},{imageUrl:t[3],mobImageUrl:e[3],title:"Product 4",description:"Enhanced performance"},{imageUrl:t[4],mobImageUrl:e[4],title:"Product 5",description:"Superior experience"}]}}};c.parameters={docs:{description:{story:"5\u4E2A\u9879\u76EE\u7684\u5B8C\u6574\u793A\u4F8B\uFF0C\u652F\u6301\u5DE6\u53F3\u5207\u6362\u6D4F\u89C8\u3002\u684C\u9762\u7AEF\u4F7F\u7528\u65B9\u5411\u952E\u6216\u62D6\u62FD\u5207\u6362\uFF0C\u79FB\u52A8\u7AEF\u6A2A\u5411\u6ED1\u52A8"}}};const C={args:{data:{items:[{imageUrl:t[0],mobImageUrl:e[0],title:"Product 1",description:"Amazing features and design"},{imageUrl:t[1],mobImageUrl:e[1],title:"Product 2",description:"Innovative technology"},{imageUrl:t[2],mobImageUrl:e[2],title:"Product 3",description:"Premium quality"}]}}},w={args:{data:{title:"Image Gallery",items:[{imageUrl:t[0],mobImageUrl:e[0]},{imageUrl:t[1],mobImageUrl:e[1]},{imageUrl:t[2],mobImageUrl:e[2]},{imageUrl:t[3],mobImageUrl:e[3]}]}}},g={args:{data:{title:"3 Items (All Visible)",items:[{imageUrl:t[0],mobImageUrl:e[0],title:"Item 1",description:"Left side item"},{imageUrl:t[1],mobImageUrl:e[1],title:"Item 2",description:"Center highlighted"},{imageUrl:t[2],mobImageUrl:e[2],title:"Item 3",description:"Right side item"}]}}};g.parameters={docs:{description:{story:"\u6070\u597D3\u4E2A\u9879\u76EE\u65F6\uFF0C\u684C\u9762\u7AEF\u53EF\u540C\u65F6\u770B\u5230\u6240\u6709\u9879\u76EE\uFF1A\u4E2D\u95F4\u9AD8\u4EAE\u663E\u793A\uFF0C\u4E24\u4FA7\u5404\u4E00\u4E2A"}}};const S={args:{data:{title:"Custom Styled Carousel",items:[{imageUrl:t[0],mobImageUrl:e[0],title:"Product A",description:"Description A"},{imageUrl:t[1],mobImageUrl:e[1],title:"Product B",description:"Description B"},{imageUrl:t[2],mobImageUrl:e[2],title:"Product C",description:"Description C"}]},className:"bg-gradient-to-b from-gray-900 to-black py-12"}};
+"use strict";var n=Object.create;var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var a in t)i(e,a,{get:t[a],enumerable:!0})},c=(e,t,a,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of p(t))!b.call(e,o)&&o!==a&&i(e,o,{get:()=>t[o],enumerable:!(r=d(t,o))||r.enumerable});return e};var u=(e,t,a)=>(a=e!=null?n(m(e)):{},c(t||!e||!e.__esModule?i(a,"default",{value:e,enumerable:!0}):a,e)),f=e=>c(i({},"__esModule",{value:!0}),e);var L={};h(L,{CustomTitle:()=>w,Default:()=>y,SingleItem:()=>v,TwoItems:()=>T,WithCustomClass:()=>U,WithoutMobileImages:()=>x,default:()=>g});module.exports=f(L);var k=require("react"),l=u(require("../biz-components/ThreeDCarousel/index.js"));const _={title:"Biz Components/ThreeDCarousel",component:l.default,parameters:{layout:"fullscreen",docs:{description:{component:`
+3D \u8F6E\u64AD\u7EC4\u4EF6\uFF0C\u652F\u6301\u684C\u9762\u7AEF 3D \u89C6\u89C9\u6548\u679C\u548C\u79FB\u52A8\u7AEF\u6ED1\u52A8\u5C55\u793A\u3002\u9002\u7528\u4E8E\u4EA7\u54C1\u5C55\u793A\u3001\u56FE\u7247\u753B\u5ECA\u7B49\u573A\u666F\u3002
+
+## \u529F\u80FD\u7279\u6027
+
+- **\u684C\u9762\u7AEF 3D \u6548\u679C**\uFF1A\u4F7F\u7528 Swiper Coverflow \u6548\u679C\uFF0C\u63D0\u4F9B\u6C89\u6D78\u5F0F 3D \u89C6\u89C9\u4F53\u9A8C
+- **\u54CD\u5E94\u5F0F\u8BBE\u8BA1**\uFF1A\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u4F7F\u7528\u4E0D\u540C\u7684\u5E03\u5C40\u548C\u4EA4\u4E92\u65B9\u5F0F
+- **\u5FAA\u73AF\u64AD\u653E**\uFF1A\u652F\u6301\u65E0\u9650\u5FAA\u73AF\u6ED1\u52A8
+- **\u54CD\u5E94\u5F0F\u65AD\u70B9**\uFF1A\u6839\u636E\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u81EA\u52A8\u8C03\u6574 3D \u6548\u679C\u53C2\u6570
+- **\u56FE\u7247\u81EA\u9002\u5E94**\uFF1A\u652F\u6301\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u72EC\u7ACB\u56FE\u7247\u8D44\u6E90
+
+## \u53EF\u7528\u7684\u8BED\u4E49\u5316 CSS \u7C7B\u540D
+
+\u7EC4\u4EF6\u4F7F\u7528 BEM \u547D\u540D\u89C4\u8303\uFF0C\u63D0\u4F9B\u5B8C\u6574\u7684\u8BED\u4E49\u5316\u7C7B\u540D\u65B9\u4FBF\u6837\u5F0F\u5B9A\u5236\uFF1A
+
+### \u6839\u5BB9\u5668
+- \`.three-d-carousel\` - \u7EC4\u4EF6\u6839\u5143\u7D20
+- \`.three-d-carousel__title\` - \u6807\u9898\u5143\u7D20
+
+### \u684C\u9762\u7AEF\u5E03\u5C40
+- \`.three-d-carousel__desktop\` - \u684C\u9762\u7AEF\u5BB9\u5668
+- \`.three-d-carousel__swiper\` - Swiper \u5B9E\u4F8B
+- \`.three-d-carousel__slide\` - \u5355\u4E2A\u6ED1\u5757
+- \`.three-d-carousel__image\` - \u56FE\u7247\u5143\u7D20
+- \`.three-d-carousel__nav-controls\` - \u5BFC\u822A\u63A7\u5236\u5BB9\u5668
+- \`.three-d-carousel__nav-button\` - \u5BFC\u822A\u6309\u94AE
+- \`.three-d-carousel__nav-button--prev\` - \u4E0A\u4E00\u5F20\u6309\u94AE
+- \`.three-d-carousel__nav-button--next\` - \u4E0B\u4E00\u5F20\u6309\u94AE
+- \`.three-d-carousel__nav-icon\` - \u5BFC\u822A\u56FE\u6807
+
+### \u79FB\u52A8\u7AEF\u5E03\u5C40
+- \`.three-d-carousel__mobile\` - \u79FB\u52A8\u7AEF\u5BB9\u5668
+- \`.three-d-carousel__swiper-mobile\` - \u79FB\u52A8\u7AEF Swiper \u5B9E\u4F8B
+- \`.three-d-carousel__slide-mobile\` - \u79FB\u52A8\u7AEF\u6ED1\u5757
+- \`.three-d-carousel__image-mobile\` - \u79FB\u52A8\u7AEF\u56FE\u7247
+
+### \u81EA\u5B9A\u4E49\u6837\u5F0F\u793A\u4F8B
+
+\`\`\`css
+/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u6837\u5F0F */
+.three-d-carousel__nav-button {
+  opacity: 0.8;
+  transition: opacity 0.3s ease;
+}
+
+.three-d-carousel__nav-button:hover {
+  opacity: 1;
+}
+
+/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */
+.three-d-carousel__title {
+  font-size: 3rem;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+/* \u81EA\u5B9A\u4E49\u56FE\u7247\u5706\u89D2 */
+.three-d-carousel__image,
+.three-d-carousel__image-mobile {
+  border-radius: 24px;
+}
+
+/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u56FE\u6807\u989C\u8272 */
+.three-d-carousel__nav-icon {
+  color: #667eea;
+}
+
+.three-d-carousel__nav-icon:hover {
+  color: #764ba2;
+}
+\`\`\`
+        `}}},tags:["autodocs"]};var g=_;const s={title:"Conquer Every Mess",items:[{imageUrl:{id:3064,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718",filename:"pc-c1.png",mimeType:"image/png",width:1648,height:960},mobImageUrl:{id:3065,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762",url:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762",thumbnailURL:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762",filename:"mob-c1.png",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{id:3068,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924",filename:"pc-c2.png",mimeType:"image/png",width:1648,height:960},mobImageUrl:{id:3069,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954",filename:"mob-c2.png",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{id:3070,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983",filename:"pc-c3.png",mimeType:"image/png",width:1648,height:960},mobImageUrl:{id:3071,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000",filename:"mob-c3.png",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{id:3072,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037",filename:"pc-c4.png",mimeType:"image/png",width:1648,height:960},mobImageUrl:{id:3073,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058",filename:"mob-c4.png",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null}]},y={args:{data:s},parameters:{docs:{description:{story:"\u9ED8\u8BA4\u573A\u666F\uFF0C\u5C55\u793A\u4E09\u4E2A\u6E05\u6D01\u573A\u666F\u7684 3D \u8F6E\u64AD\u6548\u679C\u3002\u684C\u9762\u7AEF\u652F\u6301\u70B9\u51FB\u5BFC\u822A\u6309\u94AE\u6216\u70B9\u51FB\u5E7B\u706F\u7247\u5207\u6362\uFF0C\u79FB\u52A8\u7AEF\u652F\u6301\u6ED1\u52A8\u5207\u6362\u3002"}}}},v={args:{data:{...s,items:[s.items[0]]}},parameters:{docs:{description:{story:"\u53EA\u6709\u4E00\u4E2A\u9879\u76EE\u7684\u60C5\u51B5\u3002\u4ECD\u7136\u53EF\u4EE5\u5FAA\u73AF\u6D4F\u89C8\u3002"}}}},T={args:{data:{...s,items:s.items.slice(0,2)}},parameters:{docs:{description:{story:"\u4E24\u4E2A\u9879\u76EE\u7684\u573A\u666F\uFF0C3D \u6548\u679C\u4F9D\u7136\u751F\u6548\u3002"}}}},x={args:{data:{...s,items:s.items.map(({mobImageUrl:e,...t})=>({...t,mobImageUrl:null}))}},parameters:{docs:{description:{story:"\u6CA1\u6709\u63D0\u4F9B\u79FB\u52A8\u7AEF\u4E13\u7528\u56FE\u7247\uFF0C\u5C06\u81EA\u52A8\u4F7F\u7528\u684C\u9762\u7AEF\u56FE\u7247\u8D44\u6E90\u3002"}}}},U={args:{data:s,className:"bg-gradient-to-b from-gray-900 to-black py-20"},parameters:{docs:{description:{story:`
+\u901A\u8FC7 className \u5C5E\u6027\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u5916\u89C2\u3002\u8BE5\u793A\u4F8B\u6DFB\u52A0\u4E86\u6E10\u53D8\u80CC\u666F\u548C\u5185\u8FB9\u8DDD\u3002
+
+**\u53EF\u7528\u7684\u8BED\u4E49\u5316 CSS \u7C7B\u540D\uFF1A**
+
+\`\`\`css
+/* \u6839\u5BB9\u5668 */
+.three-d-carousel { }
+.three-d-carousel__title { }
+
+/* \u684C\u9762\u7AEF\u5E03\u5C40 */
+.three-d-carousel__desktop { }
+.three-d-carousel__swiper { }
+.three-d-carousel__slide { }
+.three-d-carousel__image { }
+.three-d-carousel__nav-controls { }
+.three-d-carousel__nav-button { }
+.three-d-carousel__nav-button--prev { }
+.three-d-carousel__nav-button--next { }
+.three-d-carousel__nav-icon { }
+
+/* \u79FB\u52A8\u7AEF\u5E03\u5C40 */
+.three-d-carousel__mobile { }
+.three-d-carousel__swiper-mobile { }
+.three-d-carousel__slide-mobile { }
+.three-d-carousel__image-mobile { }
+\`\`\`
+
+**\u4F7F\u7528\u793A\u4F8B\uFF1A**
+
+\`\`\`css
+/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u6837\u5F0F */
+.three-d-carousel__nav-button {
+  opacity: 0.8;
+  transition: opacity 0.3s ease;
+}
+
+.three-d-carousel__nav-button:hover {
+  opacity: 1;
+}
+
+/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */
+.three-d-carousel__title {
+  font-size: 3rem;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+/* \u81EA\u5B9A\u4E49\u56FE\u7247\u5706\u89D2 */
+.three-d-carousel__image,
+.three-d-carousel__image-mobile {
+  border-radius: 24px;
+}
+\`\`\`
+        `}}}},w={args:{data:{...s,title:'Experience <span class="text-blue-400">Revolutionary</span> Cleaning'}},parameters:{docs:{description:{story:"\u4F7F\u7528 HTML \u6807\u7B7E\u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F\u3002\u6807\u9898\u652F\u6301 HTML \u5185\u5BB9\uFF0C\u53EF\u4EE5\u6DFB\u52A0\u6837\u5F0F\u548C\u683C\u5F0F\u3002"}}}};
 //# sourceMappingURL=ThreeDCarousel.stories.js.map