npm - @anker-in/headless-ui - Versions diffs - 0.0.27-alpha.27 → 0.0.27-alpha.28 - Mend

@anker-in/headless-ui 0.0.27-alpha.27 → 0.0.27-alpha.28

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 (136) hide show

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

@@ -1,2 +1,2 @@
-"use strict";var c=Object.create;var o=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var f=(t,e)=>{for(var s in e)o(t,s,{get:e[s],enumerable:!0})},p=(t,e,s,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of b(e))!h.call(t,a)&&a!==s&&o(t,a,{get:()=>e[a],enumerable:!(r=l(e,a))||r.enumerable});return t};var T=(t,e,s)=>(s=t!=null?c(y(t)):{},p(e||!t||!t.__esModule?o(s,"default",{value:t,enumerable:!0}):s,t)),u=t=>p(o({},"__esModule",{value:!0}),t);var D={};f(D,{Dark:()=>k,Default:()=>S,default:()=>d});module.exports=u(D);var m=T(require("../biz-components/Tabs/index.js"));const g={title:"Biz-Components/Tabs",component:m.default,tags:["autodocs"],argTypes:{theme:{control:"select",options:["light","dark"]}}};var d=g;const i={tabName:"\u7545\u9500\u5546\u54C1",tabContent:[{blockType:"ShelfDisplay",primaryButton:"Learn More",secondaryButton:"Shop Now",products:[{img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/B25M2111_Richimage_TD01_US_V11.png?v=1745726871",price:"\uFFE599",title:"\u5546\u54C11",basePrice:"\uFFE5199",subTitle:"\u526F\u6807\u98981",tagItems:["\u70ED\u5356"]}],itemShape:"square",theme:"dark"}]},n={tabName:"\u6298\u6263\u5546\u54C1",tabContent:[{blockType:"ShelfDisplay",primaryButton:"Learn More",secondaryButton:"Shop Now",products:[{img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/A2147113_TD01_V2_1.png?v=1745389222",price:"\uFFE5199",title:"\u5546\u54C11",basePrice:"\uFFE5199",subTitle:"\u526F\u6807\u98981",tagItems:["\u6298\u6263"]}],itemShape:"square",theme:"dark"}]},S={args:{shape:"square",align:"left",tabs:[i,n]}},k={args:{theme:"dark",shape:"square",align:"center",tabs:[i,n],className:"mx-auto"}};
+"use strict";var c=Object.create;var o=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var f=(t,e)=>{for(var s in e)o(t,s,{get:e[s],enumerable:!0})},p=(t,e,s,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of b(e))!h.call(t,a)&&a!==s&&o(t,a,{get:()=>e[a],enumerable:!(r=l(e,a))||r.enumerable});return t};var u=(t,e,s)=>(s=t!=null?c(y(t)):{},p(e||!t||!t.__esModule?o(s,"default",{value:t,enumerable:!0}):s,t)),T=t=>p(o({},"__esModule",{value:!0}),t);var D={};f(D,{Dark:()=>k,Default:()=>S,default:()=>d});module.exports=T(D);var m=u(require("../biz-components/Tabs/index.js"));const g={title:"Biz-Components/Tabs",component:m.default,tags:["autodocs"],argTypes:{theme:{control:"select",options:["light","dark"]}}};var d=g;const n={tabName:"\u7545\u9500\u5546\u54C1",tabContent:[{blockType:"ShelfDisplay",primaryButton:"Learn More",secondaryButton:"Shop Now",products:[{img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/B25M2111_Richimage_TD01_US_V11.png?v=1745726871",price:"\uFFE599",title:"\u5546\u54C11",basePrice:"\uFFE5199",subTitle:"\u526F\u6807\u98981",tagItems:["\u70ED\u5356"]}],itemShape:"square",theme:"dark"}]},i={tabName:"\u6298\u6263\u5546\u54C1",tabContent:[{blockType:"ShelfDisplay",primaryButton:"Learn More",secondaryButton:"Shop Now",products:[{img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/A2147113_TD01_V2_1.png?v=1745389222",price:"\uFFE5199",title:"\u5546\u54C11",basePrice:"\uFFE5199",subTitle:"\u526F\u6807\u98981",tagItems:["\u6298\u6263"]}],itemShape:"square",theme:"dark"}]},S={args:{shape:"square",align:"left",tabs:[n,i]}},k={args:{theme:"dark",shape:"square",align:"center",tabs:[n,i],className:"mx-auto"}};
 //# sourceMappingURL=bizTabs.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/bizTabs.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Tabs from '../biz-components/Tabs/index.js'\nimport type { TabsProps } from '../biz-components/Tabs/types'\n\nconst meta: Meta<typeof Tabs> = {\n  title: 'Biz-Components/Tabs',\n  component: Tabs,\n  tags: ['autodocs'],\n  argTypes: {\n    theme: {\n      control: 'select',\n      options: ['light', 'dark'],\n    },\n  },\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof Tabs>\n\nconst shelfDisplayTab1 = {\n  tabName: '\u7545\u9500\u5546\u54C1',\n  tabContent: [\n    {\n      blockType: 'ShelfDisplay',\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n      products: [\n        {\n          img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/B25M2111_Richimage_TD01_US_V11.png?v=1745726871',\n          price: '\uFFE599',\n          title: '\u5546\u54C11',\n          basePrice: '\uFFE5199',\n          subTitle: '\u526F\u6807\u98981',\n          tagItems: ['\u70ED\u5356'],\n        },\n      ],\n      itemShape: 'square',\n      theme: 'dark',\n    },\n  ],\n}\n\nconst shelfDisplayTab2 = {\n  tabName: '\u6298\u6263\u5546\u54C1',\n  tabContent: [\n    {\n      blockType: 'ShelfDisplay',\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n      products: [\n        {\n          img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/A2147113_TD01_V2_1.png?v=1745389222',\n          price: '\uFFE5199',\n          title: '\u5546\u54C11',\n          basePrice: '\uFFE5199',\n          subTitle: '\u526F\u6807\u98981',\n          tagItems: ['\u6298\u6263'],\n        },\n      ],\n      itemShape: 'square',\n      theme: 'dark',\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    shape: 'square',\n    align: 'left',\n    tabs: [shelfDisplayTab1, shelfDisplayTab2],\n  } as TabsProps,\n}\n\nexport const Dark: Story = {\n  args: {\n    theme: 'dark',\n    shape: 'square',\n    align: 'center',\n    tabs: [shelfDisplayTab1, shelfDisplayTab2],\n    className: 'mx-auto',\n  } as TabsProps,\n}\n"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Tabs from '../biz-components/Tabs/index.js'\nimport type { TabsProps } from '../biz-components/Tabs/types'\n\nconst meta: Meta<typeof Tabs> = {\n  title: 'Biz-Components/Tabs',\n  component: Tabs,\n  tags: ['autodocs'],\n  argTypes: {\n    theme: {\n      control: 'select',\n      options: ['light', 'dark'],\n    },\n  },\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof Tabs>\n\nconst shelfDisplayTab1 = {\n  tabName: '\u7545\u9500\u5546\u54C1',\n  tabContent: [\n    {\n      blockType: 'ShelfDisplay',\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n      products: [\n        {\n          img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/B25M2111_Richimage_TD01_US_V11.png?v=1745726871',\n          price: '\uFFE599',\n          title: '\u5546\u54C11',\n          basePrice: '\uFFE5199',\n          subTitle: '\u526F\u6807\u98981',\n          tagItems: ['\u70ED\u5356'],\n        },\n      ],\n      itemShape: 'square',\n      theme: 'dark',\n    },\n  ],\n}\n\nconst shelfDisplayTab2 = {\n  tabName: '\u6298\u6263\u5546\u54C1',\n  tabContent: [\n    {\n      blockType: 'ShelfDisplay',\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n      products: [\n        {\n          img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/A2147113_TD01_V2_1.png?v=1745389222',\n          price: '\uFFE5199',\n          title: '\u5546\u54C11',\n          basePrice: '\uFFE5199',\n          subTitle: '\u526F\u6807\u98981',\n          tagItems: ['\u6298\u6263'],\n        },\n      ],\n      itemShape: 'square',\n      theme: 'dark',\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    shape: 'square',\n    align: 'left',\n    tabs: [shelfDisplayTab1, shelfDisplayTab2],\n  } as unknown as TabsProps,\n}\n\nexport const Dark: Story = {\n  args: {\n    theme: 'dark',\n    shape: 'square',\n    align: 'center',\n    tabs: [shelfDisplayTab1, shelfDisplayTab2],\n    className: 'mx-auto',\n  } as unknown as TabsProps,\n}\n"],
   "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAiB,8CAGjB,MAAMC,EAA0B,CAC9B,MAAO,sBACP,UAAW,EAAAC,QACX,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,MAAO,CACL,QAAS,SACT,QAAS,CAAC,QAAS,MAAM,CAC3B,CACF,CACF,EAEA,IAAOJ,EAAQG,EAIf,MAAME,EAAmB,CACvB,QAAS,2BACT,WAAY,CACV,CACE,UAAW,eACX,cAAe,aACf,gBAAiB,WACjB,SAAU,CACR,CACE,IAAK,yGACL,MAAO,WACP,MAAO,gBACP,UAAW,YACX,SAAU,sBACV,SAAU,CAAC,cAAI,CACjB,CACF,EACA,UAAW,SACX,MAAO,MACT,CACF,CACF,EAEMC,EAAmB,CACvB,QAAS,2BACT,WAAY,CACV,CACE,UAAW,eACX,cAAe,aACf,gBAAiB,WACjB,SAAU,CACR,CACE,IAAK,6FACL,MAAO,YACP,MAAO,gBACP,UAAW,YACX,SAAU,sBACV,SAAU,CAAC,cAAI,CACjB,CACF,EACA,UAAW,SACX,MAAO,MACT,CACF,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,MAAO,SACP,MAAO,OACP,KAAM,CAACM,EAAkBC,CAAgB,CAC3C,CACF,EAEaR,EAAc,CACzB,KAAM,CACJ,MAAO,OACP,MAAO,SACP,MAAO,SACP,KAAM,CAACO,EAAkBC,CAAgB,EACzC,UAAW,SACb,CACF",
   "names": ["bizTabs_stories_exports", "__export", "Dark", "Default", "bizTabs_stories_default", "__toCommonJS", "import_Tabs", "meta", "Tabs", "shelfDisplayTab1", "shelfDisplayTab2"]
 }

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

