npm - @anker-in/headless-ui - Versions diffs - 0.0.27-alpha.87 → 0.0.27-alpha.89 - Mend

@anker-in/headless-ui 0.0.27-alpha.87 → 0.0.27-alpha.89

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (164) hide show

package/dist/cjs/stories/accordionCards.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var g=Object.create;var r=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var b=(e,o)=>{for(var t in o)r(e,t,{get:o[t],enumerable:!0})},d=(e,o,t,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of u(o))!y.call(e,s)&&s!==t&&r(e,s,{get:()=>o[s],enumerable:!(l=m(o,s))||l.enumerable});return e};var _=(e,o,t)=>(t=e!=null?g(h(e)):{},d(o||!e||!e.__esModule?r(t,"default",{value:e,enumerable:!0}):t,e)),S=e=>d(r({},"__esModule",{value:!0}),e);var M={};b(M,{Default:()=>v,Round:()=>E,default:()=>C});module.exports=S(M);var f=_(require("../biz-components/AccordionCards/index.js")),p=require("gsap"),i=require("@gsap/react"),a=require("gsap/dist/ScrollTrigger"),n=require("gsap/dist/SplitText");const A={title:"Biz-Components/AccordionCards",component:f.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var C=A;const c=[{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."}],v={args:{GSAP:{gsap:p.gsap,ScrollTrigger:a.ScrollTrigger,SplitText:n.SplitText,useGSAP:i.useGSAP},data:{products:c,primaryButton:"Learn More"}}},E={args:{GSAP:{gsap:p.gsap,ScrollTrigger:a.ScrollTrigger,SplitText:n.SplitText,useGSAP:i.useGSAP},data:{products:c,shape:"round",itemShape:"round",primaryButton:"Learn More"}}};
+"use strict";var l=Object.create;var r=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var m=(e,o)=>{for(var t in o)r(e,t,{get:o[t],enumerable:!0})},i=(e,o,t,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of c(o))!g.call(e,s)&&s!==t&&r(e,s,{get:()=>o[s],enumerable:!(p=d(o,s))||p.enumerable});return e};var u=(e,o,t)=>(t=e!=null?l(f(e)):{},i(o||!e||!e.__esModule?r(t,"default",{value:e,enumerable:!0}):t,e)),h=e=>i(r({},"__esModule",{value:!0}),e);var A={};m(A,{Default:()=>_,Round:()=>S,default:()=>b});module.exports=h(A);var n=u(require("../biz-components/AccordionCards/index.js")),v=require("gsap"),M=require("@gsap/react"),T=require("gsap/dist/ScrollTrigger"),x=require("gsap/dist/SplitText");const y={title:"Biz-Components/AccordionCards",component:n.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var b=y;const a=[{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."}],_={args:{data:{products:a,primaryButton:"Learn More"}}},S={args:{data:{products:a,shape:"round",itemShape:"round",primaryButton:"Learn More"}}};
 //# sourceMappingURL=accordionCards.stories.js.map

package/dist/cjs/stories/accordionCards.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/accordionCards.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport AccordionCards from '../biz-components/AccordionCards/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst meta = {\n  title: 'Biz-Components/AccordionCards',\n  component: AccordionCards,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof AccordionCards>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mock = [\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      products: mock,\n      primaryButton: 'Learn More',\n    },\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      products: mock,\n      shape: 'round',\n      itemShape: 'round',\n      primaryButton: 'Learn More',\n    },\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAA2B,wDAC3BC,EAAqB,gBACrBC,EAAwB,uBACxBC,EAA8B,mCAC9BC,EAA0B,+BAE1B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOR,EAAQO,EAGf,MAAME,EAAO,CACX,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,CACF,EAEaX,EAAiB,CAC5B,KAAM,CACJ,KAAM,CAAE,YAAM,8BAAe,sBAAW,iBAAQ,EAChD,KAAM,CACJ,SAAUW,EACV,cAAe,YACjB,CACF,CACF,EAEaV,EAAe,CAC1B,KAAM,CACJ,KAAM,CAAE,YAAM,8BAAe,sBAAW,iBAAQ,EAChD,KAAM,CACJ,SAAUU,EACV,MAAO,QACP,UAAW,QACX,cAAe,YACjB,CACF,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport AccordionCards from '../biz-components/AccordionCards/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst meta = {\n  title: 'Biz-Components/AccordionCards',\n  component: AccordionCards,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof AccordionCards>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mock = [\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      products: mock,\n      primaryButton: 'Learn More',\n    },\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      products: mock,\n      shape: 'round',\n      itemShape: 'round',\n      primaryButton: 'Learn More',\n    },\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAA2B,wDAC3BC,EAAqB,gBACrBC,EAAwB,uBACxBC,EAA8B,mCAC9BC,EAA0B,+BAE1B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOR,EAAQO,EAGf,MAAME,EAAO,CACX,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,CACF,EAEaX,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,SAAUW,EACV,cAAe,YACjB,CACF,CACF,EAEaV,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,SAAUU,EACV,MAAO,QACP,UAAW,QACX,cAAe,YACjB,CACF,CACF",
   "names": ["accordionCards_stories_exports", "__export", "Default", "Round", "accordionCards_stories_default", "__toCommonJS", "import_AccordionCards", "import_gsap", "import_react", "import_ScrollTrigger", "import_SplitText", "meta", "AccordionCards", "mock"]
 }

package/dist/cjs/stories/category.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var g=Object.create;var a=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var S=(t,e)=>{for(var o in e)a(t,o,{get:e[o],enumerable:!0})},f=(t,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of y(e))!b.call(t,r)&&r!==o&&a(t,r,{get:()=>e[r],enumerable:!(i=u(e,r))||i.enumerable});return t};var h=(t,e,o)=>(o=t!=null?g(d(t)):{},f(e||!t||!t.__esModule?a(o,"default",{value:t,enumerable:!0}):o,t)),P=t=>f(a({},"__esModule",{value:!0}),t);var C={};S(C,{Default:()=>k,Round:()=>x,default:()=>A});module.exports=P(C);var l=h(require("../biz-components/Category/index.js")),s=require("gsap"),m=require("@gsap/react"),p=require("gsap/dist/ScrollTrigger"),c=require("gsap/dist/SplitText");const _={title:"Biz-Components/Category",component:l.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var A=_;const n=[{name:"Anker Prime 27",image:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{name:"Anker Prime 27",image:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{name:"Anker Prime 27",image:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],k={args:{GSAP:{gsap:s.gsap,ScrollTrigger:p.ScrollTrigger,SplitText:c.SplitText,useGSAP:m.useGSAP},data:{isShowSelect:!0,productData:[],products:n},className:"p-4"}},x={args:{GSAP:{gsap:s.gsap,ScrollTrigger:p.ScrollTrigger,SplitText:c.SplitText,useGSAP:m.useGSAP},data:{isShowSelect:!0,productData:[],shape:"round",products:n},className:"p-4"}};
+"use strict";var i=Object.create;var a=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var u=(t,e)=>{for(var o in e)a(t,o,{get:e[o],enumerable:!0})},m=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of n(e))!g.call(t,r)&&r!==o&&a(t,r,{get:()=>e[r],enumerable:!(s=f(e,r))||s.enumerable});return t};var y=(t,e,o)=>(o=t!=null?i(l(t)):{},m(e||!t||!t.__esModule?a(o,"default",{value:t,enumerable:!0}):o,t)),d=t=>m(a({},"__esModule",{value:!0}),t);var P={};u(P,{Default:()=>h,Round:()=>_,default:()=>S});module.exports=d(P);var c=y(require("../biz-components/Category/index.js")),x=require("gsap"),C=require("@gsap/react"),D=require("gsap/dist/ScrollTrigger"),j=require("gsap/dist/SplitText");const b={title:"Biz-Components/Category",component:c.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var S=b;const p=[{name:"Anker Prime 27",image:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{name:"Anker Prime 27",image:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{name:"Anker Prime 27",image:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],h={args:{data:{isShowSelect:!0,productData:[],products:p},className:"p-4"}},_={args:{data:{isShowSelect:!0,productData:[],shape:"round",products:p},className:"p-4"}};
 //# sourceMappingURL=category.stories.js.map

package/dist/cjs/stories/category.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/category.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Category from '../biz-components/Category/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst meta = {\n  title: 'Biz-Components/Category',\n  component: Category,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Category>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mock = [\n  {\n    name: 'Anker Prime 27',\n    image:\n      'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    name: 'Anker Prime 27',\n    image:\n      'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    name: 'Anker Prime 27',\n    image:\n      'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      isShowSelect: true,\n      productData: [],\n      products: mock,\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      isShowSelect: true,\n      productData: [],\n      shape: 'round',\n      products: mock,\n    },\n    className: 'p-4',\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAqB,kDACrBC,EAAqB,gBACrBC,EAAwB,uBACxBC,EAA8B,mCAC9BC,EAA0B,+BAE1B,MAAMC,EAAO,CACX,MAAO,0BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOR,EAAQO,EAGf,MAAME,EAAO,CACX,CACE,KAAM,iBACN,MACE,8HACJ,EACA,CACE,KAAM,iBACN,MACE,8HACJ,EACA,CACE,KAAM,iBACN,MACE,8HACJ,CACF,EAEaX,EAAiB,CAC5B,KAAM,CACJ,KAAM,CAAE,YAAM,8BAAe,sBAAW,iBAAQ,EAChD,KAAM,CACJ,aAAc,GACd,YAAa,CAAC,EACd,SAAUW,CACZ,EACA,UAAW,KACb,CACF,EAEaV,EAAe,CAC1B,KAAM,CACJ,KAAM,CAAE,YAAM,8BAAe,sBAAW,iBAAQ,EAChD,KAAM,CACJ,aAAc,GACd,YAAa,CAAC,EACd,MAAO,QACP,SAAUU,CACZ,EACA,UAAW,KACb,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Category from '../biz-components/Category/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst meta = {\n  title: 'Biz-Components/Category',\n  component: Category,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Category>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mock = [\n  {\n    name: 'Anker Prime 27',\n    image:\n      'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    name: 'Anker Prime 27',\n    image:\n      'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    name: 'Anker Prime 27',\n    image:\n      'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      isShowSelect: true,\n      productData: [],\n      products: mock,\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      isShowSelect: true,\n      productData: [],\n      shape: 'round',\n      products: mock,\n    },\n    className: 'p-4',\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAqB,kDACrBC,EAAqB,gBACrBC,EAAwB,uBACxBC,EAA8B,mCAC9BC,EAA0B,+BAE1B,MAAMC,EAAO,CACX,MAAO,0BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOR,EAAQO,EAGf,MAAME,EAAO,CACX,CACE,KAAM,iBACN,MACE,8HACJ,EACA,CACE,KAAM,iBACN,MACE,8HACJ,EACA,CACE,KAAM,iBACN,MACE,8HACJ,CACF,EAEaX,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,aAAc,GACd,YAAa,CAAC,EACd,SAAUW,CACZ,EACA,UAAW,KACb,CACF,EAEaV,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,aAAc,GACd,YAAa,CAAC,EACd,MAAO,QACP,SAAUU,CACZ,EACA,UAAW,KACb,CACF",
   "names": ["category_stories_exports", "__export", "Default", "Round", "category_stories_default", "__toCommonJS", "import_Category", "import_gsap", "import_react", "import_ScrollTrigger", "import_SplitText", "meta", "Category", "mock"]
 }

package/dist/cjs/stories/evaluate.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var g=Object.create;var a=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var y=(e,t)=>{for(var r in t)a(e,r,{get:t[r],enumerable:!0})},n=(e,t,r,m)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of u(t))!b.call(e,o)&&o!==r&&a(e,o,{get:()=>t[o],enumerable:!(m=h(t,o))||m.enumerable});return e};var P=(e,t,r)=>(r=e!=null?g(d(e)):{},n(t||!e||!e.__esModule?a(r,"default",{value:e,enumerable:!0}):r,e)),v=e=>n(a({},"__esModule",{value:!0}),e);var B={};y(B,{Default:()=>S,Round:()=>_,default:()=>k});module.exports=v(B);var f=P(require("../biz-components/Evaluate/index.js")),s=require("gsap"),i=require("@gsap/react"),c=require("gsap/dist/ScrollTrigger"),p=require("gsap/dist/SplitText");const A={title:"Biz-Components/Evaluate",component:f.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var k=A;const l=[{rating:4,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"},img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{rating:3,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"},img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{rating:5,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)",avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"},img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}}],S={args:{GSAP:{gsap:s.gsap,ScrollTrigger:c.ScrollTrigger,SplitText:p.SplitText,useGSAP:i.useGSAP},data:{products:l},className:"p-4"}},_={args:{GSAP:{gsap:s.gsap,ScrollTrigger:c.ScrollTrigger,SplitText:p.SplitText,useGSAP:i.useGSAP},data:{products:l,shape:"round"},className:"p-4"}};
+"use strict";var p=Object.create;var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var a in t)s(e,a,{get:t[a],enumerable:!0})},i=(e,t,a,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of m(t))!g.call(e,r)&&r!==a&&s(e,r,{get:()=>t[r],enumerable:!(o=l(t,r))||o.enumerable});return e};var u=(e,t,a)=>(a=e!=null?p(f(e)):{},i(t||!e||!e.__esModule?s(a,"default",{value:e,enumerable:!0}):a,e)),d=e=>i(s({},"__esModule",{value:!0}),e);var k={};h(k,{Default:()=>v,Round:()=>P,default:()=>y});module.exports=d(k);var n=u(require("../biz-components/Evaluate/index.js"));const b={title:"Biz-Components/Evaluate",component:n.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var y=b;const c=[{rating:4,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"},img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{rating:3,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"},img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{rating:5,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)",avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"},img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}}],v={args:{data:{products:c},className:"p-4"}},P={args:{data:{products:c,shape:"round"},className:"p-4"}};
 //# sourceMappingURL=evaluate.stories.js.map

