@anker-in/headless-ui 1.1.17-alpha.1766054863247 → 1.1.18

package/dist/cjs/stories/tabsWithMedia.stories.js

@@ -1,68 +0,0 @@
-"use strict";var c=Object.create;var o=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var r=(e,t)=>{for(var i in t)o(e,i,{get:t[i],enumerable:!0})},p=(e,t,i,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of d(t))!b.call(e,a)&&a!==i&&o(e,a,{get:()=>t[a],enumerable:!(n=f(t,a))||n.enumerable});return e};var h=(e,t,i)=>(i=e!=null?c(m(e)):{},p(t||!e||!e.__esModule?o(i,"default",{value:e,enumerable:!0}):i,e)),_=e=>p(o({},"__esModule",{value:!0}),e);var T={};r(T,{Default:()=>u,FourItems:()=>v,ThreeItems:()=>w,WithCustomStyles:()=>S,default:()=>y});module.exports=_(T);var R=require("react"),l=h(require("../biz-components/TabsWithMedia/index.js"));const g={title:"Biz Components/TabsWithMedia",component:l.default,parameters:{layout:"padded",backgrounds:{default:"dark"},docs:{description:{component:"Tab \u5207\u6362\u5A92\u4F53\u5C55\u793A\u7EC4\u4EF6\uFF0C\u652F\u6301\u89C6\u9891\u81EA\u52A8\u5207\u6362 Tab\u3001Swiper \u5185\u5BB9\u5207\u6362\u3001\u52A8\u753B\u6548\u679C\uFF0C\u9002\u5408\u5C55\u793A\u591A\u4E2A\u529F\u80FD\u7279\u6027"}}},tags:["autodocs"]};var y=g;const s={title:"All You Need, All-in-One",poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",alt:"All You Need, All-in-One",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",mimeType:"image/png"},video:{url:"https://cdn.shopify.com/videos/c/o/v/1478fa98828e4879890963a4c60fff14.mp4",alt:"All You Need, All-in-One Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",mimeType:"video/mp4"},mobvideo:{url:"https://cdn.shopify.com/videos/c/vp/b8cf80b388c54228860dd0bf1de7c36c/b8cf80b388c54228860dd0bf1de7c36c.SD-480p-0.9Mbps-50503406.mp4",alt:"All You Need, All-in-One Mobile Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",mimeType:"video/mp4"},items:[{tab:"Self-Emptying",desc:"3L dust bag supports up to 75 days of maintenance-free cleaning.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6a7e92ad-5be0-4ba1-a549-eb794a8cbdcb_Property_1_Self-Emptying.png?v=1751509824",alt:"Self-Emptying",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6a7e92ad-5be0-4ba1-a549-eb794a8cbdcb_Property_1_Self-Emptying.png?v=1751509824",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",alt:"Self-Emptying Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",mimeType:"image/png"}},{tab:"Self-Refilling",desc:"Features a 2.5L clean water tank, sufficient for 4 mopping sessions in a 2,000 sq ft house.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/98814790-6119-48d3-9518-3706103971ce_Property_1_Self-Refilling.png?v=1751509870",alt:"Self-Refilling",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/98814790-6119-48d3-9518-3706103971ce_Property_1_Self-Refilling.png?v=1751509870",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/62f8efdb-baa0-4b66-b0ce-e43ba80aaa93_1952837054_2.png?v=1751440082",alt:"Self-Refilling Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/62f8efdb-baa0-4b66-b0ce-e43ba80aaa93_1952837054_2.png?v=1751440082",mimeType:"image/png"}},{tab:"Self-Washing",desc:"Automatically washes the mop after each session.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/cb041a84-9e89-4844-ac1b-8fc6fff8f13c_Property_1_Self-Washing.png?v=1751509912",alt:"Self-Washing",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/cb041a84-9e89-4844-ac1b-8fc6fff8f13c_Property_1_Self-Washing.png?v=1751509912",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0506a613-f916-4bce-84ab-a3da4cd9078a_1952837054_4.png?v=1751440128",alt:"Self-Washing Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0506a613-f916-4bce-84ab-a3da4cd9078a_1952837054_4.png?v=1751440128",mimeType:"image/png"}},{tab:"Hot Air Drying",desc:"Intelligent 35-50\xB0C (95-122\xB0F) temperature control for efficient drying.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/074f6c07-dc85-44b1-9351-fcc8b3423f1f_Property_1_Hot_Air_Drying.png?v=1751509932",alt:"Hot Air Drying",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/074f6c07-dc85-44b1-9351-fcc8b3423f1f_Property_1_Hot_Air_Drying.png?v=1751509932",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/65e9ba72-06d6-49cb-90b4-27406c409567_1952837054_3.png?v=1751440106",alt:"Hot Air Drying Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/65e9ba72-06d6-49cb-90b4-27406c409567_1952837054_3.png?v=1751440106",mimeType:"image/png"}},{tab:"Wastewater Collection",desc:"1.8L tank collects dirty water.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6f392913-919d-4842-9b40-a1736c3b1213_Property_1_Wastewater_Collection.png?v=1751509955",alt:"Wastewater Collection",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6f392913-919d-4842-9b40-a1736c3b1213_Property_1_Wastewater_Collection.png?v=1751509955",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/39b69bf4-e615-42b7-8eda-eaef031c79c4_1952837054_5.png?v=1751536624",alt:"Wastewater Collection Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/39b69bf4-e615-42b7-8eda-eaef031c79c4_1952837054_5.png?v=1751536624",mimeType:"image/png"}},{tab:"Automatic Detergent Dispensing",desc:"Automatically dispenses detergent, lasting up to  6 months.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/57d9d293-e511-40a5-a100-0763f7681ba6_Property_1_Automatic_Detergent_Dispensing.png?v=1751510012",alt:"Automatic Detergent Dispensing",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/57d9d293-e511-40a5-a100-0763f7681ba6_Property_1_Automatic_Detergent_Dispensing.png?v=1751510012",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/03b6c2d7-e5a8-47c4-9d21-20fcb70eb385_1952837054_6.png?v=1751536659",alt:"Automatic Detergent Dispensing Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/03b6c2d7-e5a8-47c4-9d21-20fcb70eb385_1952837054_6.png?v=1751536659",mimeType:"image/png"}}]},u={args:{data:s}},w={args:{data:{...s,items:s.items.slice(0,3),timeIdx:[{time:2.4,point:2.4,highlightIdx:0},{time:2.5,point:4.9,highlightIdx:1},{time:2.5,point:7.4,highlightIdx:2}]}}},v={args:{data:{...s,items:s.items.slice(0,4),timeIdx:[{time:2.4,point:2.4,highlightIdx:0},{time:2.5,point:4.9,highlightIdx:1},{time:2.5,point:7.4,highlightIdx:2},{time:2.8,point:10.2,highlightIdx:3}]}}},S={args:{data:s,className:"custom-tabs-with-media"},parameters:{docs:{description:{story:`
-\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A
-
-**\u6839\u5143\u7D20\uFF1A**
-- \`.tabs-with-media\` - \u7EC4\u4EF6\u6839\u5BB9\u5668
-
-**\u6807\u9898\u533A\u57DF\uFF1A**
-- \`.tabs-with-media__title\` - \u4E3B\u6807\u9898
-
-**\u6807\u7B7E\u9875\u533A\u57DF\uFF1A**
-- \`.tabs-with-media__tabs-wrapper\` - \u6807\u7B7E\u9875\u5916\u5C42\u5305\u88C5\u5668
-- \`.tabs-with-media__tabs-inner\` - \u6807\u7B7E\u9875\u5185\u5C42\u5BB9\u5668
-- \`.tabs-with-media__tabs-container\` - \u6807\u7B7E\u9875\u5BB9\u5668\uFF08\u5305\u542B\u6240\u6709\u6807\u7B7E\u9879\uFF09
-- \`.tabs-with-media__tab-item\` - \u5355\u4E2A\u6807\u7B7E\u9879\uFF08motion.div\uFF09
-- \`.tabs-with-media__tab-inner\` - \u6807\u7B7E\u9879\u5185\u5C42\u5BB9\u5668
-- \`.tabs-with-media__tab-content\` - \u6807\u7B7E\u9879\u5185\u5BB9\u5BB9\u5668
-- \`.tabs-with-media__tab-icon\` - \u6807\u7B7E\u56FE\u6807\u5BB9\u5668
-- \`.tabs-with-media__tab-icon-image\` - \u6807\u7B7E\u56FE\u6807\u56FE\u7247
-- \`.tabs-with-media__tab-text-wrapper\` - \u6807\u7B7E\u6587\u672C\u5305\u88C5\u5668
-- \`.tabs-with-media__tab-text\` - \u6807\u7B7E\u6587\u672C
-
-**\u63CF\u8FF0\u533A\u57DF\uFF1A**
-- \`.tabs-with-media__description-container\` - \u63CF\u8FF0\u533A\u57DF\u5916\u5C42\u5BB9\u5668
-- \`.tabs-with-media__description-swiper\` - \u63CF\u8FF0 Swiper \u5B9E\u4F8B
-- \`.tabs-with-media__description-slide\` - \u63CF\u8FF0\u6ED1\u5757
-- \`.tabs-with-media__description-content\` - \u63CF\u8FF0\u5185\u5BB9\u5BB9\u5668
-- \`.tabs-with-media__description-text\` - \u63CF\u8FF0\u6587\u672C
-
-**\u89C6\u9891\u533A\u57DF\uFF1A**
-- \`.tabs-with-media__video-wrapper\` - \u89C6\u9891\u5916\u5C42\u5BB9\u5668
-- \`.tabs-with-media__video\` - \u89C6\u9891\u5143\u7D20
-
-**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**
-\`\`\`css
-/* \u81EA\u5B9A\u4E49\u6807\u9898\u989C\u8272 */
-.tabs-with-media__title {
-  color: #ff6b6b;
-}
-
-/* \u81EA\u5B9A\u4E49\u6807\u7B7E\u9879\u60AC\u505C\u6548\u679C */
-.tabs-with-media__tab-item:hover .tabs-with-media__tab-icon {
-  transform: scale(1.1);
-  transition: transform 0.3s ease;
-}
-
-/* \u81EA\u5B9A\u4E49\u6D3B\u8DC3\u6807\u7B7E\u6837\u5F0F */
-.tabs-with-media__tab-content {
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-}
-
-/* \u81EA\u5B9A\u4E49\u63CF\u8FF0\u6587\u672C\u6837\u5F0F */
-.tabs-with-media__description-text {
-  font-weight: 500;
-  line-height: 1.8;
-}
-
-/* \u81EA\u5B9A\u4E49\u89C6\u9891\u5C3A\u5BF8 */
-.tabs-with-media__video {
-  max-height: 600px;
-}
-
-/* \u81EA\u5B9A\u4E49\u6807\u7B7E\u56FE\u6807\u80CC\u666F */
-.tabs-with-media__tab-icon {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-}
-\`\`\`
-        `}}}};
-//# sourceMappingURL=tabsWithMedia.stories.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/tabsWithMedia.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport TabsWithMedia from '../biz-components/TabsWithMedia/index.js'\nimport type { TabsWithMediaProps } from '../biz-components/TabsWithMedia/types.js'\n\nconst meta = {\n  title: 'Biz Components/TabsWithMedia',\n  component: TabsWithMedia,\n  parameters: {\n    layout: 'padded',\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        component: 'Tab \u5207\u6362\u5A92\u4F53\u5C55\u793A\u7EC4\u4EF6\uFF0C\u652F\u6301\u89C6\u9891\u81EA\u52A8\u5207\u6362 Tab\u3001Swiper \u5185\u5BB9\u5207\u6362\u3001\u52A8\u753B\u6548\u679C\uFF0C\u9002\u5408\u5C55\u793A\u591A\u4E2A\u529F\u80FD\u7279\u6027',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof TabsWithMedia>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: TabsWithMediaProps['data'] = {\n  title: 'All You Need, All-in-One',\n  poster: {\n    url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n    alt: 'All You Need, All-in-One',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n    mimeType: 'image/png',\n  },\n  video: {\n    url: 'https://cdn.shopify.com/videos/c/o/v/1478fa98828e4879890963a4c60fff14.mp4',\n    alt: 'All You Need, All-in-One Video',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n    mimeType: 'video/mp4',\n  },\n  mobvideo: {\n    url: 'https://cdn.shopify.com/videos/c/vp/b8cf80b388c54228860dd0bf1de7c36c/b8cf80b388c54228860dd0bf1de7c36c.SD-480p-0.9Mbps-50503406.mp4',\n    alt: 'All You Need, All-in-One Mobile Video',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n    mimeType: 'video/mp4',\n  },\n  items: [\n    {\n      tab: 'Self-Emptying',\n      desc: '3L dust bag supports up to 75 days of maintenance-free cleaning.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6a7e92ad-5be0-4ba1-a549-eb794a8cbdcb_Property_1_Self-Emptying.png?v=1751509824',\n        alt: 'Self-Emptying',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6a7e92ad-5be0-4ba1-a549-eb794a8cbdcb_Property_1_Self-Emptying.png?v=1751509824',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n        alt: 'Self-Emptying Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      tab: 'Self-Refilling',\n      desc: 'Features a 2.5L clean water tank, sufficient for 4 mopping sessions in a 2,000 sq ft house.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/98814790-6119-48d3-9518-3706103971ce_Property_1_Self-Refilling.png?v=1751509870',\n        alt: 'Self-Refilling',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/98814790-6119-48d3-9518-3706103971ce_Property_1_Self-Refilling.png?v=1751509870',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/62f8efdb-baa0-4b66-b0ce-e43ba80aaa93_1952837054_2.png?v=1751440082',\n        alt: 'Self-Refilling Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/62f8efdb-baa0-4b66-b0ce-e43ba80aaa93_1952837054_2.png?v=1751440082',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      tab: 'Self-Washing',\n      desc: 'Automatically washes the mop after each session.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/cb041a84-9e89-4844-ac1b-8fc6fff8f13c_Property_1_Self-Washing.png?v=1751509912',\n        alt: 'Self-Washing',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/cb041a84-9e89-4844-ac1b-8fc6fff8f13c_Property_1_Self-Washing.png?v=1751509912',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0506a613-f916-4bce-84ab-a3da4cd9078a_1952837054_4.png?v=1751440128',\n        alt: 'Self-Washing Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0506a613-f916-4bce-84ab-a3da4cd9078a_1952837054_4.png?v=1751440128',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      tab: 'Hot Air Drying',\n      desc: 'Intelligent 35-50\u00B0C (95-122\u00B0F) temperature control for efficient drying.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/074f6c07-dc85-44b1-9351-fcc8b3423f1f_Property_1_Hot_Air_Drying.png?v=1751509932',\n        alt: 'Hot Air Drying',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/074f6c07-dc85-44b1-9351-fcc8b3423f1f_Property_1_Hot_Air_Drying.png?v=1751509932',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/65e9ba72-06d6-49cb-90b4-27406c409567_1952837054_3.png?v=1751440106',\n        alt: 'Hot Air Drying Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/65e9ba72-06d6-49cb-90b4-27406c409567_1952837054_3.png?v=1751440106',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      tab: 'Wastewater Collection',\n      desc: '1.8L tank collects dirty water.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6f392913-919d-4842-9b40-a1736c3b1213_Property_1_Wastewater_Collection.png?v=1751509955',\n        alt: 'Wastewater Collection',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6f392913-919d-4842-9b40-a1736c3b1213_Property_1_Wastewater_Collection.png?v=1751509955',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/39b69bf4-e615-42b7-8eda-eaef031c79c4_1952837054_5.png?v=1751536624',\n        alt: 'Wastewater Collection Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/39b69bf4-e615-42b7-8eda-eaef031c79c4_1952837054_5.png?v=1751536624',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      tab: 'Automatic Detergent Dispensing',\n      desc: 'Automatically dispenses detergent, lasting up to  6 months.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/57d9d293-e511-40a5-a100-0763f7681ba6_Property_1_Automatic_Detergent_Dispensing.png?v=1751510012',\n        alt: 'Automatic Detergent Dispensing',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/57d9d293-e511-40a5-a100-0763f7681ba6_Property_1_Automatic_Detergent_Dispensing.png?v=1751510012',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/03b6c2d7-e5a8-47c4-9d21-20fcb70eb385_1952837054_6.png?v=1751536659',\n        alt: 'Automatic Detergent Dispensing Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/03b6c2d7-e5a8-47c4-9d21-20fcb70eb385_1952837054_6.png?v=1751536659',\n        mimeType: 'image/png',\n      },\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n}\n\nexport const ThreeItems: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.slice(0, 3),\n      timeIdx: [\n        { time: 2.4, point: 2.4, highlightIdx: 0 },\n        { time: 2.5, point: 4.9, highlightIdx: 1 },\n        { time: 2.5, point: 7.4, highlightIdx: 2 },\n      ],\n    },\n  },\n}\n\nexport const FourItems: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.slice(0, 4),\n      timeIdx: [\n        { time: 2.4, point: 2.4, highlightIdx: 0 },\n        { time: 2.5, point: 4.9, highlightIdx: 1 },\n        { time: 2.5, point: 7.4, highlightIdx: 2 },\n        { time: 2.8, point: 10.2, highlightIdx: 3 },\n      ],\n    },\n  },\n}\n\nexport const WithCustomStyles: Story = {\n  args: {\n    data: defaultData,\n    className: 'custom-tabs-with-media',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n**\u6839\u5143\u7D20\uFF1A**\n- \\`.tabs-with-media\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n\n**\u6807\u9898\u533A\u57DF\uFF1A**\n- \\`.tabs-with-media__title\\` - \u4E3B\u6807\u9898\n\n**\u6807\u7B7E\u9875\u533A\u57DF\uFF1A**\n- \\`.tabs-with-media__tabs-wrapper\\` - \u6807\u7B7E\u9875\u5916\u5C42\u5305\u88C5\u5668\n- \\`.tabs-with-media__tabs-inner\\` - \u6807\u7B7E\u9875\u5185\u5C42\u5BB9\u5668\n- \\`.tabs-with-media__tabs-container\\` - \u6807\u7B7E\u9875\u5BB9\u5668\uFF08\u5305\u542B\u6240\u6709\u6807\u7B7E\u9879\uFF09\n- \\`.tabs-with-media__tab-item\\` - \u5355\u4E2A\u6807\u7B7E\u9879\uFF08motion.div\uFF09\n- \\`.tabs-with-media__tab-inner\\` - \u6807\u7B7E\u9879\u5185\u5C42\u5BB9\u5668\n- \\`.tabs-with-media__tab-content\\` - \u6807\u7B7E\u9879\u5185\u5BB9\u5BB9\u5668\n- \\`.tabs-with-media__tab-icon\\` - \u6807\u7B7E\u56FE\u6807\u5BB9\u5668\n- \\`.tabs-with-media__tab-icon-image\\` - \u6807\u7B7E\u56FE\u6807\u56FE\u7247\n- \\`.tabs-with-media__tab-text-wrapper\\` - \u6807\u7B7E\u6587\u672C\u5305\u88C5\u5668\n- \\`.tabs-with-media__tab-text\\` - \u6807\u7B7E\u6587\u672C\n\n**\u63CF\u8FF0\u533A\u57DF\uFF1A**\n- \\`.tabs-with-media__description-container\\` - \u63CF\u8FF0\u533A\u57DF\u5916\u5C42\u5BB9\u5668\n- \\`.tabs-with-media__description-swiper\\` - \u63CF\u8FF0 Swiper \u5B9E\u4F8B\n- \\`.tabs-with-media__description-slide\\` - \u63CF\u8FF0\u6ED1\u5757\n- \\`.tabs-with-media__description-content\\` - \u63CF\u8FF0\u5185\u5BB9\u5BB9\u5668\n- \\`.tabs-with-media__description-text\\` - \u63CF\u8FF0\u6587\u672C\n\n**\u89C6\u9891\u533A\u57DF\uFF1A**\n- \\`.tabs-with-media__video-wrapper\\` - \u89C6\u9891\u5916\u5C42\u5BB9\u5668\n- \\`.tabs-with-media__video\\` - \u89C6\u9891\u5143\u7D20\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u989C\u8272 */\n.tabs-with-media__title {\n  color: #ff6b6b;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u7B7E\u9879\u60AC\u505C\u6548\u679C */\n.tabs-with-media__tab-item:hover .tabs-with-media__tab-icon {\n  transform: scale(1.1);\n  transition: transform 0.3s ease;\n}\n\n/* \u81EA\u5B9A\u4E49\u6D3B\u8DC3\u6807\u7B7E\u6837\u5F0F */\n.tabs-with-media__tab-content {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n/* \u81EA\u5B9A\u4E49\u63CF\u8FF0\u6587\u672C\u6837\u5F0F */\n.tabs-with-media__description-text {\n  font-weight: 500;\n  line-height: 1.8;\n}\n\n/* \u81EA\u5B9A\u4E49\u89C6\u9891\u5C3A\u5BF8 */\n.tabs-with-media__video {\n  max-height: 600px;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u7B7E\u56FE\u6807\u80CC\u666F */\n.tabs-with-media__tab-icon {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,cAAAC,EAAA,eAAAC,EAAA,qBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAAA,IAAAQ,EAAkB,iBAElBC,EAA0B,uDAG1B,MAAMC,EAAO,CACX,MAAO,+BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,SACR,YAAa,CACX,QAAS,MACX,EACA,KAAM,CACJ,YAAa,CACX,UAAW,qPACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQI,EAIf,MAAME,EAA0C,CAC9C,MAAO,2BACP,OAAQ,CACN,IAAK,0HACL,IAAK,2BACL,aACE,0HACF,SAAU,WACZ,EACA,MAAO,CACL,IAAK,4EACL,IAAK,iCACL,aACE,0HACF,SAAU,WACZ,EACA,SAAU,CACR,IAAK,qIACL,IAAK,wCACL,aACE,0HACF,SAAU,WACZ,EACA,MAAO,CACL,CACE,IAAK,gBACL,KAAM,mEACN,KAAM,CACJ,IAAK,wIACL,IAAK,gBACL,aACE,wIACF,SAAU,WACZ,EACA,OAAQ,CACN,IAAK,0HACL,IAAK,uBACL,aACE,0HACF,SAAU,WACZ,CACF,EACA,CACE,IAAK,iBACL,KAAM,8FACN,KAAM,CACJ,IAAK,yIACL,IAAK,iBACL,aACE,yIACF,SAAU,WACZ,EACA,OAAQ,CACN,IAAK,4HACL,IAAK,wBACL,aACE,4HACF,SAAU,WACZ,CACF,EACA,CACE,IAAK,eACL,KAAM,mDACN,KAAM,CACJ,IAAK,uIACL,IAAK,eACL,aACE,uIACF,SAAU,WACZ,EACA,OAAQ,CACN,IAAK,4HACL,IAAK,sBACL,aACE,4HACF,SAAU,WACZ,CACF,EACA,CACE,IAAK,iBACL,KAAM,iFACN,KAAM,CACJ,IAAK,yIACL,IAAK,iBACL,aACE,yIACF,SAAU,WACZ,EACA,OAAQ,CACN,IAAK,4HACL,IAAK,wBACL,aACE,4HACF,SAAU,WACZ,CACF,EACA,CACE,IAAK,wBACL,KAAM,kCACN,KAAM,CACJ,IAAK,gJACL,IAAK,wBACL,aACE,gJACF,SAAU,WACZ,EACA,OAAQ,CACN,IAAK,4HACL,IAAK,+BACL,aACE,4HACF,SAAU,WACZ,CACF,EACA,CACE,IAAK,iCACL,KAAM,8DACN,KAAM,CACJ,IAAK,yJACL,IAAK,iCACL,aACE,yJACF,SAAU,WACZ,EACA,OAAQ,CACN,IAAK,4HACL,IAAK,wCACL,aACE,4HACF,SAAU,WACZ,CACF,CACF,CACF,EAEaV,EAAiB,CAC5B,KAAM,CACJ,KAAMU,CACR,CACF,EAEaR,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,GAAGQ,EACH,MAAOA,EAAY,MAAM,MAAM,EAAG,CAAC,EACnC,QAAS,CACP,CAAE,KAAM,IAAK,MAAO,IAAK,aAAc,CAAE,EACzC,CAAE,KAAM,IAAK,MAAO,IAAK,aAAc,CAAE,EACzC,CAAE,KAAM,IAAK,MAAO,IAAK,aAAc,CAAE,CAC3C,CACF,CACF,CACF,EAEaT,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGS,EACH,MAAOA,EAAY,MAAM,MAAM,EAAG,CAAC,EACnC,QAAS,CACP,CAAE,KAAM,IAAK,MAAO,IAAK,aAAc,CAAE,EACzC,CAAE,KAAM,IAAK,MAAO,IAAK,aAAc,CAAE,EACzC,CAAE,KAAM,IAAK,MAAO,IAAK,aAAc,CAAE,EACzC,CAAE,KAAM,IAAK,MAAO,KAAM,aAAc,CAAE,CAC5C,CACF,CACF,CACF,EAEaP,EAA0B,CACrC,KAAM,CACJ,KAAMO,EACN,UAAW,wBACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAmET,CACF,CACF,CACF",
-  "names": ["tabsWithMedia_stories_exports", "__export", "Default", "FourItems", "ThreeItems", "WithCustomStyles", "tabsWithMedia_stories_default", "__toCommonJS", "import_react", "import_TabsWithMedia", "meta", "TabsWithMedia", "defaultData"]
-}