@@ -1,2 +1,2 @@
-"use strict";var f=Object.create;var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var h=(e,s)=>{for(var t in s)c(e,t,{get:s[t],enumerable:!0})},n=(e,s,t,r)=>{if(s&&typeof s=="object"||typeof s=="function")for(let i of m(s))!C.call(e,i)&&i!==t&&c(e,i,{get:()=>s[i],enumerable:!(r=p(s,i))||r.enumerable});return e};var b=(e,s,t)=>(t=e!=null?f(y(e)):{},n(s||!e||!e.__esModule?c(t,"default",{value:e,enumerable:!0}):t,e)),u=e=>n(c({},"__esModule",{value:!0}),e);var N={};h(N,{CustomBackground:()=>w,Default:()=>H,default:()=>v});module.exports=u(N);var a=require("react/jsx-runtime"),d=b(require("../biz-components/BrandEquity/BrandEquity.js"));const o=e=>(0,a.jsx)("svg",{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.4653 6.25C11.9801 4.79351 13.3691 3.75 15.0019 3.75C16.6347 3.75 18.0237 4.79351 18.5385 6.25H11.4653ZM8.75192 8.75V13.75C8.75192 14.4404 9.31156 15 10.0019 15C10.6923 15 11.2519 14.4404 11.2519 13.75V8.75H18.7519V13.75C18.7519 14.4404 19.3116 15 20.0019 15C20.6923 15 21.2519 14.4404 21.2519 13.75V8.75H23.8452C24.5037 8.75 25.0493 9.26086 25.0925 9.91794L26.0793 24.9179C26.1268 25.639 25.5547 26.25 24.832 26.25H5.1718C4.44915 26.25 3.87705 25.639 3.92449 24.9179L4.91133 9.91794C4.95456 9.26086 5.50014 8.75 6.15864 8.75H8.75192ZM8.87694 6.25C9.45603 3.3972 11.9782 1.25 15.0019 1.25C18.0256 1.25 20.5478 3.3972 21.1269 6.25H23.8452C25.8207 6.25 27.4574 7.78258 27.5871 9.75382L28.5739 24.7538C28.7163 26.9171 27 28.75 24.832 28.75H5.1718C3.00385 28.75 1.28756 26.9171 1.42989 24.7538L2.41673 9.75382C2.54641 7.78259 4.18314 6.25 6.15864 6.25H8.87694ZM12.5019 16.25C12.5019 15.5596 13.0616 15 13.7519 15H16.2519C16.9423 15 17.5019 15.5596 17.5019 16.25C17.5019 16.9404 16.9423 17.5 16.2519 17.5H13.7519C13.0616 17.5 12.5019 16.9404 12.5019 16.25Z",fill:"#1D1D1F"})}),g={title:"Biz-Components/BrandEquity",component:d.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var v=g;const l=[{icon:(0,a.jsx)(o,{className:"size-6"}),title:"Hassle-Free Warranty",description:"Comprehensive warranty protection on all purchases."},{icon:(0,a.jsx)(o,{className:"size-6"}),title:"Our Happy Customers",description:"Join millions of satisfied Anker users worldwide."},{icon:(0,a.jsx)(o,{className:"size-6"}),title:"Anker credits rewards",description:"Buy more, save more, and earn more."},{icon:(0,a.jsx)(o,{className:"size-6"}),title:"Pay with Ease",description:"Pay immediately or in installments with Affirm."},{icon:(0,a.jsx)(o,{className:"size-6"}),title:"30-day money-back guarantee",description:"Return within 30 days for a full refund."},{avatarList:["https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"],title:"We are Here to Help",description:"Contact our expert team via email or live chat for assistance."}],H={args:{items:l,className:"bg-[#eeeeee] p-4"}},w={args:{items:l,className:"bg-gray-900 p-4",itemShape:"round"}};
+"use strict";var f=Object.create;var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var s in t)c(e,s,{get:t[s],enumerable:!0})},n=(e,t,s,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of m(t))!C.call(e,i)&&i!==s&&c(e,i,{get:()=>t[i],enumerable:!(r=p(t,i))||r.enumerable});return e};var b=(e,t,s)=>(s=e!=null?f(y(e)):{},n(t||!e||!e.__esModule?c(s,"default",{value:e,enumerable:!0}):s,e)),u=e=>n(c({},"__esModule",{value:!0}),e);var N={};h(N,{CustomBackground:()=>w,Default:()=>H,default:()=>v});module.exports=u(N);var a=require("react/jsx-runtime"),d=b(require("../biz-components/BrandEquity/BrandEquity.js"));const o=e=>(0,a.jsx)("svg",{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.4653 6.25C11.9801 4.79351 13.3691 3.75 15.0019 3.75C16.6347 3.75 18.0237 4.79351 18.5385 6.25H11.4653ZM8.75192 8.75V13.75C8.75192 14.4404 9.31156 15 10.0019 15C10.6923 15 11.2519 14.4404 11.2519 13.75V8.75H18.7519V13.75C18.7519 14.4404 19.3116 15 20.0019 15C20.6923 15 21.2519 14.4404 21.2519 13.75V8.75H23.8452C24.5037 8.75 25.0493 9.26086 25.0925 9.91794L26.0793 24.9179C26.1268 25.639 25.5547 26.25 24.832 26.25H5.1718C4.44915 26.25 3.87705 25.639 3.92449 24.9179L4.91133 9.91794C4.95456 9.26086 5.50014 8.75 6.15864 8.75H8.75192ZM8.87694 6.25C9.45603 3.3972 11.9782 1.25 15.0019 1.25C18.0256 1.25 20.5478 3.3972 21.1269 6.25H23.8452C25.8207 6.25 27.4574 7.78258 27.5871 9.75382L28.5739 24.7538C28.7163 26.9171 27 28.75 24.832 28.75H5.1718C3.00385 28.75 1.28756 26.9171 1.42989 24.7538L2.41673 9.75382C2.54641 7.78259 4.18314 6.25 6.15864 6.25H8.87694ZM12.5019 16.25C12.5019 15.5596 13.0616 15 13.7519 15H16.2519C16.9423 15 17.5019 15.5596 17.5019 16.25C17.5019 16.9404 16.9423 17.5 16.2519 17.5H13.7519C13.0616 17.5 12.5019 16.9404 12.5019 16.25Z",fill:"#1D1D1F"})}),g={title:"Biz-Components/BrandEquity",component:d.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var v=g;const l=[{icon:(0,a.jsx)(o,{className:"size-6"}),title:"Hassle-Free Warranty",description:"Comprehensive warranty protection on all purchases."},{icon:(0,a.jsx)(o,{className:"size-6"}),title:"Our Happy Customers",description:"Join millions of satisfied Anker users worldwide."},{icon:(0,a.jsx)(o,{className:"size-6"}),title:"Anker credits rewards",description:"Buy more, save more, and earn more."},{icon:(0,a.jsx)(o,{className:"size-6"}),title:"Pay with Ease",description:"Pay immediately or in installments with Affirm."},{icon:(0,a.jsx)(o,{className:"size-6"}),title:"30-day money-back guarantee",description:"Return within 30 days for a full refund."},{avatarList:["https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"],title:"We are Here to Help",description:"Contact our expert team via email or live chat for assistance."}],H={args:{data:l,className:"bg-[#eeeeee] p-4"}},w={args:{data:l,className:"bg-gray-900 p-4",itemShape:"round"}};
 //# sourceMappingURL=brandEquity.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/brandEquity.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport BrandEquity from '../biz-components/BrandEquity/BrandEquity.js'\n\nconst ShieldCheckIcon = (props: { className?: string }) => (\n  <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M11.4653 6.25C11.9801 4.79351 13.3691 3.75 15.0019 3.75C16.6347 3.75 18.0237 4.79351 18.5385 6.25H11.4653ZM8.75192 8.75V13.75C8.75192 14.4404 9.31156 15 10.0019 15C10.6923 15 11.2519 14.4404 11.2519 13.75V8.75H18.7519V13.75C18.7519 14.4404 19.3116 15 20.0019 15C20.6923 15 21.2519 14.4404 21.2519 13.75V8.75H23.8452C24.5037 8.75 25.0493 9.26086 25.0925 9.91794L26.0793 24.9179C26.1268 25.639 25.5547 26.25 24.832 26.25H5.1718C4.44915 26.25 3.87705 25.639 3.92449 24.9179L4.91133 9.91794C4.95456 9.26086 5.50014 8.75 6.15864 8.75H8.75192ZM8.87694 6.25C9.45603 3.3972 11.9782 1.25 15.0019 1.25C18.0256 1.25 20.5478 3.3972 21.1269 6.25H23.8452C25.8207 6.25 27.4574 7.78258 27.5871 9.75382L28.5739 24.7538C28.7163 26.9171 27 28.75 24.832 28.75H5.1718C3.00385 28.75 1.28756 26.9171 1.42989 24.7538L2.41673 9.75382C2.54641 7.78259 4.18314 6.25 6.15864 6.25H8.87694ZM12.5019 16.25C12.5019 15.5596 13.0616 15 13.7519 15H16.2519C16.9423 15 17.5019 15.5596 17.5019 16.25C17.5019 16.9404 16.9423 17.5 16.2519 17.5H13.7519C13.0616 17.5 12.5019 16.9404 12.5019 16.25Z\"\n      fill=\"#1D1D1F\"\n    />\n  </svg>\n)\n\nconst meta = {\n  title: 'Biz-Components/BrandEquity',\n  component: BrandEquity,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof BrandEquity>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Hassle-Free Warranty',\n    description: 'Comprehensive warranty protection on all purchases.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Our Happy Customers',\n    description: 'Join millions of satisfied Anker users worldwide.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Anker credits rewards',\n    description: 'Buy more, save more, and earn more.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Pay with Ease',\n    description: 'Pay immediately or in installments with Affirm.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: '30-day money-back guarantee',\n    description: 'Return within 30 days for a full refund.',\n  },\n  {\n    avatarList: [\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    ],\n    title: 'We are Here to Help',\n    description: 'Contact our expert team via email or live chat for assistance.',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    items: mockItems,\n    className: 'bg-[#eeeeee] p-4',\n  },\n}\n\nexport const CustomBackground: Story = {\n  args: {\n    items: mockItems,\n    className: 'bg-gray-900 p-4',\n    itemShape: 'round',\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GAKI,IAAAM,EAAA,6BAJJC,EAAwB,2DAExB,MAAMC,EAAmBC,MACvB,OAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,mBAAC,QACC,YAAU,UACV,YAAU,UACV,EAAE,iiCACF,KAAK,UACP,EACF,EAGIC,EAAO,CACX,MAAO,6BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOP,EAAQM,EAGf,MAAME,EAAY,CAChB,CACE,QAAM,OAACJ,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,uBACP,YAAa,qDACf,EACA,CACE,QAAM,OAACA,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,sBACP,YAAa,mDACf,EACA,CACE,QAAM,OAACA,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,wBACP,YAAa,qCACf,EACA,CACE,QAAM,OAACA,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,gBACP,YAAa,iDACf,EACA,CACE,QAAM,OAACA,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,8BACP,YAAa,0CACf,EACA,CACE,WAAY,CACV,gJACA,gJACA,gJACA,gJACA,0GACF,EACA,MAAO,sBACP,YAAa,gEACf,CACF,EAEaL,EAAiB,CAC5B,KAAM,CACJ,MAAOS,EACP,UAAW,kBACb,CACF,EAEaV,EAA0B,CACrC,KAAM,CACJ,MAAOU,EACP,UAAW,kBACX,UAAW,OACb,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport BrandEquity from '../biz-components/BrandEquity/BrandEquity.js'\n\nconst ShieldCheckIcon = (props: { className?: string }) => (\n  <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M11.4653 6.25C11.9801 4.79351 13.3691 3.75 15.0019 3.75C16.6347 3.75 18.0237 4.79351 18.5385 6.25H11.4653ZM8.75192 8.75V13.75C8.75192 14.4404 9.31156 15 10.0019 15C10.6923 15 11.2519 14.4404 11.2519 13.75V8.75H18.7519V13.75C18.7519 14.4404 19.3116 15 20.0019 15C20.6923 15 21.2519 14.4404 21.2519 13.75V8.75H23.8452C24.5037 8.75 25.0493 9.26086 25.0925 9.91794L26.0793 24.9179C26.1268 25.639 25.5547 26.25 24.832 26.25H5.1718C4.44915 26.25 3.87705 25.639 3.92449 24.9179L4.91133 9.91794C4.95456 9.26086 5.50014 8.75 6.15864 8.75H8.75192ZM8.87694 6.25C9.45603 3.3972 11.9782 1.25 15.0019 1.25C18.0256 1.25 20.5478 3.3972 21.1269 6.25H23.8452C25.8207 6.25 27.4574 7.78258 27.5871 9.75382L28.5739 24.7538C28.7163 26.9171 27 28.75 24.832 28.75H5.1718C3.00385 28.75 1.28756 26.9171 1.42989 24.7538L2.41673 9.75382C2.54641 7.78259 4.18314 6.25 6.15864 6.25H8.87694ZM12.5019 16.25C12.5019 15.5596 13.0616 15 13.7519 15H16.2519C16.9423 15 17.5019 15.5596 17.5019 16.25C17.5019 16.9404 16.9423 17.5 16.2519 17.5H13.7519C13.0616 17.5 12.5019 16.9404 12.5019 16.25Z\"\n      fill=\"#1D1D1F\"\n    />\n  </svg>\n)\n\nconst meta = {\n  title: 'Biz-Components/BrandEquity',\n  component: BrandEquity,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof BrandEquity>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Hassle-Free Warranty',\n    description: 'Comprehensive warranty protection on all purchases.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Our Happy Customers',\n    description: 'Join millions of satisfied Anker users worldwide.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Anker credits rewards',\n    description: 'Buy more, save more, and earn more.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Pay with Ease',\n    description: 'Pay immediately or in installments with Affirm.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: '30-day money-back guarantee',\n    description: 'Return within 30 days for a full refund.',\n  },\n  {\n    avatarList: [\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    ],\n    title: 'We are Here to Help',\n    description: 'Contact our expert team via email or live chat for assistance.',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: mockItems,\n    className: 'bg-[#eeeeee] p-4',\n  },\n}\n\nexport const CustomBackground: Story = {\n  args: {\n    data: mockItems,\n    className: 'bg-gray-900 p-4',\n    itemShape: 'round',\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GAKI,IAAAM,EAAA,6BAJJC,EAAwB,2DAExB,MAAMC,EAAmBC,MACvB,OAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,mBAAC,QACC,YAAU,UACV,YAAU,UACV,EAAE,iiCACF,KAAK,UACP,EACF,EAGIC,EAAO,CACX,MAAO,6BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOP,EAAQM,EAGf,MAAME,EAAY,CAChB,CACE,QAAM,OAACJ,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,uBACP,YAAa,qDACf,EACA,CACE,QAAM,OAACA,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,sBACP,YAAa,mDACf,EACA,CACE,QAAM,OAACA,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,wBACP,YAAa,qCACf,EACA,CACE,QAAM,OAACA,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,gBACP,YAAa,iDACf,EACA,CACE,QAAM,OAACA,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,8BACP,YAAa,0CACf,EACA,CACE,WAAY,CACV,gJACA,gJACA,gJACA,gJACA,0GACF,EACA,MAAO,sBACP,YAAa,gEACf,CACF,EAEaL,EAAiB,CAC5B,KAAM,CACJ,KAAMS,EACN,UAAW,kBACb,CACF,EAEaV,EAA0B,CACrC,KAAM,CACJ,KAAMU,EACN,UAAW,kBACX,UAAW,OACb,CACF",
   "names": ["brandEquity_stories_exports", "__export", "CustomBackground", "Default", "brandEquity_stories_default", "__toCommonJS", "import_jsx_runtime", "import_BrandEquity", "ShieldCheckIcon", "props", "meta", "BrandEquity", "mockItems"]
 }

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

@@ -1,7 +1,12 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import("react").FC<import("../biz-components/Category/index.js").CategoryProps>;
+    component: {
+        (props: Omit<import("../biz-components/Category/index.js").CategoryProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         layout: string;
     };

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

@@ -1,2 +1,2 @@
-"use strict";var m=Object.create;var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var o in t)r(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of n(t))!l.call(e,s)&&s!==o&&r(e,s,{get:()=>t[s],enumerable:!(c=p(t,s))||c.enumerable});return e};var y=(e,t,o)=>(o=e!=null?m(b(e)):{},i(t||!e||!e.__esModule?r(o,"default",{value:e,enumerable:!0}):o,e)),d=e=>i(r({},"__esModule",{value:!0}),e);var k={};g(k,{Default:()=>h,Round:()=>P,default:()=>u});module.exports=d(k);var f=y(require("../biz-components/Category/index.js"));const _={title:"Biz-Components/Category",component:f.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var u=_;const a=[{title:"Anker Prime 27",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],h={args:{products:a,className:"p-4"}},P={args:{products:a,className:"p-4",shape:"round"}};
+"use strict";var f=Object.create;var i=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var o in t)i(e,o,{get:t[o],enumerable:!0})},a=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of n(t))!l.call(e,s)&&s!==o&&i(e,s,{get:()=>t[s],enumerable:!(r=p(t,s))||r.enumerable});return e};var y=(e,t,o)=>(o=e!=null?f(b(e)):{},a(t||!e||!e.__esModule?i(o,"default",{value:e,enumerable:!0}):o,e)),d=e=>a(i({},"__esModule",{value:!0}),e);var k={};g(k,{Default:()=>h,Round:()=>P,default:()=>u});module.exports=d(k);var m=y(require("../biz-components/Category/index.js"));const _={title:"Biz-Components/Category",component:m.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var u=_;const c=[{title:"Anker Prime 27",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"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:{items:c},className:"p-4"}},P={args:{data:{shape:"round",items:c},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'\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 mockItems = [\n  {\n    title: 'Anker Prime 27',\n    img: '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    title: 'Anker Prime',\n    img: '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    title: 'Anker Prime',\n    img: '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    title: 'Anker Prime',\n    img: '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    title: 'Anker Prime',\n    img: '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    products: mockItems,\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n    shape: 'round',\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,MAAO,iBACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,SAAUO,EACV,UAAW,KACb,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,SAAUM,EACV,UAAW,MACX,MAAO,OACT,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Category from '../biz-components/Category/index.js'\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 mockItems = [\n  {\n    title: 'Anker Prime 27',\n    img: '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    title: 'Anker Prime',\n    img: '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    title: 'Anker Prime',\n    img: '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    title: 'Anker Prime',\n    img: '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    title: 'Anker Prime',\n    img: '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      items: mockItems,\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      shape: 'round',\n      items: mockItems,\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,MAAO,iBACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAOO,CACT,EACA,UAAW,KACb,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,QACP,MAAOM,CACT,EACA,UAAW,KACb,CACF",
   "names": ["category_stories_exports", "__export", "Default", "Round", "category_stories_default", "__toCommonJS", "import_Category", "meta", "Category", "mockItems"]
 }

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

@@ -1,7 +1,12 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import("react").FC<import("../biz-components/Evaluate/index.js").EvaluateProps>;
+    component: {
+        (props: Omit<import("../biz-components/Evaluate/index.js").EvaluateProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         layout: string;
     };

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

@@ -1,2 +1,2 @@
-"use strict";var p=Object.create;var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var s in t)a(e,s,{get:t[s],enumerable:!0})},i=(e,t,s,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of f(t))!g.call(e,o)&&o!==s&&a(e,o,{get:()=>t[o],enumerable:!(r=m(t,o))||r.enumerable});return e};var b=(e,t,s)=>(s=e!=null?p(l(e)):{},i(t||!e||!e.__esModule?a(s,"default",{value:e,enumerable:!0}):s,e)),d=e=>i(a({},"__esModule",{value:!0}),e);var k={};h(k,{Default:()=>v,Round:()=>P,default:()=>u});module.exports=d(k);var n=b(require("../biz-components/Evaluate/index.js"));const y={title:"Biz-Components/Evaluate",component:n.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var u=y;const c=[{rating:4,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"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:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"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:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],v={args:{products:c,className:"p-4"}},P={args:{products:c,className:"p-4",shape:"round"}};
+"use strict";var m=Object.create;var o=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var a in t)o(e,a,{get:t[a],enumerable:!0})},r=(e,t,a,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of f(t))!g.call(e,s)&&s!==a&&o(e,s,{get:()=>t[s],enumerable:!(i=p(t,s))||i.enumerable});return e};var b=(e,t,a)=>(a=e!=null?m(l(e)):{},r(t||!e||!e.__esModule?o(a,"default",{value:e,enumerable:!0}):a,e)),d=e=>r(o({},"__esModule",{value:!0}),e);var k={};h(k,{Default:()=>v,Round:()=>P,default:()=>u});module.exports=d(k);var n=b(require("../biz-components/Evaluate/index.js"));const y={title:"Biz-Components/Evaluate",component:n.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var u=y;const c=[{rating:4,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"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:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"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:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"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:{items:c},className:"p-4"}},P={args:{data:{items: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'\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: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: '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    rating: 3,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: '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    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: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: '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    products: mockItems,\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n    shape: 'round',\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,2GACR,IAAK,8HACP,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,2GACR,IAAK,8HACP,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YACE,wKACF,OAAQ,2GACR,IAAK,8HACP,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,SAAUO,EACV,UAAW,KACb,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,SAAUM,EACV,UAAW,MACX,MAAO,OACT,CACF",
+  "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: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: '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    rating: 3,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: '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    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: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: '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      items: mockItems\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      items: 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,2GACR,IAAK,8HACP,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,2GACR,IAAK,8HACP,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YACE,wKACF,OAAQ,2GACR,IAAK,8HACP,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAOO,CACT,EACA,UAAW,KACb,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAOM,EACP,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,12 +33,15 @@ declare const meta: {
         ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
         className?: string | undefined;
         key?: import("react").Key | null | undefined;
+        data: {
+            title?: string;
+            items?: {
+                imgUrl: string;
+                title: string;
+                textColor?: string;
+            }[];
+        };
         shape?: "round" | "square" | undefined;
-        items: {
-            imgUrl: string;
-            title: string;
-            textColor?: string;
-        }[];
         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 f=Object.create;var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var o in t)s(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of m(t))!d.call(e,r)&&r!==o&&s(e,r,{get:()=>t[r],enumerable:!(p=c(t,r))||p.enumerable});return e};var u=(e,t,o)=>(o=e!=null?f(y(e)):{},i(t||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e)),h=e=>i(s({},"__esModule",{value:!0}),e);var v={};g(v,{Default:()=>F,Round:()=>O,default:()=>b});module.exports=h(v);var a=require("react/jsx-runtime"),n=u(require("../biz-components/Graphic/index.js"));const S={title:"Biz-Components/Graphic",component:n.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/"}}},argTypes:{shape:{control:{type:"inline-radio"},options:["square","round"],description:"\u5706\u89D2",table:{defaultValue:{summary:"square"}}}},decorators:[e=>(0,a.jsx)("div",{style:{paddingTop:"2em"},children:(0,a.jsx)(e,{})})],tags:["autodocs"]};var b=S;const l=[{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"}],F={args:{items:l}},O={args:{items:l,shape:"round"}};