package/dist/cjs/stories/evaluate.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/evaluate.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Evaluate from '../biz-components/Evaluate/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst meta = {\n  title: 'Biz-Components/Evaluate',\n  component: Evaluate,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Evaluate>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    rating: 4,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    },\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n  {\n    rating: 3,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    },\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n  {\n    rating: 5,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description:\n      'Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)',\n    avatar: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    },\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      products: mockItems\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      products: mockItems,\n      shape: 'round',\n    },\n    className: 'p-4',\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAqB,kDACrBC,EAAqB,gBACrBC,EAAwB,uBACxBC,EAA8B,mCAC9BC,EAA0B,+BAE1B,MAAMC,EAAO,CACX,MAAO,0BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOR,EAAQO,EAGf,MAAME,EAAY,CAChB,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,CACN,IAAK,0GACP,EACA,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,CACN,IAAK,0GACP,EACA,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YACE,wKACF,OAAQ,CACN,IAAK,0GACP,EACA,IAAK,CACH,IAAK,8HACP,CACF,CACF,EAEaX,EAAiB,CAC5B,KAAM,CACJ,KAAM,CAAE,YAAM,8BAAe,sBAAW,iBAAQ,EAChD,KAAM,CACJ,SAAUW,CACZ,EACA,UAAW,KACb,CACF,EAEaV,EAAe,CAC1B,KAAM,CACJ,KAAM,CAAE,YAAM,8BAAe,sBAAW,iBAAQ,EAChD,KAAM,CACJ,SAAUU,EACV,MAAO,OACT,EACA,UAAW,KACb,CACF",
-  "names": ["evaluate_stories_exports", "__export", "Default", "Round", "evaluate_stories_default", "__toCommonJS", "import_Evaluate", "import_gsap", "import_react", "import_ScrollTrigger", "import_SplitText", "meta", "Evaluate", "mockItems"]
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Evaluate from '../biz-components/Evaluate/index.js'\n\nconst meta = {\n  title: 'Biz-Components/Evaluate',\n  component: Evaluate,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Evaluate>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    rating: 4,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    },\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n  {\n    rating: 3,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    },\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n  {\n    rating: 5,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description:\n      'Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)',\n    avatar: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    },\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      products: mockItems,\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      products: mockItems,\n      shape: 'round',\n    },\n    className: 'p-4',\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAqB,kDAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAY,CAChB,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,CACN,IAAK,0GACP,EACA,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,CACN,IAAK,0GACP,EACA,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YACE,wKACF,OAAQ,CACN,IAAK,0GACP,EACA,IAAK,CACH,IAAK,8HACP,CACF,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,SAAUO,CACZ,EACA,UAAW,KACb,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,SAAUM,EACV,MAAO,OACT,EACA,UAAW,KACb,CACF",
+  "names": ["evaluate_stories_exports", "__export", "Default", "Round", "evaluate_stories_default", "__toCommonJS", "import_Evaluate", "meta", "Evaluate", "mockItems"]
 }

package/dist/cjs/stories/graphic.stories.d.ts CHANGED Viewed

@@ -33,7 +33,6 @@ declare const meta: {
         } & Record<string, any>;
         event?: any;
         condition?: any;
-        GSAP?: any;
         style?: string | undefined;
         uid?: string | undefined;
         disabled?: boolean | undefined;

package/dist/cjs/stories/graphic.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var y=Object.create;var s=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var U=(t,e)=>{for(var r in e)s(t,r,{get:e[r],enumerable:!0})},f=(t,e,r,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of u(e))!h.call(t,o)&&o!==r&&s(t,o,{get:()=>e[o],enumerable:!(c=d(e,o))||c.enumerable});return t};var b=(t,e,r)=>(r=t!=null?y(S(t)):{},f(e||!t||!t.__esModule?s(r,"default",{value:t,enumerable:!0}):r,t)),P=t=>f(s({},"__esModule",{value:!0}),t);var x={};U(x,{Default:()=>v,Round:()=>G,default:()=>O});module.exports=P(x);var m=require("react/jsx-runtime"),g=b(require("../biz-components/Graphic/index.js")),a=require("gsap"),p=require("@gsap/react"),i=require("gsap/dist/ScrollTrigger"),l=require("gsap/dist/SplitText");const F={title:"Biz-Components/Graphic",component:g.default,parameters:{layout:"fullscreen",docs:{description:{component:"\u56FE\u6587\u5C55\u793A\u6A21\u5757\uFF0C\u57FA\u4E8Eembla-carousel-react\uFF0Chttps://www.embla-carousel.com/get-started/react/"}}},decorators:[t=>(0,m.jsx)("div",{style:{paddingTop:"2em"},children:(0,m.jsx)(t,{})})],tags:["autodocs"]};var O=F;const n=[{imgUrl:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",alt:"imgUrlPc"},title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",alt:"imgUrlPc"},title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"},{imgUrl:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",alt:"imgUrlPc"},title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",alt:"imgUrlPc"},title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"}],v={args:{GSAP:{gsap:a.gsap,ScrollTrigger:i.ScrollTrigger,SplitText:l.SplitText,useGSAP:p.useGSAP},data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:n}}},G={args:{GSAP:{gsap:a.gsap,ScrollTrigger:i.ScrollTrigger,SplitText:l.SplitText,useGSAP:p.useGSAP},data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:n,itemShape:"round"}}};
+"use strict";var c=Object.create;var s=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var d=(t,e)=>{for(var r in e)s(t,r,{get:e[r],enumerable:!0})},i=(t,e,r,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of n(e))!y.call(t,o)&&o!==r&&s(t,o,{get:()=>e[o],enumerable:!(p=f(e,o))||p.enumerable});return t};var u=(t,e,r)=>(r=t!=null?c(g(t)):{},i(e||!t||!t.__esModule?s(r,"default",{value:t,enumerable:!0}):r,t)),S=t=>i(s({},"__esModule",{value:!0}),t);var O={};d(O,{Default:()=>b,Round:()=>F,default:()=>U});module.exports=S(O);var a=require("react/jsx-runtime"),m=u(require("../biz-components/Graphic/index.js")),v=require("gsap"),G=require("@gsap/react"),C=require("gsap/dist/ScrollTrigger"),k=require("gsap/dist/SplitText");const h={title:"Biz-Components/Graphic",component:m.default,parameters:{layout:"fullscreen",docs:{description:{component:"\u56FE\u6587\u5C55\u793A\u6A21\u5757\uFF0C\u57FA\u4E8Eembla-carousel-react\uFF0Chttps://www.embla-carousel.com/get-started/react/"}}},decorators:[t=>(0,a.jsx)("div",{style:{paddingTop:"2em"},children:(0,a.jsx)(t,{})})],tags:["autodocs"]};var U=h;const l=[{imgUrl:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",alt:"imgUrlPc"},title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",alt:"imgUrlPc"},title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"},{imgUrl:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",alt:"imgUrlPc"},title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",alt:"imgUrlPc"},title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"}],b={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:l}}},F={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:l,itemShape:"round"}}};
 //# sourceMappingURL=graphic.stories.js.map