package/dist/cjs/stories/videoFeature.stories.js

@@ -1,56 +0,0 @@
-"use strict";var f=Object.create;var t=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var u=(e,o)=>{for(var a in o)t(e,a,{get:o[a],enumerable:!0})},r=(e,o,a,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of n(o))!m.call(e,i)&&i!==a&&t(e,i,{get:()=>o[i],enumerable:!(s=l(o,i))||s.enumerable});return e};var b=(e,o,a)=>(a=e!=null?f(c(e)):{},r(o||!e||!e.__esModule?t(a,"default",{value:e,enumerable:!0}):a,e)),v=e=>r(t({},"__esModule",{value:!0}),e);var x={};u(x,{Default:()=>g,DesktopOnly:()=>D,WithCustomStyles:()=>T,WithoutPosters:()=>S,WithoutSubtitle:()=>y,default:()=>_});module.exports=v(x);var R=require("react"),p=b(require("../biz-components/VideoFeature/index.js"));const h={title:"Biz Components/VideoFeature",component:p.default,parameters:{layout:"padded",backgrounds:{default:"dark"},docs:{description:{component:"\u89C6\u9891\u7279\u6027\u5C55\u793A\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u5C55\u793A\u4EA7\u54C1\u89C6\u9891\u548C\u63CF\u8FF0\uFF0C\u652F\u6301\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u4E0D\u540C\u89C6\u9891\uFF0C\u5E26\u61D2\u52A0\u8F7D\u529F\u80FD"}}},tags:["autodocs"]};var _=h;const d={title:"DuoSpiral\u2122 Detangle Brushes",poster:{url:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",alt:"DuoSpiral\u2122 Detangle Brushes",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",mimeType:"image/png"},subtitle:"DuoSpiral\u2122 brushes prevent hair from getting tangled for a hassle-free cleaning experience.",video:{url:"https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4",alt:"DuoSpiral\u2122 Detangle Brushes Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",mimeType:"video/mp4"},mobPoster:{url:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811",alt:"DuoSpiral\u2122 Detangle Brushes Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811",mimeType:"image/png"},mobvideo:{url:"https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4",alt:"DuoSpiral\u2122 Detangle Brushes Mobile Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811",mimeType:"video/mp4"}},g={args:{data:d}},y={args:{data:{title:"DuoSpiral\u2122 Detangle Brushes",poster:{url:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",alt:"DuoSpiral\u2122 Detangle Brushes",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",mimeType:"image/png"},video:{url:"https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4",alt:"DuoSpiral\u2122 Detangle Brushes Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",mimeType:"video/mp4"},mobPoster:{url:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811",alt:"DuoSpiral\u2122 Detangle Brushes Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811",mimeType:"image/png"},mobvideo:{url:"https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4",alt:"DuoSpiral\u2122 Detangle Brushes Mobile Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811",mimeType:"video/mp4"}}}},D={args:{data:{title:"Advanced Cleaning Technology",subtitle:"Experience powerful cleaning with our latest innovation.",poster:{url:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",alt:"Advanced Cleaning Technology",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",mimeType:"image/png"},video:{url:"https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4",alt:"Advanced Cleaning Technology Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",mimeType:"video/mp4"}}}},S={args:{data:{title:"DuoSpiral\u2122 Detangle Brushes",subtitle:"DuoSpiral\u2122 brushes prevent hair from getting tangled for a hassle-free cleaning experience.",video:{url:"https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4",alt:"DuoSpiral\u2122 Detangle Brushes Video",thumbnailURL:"",mimeType:"video/mp4"},mobvideo:{url:"https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4",alt:"DuoSpiral\u2122 Detangle Brushes Mobile Video",thumbnailURL:"",mimeType:"video/mp4"}}}},T={args:{data:d,className:"custom-video-feature"},parameters:{docs:{description:{story:`
-\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236:
-
-**\u6839\u5143\u7D20:**
-- \`.video-feature\` - \u7EC4\u4EF6\u6839\u5BB9\u5668
-
-**\u6807\u9898\u533A\u57DF:**
-- \`.video-feature__title\` - \u4E3B\u6807\u9898
-- \`.video-feature__subtitle\` - \u526F\u6807\u9898
-
-**\u89C6\u9891\u533A\u57DF:**
-- \`.video-feature__video-wrapper\` - \u89C6\u9891\u5916\u5C42\u5BB9\u5668
-- \`.video-feature__desktop-video-container\` - \u684C\u9762\u7AEF\u89C6\u9891\u5BB9\u5668
-- \`.video-feature__mobile-video-container\` - \u79FB\u52A8\u7AEF\u89C6\u9891\u5BB9\u5668
-- \`.video-feature__video\` - \u89C6\u9891\u5143\u7D20
-- \`.video-feature__video--desktop\` - \u684C\u9762\u7AEF\u89C6\u9891\u4FEE\u9970\u7B26
-- \`.video-feature__video--mobile\` - \u79FB\u52A8\u7AEF\u89C6\u9891\u4FEE\u9970\u7B26
-
-**\u793A\u4F8B CSS \u7528\u6CD5:**
-\`\`\`css
-/* \u81EA\u5B9A\u4E49\u6839\u5BB9\u5668\u80CC\u666F */
-.video-feature {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  padding: 48px;
-}
-
-/* \u81EA\u5B9A\u4E49\u6807\u9898\u989C\u8272 */
-.video-feature__title {
-  color: #fbbf24;
-  font-weight: 800;
-}
-
-/* \u81EA\u5B9A\u4E49\u526F\u6807\u9898\u6837\u5F0F */
-.video-feature__subtitle {
-  color: #e5e7eb;
-  opacity: 0.9;
-}
-
-/* \u81EA\u5B9A\u4E49\u89C6\u9891\u5BB9\u5668\u9634\u5F71 */
-.video-feature__video-wrapper {
-  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
-}
-
-/* \u81EA\u5B9A\u4E49\u89C6\u9891\u60AC\u505C\u6548\u679C */
-.video-feature__video:hover {
-  transform: scale(1.02);
-  transition: transform 0.3s ease;
-}
-
-/* \u81EA\u5B9A\u4E49\u684C\u9762\u7AEF\u89C6\u9891\u8FB9\u6846 */
-.video-feature__video--desktop {
-  border: 2px solid rgba(255, 255, 255, 0.2);
-}
-\`\`\`
-        `}}}};
-//# sourceMappingURL=videoFeature.stories.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/videoFeature.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport VideoFeature from '../biz-components/VideoFeature/index.js'\nimport type { VideoFeatureProps } from '../biz-components/VideoFeature/types.js'\n\nconst meta = {\n  title: 'Biz Components/VideoFeature',\n  component: VideoFeature,\n  parameters: {\n    layout: 'padded',\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        component: '\u89C6\u9891\u7279\u6027\u5C55\u793A\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u5C55\u793A\u4EA7\u54C1\u89C6\u9891\u548C\u63CF\u8FF0\uFF0C\u652F\u6301\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u4E0D\u540C\u89C6\u9891\uFF0C\u5E26\u61D2\u52A0\u8F7D\u529F\u80FD',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof VideoFeature>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: VideoFeatureProps['data'] = {\n  title: 'DuoSpiral\u2122 Detangle Brushes',\n  poster: {\n    url: 'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n    alt: 'DuoSpiral\u2122 Detangle Brushes',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n    mimeType: 'image/png',\n  },\n  subtitle: 'DuoSpiral\u2122 brushes prevent hair from getting tangled for a hassle-free cleaning experience.',\n  video: {\n    url: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n    alt: 'DuoSpiral\u2122 Detangle Brushes Video',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n    mimeType: 'video/mp4',\n  },\n  mobPoster: {\n    url: 'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n    alt: 'DuoSpiral\u2122 Detangle Brushes Mobile',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n    mimeType: 'image/png',\n  },\n  mobvideo: {\n    url: 'https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4',\n    alt: 'DuoSpiral\u2122 Detangle Brushes Mobile Video',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n    mimeType: 'video/mp4',\n  },\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n}\n\nexport const WithoutSubtitle: Story = {\n  args: {\n    data: {\n      title: 'DuoSpiral\u2122 Detangle Brushes',\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n        alt: 'DuoSpiral\u2122 Detangle Brushes',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n        mimeType: 'image/png',\n      },\n      video: {\n        url: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n        alt: 'DuoSpiral\u2122 Detangle Brushes Video',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n        mimeType: 'video/mp4',\n      },\n      mobPoster: {\n        url: 'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n        alt: 'DuoSpiral\u2122 Detangle Brushes Mobile',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n        mimeType: 'image/png',\n      },\n      mobvideo: {\n        url: 'https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4',\n        alt: 'DuoSpiral\u2122 Detangle Brushes Mobile Video',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n        mimeType: 'video/mp4',\n      },\n    },\n  },\n}\n\nexport const DesktopOnly: Story = {\n  args: {\n    data: {\n      title: 'Advanced Cleaning Technology',\n      subtitle: 'Experience powerful cleaning with our latest innovation.',\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n        alt: 'Advanced Cleaning Technology',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n        mimeType: 'image/png',\n      },\n      video: {\n        url: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n        alt: 'Advanced Cleaning Technology Video',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n        mimeType: 'video/mp4',\n      },\n    },\n  },\n}\n\nexport const WithoutPosters: Story = {\n  args: {\n    data: {\n      title: 'DuoSpiral\u2122 Detangle Brushes',\n      subtitle: 'DuoSpiral\u2122 brushes prevent hair from getting tangled for a hassle-free cleaning experience.',\n      video: {\n        url: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n        alt: 'DuoSpiral\u2122 Detangle Brushes Video',\n        thumbnailURL: '',\n        mimeType: 'video/mp4',\n      },\n      mobvideo: {\n        url: 'https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4',\n        alt: 'DuoSpiral\u2122 Detangle Brushes Mobile Video',\n        thumbnailURL: '',\n        mimeType: 'video/mp4',\n      },\n    },\n  },\n}\n\nexport const WithCustomStyles: Story = {\n  args: {\n    data: defaultData,\n    className: 'custom-video-feature',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236:\n\n**\u6839\u5143\u7D20:**\n- \\`.video-feature\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n\n**\u6807\u9898\u533A\u57DF:**\n- \\`.video-feature__title\\` - \u4E3B\u6807\u9898\n- \\`.video-feature__subtitle\\` - \u526F\u6807\u9898\n\n**\u89C6\u9891\u533A\u57DF:**\n- \\`.video-feature__video-wrapper\\` - \u89C6\u9891\u5916\u5C42\u5BB9\u5668\n- \\`.video-feature__desktop-video-container\\` - \u684C\u9762\u7AEF\u89C6\u9891\u5BB9\u5668\n- \\`.video-feature__mobile-video-container\\` - \u79FB\u52A8\u7AEF\u89C6\u9891\u5BB9\u5668\n- \\`.video-feature__video\\` - \u89C6\u9891\u5143\u7D20\n- \\`.video-feature__video--desktop\\` - \u684C\u9762\u7AEF\u89C6\u9891\u4FEE\u9970\u7B26\n- \\`.video-feature__video--mobile\\` - \u79FB\u52A8\u7AEF\u89C6\u9891\u4FEE\u9970\u7B26\n\n**\u793A\u4F8B CSS \u7528\u6CD5:**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u6839\u5BB9\u5668\u80CC\u666F */\n.video-feature {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  padding: 48px;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u989C\u8272 */\n.video-feature__title {\n  color: #fbbf24;\n  font-weight: 800;\n}\n\n/* \u81EA\u5B9A\u4E49\u526F\u6807\u9898\u6837\u5F0F */\n.video-feature__subtitle {\n  color: #e5e7eb;\n  opacity: 0.9;\n}\n\n/* \u81EA\u5B9A\u4E49\u89C6\u9891\u5BB9\u5668\u9634\u5F71 */\n.video-feature__video-wrapper {\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n}\n\n/* \u81EA\u5B9A\u4E49\u89C6\u9891\u60AC\u505C\u6548\u679C */\n.video-feature__video:hover {\n  transform: scale(1.02);\n  transition: transform 0.3s ease;\n}\n\n/* \u81EA\u5B9A\u4E49\u684C\u9762\u7AEF\u89C6\u9891\u8FB9\u6846 */\n.video-feature__video--desktop {\n  border: 2px solid rgba(255, 255, 255, 0.2);\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,gBAAAC,EAAA,qBAAAC,EAAA,mBAAAC,EAAA,oBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAR,GAAA,IAAAS,EAAkB,iBAElBC,EAAyB,sDAGzB,MAAMC,EAAO,CACX,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,SACR,YAAa,CACX,QAAS,MACX,EACA,KAAM,CACJ,YAAa,CACX,UAAW,wPACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQI,EAIf,MAAME,EAAyC,CAC7C,MAAO,mCACP,OAAQ,CACN,IAAK,8HACL,IAAK,mCACL,aACE,8HACF,SAAU,WACZ,EACA,SAAU,mGACV,MAAO,CACL,IAAK,4EACL,IAAK,yCACL,aACE,8HACF,SAAU,WACZ,EACA,UAAW,CACT,IAAK,8HACL,IAAK,0CACL,aACE,8HACF,SAAU,WACZ,EACA,SAAU,CACR,IAAK,4EACL,IAAK,gDACL,aACE,8HACF,SAAU,WACZ,CACF,EAEaX,EAAiB,CAC5B,KAAM,CACJ,KAAMW,CACR,CACF,EAEaP,EAAyB,CACpC,KAAM,CACJ,KAAM,CACJ,MAAO,mCACP,OAAQ,CACN,IAAK,8HACL,IAAK,mCACL,aACE,8HACF,SAAU,WACZ,EACA,MAAO,CACL,IAAK,4EACL,IAAK,yCACL,aACE,8HACF,SAAU,WACZ,EACA,UAAW,CACT,IAAK,8HACL,IAAK,0CACL,aACE,8HACF,SAAU,WACZ,EACA,SAAU,CACR,IAAK,4EACL,IAAK,gDACL,aACE,8HACF,SAAU,WACZ,CACF,CACF,CACF,EAEaH,EAAqB,CAChC,KAAM,CACJ,KAAM,CACJ,MAAO,+BACP,SAAU,2DACV,OAAQ,CACN,IAAK,8HACL,IAAK,+BACL,aACE,8HACF,SAAU,WACZ,EACA,MAAO,CACL,IAAK,4EACL,IAAK,qCACL,aACE,8HACF,SAAU,WACZ,CACF,CACF,CACF,EAEaE,EAAwB,CACnC,KAAM,CACJ,KAAM,CACJ,MAAO,mCACP,SAAU,mGACV,MAAO,CACL,IAAK,4EACL,IAAK,yCACL,aAAc,GACd,SAAU,WACZ,EACA,SAAU,CACR,IAAK,4EACL,IAAK,gDACL,aAAc,GACd,SAAU,WACZ,CACF,CACF,CACF,EAEaD,EAA0B,CACrC,KAAM,CACJ,KAAMS,EACN,UAAW,sBACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAuDT,CACF,CACF,CACF",
-  "names": ["videoFeature_stories_exports", "__export", "Default", "DesktopOnly", "WithCustomStyles", "WithoutPosters", "WithoutSubtitle", "videoFeature_stories_default", "__toCommonJS", "import_react", "import_VideoFeature", "meta", "VideoFeature", "defaultData"]
-}

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