+"use strict";var c=Object.create;var s=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var o in t)s(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of m(t))!d.call(e,r)&&r!==o&&s(e,r,{get:()=>t[r],enumerable:!(p=f(t,r))||p.enumerable});return e};var u=(e,t,o)=>(o=e!=null?c(y(e)):{},i(t||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e)),h=e=>i(s({},"__esModule",{value:!0}),e);var v={};g(v,{Default:()=>F,Round:()=>O,default:()=>S});module.exports=h(v);var a=require("react/jsx-runtime"),n=u(require("../biz-components/Graphic/index.js"));const b={title:"Biz-Components/Graphic",component:n.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/"}}},argTypes:{shape:{control:{type:"inline-radio"},options:["square","round"],description:"\u5706\u89D2",table:{defaultValue:{summary:"square"}}}},decorators:[e=>(0,a.jsx)("div",{style:{paddingTop:"2em"},children:(0,a.jsx)(e,{})})],tags:["autodocs"]};var S=b;const l=[{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"}],F={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:l}}},O={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:l},shape:"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'\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  argTypes: {\n    shape: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['square', 'round'],\n      description: '\u5706\u89D2',\n      table: {\n        defaultValue: {\n          summary: 'square',\n        },\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: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\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    items: mockItems,\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    items: mockItems,\n    shape: 'round',\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GA+BQ,IAAAM,EAAA,6BA9BRC,EAAoB,iDAEpB,MAAMC,EAAO,CACX,MAAO,yBACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,mIACb,CACF,CACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,SAAU,OAAO,EAC3B,YAAa,eACb,MAAO,CACL,aAAc,CACZ,QAAS,QACX,CACF,CACF,CACF,EACA,WAAY,CACVC,MACE,OAAC,OAAI,MAAO,CAAE,WAAY,KAAM,EAC9B,mBAACA,EAAA,EAAM,EACT,CAEJ,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAON,EAAQI,EAGf,MAAMG,EAAY,CAChB,CACE,OAAQ,2FACR,MAAO,wEACT,EACA,CACE,OAAQ,2FACR,MAAO,yEACP,UAAW,MACb,EACA,CACE,OAAQ,2FACR,MAAO,wEACT,EACA,CACE,OAAQ,2FACR,MAAO,yEACP,UAAW,MACb,CACF,EAEaT,EAAiB,CAC5B,KAAM,CACJ,MAAOS,CACT,CACF,EAEaR,EAAe,CAC1B,KAAM,CACJ,MAAOQ,EACP,MAAO,OACT,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Graphic from '../biz-components/Graphic/index.js'\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  argTypes: {\n    shape: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['square', 'round'],\n      description: '\u5706\u89D2',\n      table: {\n        defaultValue: {\n          summary: 'square',\n        },\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: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\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    },\n    shape: 'round',\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GA+BQ,IAAAM,EAAA,6BA9BRC,EAAoB,iDAEpB,MAAMC,EAAO,CACX,MAAO,yBACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,mIACb,CACF,CACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,SAAU,OAAO,EAC3B,YAAa,eACb,MAAO,CACL,aAAc,CACZ,QAAS,QACX,CACF,CACF,CACF,EACA,WAAY,CACVC,MACE,OAAC,OAAI,MAAO,CAAE,WAAY,KAAM,EAC9B,mBAACA,EAAA,EAAM,EACT,CAEJ,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAON,EAAQI,EAGf,MAAMG,EAAY,CAChB,CACE,OAAQ,2FACR,MAAO,wEACT,EACA,CACE,OAAQ,2FACR,MAAO,yEACP,UAAW,MACb,EACA,CACE,OAAQ,2FACR,MAAO,wEACT,EACA,CACE,OAAQ,2FACR,MAAO,yEACP,UAAW,MACb,CACF,EAEaT,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,mDACP,MAAOS,CACT,CACF,CACF,EAEaR,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,mDACP,MAAOQ,CACT,EACA,MAAO,OACT,CACF",
   "names": ["graphic_stories_exports", "__export", "Default", "Round", "graphic_stories_default", "__toCommonJS", "import_jsx_runtime", "import_Graphic", "meta", "Graphic", "Story", "mockItems"]
 }

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