package/dist/cjs/stories/graphic.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/graphic.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Graphic from '../biz-components/Graphic/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst meta = {\n  title: 'Biz-Components/Graphic',\n  component: Graphic,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u56FE\u6587\u5C55\u793A\u6A21\u5757\uFF0C\u57FA\u4E8Eembla-carousel-react\uFF0Chttps://www.embla-carousel.com/get-started/react/',\n      },\n    },\n  },\n  decorators: [\n    Story => (\n      <div style={{ paddingTop: '2em' }}>\n        <Story />\n      </div>\n    ),\n  ],\n  tags: ['autodocs'],\n} satisfies Meta<typeof Graphic>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    imgUrl: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n      alt: 'imgUrlPc',\n    },\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n      alt: 'imgUrlPc',\n    },\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n  },\n  {\n    imgUrl: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n      alt: 'imgUrlPc',\n    },\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n      alt: 'imgUrlPc',\n    },\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      title: 'Explore Anker\u2019s Top Products By<br>Category',\n      items: mockItems,\n    },\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      title: 'Explore Anker\u2019s Top Products By<br>Category',\n      items: mockItems,\n      itemShape: 'round',\n    },\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GAqBQ,IAAAM,EAAA,6BApBRC,EAAoB,iDACpBC,EAAqB,gBACrBC,EAAwB,uBACxBC,EAA8B,mCAC9BC,EAA0B,+BAE1B,MAAMC,EAAO,CACX,MAAO,yBACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,mIACb,CACF,CACF,EACA,WAAY,CACVC,MACE,OAAC,OAAI,MAAO,CAAE,WAAY,KAAM,EAC9B,mBAACA,EAAA,EAAM,EACT,CAEJ,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOV,EAAQQ,EAGf,MAAMG,EAAY,CAChB,CACE,OAAQ,CACN,IAAK,2FACL,IAAK,UACP,EACA,MAAO,wEACT,EACA,CACE,OAAQ,CACN,IAAK,2FACL,IAAK,UACP,EACA,MAAO,yEACP,UAAW,MACb,EACA,CACE,OAAQ,CACN,IAAK,2FACL,IAAK,UACP,EACA,MAAO,wEACT,EACA,CACE,OAAQ,CACN,IAAK,2FACL,IAAK,UACP,EACA,MAAO,yEACP,UAAW,MACb,CACF,EAEab,EAAiB,CAC5B,KAAM,CACJ,KAAM,CAAE,YAAM,8BAAe,sBAAW,iBAAQ,EAChD,KAAM,CACJ,MAAO,mDACP,MAAOa,CACT,CACF,CACF,EAEaZ,EAAe,CAC1B,KAAM,CACJ,KAAM,CAAE,YAAM,8BAAe,sBAAW,iBAAQ,EAChD,KAAM,CACJ,MAAO,mDACP,MAAOY,EACP,UAAW,OACb,CACF,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Graphic from '../biz-components/Graphic/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst meta = {\n  title: 'Biz-Components/Graphic',\n  component: Graphic,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u56FE\u6587\u5C55\u793A\u6A21\u5757\uFF0C\u57FA\u4E8Eembla-carousel-react\uFF0Chttps://www.embla-carousel.com/get-started/react/',\n      },\n    },\n  },\n  decorators: [\n    Story => (\n      <div style={{ paddingTop: '2em' }}>\n        <Story />\n      </div>\n    ),\n  ],\n  tags: ['autodocs'],\n} satisfies Meta<typeof Graphic>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    imgUrl: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n      alt: 'imgUrlPc',\n    },\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n      alt: 'imgUrlPc',\n    },\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n  },\n  {\n    imgUrl: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n      alt: 'imgUrlPc',\n    },\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n      alt: 'imgUrlPc',\n    },\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'Explore Anker\u2019s Top Products By<br>Category',\n      items: mockItems,\n    },\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      title: 'Explore Anker\u2019s Top Products By<br>Category',\n      items: mockItems,\n      itemShape: 'round',\n    },\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GAqBQ,IAAAM,EAAA,6BApBRC,EAAoB,iDACpBC,EAAqB,gBACrBC,EAAwB,uBACxBC,EAA8B,mCAC9BC,EAA0B,+BAE1B,MAAMC,EAAO,CACX,MAAO,yBACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,mIACb,CACF,CACF,EACA,WAAY,CACVC,MACE,OAAC,OAAI,MAAO,CAAE,WAAY,KAAM,EAC9B,mBAACA,EAAA,EAAM,EACT,CAEJ,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOV,EAAQQ,EAGf,MAAMG,EAAY,CAChB,CACE,OAAQ,CACN,IAAK,2FACL,IAAK,UACP,EACA,MAAO,wEACT,EACA,CACE,OAAQ,CACN,IAAK,2FACL,IAAK,UACP,EACA,MAAO,yEACP,UAAW,MACb,EACA,CACE,OAAQ,CACN,IAAK,2FACL,IAAK,UACP,EACA,MAAO,wEACT,EACA,CACE,OAAQ,CACN,IAAK,2FACL,IAAK,UACP,EACA,MAAO,yEACP,UAAW,MACb,CACF,EAEab,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,mDACP,MAAOa,CACT,CACF,CACF,EAEaZ,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,mDACP,MAAOY,EACP,UAAW,OACb,CACF,CACF",
   "names": ["graphic_stories_exports", "__export", "Default", "Round", "graphic_stories_default", "__toCommonJS", "import_jsx_runtime", "import_Graphic", "import_gsap", "import_react", "import_ScrollTrigger", "import_SplitText", "meta", "Graphic", "Story", "mockItems"]
 }

package/dist/cjs/stories/graphicAttractionBlock.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var g=Object.create;var a=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var y=(t,e)=>{for(var o in e)a(t,o,{get:e[o],enumerable:!0})},l=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of b(e))!u.call(t,i)&&i!==o&&a(t,i,{get:()=>e[i],enumerable:!(r=h(e,i))||r.enumerable});return t};var k=(t,e,o)=>(o=t!=null?g(d(t)):{},l(e||!t||!t.__esModule?a(o,"default",{value:t,enumerable:!0}):o,t)),S=t=>l(a({},"__esModule",{value:!0}),t);var A={};y(A,{Default:()=>v,default:()=>P});module.exports=S(A);var c=require("react/jsx-runtime"),G=require("react"),s=k(require("../biz-components/GraphicAttractionBlock/index.js")),p=require("gsap"),n=require("@gsap/react"),m=require("gsap/dist/ScrollTrigger"),f=require("gsap/dist/SplitText");const I={title:"Biz-Components/GraphicAttractionBlock",component:s.default,tags:["autodocs"],parameters:{layout:"fullscreen",docs:{description:{component:"\u56FE\u6587\u5438\u5F15\u533A\u5757"}}},decorators:[t=>(0,c.jsx)("div",{style:{backgroundColor:"#f5f5f5",padding:"2rem"},children:(0,c.jsx)(t,{})})]};var P=I;const v={args:{GSAP:{gsap:p.gsap,ScrollTrigger:m.ScrollTrigger,SplitText:f.SplitText,useGSAP:n.useGSAP},data:{shape:"square",sectionTitle:"Install and save electricity costs",imageTitle:"Whole-Home Backup Power",imageDescription:"Maintain a high quality of life during blackouts by powering all kinds of home appliances.",imageUrlPc:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121235230.png?v=1747301568",alt:"Image1",thumbnailURL:"https://placehold.co/1920x1080?text=Image1",mimeType:"image/png"},imageUrlMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772031.png?v=1747301554",alt:"Image1",thumbnailURL:"https://placehold.co/1920x1080?text=Image1",mimeType:"image/png"},attractionItems:[{title:"storing energy",description:"Maintain a high quality of life during blackouts",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Image1"}},{title:"storing energy",description:"Store solar power for nighttime use with the solar bank.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Image1"}},{title:"Plug&Play",description:"Connect the Schuko plug to a power socket.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Image1"}},{title:"Plug&Play",description:"Connect the Schuko plug to a power socket.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Image1"}}]}}};
+"use strict";var p=Object.create;var a=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var h=(t,e)=>{for(var o in e)a(t,o,{get:e[o],enumerable:!0})},l=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of m(e))!g.call(t,i)&&i!==o&&a(t,i,{get:()=>e[i],enumerable:!(r=n(e,i))||r.enumerable});return t};var b=(t,e,o)=>(o=t!=null?p(f(t)):{},l(e||!t||!t.__esModule?a(o,"default",{value:t,enumerable:!0}):o,t)),d=t=>l(a({},"__esModule",{value:!0}),t);var I={};h(I,{Default:()=>k,default:()=>y});module.exports=d(I);var c=require("react/jsx-runtime"),v=require("react"),s=b(require("../biz-components/GraphicAttractionBlock/index.js")),P=require("gsap"),G=require("@gsap/react"),w=require("gsap/dist/ScrollTrigger"),_=require("gsap/dist/SplitText");const u={title:"Biz-Components/GraphicAttractionBlock",component:s.default,tags:["autodocs"],parameters:{layout:"fullscreen",docs:{description:{component:"\u56FE\u6587\u5438\u5F15\u533A\u5757"}}},decorators:[t=>(0,c.jsx)("div",{style:{backgroundColor:"#f5f5f5",padding:"2rem"},children:(0,c.jsx)(t,{})})]};var y=u;const k={args:{data:{shape:"square",sectionTitle:"Install and save electricity costs",imageTitle:"Whole-Home Backup Power",imageDescription:"Maintain a high quality of life during blackouts by powering all kinds of home appliances.",imageUrlPc:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121235230.png?v=1747301568",alt:"Image1",thumbnailURL:"https://placehold.co/1920x1080?text=Image1",mimeType:"image/png"},imageUrlMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772031.png?v=1747301554",alt:"Image1",thumbnailURL:"https://placehold.co/1920x1080?text=Image1",mimeType:"image/png"},attractionItems:[{title:"storing energy",description:"Maintain a high quality of life during blackouts",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Image1"}},{title:"storing energy",description:"Store solar power for nighttime use with the solar bank.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Image1"}},{title:"Plug&Play",description:"Connect the Schuko plug to a power socket.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Image1"}},{title:"Plug&Play",description:"Connect the Schuko plug to a power socket.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Image1"}}]}}};
 //# sourceMappingURL=graphicAttractionBlock.stories.js.map

package/dist/cjs/stories/graphicAttractionBlock.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/graphicAttractionBlock.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\nimport GraphicAttractionBlock from '../biz-components/GraphicAttractionBlock/index.js'\nimport type { GraphicAttractionBlockProps } from '../biz-components/GraphicAttractionBlock/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst meta: Meta<typeof GraphicAttractionBlock> = {\n  title: 'Biz-Components/GraphicAttractionBlock',\n  component: GraphicAttractionBlock,\n  tags: ['autodocs'],\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u56FE\u6587\u5438\u5F15\u533A\u5757',\n      },\n    },\n  },\n  decorators: [\n    Story => (\n      <div style={{ backgroundColor: '#f5f5f5', padding: '2rem' }}>\n        <Story />\n      </div>\n    ),\n  ],\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof GraphicAttractionBlock>\n\nexport const Default: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      shape: 'square',\n      sectionTitle: 'Install and save electricity costs',\n      imageTitle: 'Whole-Home Backup Power',\n      imageDescription: 'Maintain a high quality of life during blackouts by powering all kinds of home appliances.',\n      imageUrlPc: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121235230.png?v=1747301568',\n        alt: 'Image1',\n        thumbnailURL: 'https://placehold.co/1920x1080?text=Image1',\n        mimeType: 'image/png',\n      },\n      imageUrlMob: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772031.png?v=1747301554',\n        alt: 'Image1',\n        thumbnailURL: 'https://placehold.co/1920x1080?text=Image1',\n        mimeType: 'image/png',\n      },\n      attractionItems: [\n        {\n          title: 'storing energy',\n          description: 'Maintain a high quality of life during blackouts',\n          icon: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n            alt: 'Image1',\n          },\n        },\n        {\n          title: 'storing energy',\n          description: 'Store solar power for nighttime use with the solar bank.',\n          icon: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n            alt: 'Image1',\n          },\n        },\n        {\n          title: 'Plug&Play',\n          description: 'Connect the Schuko plug to a power socket.',\n          icon: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n            alt: 'Image1',\n          },\n        },\n        {\n          title: 'Plug&Play',\n          description: 'Connect the Schuko plug to a power socket.',\n          icon: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n            alt: 'Image1',\n          },\n        },\n      ],\n    },\n  } satisfies GraphicAttractionBlockProps,\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAwBQ,IAAAK,EAAA,6BAvBRC,EAAkB,iBAClBC,EAAmC,gEAEnCC,EAAqB,gBACrBF,EAAwB,uBACxBG,EAA8B,mCAC9BC,EAA0B,+BAE1B,MAAMC,EAA4C,CAChD,MAAO,wCACP,UAAW,EAAAC,QACX,KAAM,CAAC,UAAU,EACjB,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,sCACb,CACF,CACF,EACA,WAAY,CACVC,MACE,OAAC,OAAI,MAAO,CAAE,gBAAiB,UAAW,QAAS,MAAO,EACxD,mBAACA,EAAA,EAAM,EACT,CAEJ,CACF,EAEA,IAAOV,EAAQQ,EAIR,MAAMT,EAAiB,CAC5B,KAAM,CACJ,KAAM,CAAE,YAAM,8BAAe,sBAAW,iBAAQ,EAChD,KAAM,CACJ,MAAO,SACP,aAAc,qCACd,WAAY,0BACZ,iBAAkB,6FAClB,WAAY,CACV,IAAK,2FACL,IAAK,SACL,aAAc,6CACd,SAAU,WACZ,EACA,YAAa,CACX,IAAK,2FACL,IAAK,SACL,aAAc,6CACd,SAAU,WACZ,EACA,gBAAiB,CACf,CACE,MAAO,iBACP,YAAa,mDACb,KAAM,CACJ,IAAK,gJACL,IAAK,QACP,CACF,EACA,CACE,MAAO,iBACP,YAAa,2DACb,KAAM,CACJ,IAAK,gJACL,IAAK,QACP,CACF,EACA,CACE,MAAO,YACP,YAAa,6CACb,KAAM,CACJ,IAAK,gJACL,IAAK,QACP,CACF,EACA,CACE,MAAO,YACP,YAAa,6CACb,KAAM,CACJ,IAAK,gJACL,IAAK,QACP,CACF,CACF,CACF,CACF,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\nimport GraphicAttractionBlock from '../biz-components/GraphicAttractionBlock/index.js'\nimport type { GraphicAttractionBlockProps } from '../biz-components/GraphicAttractionBlock/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst meta: Meta<typeof GraphicAttractionBlock> = {\n  title: 'Biz-Components/GraphicAttractionBlock',\n  component: GraphicAttractionBlock,\n  tags: ['autodocs'],\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u56FE\u6587\u5438\u5F15\u533A\u5757',\n      },\n    },\n  },\n  decorators: [\n    Story => (\n      <div style={{ backgroundColor: '#f5f5f5', padding: '2rem' }}>\n        <Story />\n      </div>\n    ),\n  ],\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof GraphicAttractionBlock>\n\nexport const Default: Story = {\n  args: {\n    data: {\n      shape: 'square',\n      sectionTitle: 'Install and save electricity costs',\n      imageTitle: 'Whole-Home Backup Power',\n      imageDescription: 'Maintain a high quality of life during blackouts by powering all kinds of home appliances.',\n      imageUrlPc: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121235230.png?v=1747301568',\n        alt: 'Image1',\n        thumbnailURL: 'https://placehold.co/1920x1080?text=Image1',\n        mimeType: 'image/png',\n      },\n      imageUrlMob: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772031.png?v=1747301554',\n        alt: 'Image1',\n        thumbnailURL: 'https://placehold.co/1920x1080?text=Image1',\n        mimeType: 'image/png',\n      },\n      attractionItems: [\n        {\n          title: 'storing energy',\n          description: 'Maintain a high quality of life during blackouts',\n          icon: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n            alt: 'Image1',\n          },\n        },\n        {\n          title: 'storing energy',\n          description: 'Store solar power for nighttime use with the solar bank.',\n          icon: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n            alt: 'Image1',\n          },\n        },\n        {\n          title: 'Plug&Play',\n          description: 'Connect the Schuko plug to a power socket.',\n          icon: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n            alt: 'Image1',\n          },\n        },\n        {\n          title: 'Plug&Play',\n          description: 'Connect the Schuko plug to a power socket.',\n          icon: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n            alt: 'Image1',\n          },\n        },\n      ],\n    },\n  } satisfies GraphicAttractionBlockProps,\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAwBQ,IAAAK,EAAA,6BAvBRC,EAAkB,iBAClBC,EAAmC,gEAEnCC,EAAqB,gBACrBF,EAAwB,uBACxBG,EAA8B,mCAC9BC,EAA0B,+BAE1B,MAAMC,EAA4C,CAChD,MAAO,wCACP,UAAW,EAAAC,QACX,KAAM,CAAC,UAAU,EACjB,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,sCACb,CACF,CACF,EACA,WAAY,CACVC,MACE,OAAC,OAAI,MAAO,CAAE,gBAAiB,UAAW,QAAS,MAAO,EACxD,mBAACA,EAAA,EAAM,EACT,CAEJ,CACF,EAEA,IAAOV,EAAQQ,EAIR,MAAMT,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,SACP,aAAc,qCACd,WAAY,0BACZ,iBAAkB,6FAClB,WAAY,CACV,IAAK,2FACL,IAAK,SACL,aAAc,6CACd,SAAU,WACZ,EACA,YAAa,CACX,IAAK,2FACL,IAAK,SACL,aAAc,6CACd,SAAU,WACZ,EACA,gBAAiB,CACf,CACE,MAAO,iBACP,YAAa,mDACb,KAAM,CACJ,IAAK,gJACL,IAAK,QACP,CACF,EACA,CACE,MAAO,iBACP,YAAa,2DACb,KAAM,CACJ,IAAK,gJACL,IAAK,QACP,CACF,EACA,CACE,MAAO,YACP,YAAa,6CACb,KAAM,CACJ,IAAK,gJACL,IAAK,QACP,CACF,EACA,CACE,MAAO,YACP,YAAa,6CACb,KAAM,CACJ,IAAK,gJACL,IAAK,QACP,CACF,CACF,CACF,CACF,CACF",
   "names": ["graphicAttractionBlock_stories_exports", "__export", "Default", "graphicAttractionBlock_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_GraphicAttractionBlock", "import_gsap", "import_ScrollTrigger", "import_SplitText", "meta", "GraphicAttractionBlock", "Story"]
 }