@@ -1,22 +0,0 @@
-import * as React from 'react';
-/**
- * AnchorNavigation 业务组件数据接口
- */
-export interface AnchorNavigationData {
-    /** 锚点列表 */
-    sectionIds: {
-        id: string;
-        label: string;
-    }[];
-}
-export interface AnchorNavigationProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** 业务数据 */
-    data: AnchorNavigationData;
-}
-/**
- * AnchorNavigation - 锚点导航
- *
- * @description 锚点导航
- */
-declare const AnchorNavigation: React.ForwardRefExoticComponent<AnchorNavigationProps & React.RefAttributes<HTMLDivElement>>;
-export default AnchorNavigation;

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

@@ -1,2 +0,0 @@
-"use client";import{jsx as r}from"react/jsx-runtime";import*as n from"react";import{cn as l}from"../../helpers/utils.js";import{Container as h}from"../../components/container.js";import g from"./useAnchorPosition.js";const f=n.forwardRef(({className:d,data:a,...b},m)=>{const u=g(a.sectionIds?.map(t=>t.id)||[]),i=n.useRef(null),s=n.useRef([]),p=n.useCallback(t=>{const e=s.current[t];if(e&&i.current){const o=i.current,c=e,v=c.offsetLeft-o.offsetWidth/2+c.offsetWidth/2;o.scrollTo({left:v,behavior:"smooth"})}},[]);return r("div",{ref:m,className:l("sticky top-0 z-10 w-full bg-white",d),...b,children:r(h,{children:r("div",{ref:i,className:"anchor-navigation-content desktop:gap-6 flex items-center gap-4 overflow-x-auto [&::-webkit-scrollbar]:hidden",children:a.sectionIds?.map((t,e)=>r("button",{ref:o=>{o&&(s.current[e]=o)},onClick:()=>{p(e),document.getElementById(t.id)?.scrollIntoView({behavior:"smooth"})},className:l("anchor-navigation-item desktop:py-4 shrink-0 border-b-4 border-b-transparent py-3 text-base font-bold text-[#4A4C56]",{"border-b-brand text-[#080A0F]":u===t.id}),children:t.label},t.id))})})})});f.displayName="AnchorNavigation";var R=f;export{R as default};
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/AnchorNavigation/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { Container } from '../../components/container.js'\nimport useAnchorPosition from './useAnchorPosition.js'\n/**\n * AnchorNavigation \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface AnchorNavigationData {\n  /** \u951A\u70B9\u5217\u8868 */\n  sectionIds: {\n    id: string\n    label: string\n  }[]\n}\n\nexport interface AnchorNavigationProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: AnchorNavigationData\n}\n\n/**\n * AnchorNavigation - \u951A\u70B9\u5BFC\u822A\n *\n * @description \u951A\u70B9\u5BFC\u822A\n */\nconst AnchorNavigation = React.forwardRef<HTMLDivElement, AnchorNavigationProps>(\n  ({ className, data, ...props }, ref) => {\n    const activeId = useAnchorPosition(data.sectionIds?.map(item => item.id) || [])\n    const containerRef = React.useRef<HTMLDivElement>(null)\n    const sectionRefs = React.useRef<HTMLButtonElement[]>([])\n\n    const autoScrollToActiveItem = React.useCallback((activeIdIndex: number) => {\n      const curRef = sectionRefs.current[activeIdIndex]\n\n      if (curRef && containerRef.current) {\n        const container = containerRef.current\n        const button = curRef\n        const scrollLeft = button.offsetLeft - container.offsetWidth / 2 + button.offsetWidth / 2\n\n        container.scrollTo({\n          left: scrollLeft,\n          behavior: 'smooth',\n        })\n      }\n    }, [])\n\n    return (\n      <div ref={ref} className={cn('sticky top-0 z-10 w-full bg-white', className)} {...props}>\n        <Container>\n          <div\n            ref={containerRef}\n            className=\"anchor-navigation-content desktop:gap-6 flex items-center gap-4 overflow-x-auto [&::-webkit-scrollbar]:hidden\"\n          >\n            {data.sectionIds?.map((item, index) => (\n              <button\n                key={item.id}\n                ref={el => {\n                  if (el) {\n                    sectionRefs.current[index] = el\n                  }\n                }}\n                onClick={() => {\n                  autoScrollToActiveItem(index)\n                  document.getElementById(item.id)?.scrollIntoView({ behavior: 'smooth' })\n                }}\n                className={cn(\n                  'anchor-navigation-item desktop:py-4 shrink-0 border-b-4 border-b-transparent py-3 text-base font-bold text-[#4A4C56]',\n                  {\n                    'border-b-brand text-[#080A0F]': activeId === item.id,\n                  }\n                )}\n              >\n                {item.label}\n              </button>\n            ))}\n          </div>\n        </Container>\n      </div>\n    )\n  }\n)\n\nAnchorNavigation.displayName = 'AnchorNavigation'\nexport default AnchorNavigation\n"],
-  "mappings": "aAwDc,cAAAA,MAAA,oBAtDd,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,yBACnB,OAAS,aAAAC,MAAiB,gCAC1B,OAAOC,MAAuB,yBAsB9B,MAAMC,EAAmBJ,EAAM,WAC7B,CAAC,CAAE,UAAAK,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAGC,IAAQ,CACtC,MAAMC,EAAWN,EAAkBG,EAAK,YAAY,IAAII,GAAQA,EAAK,EAAE,GAAK,CAAC,CAAC,EACxEC,EAAeX,EAAM,OAAuB,IAAI,EAChDY,EAAcZ,EAAM,OAA4B,CAAC,CAAC,EAElDa,EAAyBb,EAAM,YAAac,GAA0B,CAC1E,MAAMC,EAASH,EAAY,QAAQE,CAAa,EAEhD,GAAIC,GAAUJ,EAAa,QAAS,CAClC,MAAMK,EAAYL,EAAa,QACzBM,EAASF,EACTG,EAAaD,EAAO,WAAaD,EAAU,YAAc,EAAIC,EAAO,YAAc,EAExFD,EAAU,SAAS,CACjB,KAAME,EACN,SAAU,QACZ,CAAC,CACH,CACF,EAAG,CAAC,CAAC,EAEL,OACEnB,EAAC,OAAI,IAAKS,EAAK,UAAWP,EAAG,oCAAqCI,CAAS,EAAI,GAAGE,EAChF,SAAAR,EAACG,EAAA,CACC,SAAAH,EAAC,OACC,IAAKY,EACL,UAAU,gHAET,SAAAL,EAAK,YAAY,IAAI,CAACI,EAAMS,IAC3BpB,EAAC,UAEC,IAAKqB,GAAM,CACLA,IACFR,EAAY,QAAQO,CAAK,EAAIC,EAEjC,EACA,QAAS,IAAM,CACbP,EAAuBM,CAAK,EAC5B,SAAS,eAAeT,EAAK,EAAE,GAAG,eAAe,CAAE,SAAU,QAAS,CAAC,CACzE,EACA,UAAWT,EACT,uHACA,CACE,gCAAiCQ,IAAaC,EAAK,EACrD,CACF,EAEC,SAAAA,EAAK,OAjBDA,EAAK,EAkBZ,CACD,EACH,EACF,EACF,CAEJ,CACF,EAEAN,EAAiB,YAAc,mBAC/B,IAAOiB,EAAQjB",
-  "names": ["jsx", "React", "cn", "Container", "useAnchorPosition", "AnchorNavigation", "className", "data", "props", "ref", "activeId", "item", "containerRef", "sectionRefs", "autoScrollToActiveItem", "activeIdIndex", "curRef", "container", "button", "scrollLeft", "index", "el", "AnchorNavigation_default"]
-}

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

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

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

@@ -1,2 +0,0 @@
-import{useState as f,useEffect as u}from"react";import{debounce as a}from"es-toolkit";const w=(o,t=100)=>{const[i,s]=f("");return u(()=>{const n=()=>{const d=Math.ceil(window.scrollY+t+10);for(let e=o.length-1;e>=0;e--){const c=document.getElementById(o[e]);if(c){const r=Math.ceil(c.getBoundingClientRect().top+window.scrollY);if(console.log(r,"offsetTop"),d>=r){s(o[e]);break}}}};n();const l=a(n,50);return window.addEventListener("scroll",l),()=>{window.removeEventListener("scroll",l)}},[o,t]),i};var p=w;export{p as default};
-//# sourceMappingURL=useAnchorPosition.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/AnchorNavigation/useAnchorPosition.tsx"],
-  "sourcesContent": ["import { useState, useEffect } from 'react'\nimport { debounce } from 'es-toolkit'\n\nconst useAnchorPosition = (sectionIds: string[], offset = 100) => {\n  const [activeId, setActiveId] = useState('')\n\n  useEffect(() => {\n    const handleScroll = () => {\n      const scrollPosition = Math.ceil(window.scrollY + offset + 10)\n\n      // \u904D\u5386\u6240\u6709section\uFF0C\u627E\u5230\u5F53\u524D\u53EF\u89C6\u533A\u57DF\u5185\u7684section\n      for (let i = sectionIds.length - 1; i >= 0; i--) {\n        const section = document.getElementById(sectionIds[i])\n        if (section) {\n          const offsetTop = Math.ceil(section.getBoundingClientRect().top + window.scrollY)\n          console.log(offsetTop, 'offsetTop')\n          if (scrollPosition >= offsetTop) {\n            setActiveId(sectionIds[i])\n            break\n          }\n        }\n      }\n    }\n\n    // \u521D\u59CB\u5316\u65F6\u6267\u884C\u4E00\u6B21\n    handleScroll()\n\n    // \u521B\u5EFAdebounce\u51FD\u6570\u5E76\u4FDD\u5B58\u5F15\u7528\uFF0C\u786E\u4FDD\u80FD\u6B63\u786E\u79FB\u9664\u76D1\u542C\u5668\n    const debouncedHandleScroll = debounce(handleScroll, 50)\n    window.addEventListener('scroll', debouncedHandleScroll)\n\n    return () => {\n      window.removeEventListener('scroll', debouncedHandleScroll)\n    }\n  }, [sectionIds, offset])\n\n  return activeId\n}\n\nexport default useAnchorPosition\n"],
-  "mappings": "AAAA,OAAS,YAAAA,EAAU,aAAAC,MAAiB,QACpC,OAAS,YAAAC,MAAgB,aAEzB,MAAMC,EAAoB,CAACC,EAAsBC,EAAS,MAAQ,CAChE,KAAM,CAACC,EAAUC,CAAW,EAAIP,EAAS,EAAE,EAE3C,OAAAC,EAAU,IAAM,CACd,MAAMO,EAAe,IAAM,CACzB,MAAMC,EAAiB,KAAK,KAAK,OAAO,QAAUJ,EAAS,EAAE,EAG7D,QAASK,EAAIN,EAAW,OAAS,EAAGM,GAAK,EAAGA,IAAK,CAC/C,MAAMC,EAAU,SAAS,eAAeP,EAAWM,CAAC,CAAC,EACrD,GAAIC,EAAS,CACX,MAAMC,EAAY,KAAK,KAAKD,EAAQ,sBAAsB,EAAE,IAAM,OAAO,OAAO,EAEhF,GADA,QAAQ,IAAIC,EAAW,WAAW,EAC9BH,GAAkBG,EAAW,CAC/BL,EAAYH,EAAWM,CAAC,CAAC,EACzB,KACF,CACF,CACF,CACF,EAGAF,EAAa,EAGb,MAAMK,EAAwBX,EAASM,EAAc,EAAE,EACvD,cAAO,iBAAiB,SAAUK,CAAqB,EAEhD,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAqB,CAC5D,CACF,EAAG,CAACT,EAAYC,CAAM,CAAC,EAEhBC,CACT,EAEA,IAAOQ,EAAQX",
-  "names": ["useState", "useEffect", "debounce", "useAnchorPosition", "sectionIds", "offset", "activeId", "setActiveId", "handleScroll", "scrollPosition", "i", "section", "offsetTop", "debouncedHandleScroll", "useAnchorPosition_default"]
-}

