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

package/dist/esm/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": "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",
+  "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": "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",
   "names": ["default", "MarqueeItem", "MarqueeImageContent", "MarqueeTextContent", "IPC_SEARCH_PAGE", "SearchPageTabType", "withLayout", "PAYLOAD_COMPONENT_MAP"]
 }

package/dist/esm/stories/MediaSceneSwitcher.stories.js

@@ -0,0 +1,2 @@
+import{jsx as t}from"react/jsx-runtime";import c from"../biz-components/MediaSceneSwitcher/index.js";const s={title:"Biz-Components/MediaSceneSwitcher",component:c,parameters:{layout:"fullscreen",docs:{description:{component:"Media Scene Switcher component - A versatile component for switching between multiple media scenes with auto-play functionality"}}},decorators:[i=>t("div",{style:{paddingTop:"2em",background:"#000",minHeight:"100vh"},children:t(i,{})})],tags:["autodocs"]};var l=s;const e={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}]},d={args:{data:e}},o={args:{data:{...e,items:e.items.map(i=>({...i,tag:void 0}))}}},m={args:{data:{...e,items:e.items.map(i=>({...i,videoUrl:null}))}}},n={args:{data:{...e,items:e.items.slice(0,2)}}};export{d as Default,m as ImageOnly,n as TwoItems,o as WithoutTags,l as default};
+//# sourceMappingURL=MediaSceneSwitcher.stories.js.map

package/dist/esm/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": "AAiBQ,cAAAA,MAAA,oBAhBR,OAAOC,MAAwB,gDAE/B,MAAMC,EAAO,CACX,MAAO,oCACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,iIACb,CACF,CACF,EACA,WAAY,CACVE,GACEH,EAAC,OAAI,MAAO,CAAE,WAAY,MAAO,WAAY,OAAQ,UAAW,OAAQ,EACtE,SAAAA,EAACG,EAAA,EAAM,EACT,CAEJ,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOC,EAAQF,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,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAMD,CACR,CACF,EAEaE,EAAqB,CAChC,KAAM,CACJ,KAAM,CACJ,GAAGF,EACH,MAAOA,EAAS,MAAM,IAAIG,IAAS,CACjC,GAAGA,EACH,IAAK,MACP,EAAE,CACJ,CACF,CACF,EAEaC,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGJ,EACH,MAAOA,EAAS,MAAM,IAAIG,IAAS,CACjC,GAAGA,EACH,SAAU,IACZ,EAAE,CACJ,CACF,CACF,EAEaE,EAAkB,CAC7B,KAAM,CACJ,KAAM,CACJ,GAAGL,EACH,MAAOA,EAAS,MAAM,MAAM,EAAG,CAAC,CAClC,CACF,CACF",
+  "names": ["jsx", "MediaSceneSwitcher", "meta", "Story", "MediaSceneSwitcher_stories_default", "mockData", "Default", "WithoutTags", "item", "ImageOnly", "TwoItems"]
+}

package/dist/esm/stories/ThreeDCarousel.stories.js