package/dist/cjs/stories/marquee.stories.d.ts CHANGED Viewed

@@ -1,16 +1,17 @@
 import React, { type ComponentType } from 'react';
 import type { StoryObj } from '@storybook/react';
+import type { MarqueeProps } from '../biz-components/Marquee/type.js';
 declare const meta: {
     title: string;
     component: {
-        (props: Omit<Omit<import("react-fast-marquee").MarqueeProps, "ref"> & React.RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+        (props: Omit<MarqueeProps & React.RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
             className?: string;
             data?: Record<string, any>;
         }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     subcomponents: {
-        MarqueeList: ComponentType<unknown>;
+        MarqueeItem: ComponentType<unknown>;
         MarqueeImageContent: ComponentType<unknown>;
         MarqueeTextContent: ComponentType<unknown>;
     };
@@ -23,29 +24,6 @@ declare const meta: {
         };
     };
     tags: string[];
-    args: {
-        speed: number;
-    };
-    argTypes: {
-        direction: {
-            control: {
-                type: "inline-radio";
-            };
-            options: string[];
-            description: string;
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        speed: {
-            control: {
-                type: "number";
-            };
-            description: string;
-        };
-    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/cjs/stories/marquee.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var l=Object.create;var n=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var d=(a,o)=>{for(var s in o)n(a,s,{get:o[s],enumerable:!0})},p=(a,o,s,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of m(o))!f.call(a,r)&&r!==s&&n(a,r,{get:()=>o[r],enumerable:!(i=c(o,r))||i.enumerable});return a};var g=(a,o,s)=>(s=a!=null?l(u(a)):{},p(o||!a||!a.__esModule?n(s,"default",{value:a,enumerable:!0}):s,a)),y=a=>p(n({},"__esModule",{value:!0}),a);var R={};d(R,{Default:()=>h,MarqueeDirection:()=>C,MarqueeImage:()=>x,MarqueeText:()=>b,default:()=>q});module.exports=y(R);var t=require("react/jsx-runtime"),T=require("react"),e=g(require("../biz-components/Marquee/index.js"));const M={title:"Biz Components/Marquee",component:e.default,subcomponents:{MarqueeList:e.MarqueeList,MarqueeImageContent:e.MarqueeImageContent,MarqueeTextContent:e.MarqueeTextContent},parameters:{layout:"fullscreen",docs:{description:{component:"\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ereact-fast-marquee<br>\u53EF\u4F7F\u7528react-fast-marquee\u6240\u6709props"}}},tags:["autodocs"],args:{speed:50},argTypes:{direction:{control:{type:"inline-radio"},options:["left","right","up","down"],description:"\u8DD1\u9A6C\u706F\u6ED1\u52A8\u7684\u65B9\u5411",table:{defaultValue:{summary:"left"}}},speed:{control:{type:"number"},description:"\u901F\u5EA6\uFF0C\u5355\u4F4D\uFF1A\u50CF\u7D20/\u79D2"}}};var q=M;const h={render:a=>(0,t.jsx)(e.default,{...a,children:(0,t.jsxs)(e.MarqueeList,{children:[(0,t.jsx)(e.MarqueeImageContent,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}}),(0,t.jsx)(e.MarqueeTextContent,{data:{text:"\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}}),(0,t.jsx)(e.MarqueeImageContent,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}}),(0,t.jsx)(e.MarqueeTextContent,{className:"text-nowrap",data:{text:"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}}),(0,t.jsx)(e.MarqueeImageContent,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}}})]})})},x={render:a=>(0,t.jsx)(e.default,{...a,children:(0,t.jsxs)(e.MarqueeList,{children:[(0,t.jsx)(e.MarqueeImageContent,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}}),(0,t.jsx)(e.MarqueeImageContent,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}}),(0,t.jsx)(e.MarqueeImageContent,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}}})]})})},b={render:a=>(0,t.jsx)(e.default,{...a,children:(0,t.jsxs)(e.MarqueeList,{children:[(0,t.jsx)(e.MarqueeTextContent,{className:"w-40",data:{text:"47%<br>R&D Employees"}}),(0,t.jsx)(e.MarqueeTextContent,{className:"w-40",data:{text:"100 Million<br>Global Customers"}}),(0,t.jsx)(e.MarqueeTextContent,{className:"w-60",data:{text:"Pioneering in Charging<br>Technology for 12 Years"}})]})})},C={render:a=>(0,t.jsx)(e.default,{...a,children:(0,t.jsxs)(e.MarqueeList,{children:[(0,t.jsx)(e.MarqueeImageContent,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}}),(0,t.jsx)(e.MarqueeImageContent,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}}),(0,t.jsx)(e.MarqueeImageContent,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}}})]})}),args:{direction:"right"}};
+"use strict";var l=Object.create;var n=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var M=(e,a)=>{for(var o in a)n(e,o,{get:a[o],enumerable:!0})},m=(e,a,o,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of u(a))!d.call(e,s)&&s!==o&&n(e,s,{get:()=>a[s],enumerable:!(i=y(a,s))||i.enumerable});return e};var q=(e,a,o)=>(o=e!=null?l(f(e)):{},m(a||!e||!e.__esModule?n(o,"default",{value:e,enumerable:!0}):o,e)),h=e=>m(n({},"__esModule",{value:!0}),e);var _={};M(_,{Default:()=>R,MarqueeDirection:()=>b,MarqueeImage:()=>v,MarqueeText:()=>T,default:()=>C});module.exports=h(_);var r=require("react/jsx-runtime"),D=require("react"),t=q(require("../biz-components/Marquee/index.js"));const x={title:"Biz Components/Marquee",component:t.default,subcomponents:{MarqueeItem:t.MarqueeItem,MarqueeImageContent:t.MarqueeImageContent,MarqueeTextContent:t.MarqueeTextContent},parameters:{layout:"fullscreen",docs:{description:{component:"\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ehttps://swiperjs.com/swiper-api"}}},tags:["autodocs"]};var C=x;const p={key:"Marquee",items:[{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}},{type:"text",text:"\u8DD1\u9A6C\u706F\u7EC4\u4EF6"},{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}},{type:"text",text:"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6"},{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}}]},R={args:{data:p},render:()=>(0,r.jsx)(t.default,{data:p})},g={key:"MarqueeImage",items:[{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}},{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}},{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}},{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}},{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}},{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}}]},v={args:{data:g},render:()=>(0,r.jsx)(t.default,{data:g})},c={key:"MarqueeText",items:[{type:"text",text:"47%<br>R&D Employees"},{type:"text",text:"100 Million<br>Global Customers"},{type:"text",text:"Pioneering in Charging<br>Technology for 12 Years"}]},T={args:{data:c},render:()=>(0,r.jsx)(t.default,{data:c})},b={args:{data:{...p,reverseDirection:!0}},render:()=>(0,r.jsx)(t.default,{data:p})};
 //# sourceMappingURL=marquee.stories.js.map