package/dist/esm/biz-components/BuyOneGetOneShelf/ProductCard.d.ts

@@ -1,83 +0,0 @@
-import * as React from 'react';
-/**
- * 产品标签接口
- */
-export interface ProductTag {
-    /** 标签文本 */
-    text: string;
-    /** 标签类型 */
-    type?: 'discount' | 'new' | 'default';
-    /** 标签样式变体 */
-    variant?: 'filled' | 'outlined';
-}
-/**
- * 免费赠品接口
- */
-export interface FreeGift {
-    /** 赠品ID */
-    id: string;
-    /** 赠品图片URL */
-    image: string;
-    /** 赠品名称 */
-    name: string;
-    /** 原价 */
-    originalPrice: string;
-    /** 现价（通常为Free） */
-    currentPrice: string;
-    /** 是否为新品 */
-    isNew?: boolean;
-    /** 是否被选中 */
-    selected?: boolean;
-}
-/**
- * 产品卡片数据接口
- */
-export interface ProductCardData {
-    /** 产品图片URL */
-    image: string;
-    /** 产品标签列表 */
-    tags?: ProductTag[];
-    /** 产品名称 */
-    name: string;
-    /** 产品描述 */
-    description: string;
-    /** 免费赠品说明文字 */
-    freeGiftLabel?: string;
-    /** 免费赠品列表 */
-    freeGifts?: FreeGift[];
-    /** 赠品选择模式：单选或多选 */
-    giftSelectionMode?: 'single' | 'multiple';
-    /** 当前价格 */
-    currentPrice: string;
-    /** 原价 */
-    originalPrice?: string;
-    /** Learn More按钮文本 */
-    learnMoreText?: string;
-    /** Shop Now按钮文本 */
-    shopNowText?: string;
-}
-export interface ProductCardProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** 产品数据 */
-    data: ProductCardData;
-    /** 布局模式：一排一个或一排两个 */
-    layout?: 'single' | 'double';
-    /** 产品卡片点击事件 */
-    onProductClick?: (product: ProductCardData) => void;
-    /** 产品图片点击事件 */
-    onProductImageClick?: (product: ProductCardData) => void;
-    /** Learn More按钮点击事件 */
-    onLearnMore?: (product: ProductCardData) => void;
-    /** Shop Now按钮点击事件 */
-    onShopNow?: (product: ProductCardData) => void;
-    /** 赠品点击事件 */
-    onGiftClick?: (gift: FreeGift, product: ProductCardData) => void;
-    /** 赠品选择变化事件 */
-    onGiftSelectionChange?: (selectedGifts: FreeGift[], product: ProductCardData) => void;
-}
-/**
- * ProductCard - 买赠货架产品卡片
- *
- * @description 用于买一赠一活动的产品展示卡片，左侧展示产品图片和标签，右侧展示产品信息、赠品和购买按钮
- */
-declare const ProductCard: React.ForwardRefExoticComponent<ProductCardProps & React.RefAttributes<HTMLDivElement>>;
-export default ProductCard;