@@ -1,8 +1,13 @@
-import React, { type ComponentType } from 'react';
+import { type ComponentType } from 'react';
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<Omit<import("react-fast-marquee/dist/components/Marquee.js").MarqueeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    component: {
+        (props: Omit<import("react-fast-marquee/dist/components/Marquee.js").MarqueeProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     subcomponents: {
         MarqueeList: ComponentType<unknown>;
         MarqueeImageContent: ComponentType<unknown>;

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

@@ -1,2 +1,2 @@
-"use strict";var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var m=(o,s)=>{for(var a in s)r(o,a,{get:s[a],enumerable:!0})},f=(o,s,a,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let n of c(s))!l.call(o,n)&&n!==a&&r(o,n,{get:()=>s[n],enumerable:!(i=p(s,n))||i.enumerable});return o};var g=o=>f(r({},"__esModule",{value:!0}),o);var x={};m(x,{Default:()=>d,MarqueeDirection:()=>h,MarqueeImage:()=>M,MarqueeText:()=>q,default:()=>y});module.exports=g(x);var t=require("react/jsx-runtime"),C=require("react"),e=require("../biz-components/Marquee/index.js");const u={title:"Biz Components/Marquee",component:e.Marquee,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 y=u;const d={render:o=>(0,t.jsx)(e.Marquee,{...o,children:(0,t.jsxs)(e.MarqueeList,{children:[(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}),(0,t.jsx)(e.MarqueeTextContent,{text:"\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}),(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}),(0,t.jsx)(e.MarqueeTextContent,{className:"text-nowrap",text:"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}),(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"})]})})},M={render:o=>(0,t.jsx)(e.Marquee,{...o,children:(0,t.jsxs)(e.MarqueeList,{children:[(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}),(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}),(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"})]})})},q={render:o=>(0,t.jsx)(e.Marquee,{...o,children:(0,t.jsxs)(e.MarqueeList,{children:[(0,t.jsx)(e.MarqueeTextContent,{className:"w-40",text:"47%<br>R&D Employees"}),(0,t.jsx)(e.MarqueeTextContent,{className:"w-40",text:"100 Million<br>Global Customers"}),(0,t.jsx)(e.MarqueeTextContent,{className:"w-60",text:"Pioneering in Charging<br>Technology for 12 Years"})]})})},h={render:o=>(0,t.jsx)(e.Marquee,{...o,children:(0,t.jsxs)(e.MarqueeList,{children:[(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}),(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}),(0,t.jsx)(e.MarqueeImageContent,{image:"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 i=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var u=(a,o)=>{for(var s in o)i(a,s,{get:o[s],enumerable:!0})},c=(a,o,s,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of f(o))!g.call(a,r)&&r!==s&&i(a,r,{get:()=>o[r],enumerable:!(p=m(o,r))||p.enumerable});return a};var y=(a,o,s)=>(s=a!=null?l(d(a)):{},c(o||!a||!a.__esModule?i(s,"default",{value:a,enumerable:!0}):s,a)),M=a=>c(i({},"__esModule",{value:!0}),a);var v={};u(v,{Default:()=>x,MarqueeDirection:()=>R,MarqueeImage:()=>b,MarqueeText:()=>C,default:()=>h});module.exports=M(v);var e=require("react/jsx-runtime"),_=require("react"),n=y(require("../biz-components/Marquee/index.js")),t=require("../biz-components/Marquee/index.js");const q={title:"Biz Components/Marquee",component:n.default,subcomponents:{MarqueeList:t.MarqueeList,MarqueeImageContent:t.MarqueeImageContent,MarqueeTextContent:t.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 h=q;const x={render:a=>(0,e.jsx)(n.default,{...a,children:(0,e.jsxs)(t.MarqueeList,{children:[(0,e.jsx)(t.MarqueeImageContent,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}),(0,e.jsx)(t.MarqueeTextContent,{data:{text:"\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}}),(0,e.jsx)(t.MarqueeImageContent,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}),(0,e.jsx)(t.MarqueeTextContent,{className:"text-nowrap",data:{text:"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}}),(0,e.jsx)(t.MarqueeImageContent,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}})]})})},b={render:a=>(0,e.jsx)(n.default,{...a,children:(0,e.jsxs)(t.MarqueeList,{children:[(0,e.jsx)(t.MarqueeImageContent,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}),(0,e.jsx)(t.MarqueeImageContent,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}),(0,e.jsx)(t.MarqueeImageContent,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}})]})})},C={render:a=>(0,e.jsx)(n.default,{...a,children:(0,e.jsxs)(t.MarqueeList,{children:[(0,e.jsx)(t.MarqueeTextContent,{className:"w-40",data:{text:"47%<br>R&D Employees"}}),(0,e.jsx)(t.MarqueeTextContent,{className:"w-40",data:{text:"100 Million<br>Global Customers"}}),(0,e.jsx)(t.MarqueeTextContent,{className:"w-60",data:{text:"Pioneering in Charging<br>Technology for 12 Years"}})]})})},R={render:a=>(0,e.jsx)(n.default,{...a,children:(0,e.jsxs)(t.MarqueeList,{children:[(0,e.jsx)(t.MarqueeImageContent,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}),(0,e.jsx)(t.MarqueeImageContent,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}),(0,e.jsx)(t.MarqueeImageContent,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}})]})}),args:{direction:"right"}};
 //# 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 image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317\" />\n        <MarqueeTextContent text=\"\u8DD1\u9A6C\u706F\u7EC4\u4EF6\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317\" />\n        <MarqueeTextContent className=\"text-nowrap\" text=\"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeImage: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeText: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeTextContent className=\"w-40\" text=\"47%<br>R&D Employees\" />\n        <MarqueeTextContent className=\"w-40\" text=\"100 Million<br>Global Customers\" />\n        <MarqueeTextContent className=\"w-60\" 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 image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n  args: {\n    direction: 'right',\n  },\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,qBAAAC,EAAA,iBAAAC,EAAA,gBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAqDM,IAAAQ,EAAA,6BArDNC,EAA0C,iBAE1CC,EAA8E,8CAE9E,MAAMC,EAAO,CACX,MAAO,yBACP,UAAW,UACX,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,IAAOL,EAAQK,EAIR,MAAMT,EAAiB,CAC5B,OAAQU,MACN,OAAC,WAAS,GAAGA,EACX,oBAAC,eACC,oBAAC,uBAAoB,MAAM,yFAAyF,KACpH,OAAC,sBAAmB,KAAK,iCAAQ,KACjC,OAAC,uBAAoB,MAAM,wFAAwF,KACnH,OAAC,sBAAmB,UAAU,cAAc,KAAK,mDAAW,KAC5D,OAAC,uBAAoB,MAAM,wFAAwF,GACrH,EACF,CAEJ,EAEaR,EAAsB,CACjC,OAAQQ,MACN,OAAC,WAAS,GAAGA,EACX,oBAAC,eACC,oBAAC,uBAAoB,MAAM,yFAAyF,KACpH,OAAC,uBAAoB,MAAM,wFAAwF,KACnH,OAAC,uBAAoB,MAAM,wFAAwF,GACrH,EACF,CAEJ,EAEaP,EAAqB,CAChC,OAAQO,MACN,OAAC,WAAS,GAAGA,EACX,oBAAC,eACC,oBAAC,sBAAmB,UAAU,OAAO,KAAK,uBAAuB,KACjE,OAAC,sBAAmB,UAAU,OAAO,KAAK,kCAAkC,KAC5E,OAAC,sBAAmB,UAAU,OAAO,KAAK,oDAAoD,GAChG,EACF,CAEJ,EAEaT,EAA0B,CACrC,OAAQS,MACN,OAAC,WAAS,GAAGA,EACX,oBAAC,eACC,oBAAC,uBAAoB,MAAM,yFAAyF,KACpH,OAAC,uBAAoB,MAAM,wFAAwF,KACnH,OAAC,uBAAoB,MAAM,wFAAwF,GACrH,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", "args"]
+  "sourcesContent": ["import React, { type ComponentType } from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport Marquee from '../biz-components/Marquee/index.js'\nimport { 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: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n          }}\n        />\n        <MarqueeTextContent data={{ text: '\u8DD1\u9A6C\u706F\u7EC4\u4EF6' }} />\n        <MarqueeImageContent\n          data={{\n            image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n          }}\n        />\n        <MarqueeTextContent className=\"text-nowrap\" data={{ text: '\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6' }} />\n        <MarqueeImageContent\n          data={{\n            image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\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: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n          }}\n        />\n        <MarqueeImageContent\n          data={{\n            image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n          }}\n        />\n        <MarqueeImageContent\n          data={{\n            image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\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: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n          }}\n        />\n        <MarqueeImageContent\n          data={{\n            image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n          }}\n        />\n        <MarqueeImageContent\n          data={{\n            image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\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,GAsDM,IAAAQ,EAAA,6BAtDNC,EAA0C,iBAE1CC,EAAoB,iDACpBA,EAAqE,8CAErE,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,wFACT,EACF,KACA,OAAC,sBAAmB,KAAM,CAAE,KAAM,gCAAQ,EAAG,KAC7C,OAAC,uBACC,KAAM,CACJ,MAAO,uFACT,EACF,KACA,OAAC,sBAAmB,UAAU,cAAc,KAAM,CAAE,KAAM,kDAAW,EAAG,KACxE,OAAC,uBACC,KAAM,CACJ,MAAO,uFACT,EACF,GACF,EACF,CAEJ,EAEaT,EAAsB,CACjC,OAAQS,MACN,OAAC,EAAAD,QAAA,CAAS,GAAGC,EACX,oBAAC,eACC,oBAAC,uBACC,KAAM,CACJ,MAAO,wFACT,EACF,KACA,OAAC,uBACC,KAAM,CACJ,MAAO,uFACT,EACF,KACA,OAAC,uBACC,KAAM,CACJ,MAAO,uFACT,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,wFACT,EACF,KACA,OAAC,uBACC,KAAM,CACJ,MAAO,uFACT,EACF,KACA,OAAC,uBACC,KAAM,CACJ,MAAO,uFACT,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"]
 }

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

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: {
-        (props: Omit<import("../biz-components/MediaPlayerMulti/types.js").TestimonialSectionProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+        (props: Omit<import("../biz-components/MediaPlayerMulti/types.js").MediaPlayerMultiProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
             className?: string;
         }): import("react/jsx-runtime").JSX.Element;
         displayName: string;

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

@@ -1,7 +1,12 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import("react").FC<import("../biz-components/ShelfDisplay/index.js").ShelfDisplayProps>;
+    component: {
+        (props: Omit<import("../biz-components/ShelfDisplay/index.js").ShelfDisplayProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         layout: string;
     };

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

@@ -1,2 +1,2 @@
-"use strict";var m=Object.create;var r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var s in t)r(e,s,{get:t[s],enumerable:!0})},i=(e,t,s,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of f(t))!b.call(e,o)&&o!==s&&r(e,o,{get:()=>t[o],enumerable:!(a=n(t,o))||a.enumerable});return e};var h=(e,t,s)=>(s=e!=null?m(l(e)):{},i(t||!e||!e.__esModule?r(s,"default",{value:e,enumerable:!0}):s,e)),u=e=>i(r({},"__esModule",{value:!0}),e);var _={};g(_,{Default:()=>P,Round:()=>F,default:()=>d});module.exports=u(_);var p=h(require("../biz-components/ShelfDisplay/index.js"));const y={title:"Biz-Components/ShelfDisplay",component:p.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var d=y;const c=[{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:"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:"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:"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:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],P={args:{products:c,className:"p-4",primaryButton:"Learn More",secondaryButton:"Shop Now"}},F={args:{products:c,className:"p-4",shape:"round",itemShape:"round",primaryButton:"Learn More",secondaryButton:"Shop Now"}};
+"use strict";var n=Object.create;var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var s in t)r(e,s,{get:t[s],enumerable:!0})},i=(e,t,s,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of f(t))!b.call(e,o)&&o!==s&&r(e,o,{get:()=>t[o],enumerable:!(a=p(t,o))||a.enumerable});return e};var h=(e,t,s)=>(s=e!=null?n(l(e)):{},i(t||!e||!e.__esModule?r(s,"default",{value:e,enumerable:!0}):s,e)),y=e=>i(r({},"__esModule",{value:!0}),e);var _={};g(_,{Default:()=>P,Round:()=>F,default:()=>d});module.exports=y(_);var m=h(require("../biz-components/ShelfDisplay/index.js"));const u={title:"Biz-Components/ShelfDisplay",component:m.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var d=u;const c=[{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:"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:"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:"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:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],P={args:{data:{items:c,primaryButton:"Learn More",secondaryButton:"Shop Now"},className:"p-4"}},F={args:{data:{items:c,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'\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: '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    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: '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    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: '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    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: '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    products: mockItems,\n    className: 'p-4',\n    primaryButton: 'Learn More',\n    secondaryButton: 'Shop Now',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n    shape: 'round',\n    itemShape: 'round',\n    primaryButton: 'Learn More',\n    secondaryButton: 'Shop Now',\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAyB,sDAEzB,MAAMC,EAAO,CACX,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,SAAUO,EACV,UAAW,MACX,cAAe,aACf,gBAAiB,UACnB,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,SAAUM,EACV,UAAW,MACX,MAAO,QACP,UAAW,QACX,cAAe,aACf,gBAAiB,UACnB,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport ShelfDisplay from '../biz-components/ShelfDisplay/index.js'\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: '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    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: '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    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: '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    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: '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      items: 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      items: 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,sDAEzB,MAAMC,EAAO,CACX,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAOO,EACP,cAAe,aACf,gBAAiB,UACnB,EACA,UAAW,KACb,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAOM,EACP,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", "meta", "ShelfDisplay", "mockItems"]
 }

package/dist/cjs/types/props.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ export interface ComponentCommonProps {
     event?: any;
     condition?: any;
     className?: string;
+    key?: string;
 }
 export type Theme = 'light' | 'dark';
 export type Shape = 'rounded' | 'square';

package/dist/cjs/types/props.js CHANGED Viewed

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

package/dist/cjs/types/props.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/types/props.ts"],
-  "sourcesContent": ["export interface ComponentCommonProps {\n  style?: string\n  event?: any\n  condition?: any\n  className?: string\n}\n\nexport type Theme = 'light' | 'dark'\nexport type Shape = 'rounded' | 'square'\nexport type Align = 'left' | 'center' | 'right'\n"],
+  "sourcesContent": ["export interface ComponentCommonProps {\n  style?: string\n  event?: any\n  condition?: any\n  className?: string\n  key?: string\n}\n\nexport type Theme = 'light' | 'dark'\nexport type Shape = 'rounded' | 'square'\nexport type Align = 'left' | 'center' | 'right'\n"],
   "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
   "names": ["props_exports", "__toCommonJS"]
 }

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

@@ -1,19 +1,22 @@
 type AccordionCardsType = {
-    products: Array<{
-        /** 标题文本 */
-        title: string;
-        /** 图片*/
-        img: string;
-        /** 内容节点 */
-        subTitle: string;
-    }>;
     className?: string;
-    /** 按钮形状 */
-    shape?: 'round' | 'square';
-    /** 卡片形状 */
-    itemShape?: 'round' | 'square';
-    /** 主按钮配置 */
-    primaryButton?: string;
+    data: {
+        title?: string;
+        items: Array<{
+            /** 标题文本 */
+            title: string;
+            /** 图片*/
+            img: string;
+            /** 内容节点 */
+            subTitle: string;
+        }>;
+        /** 按钮形状 */
+        shape?: 'round' | 'square';
+        /** 卡片形状 */
+        itemShape?: 'round' | 'square';
+        /** 主按钮配置 */
+        primaryButton?: string;
+    };
     /** 按钮事件*/
     event?: {
         primaryButton?: {
@@ -21,5 +24,5 @@ type AccordionCardsType = {
         };
     };
 };
-declare const AccordionCards: ({ products, className, shape, itemShape, event, primaryButton, }: AccordionCardsType) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionCards: ({ data, className, event }: 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{jsx as r,jsxs as f}from"react/jsx-runtime";import{cn as s}from"../../helpers/utils.js";import h from"../../components/picture.js";import T from"../../components/button.js";import{useState as c,useEffect as x,useRef as m}from"react";function W(){const[i,l]=c(window?.innerWidth||0);return x(()=>{const a=()=>l(window?.innerWidth||0);return window?.addEventListener("resize",a),()=>window?.removeEventListener("resize",a)},[]),i<=768}const C=({products:i=[],className:l="",shape:a="square",itemShape:w="square",event:g,primaryButton:y=""})=>{const E=W(),[k,p]=c(null),[N,v]=c({}),b=m([]),d=m({}),u=m({}),L=(t,e)=>{e&&(b.current[t]=e)},F=t=>{if(u.current?.[t]){const e={...d.current,[t]:!0};v(e),d.current=e}};return x(()=>{const t=b.current;return t?.forEach((e,n)=>{e.addEventListener("transitionend",()=>F(n))}),()=>{t?.forEach((e,n)=>{e.removeEventListener("transitionend",()=>F(n))})}},[]),E?r("div",{className:s("flex h-[400px] w-full gap-4 overflow-x-auto",l),children:i?.map((t,e)=>r("div",{className:"shrink-0 grow-0 basis-[296px] border border-solid border-[#dddddd] bg-[#FFFFFF]",children:r(h,{className:"size-full object-cover [&_img]:h-full [&_img]:object-cover",source:t?.img})},e))}):r("div",{className:s("laptop:h-[448px] desktop:h-[560px] flex h-[336px] w-full gap-4 overflow-hidden",l),children:i?.map((t,e)=>{const n=k===e;return f("div",{style:{flex:n?6:1,transition:"all 0.3s ease-in-out"},ref:o=>{o&&L(e,o)},className:s("relative cursor-pointer overflow-hidden",w==="round"?"rounded-2xl":""),onMouseEnter:()=>{p(e),u.current[e]=!0},onMouseLeave:()=>{p(null);const o={...d.current,[e]:!1};v(o),d.current=o,u.current[e]=!1},children:[r(h,{source:t?.img,className:"size-full object-cover [&_img]:h-full [&_img]:object-cover"}),N?.[e]?f("div",{className:s("absolute inset-x-0 bottom-0 flex items-end justify-between overflow-hidden px-6 pb-6","transition-all delay-300 duration-[50ms]",n?"opacity-100":"opacity-0"),children:[f("div",{className:"mr-1 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 text-sm font-medium text-[#FFFFFF]",children:t?.subTitle})]}),r(T,{size:"sm",hoverEffect:"slide",variant:"secondary",onClick:()=>g?.primaryButton?.onClick?.(t),className:s("desktop:text-base mb-1.5 overflow-hidden border-[#FFFFFF] bg-transparent text-sm font-bold text-[#FFFFFF]",a==="round"?"rounded-2xl":""),children:y})]}):null]},e)})})};var q=C;export{q as default};
+"use client";import{Fragment as y,jsx as r,jsxs as l}from"react/jsx-runtime";import F from"../Title/index.js";import{cn as s}from"../../helpers/utils.js";import x from"../../components/picture.js";import T from"../../components/button.js";import{useState as m,useEffect as w,useRef as f}from"react";function L(){const[n,d]=m(typeof window<"u"?window?.innerWidth:0);return w(()=>{const u=()=>d(window?.innerWidth||0);return window?.addEventListener("resize",u),()=>window?.removeEventListener("resize",u)},[]),n<=768}const W=({data:n,className:d="",event:u})=>{const g=L(),[E,p]=m(null),[k,v]=m({}),b=f([]),a=f({}),c=f({}),N=(t,e)=>{e&&(b.current[t]=e)},h=t=>{if(c.current?.[t]){const e={...a.current,[t]:!0};v(e),a.current=e}};return w(()=>{const t=b.current;return t?.forEach((e,o)=>{e.addEventListener("transitionend",()=>h(o))}),()=>{t?.forEach((e,o)=>{e.removeEventListener("transitionend",()=>h(o))})}},[]),g?l(y,{children:[n?.title&&r(F,{data:{title:n?.title}}),r("div",{className:s("flex h-[400px] w-full gap-4 overflow-x-auto",d),children:n?.items?.map((t,e)=>r("div",{className:"shrink-0 grow-0 basis-[296px] border border-solid border-[#dddddd] bg-[#FFFFFF]",children:r(x,{className:"size-full object-cover [&_img]:h-full [&_img]:object-cover",source:t?.img})},e))})]}):l(y,{children:[n?.title&&r(F,{data:{title:n?.title}}),r("div",{className:s("laptop:h-[448px] desktop:h-[560px] flex h-[336px] w-full gap-4 overflow-hidden",d),children:n?.items?.map((t,e)=>{const o=E===e;return l("div",{style:{flex:o?6:1,transition:"all 0.3s ease-in-out"},ref:i=>{i&&N(e,i)},className:s("relative cursor-pointer overflow-hidden",n?.itemShape==="round"?"rounded-2xl":""),onMouseEnter:()=>{p(e),c.current[e]=!0},onMouseLeave:()=>{p(null);const i={...a.current,[e]:!1};v(i),a.current=i,c.current[e]=!1},children:[r(x,{source:t?.img,className:"size-full object-cover [&_img]:h-full [&_img]:object-cover"}),k?.[e]?l("div",{className:s("absolute inset-x-0 bottom-0 flex items-end justify-between overflow-hidden px-6 pb-6","transition-all delay-300 duration-[50ms]",o?"opacity-100":"opacity-0"),children:[l("div",{className:"mr-1 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 text-sm font-medium text-[#FFFFFF]",children:t?.subTitle})]}),r(T,{size:"sm",hoverEffect:"slide",variant:"secondary",onClick:()=>u?.primaryButton?.onClick?.(t),className:s("desktop:text-base mb-1.5 overflow-hidden border-[#FFFFFF] bg-transparent text-sm font-bold text-[#FFFFFF]",n?.shape==="round"?"rounded-2xl":""),children:n?.primaryButton})]}):null]},e)})})]})};var A=W;export{A as default};
 //# sourceMappingURL=index.js.map