package/dist/cjs/stories/marquee.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/marquee.stories.tsx"],
-  "sourcesContent": ["import React, { type ComponentType } from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport Marquee, { MarqueeList, MarqueeImageContent, MarqueeTextContent } from '../biz-components/Marquee/index.js'\n\nconst meta = {\n  title: 'Biz Components/Marquee',\n  component: Marquee,\n  subcomponents: {\n    MarqueeList: MarqueeList as ComponentType<unknown>,\n    MarqueeImageContent: MarqueeImageContent as ComponentType<unknown>,\n    MarqueeTextContent: MarqueeTextContent as ComponentType<unknown>,\n  },\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ereact-fast-marquee<br>\u53EF\u4F7F\u7528react-fast-marquee\u6240\u6709props',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  args: {\n    speed: 50,\n  },\n  argTypes: {\n    direction: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['left', 'right', 'up', 'down'],\n      description: '\u8DD1\u9A6C\u706F\u6ED1\u52A8\u7684\u65B9\u5411',\n      table: {\n        defaultValue: {\n          summary: 'left',\n        },\n      },\n    },\n    speed: {\n      control: {\n        type: 'number',\n      },\n      description: '\u901F\u5EA6\uFF0C\u5355\u4F4D\uFF1A\u50CF\u7D20/\u79D2',\n    },\n  },\n} satisfies Meta<typeof Marquee>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n            },\n          }}\n        />\n        <MarqueeTextContent data={{ text: '\u8DD1\u9A6C\u706F\u7EC4\u4EF6' }} />\n        <MarqueeImageContent\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n            },\n          }}\n        />\n        <MarqueeTextContent className=\"text-nowrap\" data={{ text: '\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6' }} />\n        <MarqueeImageContent\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\n            },\n          }}\n        />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeImage: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n            },\n          }}\n        />\n        <MarqueeImageContent\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n            },\n          }}\n        />\n        <MarqueeImageContent\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\n            },\n          }}\n        />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeText: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeTextContent className=\"w-40\" data={{ text: '47%<br>R&D Employees' }} />\n        <MarqueeTextContent className=\"w-40\" data={{ text: '100 Million<br>Global Customers' }} />\n        <MarqueeTextContent className=\"w-60\" data={{ text: 'Pioneering in Charging<br>Technology for 12 Years' }} />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeDirection: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n            },\n          }}\n        />\n        <MarqueeImageContent\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n            },\n          }}\n        />\n        <MarqueeImageContent\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\n            },\n          }}\n        />\n      </MarqueeList>\n    </Marquee>\n  ),\n  args: {\n    direction: 'right',\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,qBAAAC,EAAA,iBAAAC,EAAA,gBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAqDM,IAAAQ,EAAA,6BArDNC,EAA0C,iBAE1CC,EAA8E,iDAE9E,MAAMC,EAAO,CACX,MAAO,yBACP,UAAW,EAAAC,QACX,cAAe,CACb,YAAa,cACb,oBAAqB,sBACrB,mBAAoB,oBACtB,EACA,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,wHACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,KAAM,CACJ,MAAO,EACT,EACA,SAAU,CACR,UAAW,CACT,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,OAAQ,QAAS,KAAM,MAAM,EACvC,YAAa,mDACb,MAAO,CACL,aAAc,CACZ,QAAS,MACX,CACF,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,QACR,EACA,YAAa,yDACf,CACF,CACF,EAEA,IAAON,EAAQK,EAIR,MAAMT,EAAiB,CAC5B,OAAQW,MACN,OAAC,EAAAD,QAAA,CAAS,GAAGC,EACX,oBAAC,eACC,oBAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,wFACP,CACF,EACF,KACA,OAAC,sBAAmB,KAAM,CAAE,KAAM,gCAAQ,EAAG,KAC7C,OAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,KACA,OAAC,sBAAmB,UAAU,cAAc,KAAM,CAAE,KAAM,kDAAW,EAAG,KACxE,OAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,GACF,EACF,CAEJ,EAEaT,EAAsB,CACjC,OAAQS,MACN,OAAC,EAAAD,QAAA,CAAS,GAAGC,EACX,oBAAC,eACC,oBAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,wFACP,CACF,EACF,KACA,OAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,KACA,OAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,GACF,EACF,CAEJ,EAEaR,EAAqB,CAChC,OAAQQ,MACN,OAAC,EAAAD,QAAA,CAAS,GAAGC,EACX,oBAAC,eACC,oBAAC,sBAAmB,UAAU,OAAO,KAAM,CAAE,KAAM,sBAAuB,EAAG,KAC7E,OAAC,sBAAmB,UAAU,OAAO,KAAM,CAAE,KAAM,iCAAkC,EAAG,KACxF,OAAC,sBAAmB,UAAU,OAAO,KAAM,CAAE,KAAM,mDAAoD,EAAG,GAC5G,EACF,CAEJ,EAEaV,EAA0B,CACrC,OAAQU,MACN,OAAC,EAAAD,QAAA,CAAS,GAAGC,EACX,oBAAC,eACC,oBAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,wFACP,CACF,EACF,KACA,OAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,KACA,OAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,GACF,EACF,EAEF,KAAM,CACJ,UAAW,OACb,CACF",
-  "names": ["marquee_stories_exports", "__export", "Default", "MarqueeDirection", "MarqueeImage", "MarqueeText", "marquee_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_Marquee", "meta", "Marquee", "args"]
+  "sourcesContent": ["import React, { type ComponentType } from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport Marquee, { MarqueeItem, MarqueeImageContent, MarqueeTextContent } from '../biz-components/Marquee/index.js'\nimport type { MarqueeProps } from '../biz-components/Marquee/type.js'\n\nconst meta = {\n  title: 'Biz Components/Marquee',\n  component: Marquee,\n  subcomponents: {\n    MarqueeItem: MarqueeItem as ComponentType<unknown>,\n    MarqueeImageContent: MarqueeImageContent as ComponentType<unknown>,\n    MarqueeTextContent: MarqueeTextContent as ComponentType<unknown>,\n  },\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ehttps://swiperjs.com/swiper-api',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Marquee>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst MarqueeData = {\n  key: 'Marquee',\n  items: [\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317' },\n    },\n    { type: 'text', text: '\u8DD1\u9A6C\u706F\u7EC4\u4EF6' },\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317' },\n    },\n    { type: 'text', text: '\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6' },\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317' },\n    },\n  ] as MarqueeProps['data']['items'],\n}\n\nexport const Default: Story = {\n  args: {\n    data: MarqueeData,\n  },\n  render: () => <Marquee data={MarqueeData} />,\n}\n\nconst MarqueeImageData = {\n  key: 'MarqueeImage',\n  items: [\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317' },\n    },\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317' },\n    },\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317' },\n    },\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317' },\n    },\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317' },\n    },\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317' },\n    },\n  ] as MarqueeProps['data']['items'],\n}\n\nexport const MarqueeImage: Story = {\n  args: {\n    data: MarqueeImageData,\n  },\n  render: () => <Marquee data={MarqueeImageData} />,\n}\n\nconst MarqueeTextData = {\n  key: 'MarqueeText',\n  items: [\n    { type: 'text', text: '47%<br>R&D Employees' },\n    { type: 'text', text: '100 Million<br>Global Customers' },\n    { type: 'text', text: 'Pioneering in Charging<br>Technology for 12 Years' },\n  ] as MarqueeProps['data']['items'],\n}\nexport const MarqueeText: Story = {\n  args: {\n    data: MarqueeTextData,\n  },\n  render: () => <Marquee data={MarqueeTextData} />,\n}\n\nexport const MarqueeDirection: Story = {\n  args: {\n    data: {\n      ...MarqueeData,\n      reverseDirection: true,\n    },\n  },\n  render: () => <Marquee data={MarqueeData} />,\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,qBAAAC,EAAA,iBAAAC,EAAA,gBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAoDgB,IAAAQ,EAAA,6BApDhBC,EAA0C,iBAE1CC,EAA8E,iDAG9E,MAAMC,EAAO,CACX,MAAO,yBACP,UAAW,EAAAC,QACX,cAAe,CACb,YAAa,cACb,oBAAqB,sBACrB,mBAAoB,oBACtB,EACA,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,4EACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAON,EAAQK,EAIf,MAAME,EAAc,CAClB,IAAK,UACL,MAAO,CACL,CACE,KAAM,QACN,MAAO,CAAE,IAAK,wFAAyF,CACzG,EACA,CAAE,KAAM,OAAQ,KAAM,gCAAQ,EAC9B,CACE,KAAM,QACN,MAAO,CAAE,IAAK,uFAAwF,CACxG,EACA,CAAE,KAAM,OAAQ,KAAM,kDAAW,EACjC,CACE,KAAM,QACN,MAAO,CAAE,IAAK,uFAAwF,CACxG,CACF,CACF,EAEaX,EAAiB,CAC5B,KAAM,CACJ,KAAMW,CACR,EACA,OAAQ,OAAM,OAAC,EAAAD,QAAA,CAAQ,KAAMC,EAAa,CAC5C,EAEMC,EAAmB,CACvB,IAAK,eACL,MAAO,CACL,CACE,KAAM,QACN,MAAO,CAAE,IAAK,wFAAyF,CACzG,EACA,CACE,KAAM,QACN,MAAO,CAAE,IAAK,uFAAwF,CACxG,EACA,CACE,KAAM,QACN,MAAO,CAAE,IAAK,uFAAwF,CACxG,EACA,CACE,KAAM,QACN,MAAO,CAAE,IAAK,wFAAyF,CACzG,EACA,CACE,KAAM,QACN,MAAO,CAAE,IAAK,uFAAwF,CACxG,EACA,CACE,KAAM,QACN,MAAO,CAAE,IAAK,uFAAwF,CACxG,CACF,CACF,EAEaV,EAAsB,CACjC,KAAM,CACJ,KAAMU,CACR,EACA,OAAQ,OAAM,OAAC,EAAAF,QAAA,CAAQ,KAAME,EAAkB,CACjD,EAEMC,EAAkB,CACtB,IAAK,cACL,MAAO,CACL,CAAE,KAAM,OAAQ,KAAM,sBAAuB,EAC7C,CAAE,KAAM,OAAQ,KAAM,iCAAkC,EACxD,CAAE,KAAM,OAAQ,KAAM,mDAAoD,CAC5E,CACF,EACaV,EAAqB,CAChC,KAAM,CACJ,KAAMU,CACR,EACA,OAAQ,OAAM,OAAC,EAAAH,QAAA,CAAQ,KAAMG,EAAiB,CAChD,EAEaZ,EAA0B,CACrC,KAAM,CACJ,KAAM,CACJ,GAAGU,EACH,iBAAkB,EACpB,CACF,EACA,OAAQ,OAAM,OAAC,EAAAD,QAAA,CAAQ,KAAMC,EAAa,CAC5C",
+  "names": ["marquee_stories_exports", "__export", "Default", "MarqueeDirection", "MarqueeImage", "MarqueeText", "marquee_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_Marquee", "meta", "Marquee", "MarqueeData", "MarqueeImageData", "MarqueeTextData"]
 }

package/dist/cjs/stories/mediaplayerMulti.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var d=Object.create;var i=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var M=(e,t)=>{for(var o in t)i(e,o,{get:t[o],enumerable:!0})},p=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of y(t))!h.call(e,a)&&a!==o&&i(e,a,{get:()=>t[a],enumerable:!(n=b(t,a))||n.enumerable});return e};var g=(e,t,o)=>(o=e!=null?d(u(e)):{},p(t||!e||!e.__esModule?i(o,"default",{value:e,enumerable:!0}):o,e)),S=e=>p(i({},"__esModule",{value:!0}),e);var T={};M(T,{Default:()=>P,Multi:()=>k,default:()=>x});module.exports=S(T);var f=g(require("../biz-components/MediaPlayerMulti/index.js")),s=require("gsap"),c=require("@gsap/react"),l=require("gsap/dist/ScrollTrigger"),m=require("gsap/dist/SplitText");const r=[{title:"MKBHD",name:"MKBHD",description:"18.2 Million Youtube subscribers",quote:'"If efficiency means something to you, then definitely check out Anker, who makes these chargers and cables that I really like."',img:{url:"https://cdn.shopify.com/s/files/1/0819/5735/5793/files/9b8ef5a9-97c5-4b81-9fdd-1c2805a12702_dca27557ea115cd0c51fa8ee0d7ebd7b.jpg?v=1745464110",alt:"MKBHD"},video:{url:"https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4"}},{title:"Unbox Therapy",name:"Unbox Therapy",description:"18.2 Million Youtube subscribers",quote:'"I highly recommend the Anker Nano Pro. This truly is a no-brainer."',img:{url:"https://cdn.shopify.com/s/files/1/0819/5735/5793/files/1dd1b39c-1206-48a5-96ec-1083627f51bb_3a34a11a40cbfb857cec1f91eeeaff29.jpg?v=1745464094",alt:"Unbox Therapy"},video:{url:"https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4"}}],v={title:"Biz-Components/MediaPlayerMulti",component:f.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var x=v;const P={args:{GSAP:{gsap:s.gsap,ScrollTrigger:l.ScrollTrigger,SplitText:m.SplitText,useGSAP:c.useGSAP},data:{items:r}}},k={args:{GSAP:{gsap:s.gsap,ScrollTrigger:l.ScrollTrigger,SplitText:m.SplitText,useGSAP:c.useGSAP},data:{items:r?.concat(r)}}};
+"use strict";var m=Object.create;var i=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var b=(e,t)=>{for(var o in t)i(e,o,{get:t[o],enumerable:!0})},c=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of p(t))!d.call(e,a)&&a!==o&&i(e,a,{get:()=>t[a],enumerable:!(s=n(t,a))||s.enumerable});return e};var y=(e,t,o)=>(o=e!=null?m(f(e)):{},c(t||!e||!e.__esModule?i(o,"default",{value:e,enumerable:!0}):o,e)),u=e=>c(i({},"__esModule",{value:!0}),e);var S={};b(S,{Default:()=>g,Multi:()=>v,default:()=>M});module.exports=u(S);var l=y(require("../biz-components/MediaPlayerMulti/index.js")),k=require("gsap"),P=require("@gsap/react"),B=require("gsap/dist/ScrollTrigger"),I=require("gsap/dist/SplitText");const r=[{title:"MKBHD",name:"MKBHD",description:"18.2 Million Youtube subscribers",quote:'"If efficiency means something to you, then definitely check out Anker, who makes these chargers and cables that I really like."',img:{url:"https://cdn.shopify.com/s/files/1/0819/5735/5793/files/9b8ef5a9-97c5-4b81-9fdd-1c2805a12702_dca27557ea115cd0c51fa8ee0d7ebd7b.jpg?v=1745464110",alt:"MKBHD"},video:{url:"https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4"}},{title:"Unbox Therapy",name:"Unbox Therapy",description:"18.2 Million Youtube subscribers",quote:'"I highly recommend the Anker Nano Pro. This truly is a no-brainer."',img:{url:"https://cdn.shopify.com/s/files/1/0819/5735/5793/files/1dd1b39c-1206-48a5-96ec-1083627f51bb_3a34a11a40cbfb857cec1f91eeeaff29.jpg?v=1745464094",alt:"Unbox Therapy"},video:{url:"https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4"}}],h={title:"Biz-Components/MediaPlayerMulti",component:l.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var M=h;const g={args:{data:{items:r}}},v={args:{data:{items:r?.concat(r)}}};
 //# sourceMappingURL=mediaplayerMulti.stories.js.map

package/dist/cjs/stories/mediaplayerMulti.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/mediaplayerMulti.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MediaPlayerMulti from '../biz-components/MediaPlayerMulti/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst testimonialItems = [\n  {\n    title: 'MKBHD',\n    name: 'MKBHD',\n    description: '18.2 Million Youtube subscribers',\n    quote:\n      '\"If efficiency means something to you, then definitely check out Anker, who makes these chargers and cables that I really like.\"',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0819/5735/5793/files/9b8ef5a9-97c5-4b81-9fdd-1c2805a12702_dca27557ea115cd0c51fa8ee0d7ebd7b.jpg?v=1745464110',\n      alt: 'MKBHD',\n    },\n    video: {\n      url: 'https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4',\n    },\n  },\n  {\n    title: 'Unbox Therapy',\n    name: 'Unbox Therapy',\n    description: '18.2 Million Youtube subscribers',\n    quote: '\"I highly recommend the Anker Nano Pro. This truly is a no-brainer.\"',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0819/5735/5793/files/1dd1b39c-1206-48a5-96ec-1083627f51bb_3a34a11a40cbfb857cec1f91eeeaff29.jpg?v=1745464094',\n      alt: 'Unbox Therapy',\n    },\n    video: {\n      url: 'https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4',\n    },\n  },\n]\n\nconst meta = {\n  title: 'Biz-Components/MediaPlayerMulti',\n  component: MediaPlayerMulti,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof MediaPlayerMulti>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      items: testimonialItems,\n    },\n  },\n}\n\nexport const Multi: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      items: testimonialItems?.concat(testimonialItems),\n    },\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAA6B,0DAC7BC,EAAqB,gBACrBC,EAAwB,uBACxBC,EAA8B,mCAC9BC,EAA0B,+BAE1B,MAAMC,EAAmB,CACvB,CACE,MAAO,QACP,KAAM,QACN,YAAa,mCACb,MACE,mIACF,IAAK,CACH,IAAK,gJACL,IAAK,OACP,EACA,MAAO,CACL,IAAK,2EACP,CACF,EACA,CACE,MAAO,gBACP,KAAM,gBACN,YAAa,mCACb,MAAO,uEACP,IAAK,CACH,IAAK,gJACL,IAAK,eACP,EACA,MAAO,CACL,IAAK,2EACP,CACF,CACF,EAEMC,EAAO,CACX,MAAO,kCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOT,EAAQQ,EAGR,MAAMV,EAAiB,CAC5B,KAAM,CACJ,KAAM,CAAE,YAAM,8BAAe,sBAAW,iBAAQ,EAChD,KAAM,CACJ,MAAOS,CACT,CACF,CACF,EAEaR,EAAe,CAC1B,KAAM,CACJ,KAAM,CAAE,YAAM,8BAAe,sBAAW,iBAAQ,EAChD,KAAM,CACJ,MAAOQ,GAAkB,OAAOA,CAAgB,CAClD,CACF,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MediaPlayerMulti from '../biz-components/MediaPlayerMulti/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst testimonialItems = [\n  {\n    title: 'MKBHD',\n    name: 'MKBHD',\n    description: '18.2 Million Youtube subscribers',\n    quote:\n      '\"If efficiency means something to you, then definitely check out Anker, who makes these chargers and cables that I really like.\"',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0819/5735/5793/files/9b8ef5a9-97c5-4b81-9fdd-1c2805a12702_dca27557ea115cd0c51fa8ee0d7ebd7b.jpg?v=1745464110',\n      alt: 'MKBHD',\n    },\n    video: {\n      url: 'https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4',\n    },\n  },\n  {\n    title: 'Unbox Therapy',\n    name: 'Unbox Therapy',\n    description: '18.2 Million Youtube subscribers',\n    quote: '\"I highly recommend the Anker Nano Pro. This truly is a no-brainer.\"',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0819/5735/5793/files/1dd1b39c-1206-48a5-96ec-1083627f51bb_3a34a11a40cbfb857cec1f91eeeaff29.jpg?v=1745464094',\n      alt: 'Unbox Therapy',\n    },\n    video: {\n      url: 'https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4',\n    },\n  },\n]\n\nconst meta = {\n  title: 'Biz-Components/MediaPlayerMulti',\n  component: MediaPlayerMulti,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof MediaPlayerMulti>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    data: {\n      items: testimonialItems,\n    },\n  },\n}\n\nexport const Multi: Story = {\n  args: {\n    data: {\n      items: testimonialItems?.concat(testimonialItems),\n    },\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAA6B,0DAC7BC,EAAqB,gBACrBC,EAAwB,uBACxBC,EAA8B,mCAC9BC,EAA0B,+BAE1B,MAAMC,EAAmB,CACvB,CACE,MAAO,QACP,KAAM,QACN,YAAa,mCACb,MACE,mIACF,IAAK,CACH,IAAK,gJACL,IAAK,OACP,EACA,MAAO,CACL,IAAK,2EACP,CACF,EACA,CACE,MAAO,gBACP,KAAM,gBACN,YAAa,mCACb,MAAO,uEACP,IAAK,CACH,IAAK,gJACL,IAAK,eACP,EACA,MAAO,CACL,IAAK,2EACP,CACF,CACF,EAEMC,EAAO,CACX,MAAO,kCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOT,EAAQQ,EAGR,MAAMV,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAOS,CACT,CACF,CACF,EAEaR,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAOQ,GAAkB,OAAOA,CAAgB,CAClD,CACF,CACF",
   "names": ["mediaplayerMulti_stories_exports", "__export", "Default", "Multi", "mediaplayerMulti_stories_default", "__toCommonJS", "import_MediaPlayerMulti", "import_gsap", "import_react", "import_ScrollTrigger", "import_SplitText", "testimonialItems", "meta", "MediaPlayerMulti"]
 }