package/dist/esm/biz-components/BuyOneGetOneShelf/ProductCard.js

@@ -1,2 +0,0 @@
-"use client";import{jsx as t,jsxs as n}from"react/jsx-runtime";import*as g from"react";import{cn as r}from"../../helpers/index.js";import x from"../../components/picture.js";import u from"../../components/button.js";import{Text as d}from"../../components/text.js";import{Heading as H}from"../../components/heading.js";import b from"../../components/badge.js";const v=i=>i.type==="discount"||i.type==="new"?i.variant==="outlined"?"border-[1.6px] border-brand-0 text-brand-0 bg-container-primary":"bg-brand-0 text-info-white border-none":"bg-info-primary text-info-white border-none",w=g.forwardRef(({image:i,name:e,tags:a,layout:l="single",className:o,onClick:s},c)=>n("div",{ref:c,className:r("rounded-l-box laptop:rounded-l-box tablet:rounded-t-box tablet:rounded-r-none relative flex items-start gap-6 overflow-hidden p-6",l==="single"?"w-[964px]":"w-[482px]",l==="single"?" tablet:w-full tablet:p-4":"",s?"cursor-pointer":"",o),onClick:s,children:[t(x,{source:i,alt:e,className:"absolute inset-0  w-full max-w-none",imgClassName:"h-full object-cover"}),a&&a.length>0&&t("div",{className:"relative z-10 flex flex-wrap items-start gap-1",children:a.map((f,p)=>t(b,{size:"lg",className:r(v(f),"tracking-[-0.64px]","tablet:text-sm tablet:px-[6px] tablet:py-[3px] tablet:tracking-[-0.56px]"),children:f.text},p))})]}));w.displayName="ProductImage";const N=g.forwardRef(({name:i,description:e,layout:a="single",className:l},o)=>n("div",{ref:o,className:r("flex w-full flex-col gap-1",l),children:[t(H,{as:"h4",size:4,weight:"semibold",className:r("text-info-primary w-full text-2xl leading-[1.2] tracking-[-0.96px]","tablet:text-[20px] tablet:tracking-[-0.8px]"),children:i}),t(d,{size:4,weight:"semibold",className:r("text-info-primary w-full leading-[1.4] tracking-[-0.36px]","tablet:text-sm tablet:tracking-[-0.28px]"),children:e})]}));N.displayName="ProductInfo";const h=g.forwardRef(({gift:i,onClick:e,className:a},l)=>t("div",{ref:l,className:r("bg-container-primary rounded-box relative flex w-full cursor-pointer flex-col border-2 transition-all hover:shadow-sm",i.selected?"border-brand-0":"border-container-secondary-1",a),onClick:()=>e?.(i),children:n("div",{className:"flex w-full flex-col items-end",children:[i.isNew&&t("div",{className:"absolute right-0 top-0 flex items-start",children:t(b,{size:"lg",className:r(v({text:"New",type:"new",variant:"filled"}),"tracking-[-0.64px]"),children:"New"})}),n("div",{className:r("flex w-full items-center gap-4 p-4","tablet:p-2"),children:[t("div",{className:r("size-14 shrink-0","tablet:size-12"),children:t(x,{source:i.image,alt:i.name,className:"size-full object-cover"})}),n("div",{className:"flex min-w-0 flex-1 flex-col gap-1",children:[t(d,{size:4,weight:"semibold",className:r("text-info-primary truncate leading-[1.4] tracking-[-0.36px]","tablet:text-sm tablet:tracking-[-0.28px]"),children:i.name}),n("div",{className:"flex items-center gap-1",children:[t(d,{size:4,weight:"semibold",className:r(),children:i.currentPrice}),t(d,{size:4,weight:"semibold",className:r(),children:i.originalPrice})]})]})]})]})}));h.displayName="FreeGiftItem";const P=g.forwardRef(({freeGiftLabel:i,freeGifts:e,onGiftClick:a,layout:l="single",className:o},s)=>!e||e.length===0?null:n("div",{ref:s,className:r("flex w-full flex-col gap-2",o),children:[i&&t(d,{size:4,weight:"semibold",className:r("text-info-primary w-full leading-[1.4] tracking-[-0.36px]","tablet:text-sm tablet:tracking-[-0.28px]"),children:i}),t("div",{className:r("tablet:flex-row laptop:flex-col flex flex-col gap-2"),children:e.map((c,m)=>t("div",{children:t(h,{gift:c,onClick:a})},c.id||m))})]}));P.displayName="GiftSelection";const y=g.forwardRef(({currentPrice:i,originalPrice:e,learnMoreText:a="Learn More",shopNowText:l="Shop Now",onLearnMore:o,onShopNow:s,layout:c="single",className:m},f)=>n("div",{ref:f,className:r("flex w-full flex-col justify-center gap-2",m),children:[n("div",{className:"flex w-full items-center gap-1",children:[t(d,{size:4,weight:"semibold",className:r(),children:i}),e&&t(d,{size:4,weight:"semibold",className:r("line-through"),children:e})]}),n("div",{className:r("flex items-start gap-3","tablet:gap-2"),children:[t(u,{variant:"secondary",size:"lg",className:r("tablet:px-5 tablet:py-[10px] tablet:text-sm tablet:tracking-[-0.56px]"),onClick:o,children:a}),t(u,{variant:"primary",size:"lg",className:r("tablet:px-5 tablet:py-[10px] tablet:text-sm tablet:tracking-[-0.56px]"),onClick:s,children:l})]})]}));y.displayName="PriceAndActions";const k=g.forwardRef(({className:i,data:e,layout:a="single",onProductClick:l,onProductImageClick:o,onLearnMore:s,onShopNow:c,onGiftClick:m,onGiftSelectionChange:f,...p},C)=>{const T=a==="single"?"w-full max-w-[1664px]":"w-full",G=a==="single"?"w-[700px]":"w-[350px]",M=()=>{l?.(e)},z=()=>{o?.(e)},L=()=>{s?.(e)},D=()=>{c?.(e)},F=S=>{m?.(S,e)};return n("div",{ref:C,className:r("bg-container-primary laptop:flex-row rounded-box flex flex-col items-stretch",T,a==="single"?"tablet:flex-col tablet:max-w-[704px]":"",l?"cursor-pointer":"",i),onClick:M,...p,children:[t(w,{image:e.image,name:e.name,tags:e.tags,layout:a,onClick:z}),n("div",{className:r("bg-container-secondary-1 rounded-r-box laptop:rounded-r-box tablet:rounded-b-box tablet:rounded-l-none flex flex-col justify-between p-6",G,a==="single"?"tablet:w-full tablet:p-4 tablet:gap-4":""),children:[t(N,{name:e.name,description:e.description,layout:a}),t(P,{freeGiftLabel:e.freeGiftLabel,freeGifts:e.freeGifts,onGiftClick:F,layout:a}),t(y,{currentPrice:e.currentPrice,originalPrice:e.originalPrice,learnMoreText:e.learnMoreText,shopNowText:e.shopNowText,onLearnMore:L,onShopNow:D,layout:a})]})]})});k.displayName="ProductCard";var j=k;export{j as default};
-//# sourceMappingURL=ProductCard.js.map