@@ -1,2 +1,129 @@
-import o from"../biz-components/ThreeDCarousel/index.js";import"react";const r={title:"Biz-Components/ThreeDCarousel",component:o,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=r;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"],i={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"}]}}};i.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"}]}}},g={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]}]}}},a={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"}]}}};a.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 n={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"}};export{n as CustomClassName,i as Default,a as ThreeItems,g as WithoutItemTitles,c as WithoutTitle,p as default};
+import"react";import s from"../biz-components/ThreeDCarousel/index.js";const a={title:"Biz Components/ThreeDCarousel",component:s,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 l=a;const e={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}]},n={args:{data:e},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"}}}},d={args:{data:{...e,items:[e.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"}}}},p={args:{data:{...e,items:e.items.slice(0,2)}},parameters:{docs:{description:{story:"\u4E24\u4E2A\u9879\u76EE\u7684\u573A\u666F\uFF0C3D \u6548\u679C\u4F9D\u7136\u751F\u6548\u3002"}}}},m={args:{data:{...e,items:e.items.map(({mobImageUrl:o,...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"}}}},b={args:{data:e,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;
+}
+\`\`\`
+        `}}}},h={args:{data:{...e,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"}}}};export{h as CustomTitle,n as Default,d as SingleItem,p as TwoItems,b as WithCustomClass,m as WithoutMobileImages,l as default};
 //# sourceMappingURL=ThreeDCarousel.stories.js.map

package/dist/esm/stories/ThreeDCarousel.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/ThreeDCarousel.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport ThreeDCarousel from '../biz-components/ThreeDCarousel/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Biz-Components/ThreeDCarousel',\n  component: ThreeDCarousel,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u8F6E\u64AD\u6570\u636E\uFF0C\u5305\u542B\u6807\u9898\u548C\u9879\u76EE\u5217\u8868',\n      control: {\n        type: 'object',\n      },\n    },\n    className: {\n      description: '\u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D',\n      control: {\n        type: 'text',\n      },\n    },\n  },\n} satisfies Meta<typeof ThreeDCarousel>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst sampleImages = [\n  'https://images.unsplash.com/photo-1682687220742-aba13b6e50ba?w=824&h=480&fit=crop',\n  'https://images.unsplash.com/photo-1682687221038-404cb8830901?w=824&h=480&fit=crop',\n  'https://images.unsplash.com/photo-1682687220063-4742bd7fd538?w=824&h=480&fit=crop',\n  'https://images.unsplash.com/photo-1682687220199-d0124f48f95b?w=824&h=480&fit=crop',\n  'https://images.unsplash.com/photo-1682687220945-922d7c4f3f3d?w=824&h=480&fit=crop',\n]\n\nconst sampleMobileImages = [\n  'https://images.unsplash.com/photo-1682687220742-aba13b6e50ba?w=296&h=360&fit=crop',\n  'https://images.unsplash.com/photo-1682687221038-404cb8830901?w=296&h=360&fit=crop',\n  'https://images.unsplash.com/photo-1682687220063-4742bd7fd538?w=296&h=360&fit=crop',\n  'https://images.unsplash.com/photo-1682687220199-d0124f48f95b?w=296&h=360&fit=crop',\n  'https://images.unsplash.com/photo-1682687220945-922d7c4f3f3d?w=296&h=360&fit=crop',\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'Featured Products',\n      items: [\n        {\n          imageUrl: sampleImages[0],\n          mobImageUrl: sampleMobileImages[0],\n          title: 'Product 1',\n          description: 'Amazing features and design',\n        },\n        {\n          imageUrl: sampleImages[1],\n          mobImageUrl: sampleMobileImages[1],\n          title: 'Product 2',\n          description: 'Innovative technology',\n        },\n        {\n          imageUrl: sampleImages[2],\n          mobImageUrl: sampleMobileImages[2],\n          title: 'Product 3',\n          description: 'Premium quality',\n        },\n        {\n          imageUrl: sampleImages[3],\n          mobImageUrl: sampleMobileImages[3],\n          title: 'Product 4',\n          description: 'Enhanced performance',\n        },\n        {\n          imageUrl: sampleImages[4],\n          mobImageUrl: sampleMobileImages[4],\n          title: 'Product 5',\n          description: 'Superior experience',\n        },\n      ],\n    },\n  },\n}\nDefault.parameters = {\n  docs: {\n    description: {\n      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',\n    },\n  },\n}\n\nexport const WithoutTitle: Story = {\n  args: {\n    data: {\n      items: [\n        {\n          imageUrl: sampleImages[0],\n          mobImageUrl: sampleMobileImages[0],\n          title: 'Product 1',\n          description: 'Amazing features and design',\n        },\n        {\n          imageUrl: sampleImages[1],\n          mobImageUrl: sampleMobileImages[1],\n          title: 'Product 2',\n          description: 'Innovative technology',\n        },\n        {\n          imageUrl: sampleImages[2],\n          mobImageUrl: sampleMobileImages[2],\n          title: 'Product 3',\n          description: 'Premium quality',\n        },\n      ],\n    },\n  },\n}\n\nexport const WithoutItemTitles: Story = {\n  args: {\n    data: {\n      title: 'Image Gallery',\n      items: [\n        {\n          imageUrl: sampleImages[0],\n          mobImageUrl: sampleMobileImages[0],\n        },\n        {\n          imageUrl: sampleImages[1],\n          mobImageUrl: sampleMobileImages[1],\n        },\n        {\n          imageUrl: sampleImages[2],\n          mobImageUrl: sampleMobileImages[2],\n        },\n        {\n          imageUrl: sampleImages[3],\n          mobImageUrl: sampleMobileImages[3],\n        },\n      ],\n    },\n  },\n}\n\nexport const ThreeItems: Story = {\n  args: {\n    data: {\n      title: '3 Items (All Visible)',\n      items: [\n        {\n          imageUrl: sampleImages[0],\n          mobImageUrl: sampleMobileImages[0],\n          title: 'Item 1',\n          description: 'Left side item',\n        },\n        {\n          imageUrl: sampleImages[1],\n          mobImageUrl: sampleMobileImages[1],\n          title: 'Item 2',\n          description: 'Center highlighted',\n        },\n        {\n          imageUrl: sampleImages[2],\n          mobImageUrl: sampleMobileImages[2],\n          title: 'Item 3',\n          description: 'Right side item',\n        },\n      ],\n    },\n  },\n}\nThreeItems.parameters = {\n  docs: {\n    description: {\n      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',\n    },\n  },\n}\n\nexport const CustomClassName: Story = {\n  args: {\n    data: {\n      title: 'Custom Styled Carousel',\n      items: [\n        {\n          imageUrl: sampleImages[0],\n          mobImageUrl: sampleMobileImages[0],\n          title: 'Product A',\n          description: 'Description A',\n        },\n        {\n          imageUrl: sampleImages[1],\n          mobImageUrl: sampleMobileImages[1],\n          title: 'Product B',\n          description: 'Description B',\n        },\n        {\n          imageUrl: sampleImages[2],\n          mobImageUrl: sampleMobileImages[2],\n          title: 'Product C',\n          description: 'Description C',\n        },\n      ],\n    },\n    className: 'bg-gradient-to-b from-gray-900 to-black py-12',\n  },\n}\n"],
-  "mappings": "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",
-  "names": ["ThreeDCarousel", "meta", "ThreeDCarousel_stories_default", "sampleImages", "sampleMobileImages", "Default", "WithoutTitle", "WithoutItemTitles", "ThreeItems", "CustomClassName"]
+  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport ThreeDCarousel from '../biz-components/ThreeDCarousel/index.js'\nimport type { ThreeDCarouselProps } from '../biz-components/ThreeDCarousel/types.js'\n\nconst meta = {\n  title: 'Biz Components/ThreeDCarousel',\n  component: ThreeDCarousel,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\n3D \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\n\n## \u529F\u80FD\u7279\u6027\n\n- **\u684C\u9762\u7AEF 3D \u6548\u679C**\uFF1A\u4F7F\u7528 Swiper Coverflow \u6548\u679C\uFF0C\u63D0\u4F9B\u6C89\u6D78\u5F0F 3D \u89C6\u89C9\u4F53\u9A8C\n- **\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\n- **\u5FAA\u73AF\u64AD\u653E**\uFF1A\u652F\u6301\u65E0\u9650\u5FAA\u73AF\u6ED1\u52A8\n- **\u54CD\u5E94\u5F0F\u65AD\u70B9**\uFF1A\u6839\u636E\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u81EA\u52A8\u8C03\u6574 3D \u6548\u679C\u53C2\u6570\n- **\u56FE\u7247\u81EA\u9002\u5E94**\uFF1A\u652F\u6301\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u72EC\u7ACB\u56FE\u7247\u8D44\u6E90\n\n## \u53EF\u7528\u7684\u8BED\u4E49\u5316 CSS \u7C7B\u540D\n\n\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\n\n### \u6839\u5BB9\u5668\n- \\`.three-d-carousel\\` - \u7EC4\u4EF6\u6839\u5143\u7D20\n- \\`.three-d-carousel__title\\` - \u6807\u9898\u5143\u7D20\n\n### \u684C\u9762\u7AEF\u5E03\u5C40\n- \\`.three-d-carousel__desktop\\` - \u684C\u9762\u7AEF\u5BB9\u5668\n- \\`.three-d-carousel__swiper\\` - Swiper \u5B9E\u4F8B\n- \\`.three-d-carousel__slide\\` - \u5355\u4E2A\u6ED1\u5757\n- \\`.three-d-carousel__image\\` - \u56FE\u7247\u5143\u7D20\n- \\`.three-d-carousel__nav-controls\\` - \u5BFC\u822A\u63A7\u5236\u5BB9\u5668\n- \\`.three-d-carousel__nav-button\\` - \u5BFC\u822A\u6309\u94AE\n- \\`.three-d-carousel__nav-button--prev\\` - \u4E0A\u4E00\u5F20\u6309\u94AE\n- \\`.three-d-carousel__nav-button--next\\` - \u4E0B\u4E00\u5F20\u6309\u94AE\n- \\`.three-d-carousel__nav-icon\\` - \u5BFC\u822A\u56FE\u6807\n\n### \u79FB\u52A8\u7AEF\u5E03\u5C40\n- \\`.three-d-carousel__mobile\\` - \u79FB\u52A8\u7AEF\u5BB9\u5668\n- \\`.three-d-carousel__swiper-mobile\\` - \u79FB\u52A8\u7AEF Swiper \u5B9E\u4F8B\n- \\`.three-d-carousel__slide-mobile\\` - \u79FB\u52A8\u7AEF\u6ED1\u5757\n- \\`.three-d-carousel__image-mobile\\` - \u79FB\u52A8\u7AEF\u56FE\u7247\n\n### \u81EA\u5B9A\u4E49\u6837\u5F0F\u793A\u4F8B\n\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u6837\u5F0F */\n.three-d-carousel__nav-button {\n  opacity: 0.8;\n  transition: opacity 0.3s ease;\n}\n\n.three-d-carousel__nav-button:hover {\n  opacity: 1;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */\n.three-d-carousel__title {\n  font-size: 3rem;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n/* \u81EA\u5B9A\u4E49\u56FE\u7247\u5706\u89D2 */\n.three-d-carousel__image,\n.three-d-carousel__image-mobile {\n  border-radius: 24px;\n}\n\n/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u56FE\u6807\u989C\u8272 */\n.three-d-carousel__nav-icon {\n  color: #667eea;\n}\n\n.three-d-carousel__nav-icon:hover {\n  color: #764ba2;\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ThreeDCarousel>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: ThreeDCarouselProps['data'] = {\n  title: 'Conquer Every Mess',\n  items: [\n    {\n      imageUrl: {\n        id: 3064,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718',\n        filename: 'pc-c1.png',\n        mimeType: 'image/png',\n        width: 1648,\n        height: 960,\n      },\n      mobImageUrl: {\n        id: 3065,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762',\n        url: 'https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762',\n        filename: 'mob-c1.png',\n        mimeType: 'image/png',\n        width: 592,\n        height: 720,\n      },\n      title: 'Text/Heading/h3',\n      description: 'Text/Body/t1',\n      buttonText: 'Learn More',\n      buttonLink: null,\n    },\n    {\n      imageUrl: {\n        id: 3068,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924',\n        filename: 'pc-c2.png',\n        mimeType: 'image/png',\n        width: 1648,\n        height: 960,\n      },\n      mobImageUrl: {\n        id: 3069,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954',\n        filename: 'mob-c2.png',\n        mimeType: 'image/png',\n        width: 592,\n        height: 720,\n      },\n      title: 'Text/Heading/h3',\n      description: 'Text/Body/t1',\n      buttonText: 'Learn More',\n      buttonLink: null,\n    },\n    {\n      imageUrl: {\n        id: 3070,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983',\n        filename: 'pc-c3.png',\n        mimeType: 'image/png',\n        width: 1648,\n        height: 960,\n      },\n      mobImageUrl: {\n        id: 3071,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000',\n        filename: 'mob-c3.png',\n        mimeType: 'image/png',\n        width: 592,\n        height: 720,\n      },\n      title: 'Text/Heading/h3',\n      description: 'Text/Body/t1',\n      buttonText: 'Learn More',\n      buttonLink: null,\n    },\n    {\n      imageUrl: {\n        id: 3072,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037',\n        filename: 'pc-c4.png',\n        mimeType: 'image/png',\n        width: 1648,\n        height: 960,\n      },\n      mobImageUrl: {\n        id: 3073,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058',\n        filename: 'mob-c4.png',\n        mimeType: 'image/png',\n        width: 592,\n        height: 720,\n      },\n      title: 'Text/Heading/h3',\n      description: 'Text/Body/t1',\n      buttonText: 'Learn More',\n      buttonLink: null,\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const SingleItem: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: [defaultData.items[0]],\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u53EA\u6709\u4E00\u4E2A\u9879\u76EE\u7684\u60C5\u51B5\u3002\u4ECD\u7136\u53EF\u4EE5\u5FAA\u73AF\u6D4F\u89C8\u3002',\n      },\n    },\n  },\n}\n\nexport const TwoItems: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.slice(0, 2),\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u4E24\u4E2A\u9879\u76EE\u7684\u573A\u666F\uFF0C3D \u6548\u679C\u4F9D\u7136\u751F\u6548\u3002',\n      },\n    },\n  },\n}\n\nexport const WithoutMobileImages: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.map(({ mobImageUrl, ...item }) => ({\n        ...item,\n        mobImageUrl: null,\n      })),\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const WithCustomClass: Story = {\n  args: {\n    data: defaultData,\n    className: 'bg-gradient-to-b from-gray-900 to-black py-20',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\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\n\n**\u53EF\u7528\u7684\u8BED\u4E49\u5316 CSS \u7C7B\u540D\uFF1A**\n\n\\`\\`\\`css\n/* \u6839\u5BB9\u5668 */\n.three-d-carousel { }\n.three-d-carousel__title { }\n\n/* \u684C\u9762\u7AEF\u5E03\u5C40 */\n.three-d-carousel__desktop { }\n.three-d-carousel__swiper { }\n.three-d-carousel__slide { }\n.three-d-carousel__image { }\n.three-d-carousel__nav-controls { }\n.three-d-carousel__nav-button { }\n.three-d-carousel__nav-button--prev { }\n.three-d-carousel__nav-button--next { }\n.three-d-carousel__nav-icon { }\n\n/* \u79FB\u52A8\u7AEF\u5E03\u5C40 */\n.three-d-carousel__mobile { }\n.three-d-carousel__swiper-mobile { }\n.three-d-carousel__slide-mobile { }\n.three-d-carousel__image-mobile { }\n\\`\\`\\`\n\n**\u4F7F\u7528\u793A\u4F8B\uFF1A**\n\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u6837\u5F0F */\n.three-d-carousel__nav-button {\n  opacity: 0.8;\n  transition: opacity 0.3s ease;\n}\n\n.three-d-carousel__nav-button:hover {\n  opacity: 1;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */\n.three-d-carousel__title {\n  font-size: 3rem;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n/* \u81EA\u5B9A\u4E49\u56FE\u7247\u5706\u89D2 */\n.three-d-carousel__image,\n.three-d-carousel__image-mobile {\n  border-radius: 24px;\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n\nexport const CustomTitle: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      title: 'Experience <span class=\"text-blue-400\">Revolutionary</span> Cleaning',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n"],
+  "mappings": "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",
+  "names": ["ThreeDCarousel", "meta", "ThreeDCarousel_stories_default", "defaultData", "Default", "SingleItem", "TwoItems", "WithoutMobileImages", "mobImageUrl", "item", "WithCustomClass", "CustomTitle"]
 }

package/dist/esm/stories/ksp.stories.js

@@ -1,4 +1,4 @@
-import o from"../biz-components/Ksp/index.js";const e={title:"Biz-Components/Ksp",component:o,parameters:{layout:"fullscreen",docs:{description:{component:`
+import t from"../biz-components/Ksp/index.js";const a={title:"Biz-Components/Ksp",component:t,parameters:{layout:"fullscreen",docs:{description:{component:`
 # Ksp \u5173\u952E\u5356\u70B9\u7EC4\u4EF6
 
 \u5C55\u793A\u4EA7\u54C1\u7684\u5173\u952E\u5356\u70B9\uFF08Key Selling Points\uFF09\uFF0C\u652F\u6301\u56FE\u7247\u548C\u89C6\u9891\uFF0C\u5177\u6709\u590D\u6742\u7684\u54CD\u5E94\u5F0F\u5E03\u5C40\u3002
@@ -78,7 +78,7 @@ import o from"../biz-components/Ksp/index.js";const e={title:"Biz-Components/Ksp
 \`\`\`
 
 \u{1F4A1} \u67E5\u770B **CustomStyle** story \u4E86\u89E3\u5B8C\u6574\u793A\u4F8B
-        `}}},tags:["autodocs"],argTypes:{data:{description:"KSP \u6570\u636E\uFF0C\u5305\u542B title \u548C items\uFF08\u9700\u8981 7 \u4E2A\u9879\uFF09",control:{type:"object"}},className:{description:"\u81EA\u5B9A\u4E49\u7C7B\u540D\uFF0C\u53EF\u914D\u5408\u4EE5\u4E0B\u56FA\u5B9A class name \u4F7F\u7528 CSS \u81EA\u5B9A\u4E49\u6837\u5F0F\uFF1A\n      \n**\u5E03\u5C40\u76F8\u5173\uFF1A**\n- `.ksp-container` - \u4E3B\u5BB9\u5668\n- `.ksp-desktop-layout` - \u684C\u9762\u7AEF\u5E03\u5C40\u5BB9\u5668\n- `.ksp-mobile-layout` - \u624B\u673A\u7AEF\u5E03\u5C40\u5BB9\u5668\n- `.ksp-row` - \u884C\u5BB9\u5668\n- `.ksp-row-1/2/3` - \u684C\u9762\u7AEF\u5404\u884C\n- `.ksp-row-mobile-1/2` - \u624B\u673A\u7AEF\u5404\u884C\n\n**\u5361\u7247\u76F8\u5173\uFF1A**\n- `.ksp-card` - \u5361\u7247\u5BB9\u5668\n- `.ksp-card-image` - \u5361\u7247\u56FE\u7247\n- `.ksp-card-video` - \u5361\u7247\u89C6\u9891\n- `.ksp-card-video-desktop` - \u684C\u9762\u7AEF\u89C6\u9891\n- `.ksp-card-video-mobile` - \u79FB\u52A8\u7AEF\u89C6\u9891\n- `.ksp-card-content` - \u5361\u7247\u6587\u5B57\u8986\u76D6\u5C42\n- `.ksp-card-title` - \u5361\u7247\u6807\u9898\n- `.ksp-card-desc` - \u5361\u7247\u63CF\u8FF0\n\n**\u6587\u672C\u76F8\u5173\uFF1A**\n- `.ksp-title` - \u4E3B\u6807\u9898",control:{type:"text"}}}};var a=e;const t={title:"Why Choose Our Product",items:[{title:"Improved Cleaning Efficiency",desc:"HydroJet\u2122 Floor Washing System",imageUrl:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80",mobImageUrl:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80"},{title:"100% Cleaning Coverage",desc:"Edge-Cleaning CornerRover\u2122 Arm",imageUrl:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80",mobImageUrl:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80"},{title:"All You Need, All-in-One",desc:"Complete Cleaning Solution",imageUrl:"https://images.unsplash.com/photo-1556911220-bff31c812dba?w=1200&h=800&fit=crop&q=80",mobImageUrl:"https://images.unsplash.com/photo-1556911220-bff31c812dba?w=600&h=800&fit=crop&q=80"},{title:"Less Maintenance",desc:"DuoSpiral\u2122 Detangle Brushes",imageUrl:"https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=1200&h=800&fit=crop&q=80",mobImageUrl:"https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=600&h=800&fit=crop&q=80"},{title:"Cleaning Power Upgrade",desc:"20,000 Pa Turbo Suction",imageUrl:"https://images.unsplash.com/photo-1558002038-1055907df827?w=1200&h=800&fit=crop&q=80",mobImageUrl:"https://images.unsplash.com/photo-1558002038-1055907df827?w=600&h=800&fit=crop&q=80"},{title:"Intelligent Cleaning",desc:"Smart App Control & Scheduling",imageUrl:"https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=1200&h=800&fit=crop&q=80",mobImageUrl:"https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=600&h=800&fit=crop&q=80"},{title:"AI.See\u2122 Obstacle Avoidance",desc:"Advanced Object Recognition",imageUrl:"https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=1200&h=800&fit=crop&q=80",mobImageUrl:"https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=600&h=800&fit=crop&q=80"}]},p={args:{data:t}},c={args:{data:{title:"\u4E3A\u4EC0\u4E48\u9009\u62E9\u6211\u4EEC\u7684\u4EA7\u54C1",items:[{title:"\u6E05\u6D01\u6548\u7387\u5927\u5E45\u63D0\u5347",desc:"HydroJet\u2122 \u5730\u677F\u6E05\u6D01\u7CFB\u7EDF",imageUrl:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80",mobImageUrl:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80"},{title:"100% \u6E05\u6D01\u8986\u76D6",desc:"CornerRover\u2122 \u8FB9\u89D2\u6E05\u6D01\u81C2",imageUrl:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80",mobImageUrl:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80"},{title:"\u4E00\u673A\u591A\u7528\uFF0C\u5168\u80FD\u6E05\u6D01",desc:"\u5B8C\u6574\u7684\u6E05\u6D01\u89E3\u51B3\u65B9\u6848",imageUrl:"https://images.unsplash.com/photo-1556911220-bff31c812dba?w=1200&h=800&fit=crop&q=80",mobImageUrl:"https://images.unsplash.com/photo-1556911220-bff31c812dba?w=600&h=800&fit=crop&q=80"},{title:"\u66F4\u5C11\u7EF4\u62A4",desc:"DuoSpiral\u2122 \u9632\u7F20\u7ED5\u5237\u5934",imageUrl:"https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=1200&h=800&fit=crop&q=80",mobImageUrl:"https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=600&h=800&fit=crop&q=80"},{title:"\u6E05\u6D01\u80FD\u529B\u5347\u7EA7",desc:"20,000 Pa \u5F3A\u529B\u5438\u5C18",imageUrl:"https://images.unsplash.com/photo-1558002038-1055907df827?w=1200&h=800&fit=crop&q=80",mobImageUrl:"https://images.unsplash.com/photo-1558002038-1055907df827?w=600&h=800&fit=crop&q=80"},{title:"\u667A\u80FD\u6E05\u6D01",desc:"APP \u8FDC\u7A0B\u63A7\u5236\u4E0E\u5B9A\u65F6",imageUrl:"https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=1200&h=800&fit=crop&q=80",mobImageUrl:"https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=600&h=800&fit=crop&q=80"},{title:"AI \u667A\u80FD\u907F\u969C",desc:"\u5148\u8FDB\u7684\u7269\u4F53\u8BC6\u522B\u6280\u672F",imageUrl:"https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=1200&h=800&fit=crop&q=80",mobImageUrl:"https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=600&h=800&fit=crop&q=80"}]}}},i={args:{data:{title:"Experience the Difference",items:[{title:"Powerful Performance",desc:"See it in action",videoUrl:"https://cdn.shopify.com/videos/c/o/v/763f24558ba84e098b817740384a0f38.mp4",mobVideoUrl:"https://cdn.shopify.com/videos/c/o/v/bb1e9dcefc9e433a8bdf70215c39eedc.mp4",imageUrl:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80",mobImageUrl:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80"},{title:"Smart Navigation",desc:"Advanced mapping technology",videoUrl:"https://cdn.shopify.com/videos/c/o/v/61c978092bd24ca585f8a188b77458a6.mp4",mobVideoUrl:"https://cdn.shopify.com/videos/c/o/v/bb1e9dcefc9e433a8bdf70215c39eedc.mp4",imageUrl:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80",mobImageUrl:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80"},...t.items.slice(2)]}}},r={args:{data:{items:t.items}}},m={args:{data:t,className:"py-20",style:`
+        `}}},tags:["autodocs"],argTypes:{data:{description:"KSP \u6570\u636E\uFF0C\u5305\u542B title \u548C items\uFF08\u9700\u8981 7 \u4E2A\u9879\uFF09",control:{type:"object"}},className:{description:"\u81EA\u5B9A\u4E49\u7C7B\u540D\uFF0C\u53EF\u914D\u5408\u4EE5\u4E0B\u56FA\u5B9A class name \u4F7F\u7528 CSS \u81EA\u5B9A\u4E49\u6837\u5F0F\uFF1A\n      \n**\u5E03\u5C40\u76F8\u5173\uFF1A**\n- `.ksp-container` - \u4E3B\u5BB9\u5668\n- `.ksp-desktop-layout` - \u684C\u9762\u7AEF\u5E03\u5C40\u5BB9\u5668\n- `.ksp-mobile-layout` - \u624B\u673A\u7AEF\u5E03\u5C40\u5BB9\u5668\n- `.ksp-row` - \u884C\u5BB9\u5668\n- `.ksp-row-1/2/3` - \u684C\u9762\u7AEF\u5404\u884C\n- `.ksp-row-mobile-1/2` - \u624B\u673A\u7AEF\u5404\u884C\n\n**\u5361\u7247\u76F8\u5173\uFF1A**\n- `.ksp-card` - \u5361\u7247\u5BB9\u5668\n- `.ksp-card-image` - \u5361\u7247\u56FE\u7247\n- `.ksp-card-video` - \u5361\u7247\u89C6\u9891\n- `.ksp-card-video-desktop` - \u684C\u9762\u7AEF\u89C6\u9891\n- `.ksp-card-video-mobile` - \u79FB\u52A8\u7AEF\u89C6\u9891\n- `.ksp-card-content` - \u5361\u7247\u6587\u5B57\u8986\u76D6\u5C42\n- `.ksp-card-title` - \u5361\u7247\u6807\u9898\n- `.ksp-card-desc` - \u5361\u7247\u63CF\u8FF0\n\n**\u6587\u672C\u76F8\u5173\uFF1A**\n- `.ksp-title` - \u4E3B\u6807\u9898",control:{type:"text"}}}};var p=a;const e={title:"Why Choose Our Product",items:[{title:"Improved Cleaning Efficiency",desc:"HydroJet\u2122 Floor Washing System",image:{url:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80",alt:"Improved Cleaning Efficiency",thumbnailURL:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80",mimeType:"image/jpeg"},mobImage:{url:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80",alt:"Improved Cleaning Efficiency",thumbnailURL:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80",mimeType:"image/jpeg"}},{title:"100% Cleaning Coverage",desc:"Edge-Cleaning CornerRover\u2122 Arm",image:{url:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80",alt:"100% Cleaning Coverage",thumbnailURL:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80",mimeType:"image/jpeg"},mobImage:{url:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80",alt:"100% Cleaning Coverage",thumbnailURL:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80",mimeType:"image/jpeg"}},{title:"All You Need, All-in-One",desc:"Complete Cleaning Solution",image:{url:"https://images.unsplash.com/photo-1556911220-bff31c812dba?w=1200&h=800&fit=crop&q=80",alt:"All You Need, All-in-One",thumbnailURL:"https://images.unsplash.com/photo-1556911220-bff31c812dba?w=1200&h=800&fit=crop&q=80",mimeType:"image/jpeg"},mobImage:{url:"https://images.unsplash.com/photo-1556911220-bff31c812dba?w=600&h=800&fit=crop&q=80",alt:"All You Need, All-in-One",thumbnailURL:"https://images.unsplash.com/photo-1556911220-bff31c812dba?w=600&h=800&fit=crop&q=80",mimeType:"image/jpeg"}},{title:"Less Maintenance",desc:"DuoSpiral\u2122 Detangle Brushes",image:{url:"https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=1200&h=800&fit=crop&q=80",alt:"Less Maintenance",thumbnailURL:"https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=1200&h=800&fit=crop&q=80",mimeType:"image/jpeg"},mobImage:{url:"https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=600&h=800&fit=crop&q=80",alt:"Less Maintenance",thumbnailURL:"https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=600&h=800&fit=crop&q=80",mimeType:"image/jpeg"}},{title:"Cleaning Power Upgrade",desc:"20,000 Pa Turbo Suction",image:{url:"https://images.unsplash.com/photo-1558002038-1055907df827?w=1200&h=800&fit=crop&q=80",alt:"Cleaning Power Upgrade",thumbnailURL:"https://images.unsplash.com/photo-1558002038-1055907df827?w=1200&h=800&fit=crop&q=80",mimeType:"image/jpeg"},mobImage:{url:"https://images.unsplash.com/photo-1558002038-1055907df827?w=600&h=800&fit=crop&q=80",alt:"Cleaning Power Upgrade",thumbnailURL:"https://images.unsplash.com/photo-1558002038-1055907df827?w=600&h=800&fit=crop&q=80",mimeType:"image/jpeg"}},{title:"Intelligent Cleaning",desc:"Smart App Control & Scheduling",image:{url:"https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=1200&h=800&fit=crop&q=80",alt:"Intelligent Cleaning",thumbnailURL:"https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=1200&h=800&fit=crop&q=80",mimeType:"image/jpeg"},mobImage:{url:"https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=600&h=800&fit=crop&q=80",alt:"Intelligent Cleaning",thumbnailURL:"https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=600&h=800&fit=crop&q=80",mimeType:"image/jpeg"}},{title:"AI.See\u2122 Obstacle Avoidance",desc:"Advanced Object Recognition",image:{url:"https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=1200&h=800&fit=crop&q=80",alt:"AI.See\u2122 Obstacle Avoidance",thumbnailURL:"https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=1200&h=800&fit=crop&q=80",mimeType:"image/jpeg"},mobImage:{url:"https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=600&h=800&fit=crop&q=80",alt:"AI.See\u2122 Obstacle Avoidance",thumbnailURL:"https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=600&h=800&fit=crop&q=80",mimeType:"image/jpeg"}}]},s={args:{data:e}},i={args:{data:{title:"\u4E3A\u4EC0\u4E48\u9009\u62E9\u6211\u4EEC\u7684\u4EA7\u54C1",items:[{title:"\u6E05\u6D01\u6548\u7387\u5927\u5E45\u63D0\u5347",desc:"HydroJet\u2122 \u5730\u677F\u6E05\u6D01\u7CFB\u7EDF",image:{url:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80",alt:"Improved Cleaning Efficiency",thumbnailURL:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80",mimeType:"image/jpeg"},mobImage:{url:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80",alt:"Improved Cleaning Efficiency",thumbnailURL:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80",mimeType:"image/jpeg"}},{title:"100% \u6E05\u6D01\u8986\u76D6",desc:"CornerRover\u2122 \u8FB9\u89D2\u6E05\u6D01\u81C2",image:{url:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80",alt:"100% Cleaning Coverage",thumbnailURL:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80",mimeType:"image/jpeg"},mobImage:{url:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80",alt:"100% Cleaning Coverage",thumbnailURL:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80",mimeType:"image/jpeg"}},{title:"\u4E00\u673A\u591A\u7528\uFF0C\u5168\u80FD\u6E05\u6D01",desc:"\u5B8C\u6574\u7684\u6E05\u6D01\u89E3\u51B3\u65B9\u6848",image:{url:"https://images.unsplash.com/photo-1556911220-bff31c812dba?w=1200&h=800&fit=crop&q=80",alt:"All You Need, All-in-One",thumbnailURL:"https://images.unsplash.com/photo-1556911220-bff31c812dba?w=1200&h=800&fit=crop&q=80",mimeType:"image/jpeg"},mobImage:{url:"https://images.unsplash.com/photo-1556911220-bff31c812dba?w=600&h=800&fit=crop&q=80",alt:"All You Need, All-in-One",thumbnailURL:"https://images.unsplash.com/photo-1556911220-bff31c812dba?w=600&h=800&fit=crop&q=80",mimeType:"image/jpeg"}},{title:"\u66F4\u5C11\u7EF4\u62A4",desc:"DuoSpiral\u2122 \u9632\u7F20\u7ED5\u5237\u5934",image:{url:"https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=1200&h=800&fit=crop&q=80",alt:"Less Maintenance",thumbnailURL:"https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=1200&h=800&fit=crop&q=80",mimeType:"image/jpeg"},mobImage:{url:"https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=600&h=800&fit=crop&q=80",alt:"Less Maintenance",thumbnailURL:"https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=600&h=800&fit=crop&q=80",mimeType:"image/jpeg"}},{title:"\u6E05\u6D01\u80FD\u529B\u5347\u7EA7",desc:"20,000 Pa \u5F3A\u529B\u5438\u5C18",image:{url:"https://images.unsplash.com/photo-1558002038-1055907df827?w=1200&h=800&fit=crop&q=80",alt:"Cleaning Power Upgrade",thumbnailURL:"https://images.unsplash.com/photo-1558002038-1055907df827?w=1200&h=800&fit=crop&q=80",mimeType:"image/jpeg"},mobImage:{url:"https://images.unsplash.com/photo-1558002038-1055907df827?w=600&h=800&fit=crop&q=80",alt:"Cleaning Power Upgrade",thumbnailURL:"https://images.unsplash.com/photo-1558002038-1055907df827?w=600&h=800&fit=crop&q=80",mimeType:"image/jpeg"}},{title:"\u667A\u80FD\u6E05\u6D01",desc:"APP \u8FDC\u7A0B\u63A7\u5236\u4E0E\u5B9A\u65F6",imageUrl:"https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=1200&h=800&fit=crop&q=80",mobImage:{url:"https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=600&h=800&fit=crop&q=80",alt:"Intelligent Cleaning",thumbnailURL:"https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=600&h=800&fit=crop&q=80",mimeType:"image/jpeg"}},{title:"AI \u667A\u80FD\u907F\u969C",desc:"\u5148\u8FDB\u7684\u7269\u4F53\u8BC6\u522B\u6280\u672F",image:{url:"https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=1200&h=800&fit=crop&q=80",alt:"AI \u667A\u80FD\u907F\u969C",thumbnailURL:"https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=1200&h=800&fit=crop&q=80",mimeType:"image/jpeg"},mobImage:{url:"https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=600&h=800&fit=crop&q=80",alt:"AI \u667A\u80FD\u907F\u969C",thumbnailURL:"https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=600&h=800&fit=crop&q=80",mimeType:"image/jpeg"}}]}}},m={args:{data:{title:"Experience the Difference",items:[{title:"Powerful Performance",desc:"See it in action",videoUrl:"https://cdn.shopify.com/videos/c/o/v/763f24558ba84e098b817740384a0f38.mp4",mobVideoUrl:"https://cdn.shopify.com/videos/c/o/v/bb1e9dcefc9e433a8bdf70215c39eedc.mp4",image:{url:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80",alt:"Powerful Performance",thumbnailURL:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80",mimeType:"image/jpeg"},mobImage:{url:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80",alt:"Powerful Performance",thumbnailURL:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80",mimeType:"image/jpeg"}},{title:"Smart Navigation",desc:"Advanced mapping technology",video:{url:"https://cdn.shopify.com/videos/c/o/v/61c978092bd24ca585f8a188b77458a6.mp4",alt:"Smart Navigation",thumbnailURL:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80",mimeType:"video/mp4"},mobVideo:{url:"https://cdn.shopify.com/videos/c/o/v/bb1e9dcefc9e433a8bdf70215c39eedc.mp4",alt:"Smart Navigation",thumbnailURL:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80",mimeType:"video/mp4"},image:{url:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80",alt:"Smart Navigation",thumbnailURL:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80",mimeType:"image/jpeg"},mobImage:{url:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80",alt:"Smart Navigation",thumbnailURL:"https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80",mimeType:"image/jpeg"}},...e.items.slice(2)]}}},c={args:{data:{items:e.items}}},h={args:{data:e,className:"py-20",style:`
     /* \u4E3B\u6807\u9898 - \u6E10\u53D8\u8272\u6587\u5B57\u6548\u679C */
             .ksp-title {
               background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
@@ -125,5 +125,5 @@ import o from"../biz-components/Ksp/index.js";const e={title:"Biz-Components/Ksp
             .ksp-card:hover::before {
               opacity: 1;
             }
-    `}};export{c as Chinese,m as CustomStyle,p as Default,r as NoTitle,i as WithVideo,a as default};
+    `}};export{i as Chinese,h as CustomStyle,s as Default,c as NoTitle,m as WithVideo,p as default};
 //# sourceMappingURL=ksp.stories.js.map

package/dist/esm/stories/ksp.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/ksp.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Ksp from '../biz-components/Ksp/index.js'\nimport type { KspProps } from '../biz-components/Ksp/index.js'\n\nconst meta = {\n  title: 'Biz-Components/Ksp',\n  component: Ksp,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\n# Ksp \u5173\u952E\u5356\u70B9\u7EC4\u4EF6\n\n\u5C55\u793A\u4EA7\u54C1\u7684\u5173\u952E\u5356\u70B9\uFF08Key Selling Points\uFF09\uFF0C\u652F\u6301\u56FE\u7247\u548C\u89C6\u9891\uFF0C\u5177\u6709\u590D\u6742\u7684\u54CD\u5E94\u5F0F\u5E03\u5C40\u3002\n\n## \u6838\u5FC3\u529F\u80FD\n\n- **\u56FE\u7247/\u89C6\u9891\u652F\u6301**\uFF1A\u6BCF\u4E2A\u5361\u7247\u53EF\u4EE5\u662F\u56FE\u7247\u6216\u89C6\u9891\uFF0C\u81EA\u52A8\u8BC6\u522B\u548C\u6E32\u67D3\n- **7 \u5361\u7247\u5E03\u5C40**\uFF1A\u56FA\u5B9A 7 \u4E2A\u5361\u7247\u4F4D\u7F6E\uFF0C\u5177\u6709\u4E0D\u540C\u7684\u5C3A\u5BF8\u548C\u6392\u5217\n- **\u54CD\u5E94\u5F0F\u8BBE\u8BA1**\uFF1A\u624B\u673A\u7AEF\u548C\u5E73\u677F/\u684C\u9762\u7AEF\u4F7F\u7528\u4E0D\u540C\u7684\u5E03\u5C40\u65B9\u6848\n- **\u6587\u5B57\u8986\u76D6**\uFF1A\u6807\u9898\u548C\u63CF\u8FF0\u8986\u76D6\u5728\u5A92\u4F53\u5185\u5BB9\u4E0A\n- **\u81EA\u52A8\u64AD\u653E**\uFF1A\u89C6\u9891\u81EA\u52A8\u64AD\u653E\u3001\u5FAA\u73AF\u3001\u9759\u97F3\n\n## \u5E03\u5C40\u8BF4\u660E\n\n### \u684C\u9762\u7AEF/\u5E73\u677F\u7AEF\u5E03\u5C40\uFF083 \u884C\uFF09\uFF1A\n- **\u7B2C 1 \u884C**\uFF1A\u5927\u5361\u7247(59.53%) + \u5C0F\u5361\u7247(39.30%)\n- **\u7B2C 2 \u884C**\uFF1A\u5C0F\u5361\u7247(29.19%) + \u4E2D\u5361\u7247(39.30%) + \u5C0F\u5361\u7247(29.19%)\n- **\u7B2C 3 \u884C**\uFF1A\u5C0F\u5361\u7247(39.30%) + \u5927\u5361\u7247(59.53%)\n\n### \u624B\u673A\u7AEF\u5E03\u5C40\uFF085 \u884C\uFF09\uFF1A\n- **\u7B2C 1 \u884C**\uFF1A\u5168\u5BBD\u5361\u7247\n- **\u7B2C 2 \u884C**\uFF1A\u4E24\u4E2A\u534A\u5BBD\u5361\u7247\n- **\u7B2C 3 \u884C**\uFF1A\u5168\u5BBD\u5361\u7247\n- **\u7B2C 4 \u884C**\uFF1A\u4E24\u4E2A\u534A\u5BBD\u5361\u7247\n- **\u7B2C 5 \u884C**\uFF1A\u5168\u5BBD\u5361\u7247\n\n## \u4F7F\u7528\u573A\u666F\n\n\u9002\u7528\u4E8E\u4EA7\u54C1\u8BE6\u60C5\u9875\uFF0C\u5C55\u793A\u4EA7\u54C1\u7684\u6838\u5FC3\u4F18\u52BF\u548C\u7279\u8272\u529F\u80FD\u3002\n\n## \u81EA\u5B9A\u4E49\u6837\u5F0F Class Names\n\n\u7EC4\u4EF6\u63D0\u4F9B\u4EE5\u4E0B\u56FA\u5B9A\u7684 className\uFF0C\u65B9\u4FBF\u901A\u8FC7 CSS \u81EA\u5B9A\u4E49\u6837\u5F0F\uFF1A\n\n### \u5E03\u5C40\u7C7B\n- \\`.ksp-container\\` - \u4E3B\u5BB9\u5668\n- \\`.ksp-title\\` - \u4E3B\u6807\u9898\n- \\`.ksp-desktop-layout\\` - \u684C\u9762\u7AEF\u5E03\u5C40\u5BB9\u5668\n- \\`.ksp-mobile-layout\\` - \u624B\u673A\u7AEF\u5E03\u5C40\u5BB9\u5668\n- \\`.ksp-row\\` - \u884C\u5BB9\u5668\n  - \\`.ksp-row-1\\` - \u7B2C 1 \u884C\uFF08\u684C\u9762\u7AEF\uFF09\n  - \\`.ksp-row-2\\` - \u7B2C 2 \u884C\uFF08\u684C\u9762\u7AEF\uFF09\n  - \\`.ksp-row-3\\` - \u7B2C 3 \u884C\uFF08\u684C\u9762\u7AEF\uFF09\n  - \\`.ksp-row-mobile-1\\` - \u7B2C 1 \u884C\uFF08\u624B\u673A\u7AEF\uFF09\n  - \\`.ksp-row-mobile-2\\` - \u7B2C 2 \u884C\uFF08\u624B\u673A\u7AEF\uFF09\n\n### \u5361\u7247\u7C7B\n- \\`.ksp-card\\` - \u5361\u7247\u5BB9\u5668\n- \\`.ksp-card-image\\` - \u5361\u7247\u56FE\u7247\n- \\`.ksp-card-video\\` - \u5361\u7247\u89C6\u9891\n  - \\`.ksp-card-video-desktop\\` - \u684C\u9762\u7AEF\u89C6\u9891\n  - \\`.ksp-card-video-mobile\\` - \u79FB\u52A8\u7AEF\u89C6\u9891\n- \\`.ksp-card-content\\` - \u5361\u7247\u6587\u5B57\u8986\u76D6\u5C42\n- \\`.ksp-card-title\\` - \u5361\u7247\u6807\u9898\n- \\`.ksp-card-desc\\` - \u5361\u7247\u63CF\u8FF0\n\n### \u4F7F\u7528\u793A\u4F8B\n\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u4E3B\u6807\u9898\u6837\u5F0F */\n.ksp-title {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n/* \u5361\u7247 hover \u6548\u679C */\n.ksp-card:hover {\n  transform: scale(1.02);\n  transition: transform 0.3s ease;\n}\n\n/* \u81EA\u5B9A\u4E49\u5361\u7247\u6807\u9898\u989C\u8272 */\n.ksp-card-title {\n  color: #fbbf24;\n}\n\\`\\`\\`\n\n\uD83D\uDCA1 \u67E5\u770B **CustomStyle** story \u4E86\u89E3\u5B8C\u6574\u793A\u4F8B\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: 'KSP \u6570\u636E\uFF0C\u5305\u542B title \u548C items\uFF08\u9700\u8981 7 \u4E2A\u9879\uFF09',\n      control: { type: 'object' },\n    },\n    className: {\n      description: `\u81EA\u5B9A\u4E49\u7C7B\u540D\uFF0C\u53EF\u914D\u5408\u4EE5\u4E0B\u56FA\u5B9A class name \u4F7F\u7528 CSS \u81EA\u5B9A\u4E49\u6837\u5F0F\uFF1A\n      \n**\u5E03\u5C40\u76F8\u5173\uFF1A**\n- \\`.ksp-container\\` - \u4E3B\u5BB9\u5668\n- \\`.ksp-desktop-layout\\` - \u684C\u9762\u7AEF\u5E03\u5C40\u5BB9\u5668\n- \\`.ksp-mobile-layout\\` - \u624B\u673A\u7AEF\u5E03\u5C40\u5BB9\u5668\n- \\`.ksp-row\\` - \u884C\u5BB9\u5668\n- \\`.ksp-row-1/2/3\\` - \u684C\u9762\u7AEF\u5404\u884C\n- \\`.ksp-row-mobile-1/2\\` - \u624B\u673A\u7AEF\u5404\u884C\n\n**\u5361\u7247\u76F8\u5173\uFF1A**\n- \\`.ksp-card\\` - \u5361\u7247\u5BB9\u5668\n- \\`.ksp-card-image\\` - \u5361\u7247\u56FE\u7247\n- \\`.ksp-card-video\\` - \u5361\u7247\u89C6\u9891\n- \\`.ksp-card-video-desktop\\` - \u684C\u9762\u7AEF\u89C6\u9891\n- \\`.ksp-card-video-mobile\\` - \u79FB\u52A8\u7AEF\u89C6\u9891\n- \\`.ksp-card-content\\` - \u5361\u7247\u6587\u5B57\u8986\u76D6\u5C42\n- \\`.ksp-card-title\\` - \u5361\u7247\u6807\u9898\n- \\`.ksp-card-desc\\` - \u5361\u7247\u63CF\u8FF0\n\n**\u6587\u672C\u76F8\u5173\uFF1A**\n- \\`.ksp-title\\` - \u4E3B\u6807\u9898`,\n      control: { type: 'text' },\n    },\n  },\n} satisfies Meta<typeof Ksp>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\n// \u793A\u4F8B\u6570\u636E - 7 \u4E2A\u5361\u7247\nconst mockKspData: KspProps['data'] = {\n  title: 'Why Choose Our Product',\n  items: [\n    {\n      title: 'Improved Cleaning Efficiency',\n      desc: 'HydroJet\u2122 Floor Washing System',\n      imageUrl: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80',\n      mobImageUrl: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80',\n    },\n    {\n      title: '100% Cleaning Coverage',\n      desc: 'Edge-Cleaning CornerRover\u2122 Arm',\n      imageUrl: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80',\n      mobImageUrl: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80',\n    },\n    {\n      title: 'All You Need, All-in-One',\n      desc: 'Complete Cleaning Solution',\n      imageUrl: 'https://images.unsplash.com/photo-1556911220-bff31c812dba?w=1200&h=800&fit=crop&q=80',\n      mobImageUrl: 'https://images.unsplash.com/photo-1556911220-bff31c812dba?w=600&h=800&fit=crop&q=80',\n    },\n    {\n      title: 'Less Maintenance',\n      desc: 'DuoSpiral\u2122 Detangle Brushes',\n      imageUrl: 'https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=1200&h=800&fit=crop&q=80',\n      mobImageUrl: 'https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=600&h=800&fit=crop&q=80',\n    },\n    {\n      title: 'Cleaning Power Upgrade',\n      desc: '20,000 Pa Turbo Suction',\n      imageUrl: 'https://images.unsplash.com/photo-1558002038-1055907df827?w=1200&h=800&fit=crop&q=80',\n      mobImageUrl: 'https://images.unsplash.com/photo-1558002038-1055907df827?w=600&h=800&fit=crop&q=80',\n    },\n    {\n      title: 'Intelligent Cleaning',\n      desc: 'Smart App Control & Scheduling',\n      imageUrl: 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=1200&h=800&fit=crop&q=80',\n      mobImageUrl: 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=600&h=800&fit=crop&q=80',\n    },\n    {\n      title: 'AI.See\u2122 Obstacle Avoidance',\n      desc: 'Advanced Object Recognition',\n      imageUrl: 'https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=1200&h=800&fit=crop&q=80',\n      mobImageUrl: 'https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=600&h=800&fit=crop&q=80',\n    },\n  ],\n}\n\n/**\n * \u9ED8\u8BA4\u72B6\u6001 - \u5C55\u793A\u5B8C\u6574\u7684 7 \u4E2A KSP \u5361\u7247\u5E03\u5C40\n * \n * \uD83D\uDCA1 \u63D0\u793A\uFF1A\u67E5\u770B \"CustomStyle\" story\uFF0C\u4E86\u89E3\u5982\u4F55\u4F7F\u7528\u56FA\u5B9A class name \u81EA\u5B9A\u4E49\u6837\u5F0F\n */\nexport const Default: Story = {\n  args: {\n    data: mockKspData,\n  },\n}\n\n/**\n * \u4E2D\u6587\u5185\u5BB9 - \u5C55\u793A\u4E2D\u6587\u5356\u70B9\n */\nexport const Chinese: Story = {\n  args: {\n    data: {\n      title: '\u4E3A\u4EC0\u4E48\u9009\u62E9\u6211\u4EEC\u7684\u4EA7\u54C1',\n      items: [\n        {\n          title: '\u6E05\u6D01\u6548\u7387\u5927\u5E45\u63D0\u5347',\n          desc: 'HydroJet\u2122 \u5730\u677F\u6E05\u6D01\u7CFB\u7EDF',\n          imageUrl: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80',\n          mobImageUrl: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80',\n        },\n        {\n          title: '100% \u6E05\u6D01\u8986\u76D6',\n          desc: 'CornerRover\u2122 \u8FB9\u89D2\u6E05\u6D01\u81C2',\n          imageUrl: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80',\n          mobImageUrl: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80',\n        },\n        {\n          title: '\u4E00\u673A\u591A\u7528\uFF0C\u5168\u80FD\u6E05\u6D01',\n          desc: '\u5B8C\u6574\u7684\u6E05\u6D01\u89E3\u51B3\u65B9\u6848',\n          imageUrl: 'https://images.unsplash.com/photo-1556911220-bff31c812dba?w=1200&h=800&fit=crop&q=80',\n          mobImageUrl: 'https://images.unsplash.com/photo-1556911220-bff31c812dba?w=600&h=800&fit=crop&q=80',\n        },\n        {\n          title: '\u66F4\u5C11\u7EF4\u62A4',\n          desc: 'DuoSpiral\u2122 \u9632\u7F20\u7ED5\u5237\u5934',\n          imageUrl: 'https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=1200&h=800&fit=crop&q=80',\n          mobImageUrl: 'https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=600&h=800&fit=crop&q=80',\n        },\n        {\n          title: '\u6E05\u6D01\u80FD\u529B\u5347\u7EA7',\n          desc: '20,000 Pa \u5F3A\u529B\u5438\u5C18',\n          imageUrl: 'https://images.unsplash.com/photo-1558002038-1055907df827?w=1200&h=800&fit=crop&q=80',\n          mobImageUrl: 'https://images.unsplash.com/photo-1558002038-1055907df827?w=600&h=800&fit=crop&q=80',\n        },\n        {\n          title: '\u667A\u80FD\u6E05\u6D01',\n          desc: 'APP \u8FDC\u7A0B\u63A7\u5236\u4E0E\u5B9A\u65F6',\n          imageUrl: 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=1200&h=800&fit=crop&q=80',\n          mobImageUrl: 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=600&h=800&fit=crop&q=80',\n        },\n        {\n          title: 'AI \u667A\u80FD\u907F\u969C',\n          desc: '\u5148\u8FDB\u7684\u7269\u4F53\u8BC6\u522B\u6280\u672F',\n          imageUrl: 'https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=1200&h=800&fit=crop&q=80',\n          mobImageUrl: 'https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=600&h=800&fit=crop&q=80',\n        },\n      ],\n    },\n  },\n}\n\n/**\n * \u89C6\u9891\u5185\u5BB9 - \u5C55\u793A\u89C6\u9891\u5361\u7247\n */\nexport const WithVideo: Story = {\n  args: {\n    data: {\n      title: 'Experience the Difference',\n      items: [\n        {\n          title: 'Powerful Performance',\n          desc: 'See it in action',\n          videoUrl: 'https://cdn.shopify.com/videos/c/o/v/763f24558ba84e098b817740384a0f38.mp4',\n          mobVideoUrl: 'https://cdn.shopify.com/videos/c/o/v/bb1e9dcefc9e433a8bdf70215c39eedc.mp4',\n          imageUrl: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80',\n          mobImageUrl: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80',\n        },\n        {\n          title: 'Smart Navigation',\n          desc: 'Advanced mapping technology',\n          videoUrl: 'https://cdn.shopify.com/videos/c/o/v/61c978092bd24ca585f8a188b77458a6.mp4',\n          mobVideoUrl: 'https://cdn.shopify.com/videos/c/o/v/bb1e9dcefc9e433a8bdf70215c39eedc.mp4',\n          imageUrl: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80',\n          mobImageUrl: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80',\n        },\n        ...mockKspData.items.slice(2),\n      ],\n    },\n  },\n}\n\n/**\n * \u65E0\u6807\u9898 - \u53EA\u5C55\u793A\u5361\u7247\n */\nexport const NoTitle: Story = {\n  args: {\n    data: {\n      items: mockKspData.items,\n    },\n  },\n}\n\n/**\n * \u81EA\u5B9A\u4E49\u6837\u5F0F\u793A\u4F8B\n * \n * \u5C55\u793A\u5982\u4F55\u901A\u8FC7\u56FA\u5B9A\u7684 class name \u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\uFF1A\n * - `.ksp-title` - \u6E10\u53D8\u8272\u6807\u9898\n * - `.ksp-card` - hover \u7F29\u653E\u6548\u679C\n * - `.ksp-card-title` - \u91D1\u8272\u6807\u9898\n * - `.ksp-card-desc` - \u7070\u8272\u63CF\u8FF0\n * - `.ksp-card::before` - hover \u6E10\u53D8\u8FB9\u6846\n */\nexport const CustomStyle: Story = {\n  args: {\n    data: mockKspData,\n    className: 'py-20',\n    style: `\n    /* \u4E3B\u6807\u9898 - \u6E10\u53D8\u8272\u6587\u5B57\u6548\u679C */\n            .ksp-title {\n              background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n              -webkit-background-clip: text;\n              -webkit-text-fill-color: transparent;\n              background-clip: text;\n            }\n            \n            /* \u5361\u7247\u5BB9\u5668 - \u6DFB\u52A0\u8FC7\u6E21\u52A8\u753B */\n            .ksp-card {\n              transition: transform 0.3s ease;\n            }\n            \n            /* \u5361\u7247 hover \u6548\u679C - \u8F7B\u5FAE\u653E\u5927 */\n            .ksp-card:hover {\n              transform: scale(1.02);\n            }\n            \n            /* \u5361\u7247\u6807\u9898 - \u91D1\u8272\u6587\u5B57 */\n            .ksp-card-title {\n              color: #fbbf24;\n            }\n            \n            /* \u5361\u7247\u63CF\u8FF0 - \u6D45\u7070\u8272\u6587\u5B57 */\n            .ksp-card-desc {\n              color: #d1d5db;\n            }\n            \n            /* \u5361\u7247 hover \u6E10\u53D8\u8FB9\u6846\u6548\u679C */\n            .ksp-card::before {\n              content: '';\n              position: absolute;\n              inset: 0;\n              border: 2px solid transparent;\n              border-radius: 16px;\n              background: linear-gradient(135deg, #667eea, #764ba2) border-box;\n              -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n              -webkit-mask-composite: xor;\n              mask-composite: exclude;\n              opacity: 0;\n              transition: opacity 0.3s ease;\n            }\n            \n            .ksp-card:hover::before {\n              opacity: 1;\n            }\n    `\n  },\n\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Ksp from '../biz-components/Ksp/index.js'\nimport type { KspProps } from '../biz-components/Ksp/index.js'\n\nconst meta = {\n  title: 'Biz-Components/Ksp',\n  component: Ksp,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\n# Ksp \u5173\u952E\u5356\u70B9\u7EC4\u4EF6\n\n\u5C55\u793A\u4EA7\u54C1\u7684\u5173\u952E\u5356\u70B9\uFF08Key Selling Points\uFF09\uFF0C\u652F\u6301\u56FE\u7247\u548C\u89C6\u9891\uFF0C\u5177\u6709\u590D\u6742\u7684\u54CD\u5E94\u5F0F\u5E03\u5C40\u3002\n\n## \u6838\u5FC3\u529F\u80FD\n\n- **\u56FE\u7247/\u89C6\u9891\u652F\u6301**\uFF1A\u6BCF\u4E2A\u5361\u7247\u53EF\u4EE5\u662F\u56FE\u7247\u6216\u89C6\u9891\uFF0C\u81EA\u52A8\u8BC6\u522B\u548C\u6E32\u67D3\n- **7 \u5361\u7247\u5E03\u5C40**\uFF1A\u56FA\u5B9A 7 \u4E2A\u5361\u7247\u4F4D\u7F6E\uFF0C\u5177\u6709\u4E0D\u540C\u7684\u5C3A\u5BF8\u548C\u6392\u5217\n- **\u54CD\u5E94\u5F0F\u8BBE\u8BA1**\uFF1A\u624B\u673A\u7AEF\u548C\u5E73\u677F/\u684C\u9762\u7AEF\u4F7F\u7528\u4E0D\u540C\u7684\u5E03\u5C40\u65B9\u6848\n- **\u6587\u5B57\u8986\u76D6**\uFF1A\u6807\u9898\u548C\u63CF\u8FF0\u8986\u76D6\u5728\u5A92\u4F53\u5185\u5BB9\u4E0A\n- **\u81EA\u52A8\u64AD\u653E**\uFF1A\u89C6\u9891\u81EA\u52A8\u64AD\u653E\u3001\u5FAA\u73AF\u3001\u9759\u97F3\n\n## \u5E03\u5C40\u8BF4\u660E\n\n### \u684C\u9762\u7AEF/\u5E73\u677F\u7AEF\u5E03\u5C40\uFF083 \u884C\uFF09\uFF1A\n- **\u7B2C 1 \u884C**\uFF1A\u5927\u5361\u7247(59.53%) + \u5C0F\u5361\u7247(39.30%)\n- **\u7B2C 2 \u884C**\uFF1A\u5C0F\u5361\u7247(29.19%) + \u4E2D\u5361\u7247(39.30%) + \u5C0F\u5361\u7247(29.19%)\n- **\u7B2C 3 \u884C**\uFF1A\u5C0F\u5361\u7247(39.30%) + \u5927\u5361\u7247(59.53%)\n\n### \u624B\u673A\u7AEF\u5E03\u5C40\uFF085 \u884C\uFF09\uFF1A\n- **\u7B2C 1 \u884C**\uFF1A\u5168\u5BBD\u5361\u7247\n- **\u7B2C 2 \u884C**\uFF1A\u4E24\u4E2A\u534A\u5BBD\u5361\u7247\n- **\u7B2C 3 \u884C**\uFF1A\u5168\u5BBD\u5361\u7247\n- **\u7B2C 4 \u884C**\uFF1A\u4E24\u4E2A\u534A\u5BBD\u5361\u7247\n- **\u7B2C 5 \u884C**\uFF1A\u5168\u5BBD\u5361\u7247\n\n## \u4F7F\u7528\u573A\u666F\n\n\u9002\u7528\u4E8E\u4EA7\u54C1\u8BE6\u60C5\u9875\uFF0C\u5C55\u793A\u4EA7\u54C1\u7684\u6838\u5FC3\u4F18\u52BF\u548C\u7279\u8272\u529F\u80FD\u3002\n\n## \u81EA\u5B9A\u4E49\u6837\u5F0F Class Names\n\n\u7EC4\u4EF6\u63D0\u4F9B\u4EE5\u4E0B\u56FA\u5B9A\u7684 className\uFF0C\u65B9\u4FBF\u901A\u8FC7 CSS \u81EA\u5B9A\u4E49\u6837\u5F0F\uFF1A\n\n### \u5E03\u5C40\u7C7B\n- \\`.ksp-container\\` - \u4E3B\u5BB9\u5668\n- \\`.ksp-title\\` - \u4E3B\u6807\u9898\n- \\`.ksp-desktop-layout\\` - \u684C\u9762\u7AEF\u5E03\u5C40\u5BB9\u5668\n- \\`.ksp-mobile-layout\\` - \u624B\u673A\u7AEF\u5E03\u5C40\u5BB9\u5668\n- \\`.ksp-row\\` - \u884C\u5BB9\u5668\n  - \\`.ksp-row-1\\` - \u7B2C 1 \u884C\uFF08\u684C\u9762\u7AEF\uFF09\n  - \\`.ksp-row-2\\` - \u7B2C 2 \u884C\uFF08\u684C\u9762\u7AEF\uFF09\n  - \\`.ksp-row-3\\` - \u7B2C 3 \u884C\uFF08\u684C\u9762\u7AEF\uFF09\n  - \\`.ksp-row-mobile-1\\` - \u7B2C 1 \u884C\uFF08\u624B\u673A\u7AEF\uFF09\n  - \\`.ksp-row-mobile-2\\` - \u7B2C 2 \u884C\uFF08\u624B\u673A\u7AEF\uFF09\n\n### \u5361\u7247\u7C7B\n- \\`.ksp-card\\` - \u5361\u7247\u5BB9\u5668\n- \\`.ksp-card-image\\` - \u5361\u7247\u56FE\u7247\n- \\`.ksp-card-video\\` - \u5361\u7247\u89C6\u9891\n  - \\`.ksp-card-video-desktop\\` - \u684C\u9762\u7AEF\u89C6\u9891\n  - \\`.ksp-card-video-mobile\\` - \u79FB\u52A8\u7AEF\u89C6\u9891\n- \\`.ksp-card-content\\` - \u5361\u7247\u6587\u5B57\u8986\u76D6\u5C42\n- \\`.ksp-card-title\\` - \u5361\u7247\u6807\u9898\n- \\`.ksp-card-desc\\` - \u5361\u7247\u63CF\u8FF0\n\n### \u4F7F\u7528\u793A\u4F8B\n\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u4E3B\u6807\u9898\u6837\u5F0F */\n.ksp-title {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n/* \u5361\u7247 hover \u6548\u679C */\n.ksp-card:hover {\n  transform: scale(1.02);\n  transition: transform 0.3s ease;\n}\n\n/* \u81EA\u5B9A\u4E49\u5361\u7247\u6807\u9898\u989C\u8272 */\n.ksp-card-title {\n  color: #fbbf24;\n}\n\\`\\`\\`\n\n\uD83D\uDCA1 \u67E5\u770B **CustomStyle** story \u4E86\u89E3\u5B8C\u6574\u793A\u4F8B\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: 'KSP \u6570\u636E\uFF0C\u5305\u542B title \u548C items\uFF08\u9700\u8981 7 \u4E2A\u9879\uFF09',\n      control: { type: 'object' },\n    },\n    className: {\n      description: `\u81EA\u5B9A\u4E49\u7C7B\u540D\uFF0C\u53EF\u914D\u5408\u4EE5\u4E0B\u56FA\u5B9A class name \u4F7F\u7528 CSS \u81EA\u5B9A\u4E49\u6837\u5F0F\uFF1A\n      \n**\u5E03\u5C40\u76F8\u5173\uFF1A**\n- \\`.ksp-container\\` - \u4E3B\u5BB9\u5668\n- \\`.ksp-desktop-layout\\` - \u684C\u9762\u7AEF\u5E03\u5C40\u5BB9\u5668\n- \\`.ksp-mobile-layout\\` - \u624B\u673A\u7AEF\u5E03\u5C40\u5BB9\u5668\n- \\`.ksp-row\\` - \u884C\u5BB9\u5668\n- \\`.ksp-row-1/2/3\\` - \u684C\u9762\u7AEF\u5404\u884C\n- \\`.ksp-row-mobile-1/2\\` - \u624B\u673A\u7AEF\u5404\u884C\n\n**\u5361\u7247\u76F8\u5173\uFF1A**\n- \\`.ksp-card\\` - \u5361\u7247\u5BB9\u5668\n- \\`.ksp-card-image\\` - \u5361\u7247\u56FE\u7247\n- \\`.ksp-card-video\\` - \u5361\u7247\u89C6\u9891\n- \\`.ksp-card-video-desktop\\` - \u684C\u9762\u7AEF\u89C6\u9891\n- \\`.ksp-card-video-mobile\\` - \u79FB\u52A8\u7AEF\u89C6\u9891\n- \\`.ksp-card-content\\` - \u5361\u7247\u6587\u5B57\u8986\u76D6\u5C42\n- \\`.ksp-card-title\\` - \u5361\u7247\u6807\u9898\n- \\`.ksp-card-desc\\` - \u5361\u7247\u63CF\u8FF0\n\n**\u6587\u672C\u76F8\u5173\uFF1A**\n- \\`.ksp-title\\` - \u4E3B\u6807\u9898`,\n      control: { type: 'text' },\n    },\n  },\n} satisfies Meta<typeof Ksp>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\n// \u793A\u4F8B\u6570\u636E - 7 \u4E2A\u5361\u7247\nconst mockKspData: KspProps['data'] = {\n  title: 'Why Choose Our Product',\n  items: [\n    {\n      title: 'Improved Cleaning Efficiency',\n      desc: 'HydroJet\u2122 Floor Washing System',\n      image: {\n        url: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80',\n        alt: 'Improved Cleaning Efficiency',\n        thumbnailURL: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80',\n        mimeType: 'image/jpeg',\n      },\n      mobImage: {\n        url: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80',\n        alt: 'Improved Cleaning Efficiency',\n        thumbnailURL: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80',\n        mimeType: 'image/jpeg',\n      },\n    },\n    {\n      title: '100% Cleaning Coverage',\n      desc: 'Edge-Cleaning CornerRover\u2122 Arm',\n      image: {\n        url: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80',\n        alt: '100% Cleaning Coverage',\n        thumbnailURL: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80',\n        mimeType: 'image/jpeg',\n      },\n      mobImage: {\n        url: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80',\n        alt: '100% Cleaning Coverage',\n        thumbnailURL: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80',\n        mimeType: 'image/jpeg',\n      },\n    },\n    {\n      title: 'All You Need, All-in-One',\n      desc: 'Complete Cleaning Solution',\n      image: {\n        url: 'https://images.unsplash.com/photo-1556911220-bff31c812dba?w=1200&h=800&fit=crop&q=80',\n        alt: 'All You Need, All-in-One',\n        thumbnailURL: 'https://images.unsplash.com/photo-1556911220-bff31c812dba?w=1200&h=800&fit=crop&q=80',\n        mimeType: 'image/jpeg',\n      },\n      mobImage: {\n        url: 'https://images.unsplash.com/photo-1556911220-bff31c812dba?w=600&h=800&fit=crop&q=80',\n        alt: 'All You Need, All-in-One',\n        thumbnailURL: 'https://images.unsplash.com/photo-1556911220-bff31c812dba?w=600&h=800&fit=crop&q=80',\n        mimeType: 'image/jpeg',\n      },\n    },\n    {\n      title: 'Less Maintenance',\n      desc: 'DuoSpiral\u2122 Detangle Brushes',\n      image: {\n        url: 'https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=1200&h=800&fit=crop&q=80',\n        alt: 'Less Maintenance',\n        thumbnailURL: 'https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=1200&h=800&fit=crop&q=80',\n        mimeType: 'image/jpeg',\n      },\n      mobImage: {\n        url: 'https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=600&h=800&fit=crop&q=80',\n        alt: 'Less Maintenance',\n        thumbnailURL: 'https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=600&h=800&fit=crop&q=80',\n        mimeType: 'image/jpeg',\n      },\n    },\n    {\n      title: 'Cleaning Power Upgrade',\n      desc: '20,000 Pa Turbo Suction',\n      image: {\n        url: 'https://images.unsplash.com/photo-1558002038-1055907df827?w=1200&h=800&fit=crop&q=80',\n        alt: 'Cleaning Power Upgrade',\n        thumbnailURL: 'https://images.unsplash.com/photo-1558002038-1055907df827?w=1200&h=800&fit=crop&q=80',\n        mimeType: 'image/jpeg',\n      },\n      mobImage: {\n        url: 'https://images.unsplash.com/photo-1558002038-1055907df827?w=600&h=800&fit=crop&q=80',\n        alt: 'Cleaning Power Upgrade',\n        thumbnailURL: 'https://images.unsplash.com/photo-1558002038-1055907df827?w=600&h=800&fit=crop&q=80',\n        mimeType: 'image/jpeg',\n      },\n    },\n    {\n      title: 'Intelligent Cleaning',\n      desc: 'Smart App Control & Scheduling',\n      image: {\n        url: 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=1200&h=800&fit=crop&q=80',\n        alt: 'Intelligent Cleaning',\n        thumbnailURL: 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=1200&h=800&fit=crop&q=80',\n        mimeType: 'image/jpeg',\n      },\n      mobImage: {\n        url: 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=600&h=800&fit=crop&q=80',\n        alt: 'Intelligent Cleaning',\n        thumbnailURL: 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=600&h=800&fit=crop&q=80',\n        mimeType: 'image/jpeg',\n      },\n    },\n    {\n      title: 'AI.See\u2122 Obstacle Avoidance',\n      desc: 'Advanced Object Recognition',\n      image: {\n        url: 'https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=1200&h=800&fit=crop&q=80',\n        alt: 'AI.See\u2122 Obstacle Avoidance',\n        thumbnailURL: 'https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=1200&h=800&fit=crop&q=80',\n        mimeType: 'image/jpeg',\n      },\n      mobImage: {\n        url: 'https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=600&h=800&fit=crop&q=80',\n        alt: 'AI.See\u2122 Obstacle Avoidance',\n        thumbnailURL: 'https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=600&h=800&fit=crop&q=80',\n        mimeType: 'image/jpeg',\n      },\n    },\n  ],\n}\n\n/**\n * \u9ED8\u8BA4\u72B6\u6001 - \u5C55\u793A\u5B8C\u6574\u7684 7 \u4E2A KSP \u5361\u7247\u5E03\u5C40\n * \n * \uD83D\uDCA1 \u63D0\u793A\uFF1A\u67E5\u770B \"CustomStyle\" story\uFF0C\u4E86\u89E3\u5982\u4F55\u4F7F\u7528\u56FA\u5B9A class name \u81EA\u5B9A\u4E49\u6837\u5F0F\n */\nexport const Default: Story = {\n  args: {\n    data: mockKspData,\n  },\n}\n\n/**\n * \u4E2D\u6587\u5185\u5BB9 - \u5C55\u793A\u4E2D\u6587\u5356\u70B9\n */\nexport const Chinese: Story = {\n  args: {\n    data: {\n      title: '\u4E3A\u4EC0\u4E48\u9009\u62E9\u6211\u4EEC\u7684\u4EA7\u54C1',\n      items: [\n        {\n          title: '\u6E05\u6D01\u6548\u7387\u5927\u5E45\u63D0\u5347',\n          desc: 'HydroJet\u2122 \u5730\u677F\u6E05\u6D01\u7CFB\u7EDF',\n          image: {\n            url: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80',\n            alt: 'Improved Cleaning Efficiency',\n            thumbnailURL: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80',\n            mimeType: 'image/jpeg',\n          },\n          mobImage: {\n            url: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80',\n            alt: 'Improved Cleaning Efficiency',\n            thumbnailURL: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80',\n            mimeType: 'image/jpeg',\n          },\n        },\n        {\n          title: '100% \u6E05\u6D01\u8986\u76D6',\n          desc: 'CornerRover\u2122 \u8FB9\u89D2\u6E05\u6D01\u81C2',\n          image: {\n            url: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80',\n            alt: '100% Cleaning Coverage',\n            thumbnailURL: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80',\n            mimeType: 'image/jpeg',\n          },\n          mobImage: {\n            url: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80',\n            alt: '100% Cleaning Coverage',\n            thumbnailURL: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80',\n            mimeType: 'image/jpeg',\n          },\n        },\n        {\n          title: '\u4E00\u673A\u591A\u7528\uFF0C\u5168\u80FD\u6E05\u6D01',\n          desc: '\u5B8C\u6574\u7684\u6E05\u6D01\u89E3\u51B3\u65B9\u6848',\n          image: {\n            url: 'https://images.unsplash.com/photo-1556911220-bff31c812dba?w=1200&h=800&fit=crop&q=80',\n            alt: 'All You Need, All-in-One',\n            thumbnailURL: 'https://images.unsplash.com/photo-1556911220-bff31c812dba?w=1200&h=800&fit=crop&q=80',\n            mimeType: 'image/jpeg',\n          },\n          mobImage: {\n            url: 'https://images.unsplash.com/photo-1556911220-bff31c812dba?w=600&h=800&fit=crop&q=80',\n            alt: 'All You Need, All-in-One',\n            thumbnailURL: 'https://images.unsplash.com/photo-1556911220-bff31c812dba?w=600&h=800&fit=crop&q=80',\n            mimeType: 'image/jpeg',\n          },\n        },\n        {\n          title: '\u66F4\u5C11\u7EF4\u62A4',\n          desc: 'DuoSpiral\u2122 \u9632\u7F20\u7ED5\u5237\u5934',\n          image: {\n            url: 'https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=1200&h=800&fit=crop&q=80',\n            alt: 'Less Maintenance',\n            thumbnailURL: 'https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=1200&h=800&fit=crop&q=80',\n            mimeType: 'image/jpeg',\n          },\n          mobImage: {\n            url: 'https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=600&h=800&fit=crop&q=80',\n            alt: 'Less Maintenance',\n            thumbnailURL: 'https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=600&h=800&fit=crop&q=80',\n            mimeType: 'image/jpeg',\n          },\n        },\n        {\n          title: '\u6E05\u6D01\u80FD\u529B\u5347\u7EA7',\n          desc: '20,000 Pa \u5F3A\u529B\u5438\u5C18',\n          image: {\n            url: 'https://images.unsplash.com/photo-1558002038-1055907df827?w=1200&h=800&fit=crop&q=80',\n            alt: 'Cleaning Power Upgrade',\n            thumbnailURL: 'https://images.unsplash.com/photo-1558002038-1055907df827?w=1200&h=800&fit=crop&q=80',\n            mimeType: 'image/jpeg',\n          },\n          mobImage: {\n            url: 'https://images.unsplash.com/photo-1558002038-1055907df827?w=600&h=800&fit=crop&q=80',\n            alt: 'Cleaning Power Upgrade',\n            thumbnailURL: 'https://images.unsplash.com/photo-1558002038-1055907df827?w=600&h=800&fit=crop&q=80',\n            mimeType: 'image/jpeg',\n          },\n        },\n        {\n          title: '\u667A\u80FD\u6E05\u6D01',\n          desc: 'APP \u8FDC\u7A0B\u63A7\u5236\u4E0E\u5B9A\u65F6',\n          imageUrl: 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=1200&h=800&fit=crop&q=80',\n          mobImage: {\n            url: 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=600&h=800&fit=crop&q=80',\n            alt: 'Intelligent Cleaning',\n            thumbnailURL: 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=600&h=800&fit=crop&q=80',\n            mimeType: 'image/jpeg',\n          },\n        },\n        {\n          title: 'AI \u667A\u80FD\u907F\u969C',\n          desc: '\u5148\u8FDB\u7684\u7269\u4F53\u8BC6\u522B\u6280\u672F',\n          image: {\n            url: 'https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=1200&h=800&fit=crop&q=80',\n            alt: 'AI \u667A\u80FD\u907F\u969C',\n            thumbnailURL: 'https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=1200&h=800&fit=crop&q=80',\n            mimeType: 'image/jpeg',\n          },\n          mobImage: {\n            url: 'https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=600&h=800&fit=crop&q=80',\n            alt: 'AI \u667A\u80FD\u907F\u969C',\n            thumbnailURL: 'https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=600&h=800&fit=crop&q=80',\n            mimeType: 'image/jpeg',\n          },\n        },\n      ],\n    },\n  },\n}\n\n/**\n * \u89C6\u9891\u5185\u5BB9 - \u5C55\u793A\u89C6\u9891\u5361\u7247\n */\nexport const WithVideo: Story = {\n  args: {\n    data: {\n      title: 'Experience the Difference',\n      items: [\n        {\n          title: 'Powerful Performance',\n          desc: 'See it in action',\n          videoUrl: 'https://cdn.shopify.com/videos/c/o/v/763f24558ba84e098b817740384a0f38.mp4',\n          mobVideoUrl: 'https://cdn.shopify.com/videos/c/o/v/bb1e9dcefc9e433a8bdf70215c39eedc.mp4',\n          image: {\n            url: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80',\n            alt: 'Powerful Performance',\n            thumbnailURL: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=800&fit=crop&q=80',\n            mimeType: 'image/jpeg',\n          },\n          mobImage: {\n            url: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80',\n            alt: 'Powerful Performance',\n            thumbnailURL: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop&q=80',\n            mimeType: 'image/jpeg',\n          },\n        },\n        {\n          title: 'Smart Navigation',\n          desc: 'Advanced mapping technology',\n          video: {\n            url: 'https://cdn.shopify.com/videos/c/o/v/61c978092bd24ca585f8a188b77458a6.mp4',\n            alt: 'Smart Navigation',\n            thumbnailURL: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80',\n            mimeType: 'video/mp4',\n          },\n          mobVideo: {\n            url: 'https://cdn.shopify.com/videos/c/o/v/bb1e9dcefc9e433a8bdf70215c39eedc.mp4',\n            alt: 'Smart Navigation',\n            thumbnailURL: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80',\n            mimeType: 'video/mp4',\n          },\n          image: {\n            url: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80',\n            alt: 'Smart Navigation',\n            thumbnailURL: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=1200&h=800&fit=crop&q=80',\n            mimeType: 'image/jpeg',\n          },\n          mobImage: {\n            url: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80',\n            alt: 'Smart Navigation',\n            thumbnailURL: 'https://images.unsplash.com/photo-1563213126-a4273aed2016?w=600&h=800&fit=crop&q=80',\n            mimeType: 'image/jpeg',\n          },\n        },\n        ...mockKspData.items.slice(2),\n      ],\n    },\n  },\n}\n\n/**\n * \u65E0\u6807\u9898 - \u53EA\u5C55\u793A\u5361\u7247\n */\nexport const NoTitle: Story = {\n  args: {\n    data: {\n      items: mockKspData.items,\n    },\n  },\n}\n\n/**\n * \u81EA\u5B9A\u4E49\u6837\u5F0F\u793A\u4F8B\n * \n * \u5C55\u793A\u5982\u4F55\u901A\u8FC7\u56FA\u5B9A\u7684 class name \u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\uFF1A\n * - `.ksp-title` - \u6E10\u53D8\u8272\u6807\u9898\n * - `.ksp-card` - hover \u7F29\u653E\u6548\u679C\n * - `.ksp-card-title` - \u91D1\u8272\u6807\u9898\n * - `.ksp-card-desc` - \u7070\u8272\u63CF\u8FF0\n * - `.ksp-card::before` - hover \u6E10\u53D8\u8FB9\u6846\n */\nexport const CustomStyle: Story = {\n  args: {\n    data: mockKspData,\n    className: 'py-20',\n    style: `\n    /* \u4E3B\u6807\u9898 - \u6E10\u53D8\u8272\u6587\u5B57\u6548\u679C */\n            .ksp-title {\n              background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n              -webkit-background-clip: text;\n              -webkit-text-fill-color: transparent;\n              background-clip: text;\n            }\n            \n            /* \u5361\u7247\u5BB9\u5668 - \u6DFB\u52A0\u8FC7\u6E21\u52A8\u753B */\n            .ksp-card {\n              transition: transform 0.3s ease;\n            }\n            \n            /* \u5361\u7247 hover \u6548\u679C - \u8F7B\u5FAE\u653E\u5927 */\n            .ksp-card:hover {\n              transform: scale(1.02);\n            }\n            \n            /* \u5361\u7247\u6807\u9898 - \u91D1\u8272\u6587\u5B57 */\n            .ksp-card-title {\n              color: #fbbf24;\n            }\n            \n            /* \u5361\u7247\u63CF\u8FF0 - \u6D45\u7070\u8272\u6587\u5B57 */\n            .ksp-card-desc {\n              color: #d1d5db;\n            }\n            \n            /* \u5361\u7247 hover \u6E10\u53D8\u8FB9\u6846\u6548\u679C */\n            .ksp-card::before {\n              content: '';\n              position: absolute;\n              inset: 0;\n              border: 2px solid transparent;\n              border-radius: 16px;\n              background: linear-gradient(135deg, #667eea, #764ba2) border-box;\n              -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n              -webkit-mask-composite: xor;\n              mask-composite: exclude;\n              opacity: 0;\n              transition: opacity 0.3s ease;\n            }\n            \n            .ksp-card:hover::before {\n              opacity: 1;\n            }\n    `\n  },\n\n}\n"],
+  "mappings": "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",
   "names": ["Ksp", "meta", "ksp_stories_default", "mockKspData", "Default", "Chinese", "WithVideo", "NoTitle", "CustomStyle"]
 }

package/dist/esm/types/props.d.ts

@@ -27,10 +27,13 @@ export type Theme = 'light' | 'dark';
 export type Shape = 'rounded' | 'square';
 export type Align = 'left' | 'center' | 'right';
 export type Media = {
-    alt: string;
+    id?: number;
+    alt: string | undefined;
+    baseUrl?: string;
     url: string;
     thumbnailURL: string;
     mimeType: 'video/mp4' | 'image/jpeg' | 'image/png' | 'image/webp';
+    filename?: string;
     width?: number;
     height?: number;
     focalX?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.0.26-alpha.1762494080693",
+  "version": "1.0.26-alpha.1762494680050",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",

package/tailwind.config.js

@@ -27,10 +27,15 @@ module.exports = {
           '50.1%': { transform: 'translateY(calc(-100% + 3rem))' },
           '100%': { transform: 'translateY(0)' },
         },
+        'progress-bar': {
+          from: { transform: 'translate3d(-100%, -2px, 0)' },
+          to: { transform: 'translate3d(0, -2px, 0)' },
+        },
       },
       animation: {
         'marquee-scroll': 'marquee-scroll 20s linear infinite',
         'scroll-text': 'scroll-text 2s ease-in-out infinite',
+        'progress-bar': 'progress-bar var(--interval-time) ease-out',
       },
       maskImage: {
         'fade-vertical': 'linear-gradient(to bottom, transparent, black 20%, black 80%, transparent)',