package/dist/cjs/stories/shelfDisplay.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var u=Object.create;var a=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var b=(e,t)=>{for(var o in t)a(e,o,{get:t[o],enumerable:!0})},n=(e,t,o,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of g(t))!S.call(e,r)&&r!==o&&a(e,r,{get:()=>t[r],enumerable:!(c=y(t,r))||c.enumerable});return e};var h=(e,t,o)=>(o=e!=null?u(d(e)):{},n(t||!e||!e.__esModule?a(o,"default",{value:e,enumerable:!0}):o,e)),P=e=>n(a({},"__esModule",{value:!0}),e);var D={};b(D,{Default:()=>k,Round:()=>w,default:()=>B});module.exports=P(D);var l=h(require("../biz-components/ShelfDisplay/index.js")),s=require("gsap"),i=require("@gsap/react"),p=require("gsap/dist/ScrollTrigger"),m=require("gsap/dist/SplitText");const A={title:"Biz-Components/ShelfDisplay",component:l.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var B=A;const f=[{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}}],k={args:{GSAP:{gsap:s.gsap,useGSAP:i.useGSAP,ScrollTrigger:p.ScrollTrigger,SplitText:m.SplitText},data:{productsCard:f,primaryButton:"Learn More",secondaryButton:"Shop Now"},className:"p-4"}},w={args:{GSAP:{gsap:s.gsap,useGSAP:i.useGSAP,ScrollTrigger:p.ScrollTrigger,SplitText:m.SplitText},data:{productsCard:f,shape:"round",itemShape:"round",primaryButton:"Learn More",secondaryButton:"Shop Now"},className:"p-4"}};
+"use strict";var c=Object.create;var a=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var y=(e,t)=>{for(var o in t)a(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of f(t))!u.call(e,r)&&r!==o&&a(e,r,{get:()=>t[r],enumerable:!(s=n(t,r))||s.enumerable});return e};var g=(e,t,o)=>(o=e!=null?c(l(e)):{},i(t||!e||!e.__esModule?a(o,"default",{value:e,enumerable:!0}):o,e)),d=e=>i(a({},"__esModule",{value:!0}),e);var B={};y(B,{Default:()=>S,Round:()=>P,default:()=>h});module.exports=d(B);var m=g(require("../biz-components/ShelfDisplay/index.js")),w=require("gsap"),F=require("@gsap/react"),_=require("gsap/dist/ScrollTrigger"),C=require("gsap/dist/SplitText");const b={title:"Biz-Components/ShelfDisplay",component:m.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var h=b;const p=[{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}}],S={args:{data:{productsCard:p,primaryButton:"Learn More",secondaryButton:"Shop Now"},className:"p-4"}},P={args:{data:{productsCard:p,shape:"round",itemShape:"round",primaryButton:"Learn More",secondaryButton:"Shop Now"},className:"p-4"}};
 //# sourceMappingURL=shelfDisplay.stories.js.map