package/dist/esm/biz-components/BuyOneGetOneShelf/ProductCard.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/BuyOneGetOneShelf/ProductCard.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport { Text } from '../../components/text.js'\nimport { Heading } from '../../components/heading.js'\nimport Badge from '../../components/badge.js'\n\n/**\n * \u4EA7\u54C1\u6807\u7B7E\u63A5\u53E3\n */\nexport interface ProductTag {\n  /** \u6807\u7B7E\u6587\u672C */\n  text: string\n  /** \u6807\u7B7E\u7C7B\u578B */\n  type?: 'discount' | 'new' | 'default'\n  /** \u6807\u7B7E\u6837\u5F0F\u53D8\u4F53 */\n  variant?: 'filled' | 'outlined'\n}\n\n/**\n * \u514D\u8D39\u8D60\u54C1\u63A5\u53E3\n */\nexport interface FreeGift {\n  /** \u8D60\u54C1ID */\n  id: string\n  /** \u8D60\u54C1\u56FE\u7247URL */\n  image: string\n  /** \u8D60\u54C1\u540D\u79F0 */\n  name: string\n  /** \u539F\u4EF7 */\n  originalPrice: string\n  /** \u73B0\u4EF7\uFF08\u901A\u5E38\u4E3AFree\uFF09 */\n  currentPrice: string\n  /** \u662F\u5426\u4E3A\u65B0\u54C1 */\n  isNew?: boolean\n  /** \u662F\u5426\u88AB\u9009\u4E2D */\n  selected?: boolean\n}\n\n/**\n * \u4EA7\u54C1\u5361\u7247\u6570\u636E\u63A5\u53E3\n */\nexport interface ProductCardData {\n  /** \u4EA7\u54C1\u56FE\u7247URL */\n  image: string\n  /** \u4EA7\u54C1\u6807\u7B7E\u5217\u8868 */\n  tags?: ProductTag[]\n  /** \u4EA7\u54C1\u540D\u79F0 */\n  name: string\n  /** \u4EA7\u54C1\u63CF\u8FF0 */\n  description: string\n  /** \u514D\u8D39\u8D60\u54C1\u8BF4\u660E\u6587\u5B57 */\n  freeGiftLabel?: string\n  /** \u514D\u8D39\u8D60\u54C1\u5217\u8868 */\n  freeGifts?: FreeGift[]\n  /** \u8D60\u54C1\u9009\u62E9\u6A21\u5F0F\uFF1A\u5355\u9009\u6216\u591A\u9009 */\n  giftSelectionMode?: 'single' | 'multiple'\n  /** \u5F53\u524D\u4EF7\u683C */\n  currentPrice: string\n  /** \u539F\u4EF7 */\n  originalPrice?: string\n  /** Learn More\u6309\u94AE\u6587\u672C */\n  learnMoreText?: string\n  /** Shop Now\u6309\u94AE\u6587\u672C */\n  shopNowText?: string\n}\n\nexport interface ProductCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4EA7\u54C1\u6570\u636E */\n  data: ProductCardData\n  /** \u5E03\u5C40\u6A21\u5F0F\uFF1A\u4E00\u6392\u4E00\u4E2A\u6216\u4E00\u6392\u4E24\u4E2A */\n  layout?: 'single' | 'double'\n  /** \u4EA7\u54C1\u5361\u7247\u70B9\u51FB\u4E8B\u4EF6 */\n  onProductClick?: (product: ProductCardData) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u4E8B\u4EF6 */\n  onProductImageClick?: (product: ProductCardData) => void\n  /** Learn More\u6309\u94AE\u70B9\u51FB\u4E8B\u4EF6 */\n  onLearnMore?: (product: ProductCardData) => void\n  /** Shop Now\u6309\u94AE\u70B9\u51FB\u4E8B\u4EF6 */\n  onShopNow?: (product: ProductCardData) => void\n  /** \u8D60\u54C1\u70B9\u51FB\u4E8B\u4EF6 */\n  onGiftClick?: (gift: FreeGift, product: ProductCardData) => void\n  /** \u8D60\u54C1\u9009\u62E9\u53D8\u5316\u4E8B\u4EF6 */\n  onGiftSelectionChange?: (selectedGifts: FreeGift[], product: ProductCardData) => void\n}\n\n/**\n * \u83B7\u53D6\u6807\u7B7E\u6837\u5F0F\n */\nconst getTagStyles = (tag: ProductTag) => {\n  if (tag.type === 'discount') {\n    return tag.variant === 'outlined'\n      ? 'border-[1.6px] border-brand-0 text-brand-0 bg-container-primary'\n      : 'bg-brand-0 text-info-white border-none'\n  }\n\n  if (tag.type === 'new') {\n    return tag.variant === 'outlined'\n      ? 'border-[1.6px] border-brand-0 text-brand-0 bg-container-primary'\n      : 'bg-brand-0 text-info-white border-none'\n  }\n\n  return 'bg-info-primary text-info-white border-none'\n}\n\n/**\n * ProductImage - \u4EA7\u54C1\u56FE\u7247\u533A\u57DF\n */\nconst ProductImage = React.forwardRef<\n  HTMLDivElement,\n  {\n    image: string\n    name: string\n    tags?: ProductTag[]\n    layout?: 'single' | 'double'\n    className?: string\n    onClick?: () => void\n  }\n>(({ image, name, tags, layout = 'single', className, onClick }, ref) => {\n  const imageWidth = layout === 'single' ? 'w-[964px]' : 'w-[482px]'\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'rounded-l-box laptop:rounded-l-box tablet:rounded-t-box tablet:rounded-r-none relative flex items-start gap-6 overflow-hidden p-6',\n        imageWidth,\n        // \u79FB\u52A8\u7AEF\u6837\u5F0F\n        layout === 'single' ? ' tablet:w-full tablet:p-4' : '',\n        onClick ? 'cursor-pointer' : '',\n        className\n      )}\n      onClick={onClick}\n    >\n      {/* \u80CC\u666F\u56FE\u7247 */}\n\n      <Picture\n        source={image}\n        alt={name}\n        className=\"absolute inset-0  w-full max-w-none\"\n        imgClassName=\"h-full object-cover\"\n      />\n\n      {/* \u4EA7\u54C1\u6807\u7B7E */}\n      {tags && tags.length > 0 && (\n        <div className=\"relative z-10 flex flex-wrap items-start gap-1\">\n          {tags.map((tag, index) => (\n            <Badge\n              key={index}\n              size=\"lg\"\n              className={cn(\n                getTagStyles(tag),\n                'tracking-[-0.64px]',\n                'tablet:text-sm tablet:px-[6px] tablet:py-[3px] tablet:tracking-[-0.56px]'\n              )}\n            >\n              {tag.text}\n            </Badge>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n})\n\nProductImage.displayName = 'ProductImage'\n\n/**\n * ProductInfo - \u4EA7\u54C1\u4FE1\u606F\u533A\u57DF\n */\nconst ProductInfo = React.forwardRef<\n  HTMLDivElement,\n  {\n    name: string\n    description: string\n    layout?: 'single' | 'double'\n    className?: string\n  }\n>(({ name, description, layout = 'single', className }, ref) => {\n  return (\n    <div ref={ref} className={cn('flex w-full flex-col gap-1', className)}>\n      <Heading\n        as=\"h4\"\n        size={4}\n        weight=\"semibold\"\n        className={cn(\n          'text-info-primary w-full text-2xl leading-[1.2] tracking-[-0.96px]',\n          'tablet:text-[20px] tablet:tracking-[-0.8px]'\n        )}\n      >\n        {name}\n      </Heading>\n      <Text\n        size={4}\n        weight=\"semibold\"\n        className={cn(\n          'text-info-primary w-full leading-[1.4] tracking-[-0.36px]',\n          'tablet:text-sm tablet:tracking-[-0.28px]'\n        )}\n      >\n        {description}\n      </Text>\n    </div>\n  )\n})\n\nProductInfo.displayName = 'ProductInfo'\n\n/**\n * FreeGiftItem - \u514D\u8D39\u8D60\u54C1\u9879\n */\nconst FreeGiftItem = React.forwardRef<\n  HTMLDivElement,\n  {\n    gift: FreeGift\n    onClick?: (gift: FreeGift) => void\n    className?: string\n  }\n>(({ gift, onClick, className }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'bg-container-primary rounded-box relative flex w-full cursor-pointer flex-col border-2 transition-all hover:shadow-sm',\n        gift.selected ? 'border-brand-0' : 'border-container-secondary-1',\n        className\n      )}\n      onClick={() => onClick?.(gift)}\n    >\n      <div className=\"flex w-full flex-col items-end\">\n        {gift.isNew && (\n          <div className=\"absolute right-0 top-0 flex items-start\">\n            <Badge\n              size=\"lg\"\n              className={cn(getTagStyles({ text: 'New', type: 'new', variant: 'filled' }), 'tracking-[-0.64px]')}\n            >\n              New\n            </Badge>\n          </div>\n        )}\n        <div className={cn('flex w-full items-center gap-4 p-4', 'tablet:p-2')}>\n          <div className={cn('size-14 shrink-0', 'tablet:size-12')}>\n            <Picture source={gift.image} alt={gift.name} className=\"size-full object-cover\" />\n          </div>\n          <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n            <Text\n              size={4}\n              weight=\"semibold\"\n              className={cn(\n                'text-info-primary truncate leading-[1.4] tracking-[-0.36px]',\n                'tablet:text-sm tablet:tracking-[-0.28px]'\n              )}\n            >\n              {gift.name}\n            </Text>\n            <div className=\"flex items-center gap-1\">\n              <Text size={4} weight=\"semibold\" className={cn()}>\n                {gift.currentPrice}\n              </Text>\n              <Text size={4} weight=\"semibold\" className={cn()}>\n                {gift.originalPrice}\n              </Text>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n})\n\nFreeGiftItem.displayName = 'FreeGiftItem'\n\n/**\n * GiftSelection - \u8D60\u54C1\u9009\u62E9\u533A\u57DF\n */\nconst GiftSelection = React.forwardRef<\n  HTMLDivElement,\n  {\n    freeGiftLabel?: string\n    freeGifts?: FreeGift[]\n    onGiftClick?: (gift: FreeGift) => void\n    layout?: 'single' | 'double'\n    className?: string\n  }\n>(({ freeGiftLabel, freeGifts, onGiftClick, layout = 'single', className }, ref) => {\n  if (!freeGifts || freeGifts.length === 0) {\n    return null\n  }\n\n  return (\n    <div ref={ref} className={cn('flex w-full flex-col gap-2', className)}>\n      {freeGiftLabel && (\n        <Text\n          size={4}\n          weight=\"semibold\"\n          className={cn(\n            'text-info-primary w-full leading-[1.4] tracking-[-0.36px]',\n            'tablet:text-sm tablet:tracking-[-0.28px]'\n          )}\n        >\n          {freeGiftLabel}\n        </Text>\n      )}\n      <div className={cn('tablet:flex-row laptop:flex-col flex flex-col gap-2')}>\n        {freeGifts.map((gift, index) => (\n          <div key={gift.id || index}>\n            <FreeGiftItem gift={gift} onClick={onGiftClick} />\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n})\n\nGiftSelection.displayName = 'GiftSelection'\n\n/**\n * PriceAndActions - \u4EF7\u683C\u548C\u64CD\u4F5C\u533A\u57DF\n */\nconst PriceAndActions = React.forwardRef<\n  HTMLDivElement,\n  {\n    currentPrice: string\n    originalPrice?: string\n    learnMoreText?: string\n    shopNowText?: string\n    onLearnMore?: () => void\n    onShopNow?: () => void\n    layout?: 'single' | 'double'\n    className?: string\n  }\n>(\n  (\n    {\n      currentPrice,\n      originalPrice,\n      learnMoreText = 'Learn More',\n      shopNowText = 'Shop Now',\n      onLearnMore,\n      onShopNow,\n      layout = 'single',\n      className,\n    },\n    ref\n  ) => {\n    return (\n      <div ref={ref} className={cn('flex w-full flex-col justify-center gap-2', className)}>\n        {/* \u4EF7\u683C */}\n        <div className=\"flex w-full items-center gap-1\">\n          <Text size={4} weight=\"semibold\" className={cn()}>\n            {currentPrice}\n          </Text>\n          {originalPrice && (\n            <Text size={4} weight=\"semibold\" className={cn('line-through')}>\n              {originalPrice}\n            </Text>\n          )}\n        </div>\n\n        {/* \u6309\u94AE\u7EC4 */}\n        <div className={cn('flex items-start gap-3', 'tablet:gap-2')}>\n          <Button\n            variant=\"secondary\"\n            size=\"lg\"\n            className={cn('tablet:px-5 tablet:py-[10px] tablet:text-sm tablet:tracking-[-0.56px]')}\n            onClick={onLearnMore}\n          >\n            {learnMoreText}\n          </Button>\n          <Button\n            variant=\"primary\"\n            size=\"lg\"\n            className={cn('tablet:px-5 tablet:py-[10px] tablet:text-sm tablet:tracking-[-0.56px]')}\n            onClick={onShopNow}\n          >\n            {shopNowText}\n          </Button>\n        </div>\n      </div>\n    )\n  }\n)\n\nPriceAndActions.displayName = 'PriceAndActions'\n\n/**\n * ProductCard - \u4E70\u8D60\u8D27\u67B6\u4EA7\u54C1\u5361\u7247\n *\n * @description \u7528\u4E8E\u4E70\u4E00\u8D60\u4E00\u6D3B\u52A8\u7684\u4EA7\u54C1\u5C55\u793A\u5361\u7247\uFF0C\u5DE6\u4FA7\u5C55\u793A\u4EA7\u54C1\u56FE\u7247\u548C\u6807\u7B7E\uFF0C\u53F3\u4FA7\u5C55\u793A\u4EA7\u54C1\u4FE1\u606F\u3001\u8D60\u54C1\u548C\u8D2D\u4E70\u6309\u94AE\n */\nconst ProductCard = React.forwardRef<HTMLDivElement, ProductCardProps>(\n  (\n    {\n      className,\n      data,\n      layout = 'single',\n      onProductClick,\n      onProductImageClick,\n      onLearnMore,\n      onShopNow,\n      onGiftClick,\n      onGiftSelectionChange,\n      ...props\n    },\n    ref\n  ) => {\n    const containerWidth = layout === 'single' ? 'w-full max-w-[1664px]' : 'w-full'\n    const contentWidth = layout === 'single' ? 'w-[700px]' : 'w-[350px]'\n\n    const handleProductClick = () => {\n      onProductClick?.(data)\n    }\n\n    const handleProductImageClick = () => {\n      onProductImageClick?.(data)\n    }\n\n    const handleLearnMoreClick = () => {\n      onLearnMore?.(data)\n    }\n\n    const handleShopNowClick = () => {\n      onShopNow?.(data)\n    }\n\n    const handleGiftClick = (gift: FreeGift) => {\n      onGiftClick?.(gift, data)\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'bg-container-primary laptop:flex-row rounded-box flex flex-col items-stretch',\n          containerWidth,\n          layout === 'single' ? 'tablet:flex-col tablet:max-w-[704px]' : '',\n          onProductClick ? 'cursor-pointer' : '',\n          className\n        )}\n        onClick={handleProductClick}\n        {...props}\n      >\n        {/* \u4EA7\u54C1\u56FE\u7247\u533A\u57DF */}\n        <ProductImage\n          image={data.image}\n          name={data.name}\n          tags={data.tags}\n          layout={layout}\n          onClick={handleProductImageClick}\n        />\n\n        {/* \u4EA7\u54C1\u4FE1\u606F\u533A\u57DF */}\n        <div\n          className={cn(\n            'bg-container-secondary-1 rounded-r-box laptop:rounded-r-box tablet:rounded-b-box tablet:rounded-l-none flex flex-col justify-between p-6',\n            contentWidth,\n            // \u79FB\u52A8\u7AEF\u6837\u5F0F\n            layout === 'single' ? 'tablet:w-full tablet:p-4 tablet:gap-4' : ''\n          )}\n        >\n          {/* \u4EA7\u54C1\u6807\u9898\u548C\u63CF\u8FF0 */}\n          <ProductInfo name={data.name} description={data.description} layout={layout} />\n\n          {/* \u514D\u8D39\u8D60\u54C1\u533A\u57DF */}\n          <GiftSelection\n            freeGiftLabel={data.freeGiftLabel}\n            freeGifts={data.freeGifts}\n            onGiftClick={handleGiftClick}\n            layout={layout}\n          />\n\n          {/* \u4EF7\u683C\u548C\u6309\u94AE\u533A\u57DF */}\n          <PriceAndActions\n            currentPrice={data.currentPrice}\n            originalPrice={data.originalPrice}\n            learnMoreText={data.learnMoreText}\n            shopNowText={data.shopNowText}\n            onLearnMore={handleLearnMoreClick}\n            onShopNow={handleShopNowClick}\n            layout={layout}\n          />\n        </div>\n      </div>\n    )\n  }\n)\n\nProductCard.displayName = 'ProductCard'\n\nexport default ProductCard\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "React", "cn", "Picture", "Button", "Text", "Heading", "Badge", "getTagStyles", "tag", "ProductImage", "image", "name", "tags", "layout", "className", "onClick", "ref", "index", "ProductInfo", "description", "FreeGiftItem", "gift", "GiftSelection", "freeGiftLabel", "freeGifts", "onGiftClick", "PriceAndActions", "currentPrice", "originalPrice", "learnMoreText", "shopNowText", "onLearnMore", "onShopNow", "ProductCard", "data", "onProductClick", "onProductImageClick", "onGiftSelectionChange", "props", "containerWidth", "contentWidth", "handleProductClick", "handleProductImageClick", "handleLearnMoreClick", "handleShopNowClick", "handleGiftClick", "ProductCard_default"]
-}

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

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import { type ProductCardData, type FreeGift } from './ProductCard.js';
-export type BuyOneGetOneShelfSemanticName = 'root' | 'title' | 'description' | 'content' | 'productCard' | 'productCardImage' | 'productCardTitle' | 'productCardDescription' | 'productCardPrice' | 'productCardGiftsContainer' | 'productCardBtnGroup';
-/**
- * BuyOneGetOneShelf 业务组件数据接口
- */
-export interface BuyOneGetOneShelfData {
-    /** 组件标题 */
-    title?: string;
-    /** 组件描述 */
-    description?: string;
-    /** 产品列表 */
-    products?: ProductCardData[];
-    /** 布局模式：一排一个或一排两个 */
-    layout?: 'single' | 'double';
-}
-export interface BuyOneGetOneShelfProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** 业务数据 */
-    data: BuyOneGetOneShelfData;
-    /** 产品卡片点击事件 */
-    onProductClick?: (product: ProductCardData) => void;
-    /** 产品图片点击事件 */
-    onProductImageClick?: (product: ProductCardData) => void;
-    /** Learn More按钮点击事件 */
-    onLearnMore?: (product: ProductCardData) => void;
-    /** Shop Now按钮点击事件 */
-    onShopNow?: (product: ProductCardData) => void;
-    /** 赠品点击事件 */
-    onGiftClick?: (gift: FreeGift, product: ProductCardData) => void;
-    /** 赠品选择变化事件 */
-    onGiftSelectionChange?: (selectedGifts: FreeGift[], product: ProductCardData) => void;
-    classNames?: Partial<Record<BuyOneGetOneShelfSemanticName, string>>;
-}
-/**
- * BuyOneGetOneShelf - 买赠货架
- *
- * @description 这是一个买主商品赠送赠品的活动组件，展示产品卡片，支持一排一个或一排两个的布局
- */
-declare const BuyOneGetOneShelf: React.ForwardRefExoticComponent<BuyOneGetOneShelfProps & React.RefAttributes<HTMLDivElement>>;
-export default BuyOneGetOneShelf;

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