package/dist/cjs/stories/shelfDisplay.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/shelfDisplay.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport ShelfDisplay from '../biz-components/ShelfDisplay/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst meta = {\n  title: 'Biz-Components/ShelfDisplay',\n  component: ShelfDisplay,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ShelfDisplay>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    GSAP: {\n      gsap,\n      useGSAP,\n      ScrollTrigger,\n      SplitText,\n    },\n    data: {\n      productsCard: mockItems,\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    GSAP: {\n      gsap,\n      useGSAP,\n      ScrollTrigger,\n      SplitText,\n    },\n    data: {\n      productsCard: mockItems,\n      shape: 'round',\n      itemShape: 'round',\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n    },\n    className: 'p-4',\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAyB,sDACzBC,EAAqB,gBACrBC,EAAwB,uBACxBC,EAA8B,mCAC9BC,EAA0B,+BAE1B,MAAMC,EAAO,CACX,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOR,EAAQO,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,CACH,IAAK,8HACP,CACF,CACF,EAEaX,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,YACA,kBACA,8BACA,qBACF,EACA,KAAM,CACJ,aAAcW,EACd,cAAe,aACf,gBAAiB,UACnB,EACA,UAAW,KACb,CACF,EAEaV,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,YACA,kBACA,8BACA,qBACF,EACA,KAAM,CACJ,aAAcU,EACd,MAAO,QACP,UAAW,QACX,cAAe,aACf,gBAAiB,UACnB,EACA,UAAW,KACb,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport ShelfDisplay from '../biz-components/ShelfDisplay/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst meta = {\n  title: 'Biz-Components/ShelfDisplay',\n  component: ShelfDisplay,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ShelfDisplay>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      productsCard: mockItems,\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      productsCard: mockItems,\n      shape: 'round',\n      itemShape: 'round',\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n    },\n    className: 'p-4',\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAyB,sDACzBC,EAAqB,gBACrBC,EAAwB,uBACxBC,EAA8B,mCAC9BC,EAA0B,+BAE1B,MAAMC,EAAO,CACX,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOR,EAAQO,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,CACH,IAAK,8HACP,CACF,CACF,EAEaX,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,aAAcW,EACd,cAAe,aACf,gBAAiB,UACnB,EACA,UAAW,KACb,CACF,EAEaV,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,aAAcU,EACd,MAAO,QACP,UAAW,QACX,cAAe,aACf,gBAAiB,UACnB,EACA,UAAW,KACb,CACF",
   "names": ["shelfDisplay_stories_exports", "__export", "Default", "Round", "shelfDisplay_stories_default", "__toCommonJS", "import_ShelfDisplay", "import_gsap", "import_react", "import_ScrollTrigger", "import_SplitText", "meta", "ShelfDisplay", "mockItems"]
 }