@@ -1,2 +0,0 @@
-"use client";import{jsx as o,jsxs as g}from"react/jsx-runtime";import*as P from"react";import{cn as e}from"../../helpers/index.js";import O from"./ProductCard.js";const i=P.forwardRef(({className:d,classNames:r={},data:t,onProductClick:n,onProductImageClick:c,onLearnMore:l,onShopNow:p,onGiftClick:u,onGiftSelectionChange:f,...s},C)=>{const{products:m=[],layout:a="single"}=t;return g("div",{ref:C,className:e("w-full px-32 py-0",d,r?.root),...s,children:[t.title&&o("h2",{className:e("mb-4 text-2xl font-bold",r?.title),children:t.title}),t.description&&o("p",{className:e("mb-6 text-gray-600",r?.description),children:t.description}),o("div",{className:e("flex flex-wrap",a==="single"?"flex-col gap-6":"flex-row gap-6"),children:m.map((y,G)=>o(O,{data:y,layout:a,onProductClick:n,onProductImageClick:c,onLearnMore:l,onShopNow:p,onGiftClick:u,onGiftSelectionChange:f},G))})]})});i.displayName="BuyOneGetOneShelf";var D=i;export{D as default};
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/BuyOneGetOneShelf/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport ProductCard, { type ProductCardData, type FreeGift } from './ProductCard.js'\n\nexport type BuyOneGetOneShelfSemanticName =\n  | 'root'\n  | 'title'\n  | 'description'\n  | 'content'\n  | 'productCard'\n  | 'productCardImage'\n  | 'productCardTitle'\n  | 'productCardDescription'\n  | 'productCardPrice'\n  | 'productCardGiftsContainer'\n  | 'productCardBtnGroup'\n\n/**\n * BuyOneGetOneShelf \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface BuyOneGetOneShelfData {\n  /** \u7EC4\u4EF6\u6807\u9898 */\n  title?: string\n  /** \u7EC4\u4EF6\u63CF\u8FF0 */\n  description?: string\n  /** \u4EA7\u54C1\u5217\u8868 */\n  products?: ProductCardData[]\n  /** \u5E03\u5C40\u6A21\u5F0F\uFF1A\u4E00\u6392\u4E00\u4E2A\u6216\u4E00\u6392\u4E24\u4E2A */\n  layout?: 'single' | 'double'\n}\n\nexport interface BuyOneGetOneShelfProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: BuyOneGetOneShelfData\n  /** \u4EA7\u54C1\u5361\u7247\u70B9\u51FB\u4E8B\u4EF6 */\n  onProductClick?: (product: ProductCardData) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u4E8B\u4EF6 */\n  onProductImageClick?: (product: ProductCardData) => void\n  /** Learn More\u6309\u94AE\u70B9\u51FB\u4E8B\u4EF6 */\n  onLearnMore?: (product: ProductCardData) => void\n  /** Shop Now\u6309\u94AE\u70B9\u51FB\u4E8B\u4EF6 */\n  onShopNow?: (product: ProductCardData) => void\n  /** \u8D60\u54C1\u70B9\u51FB\u4E8B\u4EF6 */\n  onGiftClick?: (gift: FreeGift, product: ProductCardData) => void\n  /** \u8D60\u54C1\u9009\u62E9\u53D8\u5316\u4E8B\u4EF6 */\n  onGiftSelectionChange?: (selectedGifts: FreeGift[], product: ProductCardData) => void\n  classNames?: Partial<Record<BuyOneGetOneShelfSemanticName, string>>\n}\n\n/**\n * BuyOneGetOneShelf - \u4E70\u8D60\u8D27\u67B6\n *\n * @description \u8FD9\u662F\u4E00\u4E2A\u4E70\u4E3B\u5546\u54C1\u8D60\u9001\u8D60\u54C1\u7684\u6D3B\u52A8\u7EC4\u4EF6\uFF0C\u5C55\u793A\u4EA7\u54C1\u5361\u7247\uFF0C\u652F\u6301\u4E00\u6392\u4E00\u4E2A\u6216\u4E00\u6392\u4E24\u4E2A\u7684\u5E03\u5C40\n */\nconst BuyOneGetOneShelf = React.forwardRef<HTMLDivElement, BuyOneGetOneShelfProps>(\n  (\n    {\n      className,\n      classNames = {},\n      data,\n      onProductClick,\n      onProductImageClick,\n      onLearnMore,\n      onShopNow,\n      onGiftClick,\n      onGiftSelectionChange,\n      ...props\n    },\n    ref\n  ) => {\n    const { products = [], layout = 'single' } = data\n\n    return (\n      <div ref={ref} className={cn('w-full px-32 py-0', className, classNames?.root)} {...props}>\n        {data.title && <h2 className={cn('mb-4 text-2xl font-bold', classNames?.title)}>{data.title}</h2>}\n        {data.description && <p className={cn('mb-6 text-gray-600', classNames?.description)}>{data.description}</p>}\n\n        {/* \u4E70\u8D60\u8D27\u67B6\u4EA7\u54C1\u533A\u57DF */}\n        <div className={cn('flex flex-wrap', layout === 'single' ? 'flex-col gap-6' : 'flex-row gap-6')}>\n          {products.map((product, index) => (\n            <ProductCard\n              key={index}\n              data={product}\n              layout={layout}\n              onProductClick={onProductClick}\n              onProductImageClick={onProductImageClick}\n              onLearnMore={onLearnMore}\n              onShopNow={onShopNow}\n              onGiftClick={onGiftClick}\n              onGiftSelectionChange={onGiftSelectionChange}\n            />\n          ))}\n        </div>\n      </div>\n    )\n  }\n)\n\nBuyOneGetOneShelf.displayName = 'BuyOneGetOneShelf'\nexport default BuyOneGetOneShelf\n"],
-  "mappings": "aA2EM,OACiB,OAAAA,EADjB,QAAAC,MAAA,oBAzEN,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,yBACnB,OAAOC,MAA0D,mBAoDjE,MAAMC,EAAoBH,EAAM,WAC9B,CACE,CACE,UAAAI,EACA,WAAAC,EAAa,CAAC,EACd,KAAAC,EACA,eAAAC,EACA,oBAAAC,EACA,YAAAC,EACA,UAAAC,EACA,YAAAC,EACA,sBAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,KAAM,CAAE,SAAAC,EAAW,CAAC,EAAG,OAAAC,EAAS,QAAS,EAAIV,EAE7C,OACEP,EAAC,OAAI,IAAKe,EAAK,UAAWb,EAAG,oBAAqBG,EAAWC,GAAY,IAAI,EAAI,GAAGQ,EACjF,UAAAP,EAAK,OAASR,EAAC,MAAG,UAAWG,EAAG,0BAA2BI,GAAY,KAAK,EAAI,SAAAC,EAAK,MAAM,EAC3FA,EAAK,aAAeR,EAAC,KAAE,UAAWG,EAAG,qBAAsBI,GAAY,WAAW,EAAI,SAAAC,EAAK,YAAY,EAGxGR,EAAC,OAAI,UAAWG,EAAG,iBAAkBe,IAAW,SAAW,iBAAmB,gBAAgB,EAC3F,SAAAD,EAAS,IAAI,CAACE,EAASC,IACtBpB,EAACI,EAAA,CAEC,KAAMe,EACN,OAAQD,EACR,eAAgBT,EAChB,oBAAqBC,EACrB,YAAaC,EACb,UAAWC,EACX,YAAaC,EACb,sBAAuBC,GARlBM,CASP,CACD,EACH,GACF,CAEJ,CACF,EAEAf,EAAkB,YAAc,oBAChC,IAAOgB,EAAQhB",
-  "names": ["jsx", "jsxs", "React", "cn", "ProductCard", "BuyOneGetOneShelf", "className", "classNames", "data", "onProductClick", "onProductImageClick", "onLearnMore", "onShopNow", "onGiftClick", "onGiftSelectionChange", "props", "ref", "products", "layout", "product", "index", "BuyOneGetOneShelf_default"]
-}

package/dist/esm/biz-components/CollectionShelves/CollectionShelvesItem.d.ts

@@ -1,4 +0,0 @@
-export declare const CollectionShelvesWrapItem: ({ data, configuration }: {
-    data: any;
-    configuration?: any;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/biz-components/CollectionShelves/CollectionShelvesItem.js

@@ -1,2 +0,0 @@
-import{Fragment as W,jsx as o,jsxs as r}from"react/jsx-runtime";import{cn as d}from"../../helpers/utils.js";import I from"../../components/badge.js";import{Text as E}from"../../components/text.js";import g from"../../components/button.js";import{gaTrack as j}from"../../shared/track.js";import{useState as v,useEffect as k}from"react";import S from"../../components/picture.js";import{Heading as A}from"../../components/heading.js";import{useAiuiContext as L}from"../AiuiProvider/index.js";import{trackUrlRef as U}from"../../shared/trackUrlRef.js";import{formatVariantPrice as H}from"../ShelfDisplay/shelfDisplay.js";const R="image",z="collectio_shelves",M=999999999e-2,le=({data:e,configuration:t})=>{const{itemShape:w}=t||{},{locale:a="us"}=L(),[_,N]=v(""),T=(l,i,n)=>t?.event?.primaryButton?.(l,i+1,n),B=(l,i,n)=>t?.event?.secondaryButton?.(l,i+1,n),s=e?.variants?.find(l=>l?.sku===e?.sku)||e?.variants?.[0]||{},p=!s?.availableForSale||s?.price?.amount===M,C=t?.isShowTag,h=t?.isShowOriginalPrice,[x,D]=v([]),[$,y]=v(!1),u=s?.coupons?.[0],{price:F,basePrice:O,discount:c}=H({locale:a,amount:h&&u?u.variant_price4wscode:s.price,baseAmount:h&&u?s.price:0,currencyCode:e?.price?.currencyCode||"USD"}),P=()=>{const l=e?.sku,i=e?.variants;return i?.find(f=>f?.sku===l)?.image?.url||i?.[0]?.image?.url||""},m=e?.custom_name||e?.title||e?.name,b=e?.custom_description||e?.description;return k(()=>{let l=[];if(c){const n=`${c}${t?.metafields?.discounts?.off||""}`;l.push(n)}const i=e?.tags?.filter?.(n=>n?.startsWith?.("CLtag"))?.map?.(n=>n?.replace?.("CLtag:",""))?.slice?.(0,c?1:2);D(l.concat(i))},[c,t?.metafields?.discounts,e?.tags]),k(()=>{const{infos:l}=s?.metafields||{},{productInfos:i,preRender:n}=e?.metafields||{},{shopCommon:f}=t?.metafields||{};N(l?.comingSoon||i?.comingSoon||n?.soldOut||f?.soldOut||"")},[e,s]),o("div",{className:d(w==="rounded"?"rounded-2xl":"rounded-none","tablet:hover:bg-[#FFFFFF] box-border w-full cursor-pointer overflow-hidden bg-[#EAEAEC] duration-300","collection-shelves-item",{"aiui-dark":e?.custom_theme==="dark"}),children:r("div",{className:"box-border flex h-full flex-col justify-between overflow-hidden",children:[o("div",{onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),className:d("desktop:p-6 lg-desktop:h-[288px] desktop:h-[234px] relative inline-block h-[182px] w-full cursor-pointer overflow-hidden p-4"),children:r("a",{"aria-label":m,target:t?.target,href:U(`${a==="us"||!a?"":`/${a}`}/products/${e?.handle}`,`${R}_${z}`),onClick:()=>{j({event:"ga4Event",event_name:"select_item",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:[{item_id:e?.sku||s?.sku,item_name:e?.name,item_variant:s?.name,price:s?.price,index:t?.index+1}]}})},children:[o(S,{alt:"",source:P(),className:"flex h-full justify-center object-cover [&_img]:h-full [&_img]:w-auto"}),o(S,{alt:"",source:e?.custom_image,className:d($?"opacity-100":"opacity-0","absolute inset-x-0 top-0 h-full object-cover transition-all duration-300 [&_img]:size-full")})]})}),r("div",{className:"desktop:p-6 collection-shelves-product-content box-border flex flex-1 flex-col justify-end overflow-hidden p-4",children:[C&&x?.length?o("div",{className:"mb-2 box-border flex flex-wrap gap-1 overflow-hidden",children:x?.map?.((l,i)=>o(I,{children:l},i))}):null,m?o(A,{as:"h3",title:m||"",html:m||"",className:"lg-desktop:text-2xl lg-desktop:leading-7 tablet:text-xl collection-shelves-product-title text-info-primary tablet:leading-6 line-clamp-2 text-base font-bold"}):null,b?o(E,{size:2,html:b||"",className:"lg-desktop:text-lg desktop:text-base collection-shelves-product-description text-info-primary line-clamp-1 text-sm font-bold"}):null,o("div",{className:"mb-1 mt-4 flex items-center",children:p?o("div",{className:"tablet:text-2xl text-info-primary text-xl font-bold",children:_||""}):r(W,{children:[o("div",{className:"final-price tablet:text-2xl text-info-primary text-xl font-bold",children:s?.availableForSale&&F||""}),o("div",{className:"origin-price tablet:text-xl text-info-secondary ml-1 text-lg font-bold line-through",children:s?.availableForSale&&O||""})]})}),r("div",{className:d("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2",t.direction==="vertical"?"flex-col":""),children:[t?.secondaryButton?o(g,{variant:"secondary",onClick:()=>B(e,t?.index,t),className:`overflow-hidden font-bold ${t.direction==="vertical"?"w-full":""} ${t?.shape==="rounded"?"rounded-2xl":""}`,children:t?.secondaryButton||""}):null,t?.primaryButton&&!p?o(g,{variant:"primary",disabled:p,onClick:()=>T(e,t?.index,t),className:`overflow-hidden font-bold ${t.direction==="vertical"?"w-full":""} ${t?.shape==="rounded"?"rounded-2xl":""}`,children:t?.primaryButton||""}):null]})]})]})},e?.id||e?.handle)};export{le as CollectionShelvesWrapItem};
-//# sourceMappingURL=CollectionShelvesItem.js.map

package/dist/esm/biz-components/CollectionShelves/CollectionShelvesItem.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/CollectionShelves/CollectionShelvesItem.tsx"],
-  "sourcesContent": ["import { cn } from '../../helpers/utils.js'\nimport Badge from '../../components/badge.js'\nimport { Text } from '../../components/text.js'\nimport Button from '../../components/button.js'\nimport { gaTrack } from '../../shared/track.js'\nimport { useState, useEffect } from 'react'\nimport Picture from '../../components/picture.js'\nimport { Heading } from '../../components/heading.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { formatVariantPrice } from '../ShelfDisplay/shelfDisplay.js'\nimport type { ShelfDisplayItem, ShelfDisplayType } from '../ShelfDisplay/shelfDisplay.js'\n\nconst componentType = 'image'\nconst componentName = 'collectio_shelves'\n\nconst SOLD_OUT_PRICE = 9999999.99\n\nexport const CollectionShelvesWrapItem = ({ data, configuration }: { data: any; configuration?: any }) => {\n  const { itemShape } = configuration || {}\n  const { locale = 'us' } = useAiuiContext()\n\n  const [soldOutText, setSoldOutText] = useState<string>('')\n\n  const onPrimaryButton = (params: ShelfDisplayItem, index: number, data: ShelfDisplayType) =>\n    configuration?.event?.primaryButton?.(params, index + 1, data)\n\n  const onSecondaryButton = (params: ShelfDisplayItem, index: number, data: ShelfDisplayType) =>\n    configuration?.event?.secondaryButton?.(params, index + 1, data)\n\n  const variant = data?.variants?.find((item: any) => item?.sku === data?.sku) || data?.variants?.[0] || {}\n\n  const isSoldOut = !variant?.availableForSale || variant?.price?.amount === SOLD_OUT_PRICE\n  const isShowTag = configuration?.isShowTag\n  const isShowOriginalPrice = configuration?.isShowOriginalPrice\n\n  const [showTags, setShowTags] = useState<string[]>([])\n  const [showImage, setShowImage] = useState<boolean>(false)\n\n  // active \u7684 \u901A\u7528\u6298\u6263\n  const coupon = variant?.coupons?.[0]\n\n  const { price, basePrice, discount } = formatVariantPrice({\n    locale: locale,\n    amount: isShowOriginalPrice && coupon ? coupon.variant_price4wscode : variant.price,\n    baseAmount: isShowOriginalPrice && coupon ? variant.price : 0,\n    currencyCode: data?.price?.currencyCode || 'USD',\n  })\n\n  const handleUrl = () => {\n    const sku = data?.sku\n    const skuArray = data?.variants\n    const findSku = skuArray?.find((item: any) => item?.sku === sku)\n    return findSku?.image?.url || skuArray?.[0]?.image?.url || ''\n  }\n\n  const displayTitle = data?.custom_name || data?.title || data?.name\n  const displayDescription = data?.custom_description || data?.description\n\n  useEffect(() => {\n    let handleTags: string[] = []\n    if (discount) {\n      const discountTag = `${discount}${configuration?.metafields?.discounts?.off || ''}`\n      handleTags.push(discountTag)\n    }\n    const newTags = data?.tags\n      ?.filter?.((item: string) => item?.startsWith?.('CLtag'))\n      ?.map?.((item: string) => item?.replace?.('CLtag:', ''))\n      ?.slice?.(0, discount ? 1 : 2)\n    setShowTags(handleTags.concat(newTags))\n  }, [discount, configuration?.metafields?.discounts, data?.tags])\n\n  useEffect(() => {\n    const { infos } = variant?.metafields || {}\n    const { productInfos, preRender } = data?.metafields || {}\n    const { shopCommon } = configuration?.metafields || {}\n    setSoldOutText(infos?.comingSoon || productInfos?.comingSoon || preRender?.soldOut || shopCommon?.soldOut || '')\n  }, [data, variant])\n\n  return (\n    <div\n      key={data?.id || data?.handle}\n      className={cn(\n        itemShape === 'rounded' ? 'rounded-2xl' : 'rounded-none',\n        'tablet:hover:bg-[#FFFFFF] box-border w-full cursor-pointer overflow-hidden bg-[#EAEAEC] duration-300',\n        'collection-shelves-item',\n        {\n          'aiui-dark': data?.custom_theme === 'dark',\n        }\n      )}\n    >\n      <div className=\"box-border flex h-full flex-col justify-between overflow-hidden\">\n        <div\n          onMouseEnter={() => setShowImage(true)}\n          onMouseLeave={() => setShowImage(false)}\n          className={cn(\n            'desktop:p-6 lg-desktop:h-[288px] desktop:h-[234px] relative inline-block h-[182px] w-full cursor-pointer overflow-hidden p-4'\n          )}\n        >\n          <a\n            aria-label={displayTitle}\n            target={configuration?.target}\n            href={trackUrlRef(\n              `${locale === 'us' || !locale ? '' : `/${locale}`}/products/${data?.handle}`,\n              `${componentType}_${componentName}`\n            )}\n            onClick={() => {\n              gaTrack({\n                event: 'ga4Event',\n                event_name: 'select_item',\n                event_parameters: {\n                  page_group: 'Home Page',\n                  item_list_name: 'Home_Page_Bundle',\n                  items: [\n                    {\n                      item_id: data?.sku || variant?.sku,\n                      item_name: data?.name,\n                      item_variant: variant?.name,\n                      price: variant?.price,\n                      index: configuration?.index + 1,\n                    },\n                  ],\n                },\n              })\n            }}\n          >\n            <Picture\n              alt=\"\"\n              source={handleUrl()}\n              className=\"flex h-full justify-center object-cover [&_img]:h-full [&_img]:w-auto\"\n            />\n            <Picture\n              alt=\"\"\n              source={data?.custom_image}\n              className={cn(\n                showImage ? 'opacity-100' : 'opacity-0',\n                'absolute inset-x-0 top-0 h-full object-cover transition-all duration-300 [&_img]:size-full'\n              )}\n            />\n          </a>\n        </div>\n        <div className=\"desktop:p-6 collection-shelves-product-content box-border flex flex-1 flex-col justify-end overflow-hidden p-4\">\n          {isShowTag && showTags?.length ? (\n            <div className=\"mb-2 box-border flex flex-wrap gap-1 overflow-hidden\">\n              {showTags?.map?.((item: any, index: number) => (\n                <Badge key={index}>{item}</Badge>\n              ))}\n            </div>\n          ) : null}\n          {displayTitle ? (\n            <Heading\n              as=\"h3\"\n              title={displayTitle || ''}\n              html={displayTitle || ''}\n              className=\"lg-desktop:text-2xl lg-desktop:leading-7 tablet:text-xl collection-shelves-product-title text-info-primary tablet:leading-6 line-clamp-2 text-base font-bold\"\n            />\n          ) : null}\n          {displayDescription ? (\n            <Text\n              size={2}\n              html={displayDescription || ''}\n              className=\"lg-desktop:text-lg desktop:text-base collection-shelves-product-description text-info-primary line-clamp-1 text-sm font-bold\"\n            />\n          ) : null}\n          <div className=\"mb-1 mt-4 flex items-center\">\n            {isSoldOut ? (\n              <div className=\"tablet:text-2xl text-info-primary text-xl font-bold\">{soldOutText || ''}</div>\n            ) : (\n              <>\n                <div className=\"final-price tablet:text-2xl text-info-primary text-xl font-bold\">\n                  {variant?.availableForSale ? price || '' : ''}\n                </div>\n                <div className=\"origin-price tablet:text-xl text-info-secondary ml-1 text-lg font-bold line-through\">\n                  {variant?.availableForSale ? basePrice || '' : ''}\n                </div>\n              </>\n            )}\n          </div>\n          {/* \u6309\u94AE\u7EC4 */}\n          <div\n            className={cn(\n              'shelf-flex-button-group',\n              'lg-desktop:gap-3 flex items-center gap-2',\n              configuration.direction === 'vertical' ? 'flex-col' : ''\n            )}\n          >\n            {configuration?.secondaryButton ? (\n              <Button\n                variant=\"secondary\"\n                onClick={() => onSecondaryButton(data, configuration?.index, configuration)}\n                className={`overflow-hidden font-bold ${configuration.direction === 'vertical' ? 'w-full' : ''} ${configuration?.shape === 'rounded' ? 'rounded-2xl' : ''}`}\n              >\n                {configuration?.secondaryButton || ''}\n              </Button>\n            ) : null}\n            {configuration?.primaryButton && !isSoldOut ? (\n              <Button\n                variant=\"primary\"\n                disabled={isSoldOut}\n                onClick={() => onPrimaryButton(data, configuration?.index, configuration)}\n                className={`overflow-hidden font-bold ${configuration.direction === 'vertical' ? 'w-full' : ''} ${configuration?.shape === 'rounded' ? 'rounded-2xl' : ''}`}\n              >\n                {configuration?.primaryButton || ''}\n              </Button>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "cn", "Badge", "Text", "Button", "gaTrack", "useState", "useEffect", "Picture", "Heading", "useAiuiContext", "trackUrlRef", "formatVariantPrice", "componentType", "componentName", "SOLD_OUT_PRICE", "CollectionShelvesWrapItem", "data", "configuration", "itemShape", "locale", "soldOutText", "setSoldOutText", "onPrimaryButton", "params", "index", "onSecondaryButton", "variant", "item", "isSoldOut", "isShowTag", "isShowOriginalPrice", "showTags", "setShowTags", "showImage", "setShowImage", "coupon", "price", "basePrice", "discount", "handleUrl", "sku", "skuArray", "displayTitle", "displayDescription", "handleTags", "discountTag", "newTags", "infos", "productInfos", "preRender", "shopCommon"]
-}