package/dist/cjs/stories/slogan.stories.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var n=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var y=(e,t)=>{for(var s in t)n(e,s,{get:t[s],enumerable:!0})},c=(e,t,s,f)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of d(t))!b.call(e,i)&&i!==s&&n(e,i,{get:()=>t[i],enumerable:!(f=p(t,i))||f.enumerable});return e};var u=e=>c(n({},"__esModule",{value:!0}),e);var N={};y(N,{CustomClassName:()=>G,CustomStyle:()=>P,Default:()=>C,SingleFeature:()=>x,TitleOnly:()=>T,TwoFeatures:()=>M,default:()=>h});module.exports=u(N);var m=require("react/jsx-runtime"),A=require("react"),g=require("../biz-components/index.js"),o=require("gsap"),r=require("@gsap/react"),a=require("gsap/dist/ScrollTrigger"),l=require("gsap/dist/SplitText");const S={title:"Biz Components/Slogan",component:g.Slogan,parameters:{layout:"fullscreen"},tags:["autodocs"]};var h=S;const C={args:{GSAP:{gsap:o.gsap,ScrollTrigger:a.ScrollTrigger,SplitText:l.SplitText,useGSAP:r.useGSAP},data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]}}},T={args:{GSAP:{gsap:o.gsap,ScrollTrigger:a.ScrollTrigger,SplitText:l.SplitText,useGSAP:r.useGSAP},data:{title:"The World's No.1 Mobile Charging Brand*"}}},x={args:{GSAP:{gsap:o.gsap,ScrollTrigger:a.ScrollTrigger,SplitText:l.SplitText,useGSAP:r.useGSAP},data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"}]}}},M={args:{GSAP:{gsap:o.gsap,ScrollTrigger:a.ScrollTrigger,SplitText:l.SplitText,useGSAP:r.useGSAP},data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"}]}}},G={args:{GSAP:{gsap:o.gsap,ScrollTrigger:a.ScrollTrigger,SplitText:l.SplitText,useGSAP:r.useGSAP},data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]},className:"bg-gray-100"}},P=()=>(0,m.jsx)(g.Slogan,{GSAP:{gsap:o.gsap,ScrollTrigger:a.ScrollTrigger,SplitText:l.SplitText,useGSAP:r.useGSAP},data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]},className:"bg-gray-100",style:`
+"use strict";var a=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var f=(t,e)=>{for(var r in e)a(t,r,{get:e[r],enumerable:!0})},b=(t,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of g(e))!d.call(t,o)&&o!==r&&a(t,o,{get:()=>e[o],enumerable:!(i=s(e,o))||i.enumerable});return t};var p=t=>b(a({},"__esModule",{value:!0}),t);var x={};f(x,{CustomClassName:()=>S,CustomStyle:()=>M,Default:()=>c,SingleFeature:()=>h,TitleOnly:()=>u,TwoFeatures:()=>C,default:()=>m});module.exports=p(x);var n=require("react/jsx-runtime"),N=require("react"),l=require("../biz-components/index.js");const y={title:"Biz Components/Slogan",component:l.Slogan,parameters:{layout:"fullscreen"},tags:["autodocs"]};var m=y;const c={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]}}},u={args:{data:{title:"The World's No.1 Mobile Charging Brand*"}}},h={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"}]}}},C={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"}]}}},S={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]},className:"bg-gray-100"}},M=()=>(0,n.jsx)(l.Slogan,{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]},className:"bg-gray-100",style:`
         .slogan-title{
           background: linear-gradient(90deg, #ff0000, #00ff00, #0000ff);

package/dist/cjs/stories/slogan.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/slogan.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Slogan } from '../biz-components/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst meta = {\n  title: 'Biz Components/Slogan',\n  component: Slogan,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Slogan>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n        {\n          title: 'Pioneering in Charging<br/>Technology for 12 Years',\n        },\n      ],\n    },\n  },\n}\n\nexport const TitleOnly: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n    },\n  },\n}\n\nexport const SingleFeature: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n      ],\n    },\n  },\n}\n\nexport const TwoFeatures: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n      ],\n    },\n  },\n}\n\nexport const CustomClassName: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n        {\n          title: 'Pioneering in Charging<br/>Technology for 12 Years',\n        },\n      ],\n    },\n    className: 'bg-gray-100',\n  },\n}\n\nexport const CustomStyle = () => {\n  return (\n    <Slogan\n      GSAP={{ gsap, ScrollTrigger, SplitText, useGSAP }}\n      data={{\n        title: \"The World's No.1 Mobile Charging Brand*\",\n        features: [\n          {\n            title: '47%<br/>R&D Employees',\n          },\n          {\n            title: '100 Million<br/>Global Customers',\n          },\n          {\n            title: 'Pioneering in Charging<br/>Technology for 12 Years',\n          },\n        ],\n      }}\n      className=\"bg-gray-100\"\n      style={`\n        \n        .slogan-title{\n          background: linear-gradient(90deg, #ff0000, #00ff00, #0000ff);\n          -webkit-background-clip: text;\n          background-clip: text;\n          color: transparent;\n          animation: fadeIn 1s ease-in forwards;\n        }\n\n        @keyframes fadeIn {\n          from {\n            opacity: 0;\n          }\n          to {\n            opacity: 1;\n          }\n        }\n        .slogan-feature-text {\n          background-color: #f0f0f0;\n          padding: 10px;\n          border-radius: 10px;\n          animation: fadeIn 1s ease-in forwards;\n        }\n      `}\n    />\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,EAAA,gBAAAC,EAAA,YAAAC,EAAA,kBAAAC,EAAA,cAAAC,EAAA,gBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAT,GAwGI,IAAAU,EAAA,6BAxGJC,EAAkB,iBAElBC,EAAuB,sCACvBC,EAAqB,gBACrBF,EAAwB,uBACxBG,EAA8B,mCAC9BC,EAA0B,+BAE1B,MAAMC,EAAO,CACX,MAAO,wBACP,UAAW,SACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOR,EAAQQ,EAIR,MAAMZ,EAAiB,CAC5B,KAAM,CACJ,KAAM,CAAE,YAAM,8BAAe,sBAAW,iBAAQ,EAChD,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,CACF,CACF,EAEaE,EAAmB,CAC9B,KAAM,CACJ,KAAM,CAAE,YAAM,8BAAe,sBAAW,iBAAQ,EAChD,KAAM,CACJ,MAAO,yCACT,CACF,CACF,EAEaD,EAAuB,CAClC,KAAM,CACJ,KAAM,CAAE,YAAM,8BAAe,sBAAW,iBAAQ,EAChD,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,CACF,CACF,CACF,CACF,EAEaE,EAAqB,CAChC,KAAM,CACJ,KAAM,CAAE,YAAM,8BAAe,sBAAW,iBAAQ,EAChD,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,CACF,CACF,CACF,CACF,EAEaL,EAAyB,CACpC,KAAM,CACJ,KAAM,CAAE,YAAM,8BAAe,sBAAW,iBAAQ,EAChD,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,EACA,UAAW,aACb,CACF,EAEaC,EAAc,OAEvB,OAAC,UACC,KAAM,CAAE,YAAM,8BAAe,sBAAW,iBAAQ,EAChD,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,EACA,UAAU,cACV,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,QAyBT",
-  "names": ["slogan_stories_exports", "__export", "CustomClassName", "CustomStyle", "Default", "SingleFeature", "TitleOnly", "TwoFeatures", "slogan_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_biz_components", "import_gsap", "import_ScrollTrigger", "import_SplitText", "meta"]
+  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Slogan } from '../biz-components/index.js'\n\nconst meta = {\n  title: 'Biz Components/Slogan',\n  component: Slogan,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Slogan>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n        {\n          title: 'Pioneering in Charging<br/>Technology for 12 Years',\n        },\n      ],\n    },\n  },\n}\n\nexport const TitleOnly: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n    },\n  },\n}\n\nexport const SingleFeature: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n      ],\n    },\n  },\n}\n\nexport const TwoFeatures: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n      ],\n    },\n  },\n}\n\nexport const CustomClassName: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n        {\n          title: 'Pioneering in Charging<br/>Technology for 12 Years',\n        },\n      ],\n    },\n    className: 'bg-gray-100',\n  },\n}\n\nexport const CustomStyle = () => {\n  return (\n    <Slogan\n      data={{\n        title: \"The World's No.1 Mobile Charging Brand*\",\n        features: [\n          {\n            title: '47%<br/>R&D Employees',\n          },\n          {\n            title: '100 Million<br/>Global Customers',\n          },\n          {\n            title: 'Pioneering in Charging<br/>Technology for 12 Years',\n          },\n        ],\n      }}\n      className=\"bg-gray-100\"\n      style={`\n        \n        .slogan-title{\n          background: linear-gradient(90deg, #ff0000, #00ff00, #0000ff);\n          -webkit-background-clip: text;\n          background-clip: text;\n          color: transparent;\n          animation: fadeIn 1s ease-in forwards;\n        }\n\n        @keyframes fadeIn {\n          from {\n            opacity: 0;\n          }\n          to {\n            opacity: 1;\n          }\n        }\n        .slogan-feature-text {\n          background-color: #f0f0f0;\n          padding: 10px;\n          border-radius: 10px;\n          animation: fadeIn 1s ease-in forwards;\n        }\n      `}\n    />\n  )\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,EAAA,gBAAAC,EAAA,YAAAC,EAAA,kBAAAC,EAAA,cAAAC,EAAA,gBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAT,GA+FI,IAAAU,EAAA,6BA/FJC,EAAkB,iBAElBC,EAAuB,sCAEvB,MAAMC,EAAO,CACX,MAAO,wBACP,UAAW,SACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAIR,MAAMT,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,CACF,CACF,EAEaE,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,MAAO,yCACT,CACF,CACF,EAEaD,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,CACF,CACF,CACF,CACF,EAEaE,EAAqB,CAChC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,CACF,CACF,CACF,CACF,EAEaL,EAAyB,CACpC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,EACA,UAAW,aACb,CACF,EAEaC,EAAc,OAEvB,OAAC,UACC,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,EACA,UAAU,cACV,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,QAyBT",
+  "names": ["slogan_stories_exports", "__export", "CustomClassName", "CustomStyle", "Default", "SingleFeature", "TitleOnly", "TwoFeatures", "slogan_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_biz_components", "meta"]
 }

package/dist/esm/biz-components/AccordionCards/index.d.ts CHANGED Viewed

@@ -23,7 +23,6 @@ type AccordionCardsType = {
         /** 主按钮配置 */
         primaryButton?: string;
     };
-    GSAP?: any;
 };
-declare const AccordionCards: ({ data, className, GSAP }: AccordionCardsType) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionCards: ({ data, className }: AccordionCardsType) => import("react/jsx-runtime").JSX.Element;
 export default AccordionCards;

package/dist/esm/biz-components/AccordionCards/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import{Fragment as C,jsx as r,jsxs as l}from"react/jsx-runtime";import B from"../Title/index.js";import{cn as s}from"../../helpers/utils.js";import F from"../../components/picture.js";import v from"../../components/button.js";import E from"../SwiperBox/index.js";import{useState as b,useEffect as S,useRef as a}from"react";const A=({data:o,className:d="",GSAP:x})=>{const[c,h]=b(0),[y,w]=b({0:!0}),u=a([]),m=a({0:!0}),i=a(!1),g=(t,e)=>{e&&(u.current[t]=e)},p=t=>{m.current?.[t]&&(i.current=!1,w({[t]:!0}))};S(()=>{const t=u.current;return t?.forEach((e,n)=>{n?(e.style.flex="1 1 0%",e.style.transition="all 0.6s"):(e.style.flex="5 1 0%",e.style.transition="all 0.6s"),e.addEventListener("transitionend",()=>{p(n)})}),()=>{t?.forEach((e,n)=>{e.removeEventListener("transitionend",()=>p(n))})}},[]);const k=({data:t,configuration:e})=>l("div",{className:s("relative w-full shrink-0 grow-0 overflow-hidden border border-solid border-[#dddddd] bg-[#FFFFFF]",e?.itemShape==="round"?"rounded-2xl":""),children:[r(F,{className:"size-full object-cover [&_img]:h-full [&_img]:object-cover",source:t?.img?.url}),l("div",{className:s("absolute inset-x-0 bottom-0 flex flex-col overflow-hidden px-4 pb-4"),children:[l("div",{className:"tablet:mb-6 mb-4 flex-1 overflow-hidden",children:[r("p",{className:"text-2xl font-bold leading-[1.2] text-[#FFFFFF]",children:t?.title}),r("h3",{className:"line-clamp-2 text-sm font-semibold text-[#FFFFFF]",children:t?.subTitle})]}),r(v,{size:"sm",hoverEffect:"slide",variant:"secondary",className:s("w-[116px] overflow-hidden border-[#FFFFFF] bg-transparent text-sm font-bold text-[#FFFFFF]",e?.shape==="round"?"rounded-2xl":""),children:r("a",{href:t.link,children:e?.primaryButton})})]})]});return l(C,{children:[o?.title&&r(B,{data:{title:o?.title},GSAP:x}),r("div",{className:"laptop:block hidden",children:r("div",{className:s("lg-desktop:h-[560px] desktop:h-[448px] flex h-[336px] w-full gap-4 overflow-hidden",d),children:o?.products?.map((t,e)=>{const n=c===e,N=n?5:1,T=y?.[e]&&n;return l("div",{style:{flex:N},ref:f=>{f&&g(e,f)},className:s("relative cursor-pointer overflow-hidden",o?.itemShape==="round"?"rounded-2xl":""),onClick:()=>{c===e||i.current||(i.current=!0,m.current={[e]:!0},h(e))},children:[r(F,{source:t?.img?.url,className:"size-full object-cover [&_img]:h-full [&_img]:object-cover"}),l("div",{className:s("absolute inset-x-0 bottom-0 flex translate-x-4 items-end justify-between overflow-hidden px-8 pb-8",T?"w-full translate-x-0 opacity-100 transition-transform ease-out":"w-0 opacity-0"),children:[l("div",{className:"mr-16 flex-1 overflow-hidden",children:[r("p",{className:"laptop:text-2xl desktop:text-[32px] mb-1 text-xl font-bold text-[#FFFFFF]",children:t?.title}),r("h3",{className:"desktop:text-lg line-clamp-2 text-sm font-medium text-[#FFFFFF]",children:t?.subTitle})]}),r(v,{size:"sm",hoverEffect:"slide",variant:"secondary",className:s("desktop:text-base mb-1.5 overflow-hidden border-[#FFFFFF] bg-transparent text-sm font-bold text-[#FFFFFF]",o?.shape==="round"?"rounded-2xl":""),children:r("a",{href:t?.link,children:o?.primaryButton})})]})]},e)})})}),r("div",{className:"laptop:hidden block",children:r(E,{className:s("h-[400px] !overflow-visible",d),id:"AccordionCards"+o?.key,data:{list:o?.products,configuration:{shape:o?.shape,itemShape:o?.itemShape,primaryButton:o?.primaryButton}},Slide:k,breakpoints:{0:{spaceBetween:"12px",freeMode:!1,slidesPerView:1},374:{spaceBetween:"12px",freeMode:!1,slidesPerView:1.2},768:{spaceBetween:"12px",freeMode:!1,slidesPerView:2.3}}})})]})};var H=A;export{H as default};
+"use client";import{Fragment as C,jsx as r,jsxs as l}from"react/jsx-runtime";import T from"../Title/index.js";import{cn as s}from"../../helpers/utils.js";import F from"../../components/picture.js";import v from"../../components/button.js";import B from"../SwiperBox/index.js";import{useState as b,useEffect as E,useRef as a}from"react";const S=({data:o,className:d=""})=>{const[c,x]=b(0),[h,y]=b({0:!0}),u=a([]),m=a({0:!0}),i=a(!1),w=(t,e)=>{e&&(u.current[t]=e)},p=t=>{m.current?.[t]&&(i.current=!1,y({[t]:!0}))};E(()=>{const t=u.current;return t?.forEach((e,n)=>{n?(e.style.flex="1 1 0%",e.style.transition="all 0.6s"):(e.style.flex="5 1 0%",e.style.transition="all 0.6s"),e.addEventListener("transitionend",()=>{p(n)})}),()=>{t?.forEach((e,n)=>{e.removeEventListener("transitionend",()=>p(n))})}},[]);const g=({data:t,configuration:e})=>l("div",{className:s("relative w-full shrink-0 grow-0 overflow-hidden border border-solid border-[#dddddd] bg-[#FFFFFF]",e?.itemShape==="round"?"rounded-2xl":""),children:[r(F,{className:"size-full object-cover [&_img]:h-full [&_img]:object-cover",source:t?.img?.url}),l("div",{className:s("absolute inset-x-0 bottom-0 flex flex-col overflow-hidden px-4 pb-4"),children:[l("div",{className:"tablet:mb-6 mb-4 flex-1 overflow-hidden",children:[r("p",{className:"text-2xl font-bold leading-[1.2] text-[#FFFFFF]",children:t?.title}),r("h3",{className:"line-clamp-2 text-sm font-semibold text-[#FFFFFF]",children:t?.subTitle})]}),r(v,{size:"sm",hoverEffect:"slide",variant:"secondary",className:s("w-[116px] overflow-hidden border-[#FFFFFF] bg-transparent text-sm font-bold text-[#FFFFFF]",e?.shape==="round"?"rounded-2xl":""),children:r("a",{href:t.link,children:e?.primaryButton})})]})]});return l(C,{children:[o?.title&&r(T,{data:{title:o?.title}}),r("div",{className:"laptop:block hidden",children:r("div",{className:s("lg-desktop:h-[560px] desktop:h-[448px] flex h-[336px] w-full gap-4 overflow-hidden",d),children:o?.products?.map((t,e)=>{const n=c===e,k=n?5:1,N=h?.[e]&&n;return l("div",{style:{flex:k},ref:f=>{f&&w(e,f)},className:s("relative cursor-pointer overflow-hidden",o?.itemShape==="round"?"rounded-2xl":""),onClick:()=>{c===e||i.current||(i.current=!0,m.current={[e]:!0},x(e))},children:[r(F,{source:t?.img?.url,className:"size-full object-cover [&_img]:h-full [&_img]:object-cover"}),l("div",{className:s("absolute inset-x-0 bottom-0 flex translate-x-4 items-end justify-between overflow-hidden px-8 pb-8",N?"w-full translate-x-0 opacity-100 transition-transform ease-out":"w-0 opacity-0"),children:[l("div",{className:"mr-16 flex-1 overflow-hidden",children:[r("p",{className:"laptop:text-2xl desktop:text-[32px] mb-1 text-xl font-bold text-[#FFFFFF]",children:t?.title}),r("h3",{className:"desktop:text-lg line-clamp-2 text-sm font-medium text-[#FFFFFF]",children:t?.subTitle})]}),r(v,{size:"sm",hoverEffect:"slide",variant:"secondary",className:s("desktop:text-base mb-1.5 overflow-hidden border-[#FFFFFF] bg-transparent text-sm font-bold text-[#FFFFFF]",o?.shape==="round"?"rounded-2xl":""),children:r("a",{href:t?.link,children:o?.primaryButton})})]})]},e)})})}),r("div",{className:"laptop:hidden block",children:r(B,{className:s("h-[400px] !overflow-visible",d),id:"AccordionCards"+o?.key,data:{list:o?.products,configuration:{shape:o?.shape,itemShape:o?.itemShape,primaryButton:o?.primaryButton}},Slide:g,breakpoints:{0:{spaceBetween:"12px",freeMode:!1,slidesPerView:1},374:{spaceBetween:"12px",freeMode:!1,slidesPerView:1.2},768:{spaceBetween:"12px",freeMode:!1,slidesPerView:2.3}}})})]})};var H=S;export{H as default};
 //# sourceMappingURL=index.js.map