@anker-in/headless-ui 0.0.27-alpha.30 → 0.0.27-alpha.32

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

@@ -1,13 +1,10 @@
-"use strict";"use client";var r=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var f=(a,t)=>{for(var s in t)r(a,s,{get:t[s],enumerable:!0})},N=(a,t,s,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of x(t))!k.call(a,o)&&o!==s&&r(a,o,{get:()=>t[o],enumerable:!(l=v(t,o))||l.enumerable});return a};var h=a=>N(r({},"__esModule",{value:!0}),a);var C={};f(C,{default:()=>B});module.exports=h(C);var e=require("react/jsx-runtime"),w=require("react"),p=require("../../components/index.js"),d=require("../../shared/Styles.js"),i=require("../../helpers/utils.js");const q=({data:a,className:t=""})=>{const{title:s,description:l,backgroundImage:o,mobileBackgroundImage:c,primaryButton:m,secondaryButton:n,theme:u,shape:g}=a,b=()=>{},y=()=>{};return(0,e.jsxs)("section",{"data-ui-component-id":"MemberEquity",className:(0,i.cn)("relative overflow-hidden",t,{"aiui-dark":u==="dark","rounded-box":g==="rounded"}),children:[(0,e.jsx)("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:block absolute inset-0 hidden size-full object-cover",children:(0,e.jsx)("source",{src:o,type:"video/mp4"})}),(0,e.jsx)("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:hidden absolute inset-0 size-full object-cover",children:(0,e.jsx)("source",{src:c,type:"video/mp4"})}),(0,e.jsx)("div",{className:`
-        xs:aspect-[343/200] tablet:aspect-[343/200] laptop:aspect-[592/336]
-        desktop:aspect-[800/448] lg-desktop:aspect-[1000/560]
-        relative 
-        mx-auto
-        flex
-        aspect-[343/200]
-        w-full items-center
+"use strict";"use client";var r=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var f=(a,t)=>{for(var p in t)r(a,p,{get:t[p],enumerable:!0})},h=(a,t,p,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of k(t))!x.call(a,o)&&o!==p&&r(a,o,{get:()=>t[o],enumerable:!(s=v(t,o))||s.enumerable});return a};var N=a=>h(r({},"__esModule",{value:!0}),a);var C={};f(C,{default:()=>B});module.exports=N(C);var e=require("react/jsx-runtime"),w=require("react"),l=require("../../components/index.js"),d=require("../../shared/Styles.js"),i=require("../../helpers/utils.js");const q=({data:a,className:t=""})=>{const{title:p,description:s,backgroundImage:o,mobileBackgroundImage:c,primaryButton:m,secondaryButton:n,theme:u,shape:b}=a,g=()=>{},y=()=>{};return(0,e.jsxs)("section",{"data-ui-component-id":"MemberEquity",className:(0,i.cn)(`tablet:aspect-[740/480] laptop:aspect-[1024/336] desktop:aspect-[1440/448]  lg-desktop:aspect-[1920/560] relative
+        aspect-[390/480] overflow-hidden`,t,{"aiui-dark":u==="dark","rounded-box":b==="rounded"}),children:[(0,e.jsx)("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:block absolute inset-0 hidden size-full object-cover",children:(0,e.jsx)("source",{src:o?.url,type:"video/mp4"})}),(0,e.jsx)("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:hidden absolute inset-0 size-full object-cover",children:(0,e.jsx)("source",{src:c?.url,type:"video/mp4"})}),(0,e.jsx)("div",{className:`
+        absolute 
+        inset-0
+        flex w-full items-center
       `,children:(0,e.jsxs)("div",{className:`
           tablet:px-6 laptop:px-[76px] desktop:px-[111px] lg-desktop:px-[139px] tablet:gap-5 laptop:gap-6
           desktop:gap-7 lg-desktop:gap-8 flex w-full flex-col gap-4 px-4
-        `,children:[(0,e.jsxs)("div",{className:"tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4 flex flex-col gap-2",children:[(0,e.jsx)(p.Heading,{as:"h2",size:5,className:"member-equity-title ",children:s}),(0,e.jsx)(p.Text,{size:3,className:"member-equity-description",html:l})]}),(0,e.jsxs)("div",{className:"tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex items-center gap-3",children:[(0,e.jsx)(p.Button,{variant:"secondary",onClick:y,className:(0,i.cn)("member-equity-button-secondary"),children:n.text}),(0,e.jsx)(p.Button,{variant:"primary",onClick:b,className:(0,i.cn)("member-equity-button-primary"),children:m.text})]})]})})]})};var B=(0,d.withStyles)(q);
+        `,children:[(0,e.jsxs)("div",{className:"tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4 flex flex-col gap-2",children:[(0,e.jsx)(l.Heading,{as:"h2",size:5,className:"member-equity-title ",html:p}),(0,e.jsx)(l.Text,{size:3,className:"member-equity-description",html:s})]}),(0,e.jsxs)("div",{className:"tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex items-center gap-3",children:[(0,e.jsx)(l.Button,{variant:"secondary",onClick:y,className:(0,i.cn)("member-equity-button-secondary"),children:n.text}),(0,e.jsx)(l.Button,{variant:"primary",onClick:g,className:(0,i.cn)("member-equity-button-primary"),children:m.text})]})]})})]})};var B=(0,d.withStyles)(q);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/MemberEquity/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { Button, Heading, Text } from '../../components/index.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport type { MemberEquityProps } from './types.js'\nimport { cn } from '../../helpers/utils.js'\n\nconst MemberEquity: React.FC<MemberEquityProps> = ({ data, className = '' }) => {\n  const { title, description, backgroundImage, mobileBackgroundImage, primaryButton, secondaryButton, theme, shape } =\n    data\n  const handleButtonPrimaryClick = () => {\n    // \u6267\u884C\u4E3B\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n  }\n\n  const handleButtonSecondaryClick = () => {\n    // \u6267\u884C\u526F\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n  }\n\n  return (\n    <section\n      data-ui-component-id=\"MemberEquity\"\n      className={cn('relative overflow-hidden', className, {\n        'aiui-dark': theme === 'dark',\n        'rounded-box': shape === 'rounded',\n      })}\n    >\n      <video autoPlay muted playsInline loop className=\"tablet:block absolute inset-0 hidden size-full object-cover\">\n        <source src={backgroundImage} type=\"video/mp4\" />\n      </video>\n      <video autoPlay muted playsInline loop className=\"tablet:hidden absolute inset-0 size-full object-cover\">\n        <source src={mobileBackgroundImage} type=\"video/mp4\" />\n      </video>\n      <div\n        className={`\n        xs:aspect-[343/200] tablet:aspect-[343/200] laptop:aspect-[592/336]\n        desktop:aspect-[800/448] lg-desktop:aspect-[1000/560]\n        relative \n        mx-auto\n        flex\n        aspect-[343/200]\n        w-full items-center\n      `}\n      >\n        <div\n          className={`\n          tablet:px-6 laptop:px-[76px] desktop:px-[111px] lg-desktop:px-[139px] tablet:gap-5 laptop:gap-6\n          desktop:gap-7 lg-desktop:gap-8 flex w-full flex-col gap-4 px-4\n        `}\n        >\n          <div className=\"tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4 flex flex-col gap-2\">\n            <Heading as=\"h2\" size={5} className={`member-equity-title `}>\n              {title}\n            </Heading>\n            <Text size={3} className={`member-equity-description`} html={description} />\n          </div>\n          {/* \u6309\u94AE\u7EC4 */}\n          <div className=\"tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex items-center gap-3\">\n            <Button\n              variant=\"secondary\"\n              onClick={handleButtonSecondaryClick}\n              className={cn('member-equity-button-secondary')}\n            >\n              {secondaryButton.text}\n            </Button>\n            <Button variant=\"primary\" onClick={handleButtonPrimaryClick} className={cn('member-equity-button-primary')}>\n              {primaryButton.text}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default withStyles(MemberEquity)\n"],
-  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA2BQ,IAAAI,EAAA,6BA1BRC,EAAkB,iBAClBC,EAAsC,qCACtCC,EAA2B,kCAE3BC,EAAmB,kCAEnB,MAAMC,EAA4C,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAY,EAAG,IAAM,CAC9E,KAAM,CAAE,MAAAC,EAAO,YAAAC,EAAa,gBAAAC,EAAiB,sBAAAC,EAAuB,cAAAC,EAAe,gBAAAC,EAAiB,MAAAC,EAAO,MAAAC,CAAM,EAC/GT,EACIU,EAA2B,IAAM,CAEvC,EAEMC,EAA6B,IAAM,CAEzC,EAEA,SACE,QAAC,WACC,uBAAqB,eACrB,aAAW,MAAG,2BAA4BV,EAAW,CACnD,YAAaO,IAAU,OACvB,cAAeC,IAAU,SAC3B,CAAC,EAED,oBAAC,SAAM,SAAQ,GAAC,MAAK,GAAC,YAAW,GAAC,KAAI,GAAC,UAAU,8DAC/C,mBAAC,UAAO,IAAKL,EAAiB,KAAK,YAAY,EACjD,KACA,OAAC,SAAM,SAAQ,GAAC,MAAK,GAAC,YAAW,GAAC,KAAI,GAAC,UAAU,wDAC/C,mBAAC,UAAO,IAAKC,EAAuB,KAAK,YAAY,EACvD,KACA,OAAC,OACC,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUX,oBAAC,OACC,UAAW;AAAA;AAAA;AAAA,UAKX,qBAAC,OAAI,UAAU,+EACb,oBAAC,WAAQ,GAAG,KAAK,KAAM,EAAG,UAAW,uBAClC,SAAAH,EACH,KACA,OAAC,QAAK,KAAM,EAAG,UAAW,4BAA6B,KAAMC,EAAa,GAC5E,KAEA,QAAC,OAAI,UAAU,mFACb,oBAAC,UACC,QAAQ,YACR,QAASQ,EACT,aAAW,MAAG,gCAAgC,EAE7C,SAAAJ,EAAgB,KACnB,KACA,OAAC,UAAO,QAAQ,UAAU,QAASG,EAA0B,aAAW,MAAG,8BAA8B,EACtG,SAAAJ,EAAc,KACjB,GACF,GACF,EACF,GACF,CAEJ,EAEA,IAAOd,KAAQ,cAAWO,CAAY",
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { Button, Heading, Text } from '../../components/index.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport type { MemberEquityProps } from './types.js'\nimport { cn } from '../../helpers/utils.js'\n\nconst MemberEquity: React.FC<MemberEquityProps> = ({ data, className = '' }) => {\n  const { title, description, backgroundImage, mobileBackgroundImage, primaryButton, secondaryButton, theme, shape } =\n    data\n  const handleButtonPrimaryClick = () => {\n    // \u6267\u884C\u4E3B\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n  }\n\n  const handleButtonSecondaryClick = () => {\n    // \u6267\u884C\u526F\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n  }\n\n  return (\n    <section\n      data-ui-component-id=\"MemberEquity\"\n      className={cn(\n        `tablet:aspect-[740/480] laptop:aspect-[1024/336] desktop:aspect-[1440/448]  lg-desktop:aspect-[1920/560] relative\n        aspect-[390/480] overflow-hidden`,\n        className,\n        {\n          'aiui-dark': theme === 'dark',\n          'rounded-box': shape === 'rounded',\n        }\n      )}\n    >\n      <video autoPlay muted playsInline loop className=\"tablet:block absolute inset-0 hidden size-full object-cover\">\n        <source src={backgroundImage?.url} type=\"video/mp4\" />\n      </video>\n      <video autoPlay muted playsInline loop className=\"tablet:hidden absolute inset-0 size-full object-cover\">\n        <source src={mobileBackgroundImage?.url} type=\"video/mp4\" />\n      </video>\n      <div\n        className={`\n        absolute \n        inset-0\n        flex w-full items-center\n      `}\n      >\n        <div\n          className={`\n          tablet:px-6 laptop:px-[76px] desktop:px-[111px] lg-desktop:px-[139px] tablet:gap-5 laptop:gap-6\n          desktop:gap-7 lg-desktop:gap-8 flex w-full flex-col gap-4 px-4\n        `}\n        >\n          <div className=\"tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4 flex flex-col gap-2\">\n            <Heading as=\"h2\" size={5} className={`member-equity-title `} html={title} />\n            <Text size={3} className={`member-equity-description`} html={description} />\n          </div>\n          {/* \u6309\u94AE\u7EC4 */}\n          <div className=\"tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex items-center gap-3\">\n            <Button\n              variant=\"secondary\"\n              onClick={handleButtonSecondaryClick}\n              className={cn('member-equity-button-secondary')}\n            >\n              {secondaryButton.text}\n            </Button>\n            <Button variant=\"primary\" onClick={handleButtonPrimaryClick} className={cn('member-equity-button-primary')}>\n              {primaryButton.text}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default withStyles(MemberEquity)\n"],
+  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAgCQ,IAAAI,EAAA,6BA/BRC,EAAkB,iBAClBC,EAAsC,qCACtCC,EAA2B,kCAE3BC,EAAmB,kCAEnB,MAAMC,EAA4C,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAY,EAAG,IAAM,CAC9E,KAAM,CAAE,MAAAC,EAAO,YAAAC,EAAa,gBAAAC,EAAiB,sBAAAC,EAAuB,cAAAC,EAAe,gBAAAC,EAAiB,MAAAC,EAAO,MAAAC,CAAM,EAC/GT,EACIU,EAA2B,IAAM,CAEvC,EAEMC,EAA6B,IAAM,CAEzC,EAEA,SACE,QAAC,WACC,uBAAqB,eACrB,aAAW,MACT;AAAA,0CAEAV,EACA,CACE,YAAaO,IAAU,OACvB,cAAeC,IAAU,SAC3B,CACF,EAEA,oBAAC,SAAM,SAAQ,GAAC,MAAK,GAAC,YAAW,GAAC,KAAI,GAAC,UAAU,8DAC/C,mBAAC,UAAO,IAAKL,GAAiB,IAAK,KAAK,YAAY,EACtD,KACA,OAAC,SAAM,SAAQ,GAAC,MAAK,GAAC,YAAW,GAAC,KAAI,GAAC,UAAU,wDAC/C,mBAAC,UAAO,IAAKC,GAAuB,IAAK,KAAK,YAAY,EAC5D,KACA,OAAC,OACC,UAAW;AAAA;AAAA;AAAA;AAAA,QAMX,oBAAC,OACC,UAAW;AAAA;AAAA;AAAA,UAKX,qBAAC,OAAI,UAAU,+EACb,oBAAC,WAAQ,GAAG,KAAK,KAAM,EAAG,UAAW,uBAAwB,KAAMH,EAAO,KAC1E,OAAC,QAAK,KAAM,EAAG,UAAW,4BAA6B,KAAMC,EAAa,GAC5E,KAEA,QAAC,OAAI,UAAU,mFACb,oBAAC,UACC,QAAQ,YACR,QAASQ,EACT,aAAW,MAAG,gCAAgC,EAE7C,SAAAJ,EAAgB,KACnB,KACA,OAAC,UAAO,QAAQ,UAAU,QAASG,EAA0B,aAAW,MAAG,8BAA8B,EACtG,SAAAJ,EAAc,KACjB,GACF,GACF,EACF,GACF,CAEJ,EAEA,IAAOd,KAAQ,cAAWO,CAAY",
   "names": ["MemberEquity_exports", "__export", "MemberEquity_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_Styles", "import_utils", "MemberEquity", "data", "className", "title", "description", "backgroundImage", "mobileBackgroundImage", "primaryButton", "secondaryButton", "theme", "shape", "handleButtonPrimaryClick", "handleButtonSecondaryClick"]
 }

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

@@ -1,4 +1,4 @@
-import type { ComponentCommonProps, Shape, Theme } from '../../types/props.js';
+import type { ComponentCommonProps, Media, Shape, Theme } from '../../types/props.js';
 export interface MemberEquityProps extends ComponentCommonProps {
     data: {
         /** 标题 */
@@ -6,8 +6,8 @@ export interface MemberEquityProps extends ComponentCommonProps {
         /** 描述文本 */
         description: string;
         /** 背景图片/视频 URL */
-        backgroundImage: string;
-        mobileBackgroundImage?: string;
+        backgroundImage?: Media;
+        mobileBackgroundImage?: Media;
         /** 主按钮配置 */
         primaryButton: {
             text: string;

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/MemberEquity/types.ts"],
-  "sourcesContent": ["import type { ComponentCommonProps, Shape, Theme } from '../../types/props.js'\n\nexport interface MemberEquityProps extends ComponentCommonProps {\n  data: {\n    /** \u6807\u9898 */\n    title: string\n    /** \u63CF\u8FF0\u6587\u672C */\n    description: string\n    /** \u80CC\u666F\u56FE\u7247/\u89C6\u9891 URL */\n    backgroundImage: string\n    mobileBackgroundImage?: string\n    /** \u4E3B\u6309\u94AE\u914D\u7F6E */\n    primaryButton: {\n      text: string\n      href: string\n    }\n    /** \u526F\u6309\u94AE\u914D\u7F6E */\n    secondaryButton: {\n      text: string\n      href: string\n    }\n    /** \u5F62\u72B6 */\n    shape?: Shape\n    /** \u4E3B\u9898 */\n    theme?: Theme\n  }\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n"],
+  "sourcesContent": ["import type { ComponentCommonProps, Media, Shape, Theme } from '../../types/props.js'\n\nexport interface MemberEquityProps extends ComponentCommonProps {\n  data: {\n    /** \u6807\u9898 */\n    title: string\n    /** \u63CF\u8FF0\u6587\u672C */\n    description: string\n    /** \u80CC\u666F\u56FE\u7247/\u89C6\u9891 URL */\n    backgroundImage?: Media\n    mobileBackgroundImage?: Media\n    /** \u4E3B\u6309\u94AE\u914D\u7F6E */\n    primaryButton: {\n      text: string\n      href: string\n    }\n    /** \u526F\u6309\u94AE\u914D\u7F6E */\n    secondaryButton: {\n      text: string\n      href: string\n    }\n    /** \u5F62\u72B6 */\n    shape?: Shape\n    /** \u4E3B\u9898 */\n    theme?: Theme\n  }\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n"],
   "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
   "names": ["types_exports", "__toCommonJS"]
 }

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

@@ -1,2 +1,2 @@
-"use strict";var M=Object.create;var b=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var q=(a,s)=>{for(var i in s)b(a,i,{get:s[i],enumerable:!0})},g=(a,s,i,n)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of S(s))!R.call(a,o)&&o!==i&&b(a,o,{get:()=>s[o],enumerable:!(n=P(s,o))||n.enumerable});return a};var y=(a,s,i)=>(i=a!=null?M(H(a)):{},g(s||!a||!a.__esModule?b(i,"default",{value:a,enumerable:!0}):i,a)),D=a=>g(b({},"__esModule",{value:!0}),a);var U={};q(U,{default:()=>O});module.exports=D(U);var t=require("react/jsx-runtime"),C=y(require("react")),T=require("../../shared/Styles.js"),v=y(require("../../components/picture.js")),N=y(require("../../components/button.js")),B=require("../../components/heading.js"),w=require("../../components/text.js"),m=require("../../components/carousel.js"),d=require("../../components/gird.js"),G=y(require("../Title/index.js")),I=require("../../helpers/utils.js"),p=require("../../components/tabs.js");const k=({item:a,shape:s="square"})=>{const{theme:i="light",title:n,description:o,imageUrl:f,primaryBtn:r,secondaryBtn:u}=a;return(0,t.jsxs)("div",{className:(0,I.cn)("item-wrapper relative w-full",{"rounded-box":s==="rounded","aiui-dark":i==="dark"}),children:[(0,t.jsx)(v.default,{source:f,className:"inset-0"}),(0,t.jsxs)("div",{className:"laptop:p-6 desktop:p-[32px] absolute inset-x-0 bottom-0 flex flex-col gap-6 p-3",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)(B.Heading,{className:"item-title",children:n}),(0,t.jsx)(w.Text,{className:"item-description",children:o})]}),(0,t.jsxs)("div",{className:"flex gap-2",children:[u&&(0,t.jsx)(N.default,{variant:"secondary",asChild:!0,children:(0,t.jsx)("a",{href:u.link,children:u.text})}),r&&(0,t.jsx)(N.default,{variant:"primary",asChild:!0,children:(0,t.jsx)("a",{href:r.link,children:r.text})})]})]})]})},E=C.default.forwardRef((a,s)=>{const{shape:i,sectionTitle:n,groupByTab:o=!1,items:f=[],carousel:r}=a.data,u=e=>{switch(e){case"full":return 12;case"half":return 6;case"one-third":return 4}},h=f.map(e=>e.tabName).filter(Boolean).filter((e,l,c)=>c.indexOf(e)===l),L=h.map(e=>({tabName:e,items:f.filter(l=>l.tabName===e)})).reduce((e,l)=>(e[l.tabName]=l.items,e),{});return(0,t.jsxs)("section",{"data-ui-component-id":"MultiLayoutGraphicBlock",ref:s,className:"",children:[n&&(0,t.jsx)(G.default,{data:{title:n},className:"section-title"}),o?(0,t.jsxs)(p.Tabs,{shape:i,align:"left",defaultValue:h[0],children:[(0,t.jsx)(p.TabsList,{children:h.map((e,l)=>(0,t.jsx)(p.TabsTrigger,{value:e,children:e},l))}),h.map((e,l)=>(0,t.jsx)(p.TabsContent,{value:e,className:"desktop:mt-[36px] mt-[24px] w-full",children:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(d.Grid,{className:"w-full",children:L[e].map((c,x)=>(0,t.jsx)(d.GridItem,{span:u(c.width??"full"),children:(0,t.jsx)(k,{item:c})},x))}),r&&r?.items.length>0?(0,t.jsx)(m.Carousel,{className:"laptop:mt-4 mt-3",children:(0,t.jsx)(m.CarouselContent,{className:"flex",children:r.items.map((c,x)=>(0,t.jsx)(m.CarouselItem,{className:"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5",children:(0,t.jsx)(k,{item:c,shape:i})},x))})}):null]})},l))]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(d.Grid,{className:"w-full",children:f.map((e,l)=>(0,t.jsx)(d.GridItem,{span:u(e.width??"full"),children:(0,t.jsx)(k,{item:e})},l))}),r&&r?.items.length>0?(0,t.jsx)(m.Carousel,{className:"laptop:mt-4 mt-3",children:(0,t.jsx)(m.CarouselContent,{className:"flex",children:r.items.map((e,l)=>(0,t.jsx)(m.CarouselItem,{className:"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5",children:(0,t.jsx)(k,{item:e,shape:i})},l))})}):null]})]})});var O=(0,T.withStyles)(E);
+"use strict";var M=Object.create;var b=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var q=(a,s)=>{for(var i in s)b(a,i,{get:s[i],enumerable:!0})},g=(a,s,i,n)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of S(s))!R.call(a,o)&&o!==i&&b(a,o,{get:()=>s[o],enumerable:!(n=P(s,o))||n.enumerable});return a};var y=(a,s,i)=>(i=a!=null?M(H(a)):{},g(s||!a||!a.__esModule?b(i,"default",{value:a,enumerable:!0}):i,a)),D=a=>g(b({},"__esModule",{value:!0}),a);var U={};q(U,{default:()=>O});module.exports=D(U);var t=require("react/jsx-runtime"),C=y(require("react")),T=require("../../shared/Styles.js"),v=y(require("../../components/picture.js")),N=y(require("../../components/button.js")),B=require("../../components/heading.js"),w=require("../../components/text.js"),m=require("../../components/carousel.js"),d=require("../../components/gird.js"),G=y(require("../Title/index.js")),I=require("../../helpers/utils.js"),p=require("../../components/tabs.js");const k=({item:a,shape:s="square"})=>{const{theme:i="light",title:n,description:o,imageUrl:f,primaryButton:r,secondaryButton:u}=a;return(0,t.jsxs)("div",{className:(0,I.cn)("item-wrapper relative w-full",{"rounded-box":s==="rounded","aiui-dark":i==="dark"}),children:[(0,t.jsx)(v.default,{source:f?.url,className:"inset-0"}),(0,t.jsxs)("div",{className:"laptop:p-6 desktop:p-[32px] absolute inset-x-0 bottom-0 flex flex-col gap-6 p-3",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)(B.Heading,{className:"item-title",children:n}),(0,t.jsx)(w.Text,{className:"item-description",children:o})]}),(0,t.jsxs)("div",{className:"flex gap-2",children:[u&&(0,t.jsx)(N.default,{variant:"secondary",asChild:!0,children:(0,t.jsx)("a",{href:u.link,children:u.text})}),r&&(0,t.jsx)(N.default,{variant:"primary",asChild:!0,children:(0,t.jsx)("a",{href:r.link,children:r.text})})]})]})]})},E=C.default.forwardRef((a,s)=>{const{shape:i,sectionTitle:n,groupByTab:o=!1,items:f=[],carousel:r}=a.data,u=e=>{switch(e){case"full":return 12;case"half":return 6;case"one-third":return 4}},h=f.map(e=>e.tabName).filter(Boolean).filter((e,l,c)=>c.indexOf(e)===l),L=h.map(e=>({tabName:e,items:f.filter(l=>l.tabName===e)})).reduce((e,l)=>(e[l.tabName]=l.items,e),{});return(0,t.jsxs)("section",{"data-ui-component-id":"MultiLayoutGraphicBlock",ref:s,className:"",children:[n&&(0,t.jsx)(G.default,{data:{title:n},className:"section-title"}),o?(0,t.jsxs)(p.Tabs,{shape:i,align:"left",defaultValue:h[0],children:[(0,t.jsx)(p.TabsList,{children:h.map((e,l)=>(0,t.jsx)(p.TabsTrigger,{value:e,children:e},l))}),h.map((e,l)=>(0,t.jsx)(p.TabsContent,{value:e,className:"desktop:mt-[36px] mt-[24px] w-full",children:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(d.Grid,{className:"w-full",children:L[e].map((c,x)=>(0,t.jsx)(d.GridItem,{span:u(c.width??"full"),children:(0,t.jsx)(k,{item:c})},x))}),r&&r?.items.length>0?(0,t.jsx)(m.Carousel,{className:"laptop:mt-4 mt-3",children:(0,t.jsx)(m.CarouselContent,{className:"flex",children:r.items.map((c,x)=>(0,t.jsx)(m.CarouselItem,{className:"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5",children:(0,t.jsx)(k,{item:c,shape:i})},x))})}):null]})},l))]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(d.Grid,{className:"w-full",children:f.map((e,l)=>(0,t.jsx)(d.GridItem,{span:u(e.width??"full"),children:(0,t.jsx)(k,{item:e})},l))}),r&&r?.items.length>0?(0,t.jsx)(m.Carousel,{className:"laptop:mt-4 mt-3",children:(0,t.jsx)(m.CarouselContent,{className:"flex",children:r.items.map((e,l)=>(0,t.jsx)(m.CarouselItem,{className:"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5",children:(0,t.jsx)(k,{item:e,shape:i})},l))})}):null]})]})});var O=(0,T.withStyles)(E);
 //# sourceMappingURL=MultiLayoutGraphicBlock.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { MultiLayoutGraphicBlockProps, Item } from './types'\nimport { withStyles } from '../../shared/Styles.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport { Heading } from '../../components/heading.js'\nimport { Text } from '../../components/text.js'\nimport { Carousel, CarouselContent, CarouselItem } from '../../components/carousel.js'\nimport { Grid, GridItem } from '../../components/gird.js'\nimport Title from '../Title/index.js'\nimport type { Shape } from '../../types/props'\nimport { cn } from '../../helpers/utils.js'\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../../components/tabs.js'\nconst ItemBlock = ({ item, shape = 'square' }: { item: Item } & { shape?: Shape }) => {\n  const { theme = 'light', title, description, imageUrl, primaryBtn, secondaryBtn } = item\n\n  return (\n    <div\n      className={cn(`item-wrapper relative w-full`, {\n        'rounded-box': shape === 'rounded',\n        'aiui-dark': theme === 'dark',\n      })}\n    >\n      <Picture source={imageUrl} className=\"inset-0\" />\n      <div className=\"laptop:p-6 desktop:p-[32px] absolute inset-x-0 bottom-0 flex flex-col gap-6 p-3\">\n        <div>\n          <Heading className=\"item-title\">{title}</Heading>\n          <Text className=\"item-description\">{description}</Text>\n        </div>\n        <div className=\"flex gap-2\">\n          {secondaryBtn && (\n            <Button variant=\"secondary\" asChild>\n              <a href={secondaryBtn.link}>{secondaryBtn.text}</a>\n            </Button>\n          )}\n          {primaryBtn && (\n            <Button variant=\"primary\" asChild>\n              <a href={primaryBtn.link}>{primaryBtn.text}</a>\n            </Button>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst MultiLayoutGraphicBlock = React.forwardRef<HTMLDivElement, MultiLayoutGraphicBlockProps>((props, ref) => {\n  const { shape, sectionTitle, groupByTab = false, items = [], carousel } = props.data\n\n  const getSpan = (width: 'full' | 'half' | 'one-third') => {\n    switch (width) {\n      case 'full':\n        return 12\n      case 'half':\n        return 6\n      case 'one-third':\n        return 4\n    }\n  }\n\n  const tabNames = items\n    .map(item => item.tabName)\n    .filter(Boolean)\n    .filter((item, index, arr) => arr.indexOf(item) === index) as string[]\n\n  const tabItemsMaps = tabNames\n    .map(tabName => ({\n      tabName,\n      items: items.filter(item => item.tabName === tabName),\n    }))\n    .reduce(\n      (acc, cur) => {\n        acc[cur.tabName] = cur.items\n        return acc\n      },\n      {} as Record<string, (Item & { width?: 'full' | 'half' | 'one-third' })[]>\n    )\n\n  return (\n    <section data-ui-component-id=\"MultiLayoutGraphicBlock\" ref={ref} className=\"\">\n      {sectionTitle && <Title data={{ title: sectionTitle }} className=\"section-title\" />}\n\n      {groupByTab ? (\n        <Tabs shape={shape} align=\"left\" defaultValue={tabNames[0]!}>\n          <TabsList>\n            {tabNames.map((tabName, index) => (\n              <TabsTrigger key={index} value={tabName!}>\n                {tabName}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n          {tabNames.map((tabName, index) => (\n            <TabsContent key={index} value={tabName!} className=\"desktop:mt-[36px] mt-[24px] w-full\">\n              <>\n                <Grid className=\"w-full\">\n                  {tabItemsMaps[tabName].map((item, index) => (\n                    <GridItem key={index} span={getSpan(item.width ?? 'full')}>\n                      <ItemBlock item={item} />\n                    </GridItem>\n                  ))}\n                </Grid>\n                {carousel && carousel?.items.length > 0 ? (\n                  <Carousel className=\"laptop:mt-4 mt-3\">\n                    <CarouselContent className=\"flex\">\n                      {carousel.items.map((item, index) => (\n                        <CarouselItem key={index} className=\"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5\">\n                          <ItemBlock item={item} shape={shape} />\n                        </CarouselItem>\n                      ))}\n                    </CarouselContent>\n                  </Carousel>\n                ) : null}\n              </>\n            </TabsContent>\n          ))}\n        </Tabs>\n      ) : (\n        <>\n          <Grid className=\"w-full\">\n            {items.map((item, index) => (\n              <GridItem key={index} span={getSpan(item.width ?? 'full')}>\n                <ItemBlock item={item} />\n              </GridItem>\n            ))}\n          </Grid>\n          {carousel && carousel?.items.length > 0 ? (\n            <Carousel className=\"laptop:mt-4 mt-3\">\n              <CarouselContent className=\"flex\">\n                {carousel.items.map((item, index) => (\n                  <CarouselItem key={index} className=\"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5\">\n                    <ItemBlock item={item} shape={shape} />\n                  </CarouselItem>\n                ))}\n              </CarouselContent>\n            </Carousel>\n          ) : null}\n        </>\n      )}\n    </section>\n  )\n})\n\nexport default withStyles(MultiLayoutGraphicBlock)\nexport type { MultiLayoutGraphicBlockProps }\n"],
-  "mappings": "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",
-  "names": ["MultiLayoutGraphicBlock_exports", "__export", "MultiLayoutGraphicBlock_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_Styles", "import_picture", "import_button", "import_heading", "import_text", "import_carousel", "import_gird", "import_Title", "import_utils", "import_tabs", "ItemBlock", "item", "shape", "theme", "title", "description", "imageUrl", "primaryBtn", "secondaryBtn", "Picture", "Button", "MultiLayoutGraphicBlock", "React", "props", "ref", "sectionTitle", "groupByTab", "items", "carousel", "getSpan", "width", "tabNames", "index", "arr", "tabItemsMaps", "tabName", "acc", "cur", "Title"]
+  "sourcesContent": ["import React from 'react'\nimport type { MultiLayoutGraphicBlockProps, Item } from './types'\nimport { withStyles } from '../../shared/Styles.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport { Heading } from '../../components/heading.js'\nimport { Text } from '../../components/text.js'\nimport { Carousel, CarouselContent, CarouselItem } from '../../components/carousel.js'\nimport { Grid, GridItem } from '../../components/gird.js'\nimport Title from '../Title/index.js'\nimport type { Shape } from '../../types/props'\nimport { cn } from '../../helpers/utils.js'\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../../components/tabs.js'\nconst ItemBlock = ({ item, shape = 'square' }: { item: Item } & { shape?: Shape }) => {\n  const { theme = 'light', title, description, imageUrl, primaryButton, secondaryButton } = item\n\n  return (\n    <div\n      className={cn(`item-wrapper relative w-full`, {\n        'rounded-box': shape === 'rounded',\n        'aiui-dark': theme === 'dark',\n      })}\n    >\n      <Picture source={imageUrl?.url} className=\"inset-0\" />\n      <div className=\"laptop:p-6 desktop:p-[32px] absolute inset-x-0 bottom-0 flex flex-col gap-6 p-3\">\n        <div>\n          <Heading className=\"item-title\">{title}</Heading>\n          <Text className=\"item-description\">{description}</Text>\n        </div>\n        <div className=\"flex gap-2\">\n          {secondaryButton && (\n            <Button variant=\"secondary\" asChild>\n              <a href={secondaryButton.link}>{secondaryButton.text}</a>\n            </Button>\n          )}\n          {primaryButton && (\n            <Button variant=\"primary\" asChild>\n              <a href={primaryButton.link}>{primaryButton.text}</a>\n            </Button>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst MultiLayoutGraphicBlock = React.forwardRef<HTMLDivElement, MultiLayoutGraphicBlockProps>((props, ref) => {\n  const { shape, sectionTitle, groupByTab = false, items = [], carousel } = props.data\n\n  const getSpan = (width: 'full' | 'half' | 'one-third') => {\n    switch (width) {\n      case 'full':\n        return 12\n      case 'half':\n        return 6\n      case 'one-third':\n        return 4\n    }\n  }\n\n  const tabNames = items\n    .map(item => item.tabName)\n    .filter(Boolean)\n    .filter((item, index, arr) => arr.indexOf(item) === index) as string[]\n\n  const tabItemsMaps = tabNames\n    .map(tabName => ({\n      tabName,\n      items: items.filter(item => item.tabName === tabName),\n    }))\n    .reduce(\n      (acc, cur) => {\n        acc[cur.tabName] = cur.items\n        return acc\n      },\n      {} as Record<string, (Item & { width?: 'full' | 'half' | 'one-third' })[]>\n    )\n\n  return (\n    <section data-ui-component-id=\"MultiLayoutGraphicBlock\" ref={ref} className=\"\">\n      {sectionTitle && <Title data={{ title: sectionTitle }} className=\"section-title\" />}\n\n      {groupByTab ? (\n        <Tabs shape={shape} align=\"left\" defaultValue={tabNames[0]!}>\n          <TabsList>\n            {tabNames.map((tabName, index) => (\n              <TabsTrigger key={index} value={tabName!}>\n                {tabName}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n          {tabNames.map((tabName, index) => (\n            <TabsContent key={index} value={tabName!} className=\"desktop:mt-[36px] mt-[24px] w-full\">\n              <>\n                <Grid className=\"w-full\">\n                  {tabItemsMaps[tabName].map((item, index) => (\n                    <GridItem key={index} span={getSpan(item.width ?? 'full')}>\n                      <ItemBlock item={item} />\n                    </GridItem>\n                  ))}\n                </Grid>\n                {carousel && carousel?.items.length > 0 ? (\n                  <Carousel className=\"laptop:mt-4 mt-3\">\n                    <CarouselContent className=\"flex\">\n                      {carousel.items.map((item, index) => (\n                        <CarouselItem key={index} className=\"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5\">\n                          <ItemBlock item={item} shape={shape} />\n                        </CarouselItem>\n                      ))}\n                    </CarouselContent>\n                  </Carousel>\n                ) : null}\n              </>\n            </TabsContent>\n          ))}\n        </Tabs>\n      ) : (\n        <>\n          <Grid className=\"w-full\">\n            {items.map((item, index) => (\n              <GridItem key={index} span={getSpan(item.width ?? 'full')}>\n                <ItemBlock item={item} />\n              </GridItem>\n            ))}\n          </Grid>\n          {carousel && carousel?.items.length > 0 ? (\n            <Carousel className=\"laptop:mt-4 mt-3\">\n              <CarouselContent className=\"flex\">\n                {carousel.items.map((item, index) => (\n                  <CarouselItem key={index} className=\"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5\">\n                    <ItemBlock item={item} shape={shape} />\n                  </CarouselItem>\n                ))}\n              </CarouselContent>\n            </Carousel>\n          ) : null}\n        </>\n      )}\n    </section>\n  )\n})\n\nexport default withStyles(MultiLayoutGraphicBlock)\nexport type { MultiLayoutGraphicBlockProps }\n"],
+  "mappings": "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",
+  "names": ["MultiLayoutGraphicBlock_exports", "__export", "MultiLayoutGraphicBlock_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_Styles", "import_picture", "import_button", "import_heading", "import_text", "import_carousel", "import_gird", "import_Title", "import_utils", "import_tabs", "ItemBlock", "item", "shape", "theme", "title", "description", "imageUrl", "primaryButton", "secondaryButton", "Picture", "Button", "MultiLayoutGraphicBlock", "React", "props", "ref", "sectionTitle", "groupByTab", "items", "carousel", "getSpan", "width", "tabNames", "index", "arr", "tabItemsMaps", "tabName", "acc", "cur", "Title"]
 }

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

@@ -1,15 +1,15 @@
-import type { Shape, Theme } from '../../types/props';
+import type { Media, Shape, Theme } from '../../types/props';
 export type Item = {
     theme?: Theme;
     title: string;
     description: string;
-    imageUrl: string;
+    imageUrl: Media;
     tabName?: string;
-    primaryBtn: {
+    primaryButton: {
         text: string;
         link: string;
     };
-    secondaryBtn: {
+    secondaryButton: {
         text: string;
         link: string;
     };

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/MultiLayoutGraphicBlock/types.tsx"],
-  "sourcesContent": ["import type { Shape, Theme } from '../../types/props'\n\nexport type Item = {\n  theme?: Theme\n  title: string\n  description: string\n  imageUrl: string\n  tabName?: string\n  primaryBtn: {\n    text: string\n    link: string\n  }\n  secondaryBtn: {\n    text: string\n    link: string\n  }\n}\n\nexport type MultiLayoutGraphicBlockProps = {\n  data: {\n    shape?: Shape\n    sectionTitle?: string\n    groupByTab?: boolean\n    items: ({\n      width?: 'full' | 'half' | 'one-third'\n    } & Item)[]\n    carousel?: {\n      items: Item[]\n    }\n  }\n  className?: string\n}\n"],
+  "sourcesContent": ["import type { Media, Shape, Theme } from '../../types/props'\n\nexport type Item = {\n  theme?: Theme\n  title: string\n  description: string\n  imageUrl: Media\n  tabName?: string\n  primaryButton: {\n    text: string\n    link: string\n  }\n  secondaryButton: {\n    text: string\n    link: string\n  }\n}\n\nexport type MultiLayoutGraphicBlockProps = {\n  data: {\n    shape?: Shape\n    sectionTitle?: string\n    groupByTab?: boolean\n    items: ({\n      width?: 'full' | 'half' | 'one-third'\n    } & Item)[]\n    carousel?: {\n      items: Item[]\n    }\n  }\n  className?: string\n}\n"],
   "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
   "names": ["types_exports", "__toCommonJS"]
 }

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

@@ -1,6 +1,11 @@
 export interface ShelfDisplayItem {
+    id?: string;
     /** 产品图片*/
-    img?: string;
+    img?: {
+        url: string;
+    };
+    handle?: string;
+    sku?: string;
     /** 折扣后价格*/
     price?: string;
     title?: string;
@@ -17,11 +22,14 @@ export interface ShelfDisplayProps {
         title?: string;
         isShowTab?: boolean;
         align?: 'left' | 'center' | 'right';
-        items: ShelfDisplayItem[];
+        productsTab?: ShelfDisplayItem[];
+        productsCard?: ShelfDisplayItem[];
         /** 卡片形状 */
         itemShape?: 'round' | 'square';
         /** 按钮形状 */
         shape?: 'round' | 'square';
+        /** 标签页形状*/
+        tabShape?: 'rounded' | 'square';
         /** 主按钮配置 */
         primaryButton?: string;
         /** 副按钮配置 */

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

@@ -1,10 +1,10 @@
-"use strict";"use client";var I=Object.create;var d=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var E=(e,s)=>{for(var a in s)d(e,a,{get:s[a],enumerable:!0})},k=(e,s,a,o)=>{if(s&&typeof s=="object"||typeof s=="function")for(let r of F(s))!P.call(e,r)&&r!==a&&d(e,r,{get:()=>s[r],enumerable:!(o=T(s,r))||o.enumerable});return e};var m=(e,s,a)=>(a=e!=null?I(C(e)):{},k(s||!e||!e.__esModule?d(a,"default",{value:e,enumerable:!0}):a,e)),A=e=>k(d({},"__esModule",{value:!0}),e);var L={};E(L,{default:()=>q});module.exports=A(L);var t=require("react/jsx-runtime"),n=require("react"),x=require("../../helpers/utils.js"),h=m(require("../../components/picture.js")),i=require("../../components/tabs.js"),u=m(require("../../components/button.js")),v=m(require("../Title/index.js")),D=m(require("../SwiperBox/index.js")),S=require("../../shared/Styles.js");const V=({data:e,configuration:s})=>{const a=r=>{},o=r=>{};return(0,t.jsxs)("div",{className:(0,x.cn)("flex w-full h-full flex-col bg-[#EAEAEC] p-4 cursor-pointer","desktop:pt-4 desktop:px-6 desktop:pb-6",s?.itemShape==="round"?"rounded-2xl":"rounded-none"),children:[(0,t.jsx)("div",{className:(0,x.cn)("relative mb-2 inline-block h-[137px] overflow-hidden","desktop:mb-3 desktop:h-[195px]"),children:(0,t.jsx)(h.default,{source:e?.img||"",className:"flex h-full justify-center object-cover [&_img]:w-auto"})}),(0,t.jsx)("div",{className:"desktop:mb-2 mb-1 flex flex-wrap gap-1",children:e?.tagItems?.map((r,c)=>(0,t.jsx)("div",{className:"desktop:text-base rounded-3xl border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold text-[#00BEFA]",children:r},c))}),(0,t.jsx)("p",{className:"desktop:text-2xl flex-1 text-xl font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]",children:e?.title||""}),(0,t.jsx)("h3",{className:"desktop:mt-2 desktop:mb-6 desktop:text-lg mb-5 mt-1 text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]",children:e?.subTitle||""}),(0,t.jsxs)("div",{className:"mb-2 flex items-center",children:[(0,t.jsx)("div",{className:"desktop:text-2xl text-xl font-bold text-[#1D1D1F]",children:e?.price||""}),(0,t.jsx)("div",{className:"desktop:text-2xl ml-1 text-xl font-bold text-[#86868C]",children:e?.basePrice||""})]}),(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)(u.default,{variant:"primary",onClick:()=>a(e),className:`
+"use strict";"use client";var C=Object.create;var d=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var A=(e,s)=>{for(var a in s)d(e,a,{get:s[a],enumerable:!0})},y=(e,s,a,o)=>{if(s&&typeof s=="object"||typeof s=="function")for(let r of P(s))!q.call(e,r)&&r!==a&&d(e,r,{get:()=>s[r],enumerable:!(o=F(s,r))||o.enumerable});return e};var m=(e,s,a)=>(a=e!=null?C(E(e)):{},y(s||!e||!e.__esModule?d(a,"default",{value:e,enumerable:!0}):a,e)),V=e=>y(d({},"__esModule",{value:!0}),e);var $={};A($,{default:()=>R});module.exports=V($);var t=require("react/jsx-runtime"),p=require("react"),x=require("../../helpers/utils.js"),k=m(require("../../components/picture.js")),i=require("../../components/tabs.js"),f=m(require("../../components/button.js")),v=m(require("../Title/index.js")),D=m(require("../SwiperBox/index.js")),S=require("../../shared/Styles.js"),z=require("query-string");const M=({data:e,configuration:s})=>{const a=r=>{},o=r=>{};return(0,t.jsxs)("div",{className:(0,x.cn)("flex w-full h-full flex-col bg-[#EAEAEC] p-4 cursor-pointer","desktop:pt-4 desktop:px-6 desktop:pb-6",s?.itemShape==="round"?"rounded-2xl":"rounded-none"),children:[(0,t.jsx)("div",{className:(0,x.cn)("relative mb-2 inline-block h-[137px] overflow-hidden","desktop:mb-3 desktop:h-[195px]"),children:(0,t.jsx)(k.default,{source:e?.img?.url||"",className:"flex h-full justify-center object-cover [&_img]:w-auto"})}),(0,t.jsx)("div",{className:"desktop:mb-2 mb-1 flex flex-wrap gap-1",children:e?.tagItems?.map((r,c)=>(0,t.jsx)("div",{className:"desktop:text-base rounded-3xl border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold text-[#00BEFA]",children:r?.tag},r?.id||c))}),(0,t.jsx)("p",{className:"min-h-[56px] max-h-[56px] line-clamp-2 desktop:text-2xl flex-1 text-xl font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]",children:e?.title||""}),(0,t.jsx)("h3",{className:"desktop:mt-2 truncate desktop:mb-6 desktop:text-lg mb-5 mt-1 text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]",children:e?.subTitle||""}),(0,t.jsxs)("div",{className:"mb-2 flex items-center",children:[(0,t.jsx)("div",{className:"desktop:text-2xl text-xl font-bold text-[#1D1D1F]",children:e?.price||""}),(0,t.jsx)("div",{className:"desktop:text-2xl ml-1 text-xl font-bold text-[#86868C]",children:e?.basePrice||""})]}),(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)(f.default,{variant:"primary",onClick:()=>a(e),className:`
             laptop:text-sm desktop:text-base laptop:px-6 desktop:px-7 laptop:py-2.5 desktop:py-3 box-border flex-1 border
             border-[#1D1D1F] bg-transparent px-4 py-2 text-xs tracking-[-0.04em] text-[#1D1D1F] hover:bg-transparent hover:text-black
             ${s?.shape==="round"?"desktop:rounded-3xl rounded-[20px]":""}
-          `,children:s?.primaryButton||""}),(0,t.jsx)(u.default,{variant:"secondary",onClick:()=>o(e),className:`
+          `,children:s?.primaryButton||""}),(0,t.jsx)(f.default,{variant:"secondary",onClick:()=>o(e),className:`
             laptop:text-sm desktop:text-base laptop:px-6 desktop:px-7 laptop:py-2.5 desktop:py-3 box-border flex-1 border
             border-[#1D1D1F] bg-[#1D1D1F] px-4 py-2 text-xs tracking-[-0.04em] text-white
             ${s?.shape==="round"?"desktop:rounded-3xl rounded-[20px]":""}
-          `,children:s?.secondaryButton||""})]})]})},M=({data:e,className:s="",key:a})=>{const[o,r]=(0,n.useState)(""),[c,b]=(0,n.useState)([]),{items:l,title:g,align:w="left",isShowTab:y=!0,...B}=e;return(0,n.useEffect)(()=>{if(y){r(l?.[0]?.tab||""),b(l?.[0]?.data||[]);return}b(l||[])},[]),(0,t.jsxs)("div",{className:(0,x.cn)("w-full",s),children:[g&&(0,t.jsx)(v.default,{data:{title:g}}),y&&(0,t.jsx)(i.Tabs,{align:w,value:o,onValueChange:p=>{r(p);const f=l?.find(N=>N?.tab===p);b(f?.data||[])},className:"mb-8",children:(0,t.jsx)(i.TabsList,{children:l?.map((p,f)=>(0,t.jsx)(i.TabsTrigger,{value:p?.tab||"",children:p?.tab},f))})}),(0,t.jsx)(D.default,{className:"!overflow-visible",id:"ShelfDisplay"+a,data:{list:c,configuration:{...B}},Slide:V,breakpoints:{0:{spaceBetween:"12px",freeMode:!1,slidesPerView:1},374:{spaceBetween:"12px",freeMode:!1,slidesPerView:1.3},768:{spaceBetween:"16px",freeMode:!1,slidesPerView:4}}})]})};var q=(0,S.withStyles)(M);
+          `,children:s?.secondaryButton||""})]})]},e?.id||e?.handle)},L=({data:e,className:s="",key:a})=>{const[o,r]=(0,p.useState)(""),[c,b]=(0,p.useState)([]),{productsTab:n=[],productsCard:w=[],title:g,align:B="left",isShowTab:h=!0,tabShape:N="square",...T}=e;return(0,p.useEffect)(()=>{if(h){r(n?.[0]?.tab||""),b(n?.[0]?.data||[]);return}b(w)},[]),(0,t.jsxs)("div",{className:(0,x.cn)("w-full",s),children:[g&&(0,t.jsx)(v.default,{data:{title:g}}),h&&(0,t.jsx)(i.Tabs,{shape:N,align:B,value:o,onValueChange:l=>{r(l);const u=n?.find(I=>I?.tab===l);b(u?.data||[])},className:"mb-8",children:(0,t.jsx)(i.TabsList,{children:n?.map((l,u)=>(0,t.jsx)(i.TabsTrigger,{value:l?.tab||"",children:l?.tab},u))})}),(0,t.jsx)(D.default,{className:"!overflow-visible",id:"ShelfDisplay"+a,data:{list:c,configuration:{...T}},Slide:M,breakpoints:{0:{spaceBetween:"12px",freeMode:!1,slidesPerView:1},374:{spaceBetween:"12px",freeMode:!1,slidesPerView:1.3},768:{spaceBetween:"16px",freeMode:!1,slidesPerView:4}}})]})};var R=(0,S.withStyles)(L);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/ShelfDisplay/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useState, useEffect } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport { Tabs, TabsList, TabsTrigger } from '../../components/tabs.js'\nimport Button from '../../components/button.js'\nimport Title from '../Title/index.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { withStyles } from '../../shared/Styles.js'\nexport interface ShelfDisplayItem {\n  /** \u4EA7\u54C1\u56FE\u7247*/\n  img?: string\n  /** \u6298\u6263\u540E\u4EF7\u683C*/\n  price?: string\n  title?: string\n  /** \u6298\u6263\u524D\u4EF7\u683C*/\n  basePrice?: string\n  subTitle?: string\n  /** \u6807\u7B7E*/\n  tagItems?: string[]\n  tab?: string\n  data?: ShelfDisplayItem[]\n}\n\nexport interface ShelfDisplayProps {\n  data: {\n    title?: string\n    isShowTab?: boolean\n    align?: 'left' | 'center' | 'right'\n    items: ShelfDisplayItem[]\n    /** \u5361\u7247\u5F62\u72B6 */\n    itemShape?: 'round' | 'square'\n    /** \u6309\u94AE\u5F62\u72B6 */\n    shape?: 'round' | 'square'\n    /** \u4E3B\u6309\u94AE\u914D\u7F6E */\n    primaryButton?: string\n    /** \u526F\u6309\u94AE\u914D\u7F6E */\n    secondaryButton?: string\n  }\n  /** \u4E3B\u9898\u8272*/\n  theme?: 'light' | 'dark'\n  className?: string\n  /** \u6309\u94AE\u4E8B\u4EF6*/\n  event?: {\n    primaryButton?: {\n      onClick: (v: any) => void\n    }\n    secondaryButton?: {\n      onClick: (v: any) => void\n    }\n  }\n  key?: string\n}\n\nconst ShelfDisplayItem = ({ data, configuration }: { data: ShelfDisplayItem; configuration?: any }) => {\n  const onPrimaryButton = (params: ShelfDisplayItem) => {\n    // event?.primaryButton?.onClick?.(params)\n  }\n\n  const onSecondaryButton = (params: ShelfDisplayItem) => {\n    // event?.secondaryButton?.onClick(params)\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex w-full h-full flex-col bg-[#EAEAEC] p-4 cursor-pointer',\n        'desktop:pt-4 desktop:px-6 desktop:pb-6',\n        configuration?.itemShape === 'round' ? 'rounded-2xl' : 'rounded-none'\n      )}\n    >\n      <div className={cn('relative mb-2 inline-block h-[137px] overflow-hidden', 'desktop:mb-3 desktop:h-[195px]')}>\n        <Picture source={data?.img || ''} className=\"flex h-full justify-center object-cover [&_img]:w-auto\" />\n      </div>\n      <div className=\"desktop:mb-2 mb-1 flex flex-wrap gap-1\">\n        {data?.tagItems?.map((tag: any, index: number) => {\n          return (\n            <div\n              key={index}\n              className=\"desktop:text-base rounded-3xl border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold text-[#00BEFA]\"\n            >\n              {tag}\n            </div>\n          )\n        })}\n      </div>\n      <p className=\"desktop:text-2xl flex-1 text-xl font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]\">\n        {data?.title || ''}\n      </p>\n      <h3 className=\"desktop:mt-2 desktop:mb-6 desktop:text-lg mb-5 mt-1 text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n        {data?.subTitle || ''}\n      </h3>\n      <div className=\"mb-2 flex items-center\">\n        <div className=\"desktop:text-2xl text-xl font-bold text-[#1D1D1F]\">{data?.price || ''}</div>\n        <div className=\"desktop:text-2xl ml-1 text-xl font-bold text-[#86868C]\">{data?.basePrice || ''}</div>\n      </div>\n      {/* \u6309\u94AE\u7EC4 */}\n      <div className=\"flex items-center gap-3\">\n        <Button\n          variant=\"primary\"\n          onClick={() => onPrimaryButton(data)}\n          className={`\n            laptop:text-sm desktop:text-base laptop:px-6 desktop:px-7 laptop:py-2.5 desktop:py-3 box-border flex-1 border\n            border-[#1D1D1F] bg-transparent px-4 py-2 text-xs tracking-[-0.04em] text-[#1D1D1F] hover:bg-transparent hover:text-black\n            ${configuration?.shape === 'round' ? 'desktop:rounded-3xl rounded-[20px]' : ''}\n          `}\n        >\n          {configuration?.primaryButton || ''}\n        </Button>\n        <Button\n          variant=\"secondary\"\n          onClick={() => onSecondaryButton(data)}\n          className={`\n            laptop:text-sm desktop:text-base laptop:px-6 desktop:px-7 laptop:py-2.5 desktop:py-3 box-border flex-1 border\n            border-[#1D1D1F] bg-[#1D1D1F] px-4 py-2 text-xs tracking-[-0.04em] text-white\n            ${configuration?.shape === 'round' ? 'desktop:rounded-3xl rounded-[20px]' : ''}\n          `}\n        >\n          {configuration?.secondaryButton || ''}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nconst ShelfDisplay: React.FC<ShelfDisplayProps> = ({ data, className = '', key }) => {\n  const [tabId, setTabId] = useState<string>('')\n  const [currentItems, setCurrentItems] = useState<ShelfDisplayItem[]>([])\n  const { items, title, align = 'left', isShowTab = true, ...ohter } = data\n\n  useEffect(() => {\n    if (isShowTab) {\n      setTabId(items?.[0]?.tab || '')\n      setCurrentItems(items?.[0]?.data || [])\n      return\n    }\n    setCurrentItems(items || [])\n  }, [])\n\n  return (\n    <div className={cn('w-full', className)}>\n      {title && <Title data={{ title: title }} />}\n      {isShowTab && (\n        <Tabs\n          align={align}\n          value={tabId}\n          onValueChange={v => {\n            setTabId(v)\n            const findData = items?.find(item => item?.tab === v)\n            setCurrentItems(findData?.data || [])\n          }}\n          className=\"mb-8\"\n        >\n          <TabsList>\n            {items?.map((item, index) => {\n              return (\n                <TabsTrigger key={index} value={item?.tab || ''}>\n                  {item?.tab}\n                </TabsTrigger>\n              )\n            })}\n          </TabsList>\n        </Tabs>\n      )}\n      <SwiperBox\n        className=\"!overflow-visible\"\n        id={'ShelfDisplay' + key}\n        data={{ list: currentItems, configuration: { ...ohter } }}\n        Slide={ShelfDisplayItem}\n        breakpoints={{\n          0: {\n            spaceBetween: '12px',\n            freeMode: false,\n            slidesPerView: 1,\n          },\n          374: {\n            spaceBetween: '12px',\n            freeMode: false,\n            slidesPerView: 1.3,\n          },\n          768: {\n            spaceBetween: '16px',\n            freeMode: false,\n            slidesPerView: 4,\n          },\n        }}\n      />\n    </div>\n  )\n}\n\nexport default withStyles(ShelfDisplay)\n"],
-  "mappings": "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",
-  "names": ["ShelfDisplay_exports", "__export", "ShelfDisplay_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_picture", "import_tabs", "import_button", "import_Title", "import_SwiperBox", "import_Styles", "ShelfDisplayItem", "data", "configuration", "onPrimaryButton", "params", "onSecondaryButton", "Picture", "tag", "index", "Button", "ShelfDisplay", "className", "key", "tabId", "setTabId", "currentItems", "setCurrentItems", "items", "title", "align", "isShowTab", "ohter", "Title", "v", "findData", "item", "SwiperBox"]
+  "sourcesContent": ["'use client'\nimport React, { useState, useEffect } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport { Tabs, TabsList, TabsTrigger } from '../../components/tabs.js'\nimport Button from '../../components/button.js'\nimport Title from '../Title/index.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport { stringify } from 'query-string';\nexport interface ShelfDisplayItem {\n  id?: string\n  /** \u4EA7\u54C1\u56FE\u7247*/\n  img?: {\n    url: string\n  }\n  handle?: string\n  sku?: string\n  /** \u6298\u6263\u540E\u4EF7\u683C*/\n  price?: string\n  title?: string\n  /** \u6298\u6263\u524D\u4EF7\u683C*/\n  basePrice?: string\n  subTitle?: string\n  /** \u6807\u7B7E*/\n  tagItems?: string[]\n  tab?: string\n  data?: ShelfDisplayItem[]\n}\n\nexport interface ShelfDisplayProps {\n  data: {\n    title?: string\n    isShowTab?: boolean\n    align?: 'left' | 'center' | 'right'\n    productsTab?: ShelfDisplayItem[]\n    productsCard?: ShelfDisplayItem[]\n    /** \u5361\u7247\u5F62\u72B6 */\n    itemShape?: 'round' | 'square'\n    /** \u6309\u94AE\u5F62\u72B6 */\n    shape?: 'round' | 'square'\n    /** \u6807\u7B7E\u9875\u5F62\u72B6*/\n    tabShape?: 'rounded' | 'square'\n    /** \u4E3B\u6309\u94AE\u914D\u7F6E */\n    primaryButton?: string\n    /** \u526F\u6309\u94AE\u914D\u7F6E */\n    secondaryButton?: string\n  }\n  /** \u4E3B\u9898\u8272*/\n  theme?: 'light' | 'dark'\n  className?: string\n  /** \u6309\u94AE\u4E8B\u4EF6*/\n  event?: {\n    primaryButton?: {\n      onClick: (v: any) => void\n    }\n    secondaryButton?: {\n      onClick: (v: any) => void\n    }\n  }\n  key?: string\n}\n\nconst ShelfDisplayItem = ({ data, configuration }: { data: ShelfDisplayItem; configuration?: any }) => {\n  const onPrimaryButton = (params: ShelfDisplayItem) => {\n    // event?.primaryButton?.onClick?.(params)\n  }\n\n  const onSecondaryButton = (params: ShelfDisplayItem) => {\n    // event?.secondaryButton?.onClick(params)\n  }\n\n  return (\n    <div\n      key={data?.id || data?.handle}\n      className={cn(\n        'flex w-full h-full flex-col bg-[#EAEAEC] p-4 cursor-pointer',\n        'desktop:pt-4 desktop:px-6 desktop:pb-6',\n        configuration?.itemShape === 'round' ? 'rounded-2xl' : 'rounded-none'\n      )}\n    >\n      <div className={cn('relative mb-2 inline-block h-[137px] overflow-hidden', 'desktop:mb-3 desktop:h-[195px]')}>\n        <Picture source={data?.img?.url || ''} className=\"flex h-full justify-center object-cover [&_img]:w-auto\" />\n      </div>\n      <div className=\"desktop:mb-2 mb-1 flex flex-wrap gap-1\">\n        {data?.tagItems?.map((item: any, index: number) => {\n          return (\n            <div\n              key={item?.id || index}\n              className=\"desktop:text-base rounded-3xl border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold text-[#00BEFA]\"\n            >\n              {item?.tag}\n            </div>\n          )\n        })}\n      </div>\n      <p className=\"min-h-[56px] max-h-[56px] line-clamp-2 desktop:text-2xl flex-1 text-xl font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]\">\n        {data?.title || ''}\n      </p>\n      <h3 className=\"desktop:mt-2 truncate desktop:mb-6 desktop:text-lg mb-5 mt-1 text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n        {data?.subTitle || ''}\n      </h3>\n      <div className=\"mb-2 flex items-center\">\n        <div className=\"desktop:text-2xl text-xl font-bold text-[#1D1D1F]\">{data?.price || ''}</div>\n        <div className=\"desktop:text-2xl ml-1 text-xl font-bold text-[#86868C]\">{data?.basePrice || ''}</div>\n      </div>\n      {/* \u6309\u94AE\u7EC4 */}\n      <div className=\"flex items-center gap-3\">\n        <Button\n          variant=\"primary\"\n          onClick={() => onPrimaryButton(data)}\n          className={`\n            laptop:text-sm desktop:text-base laptop:px-6 desktop:px-7 laptop:py-2.5 desktop:py-3 box-border flex-1 border\n            border-[#1D1D1F] bg-transparent px-4 py-2 text-xs tracking-[-0.04em] text-[#1D1D1F] hover:bg-transparent hover:text-black\n            ${configuration?.shape === 'round' ? 'desktop:rounded-3xl rounded-[20px]' : ''}\n          `}\n        >\n          {configuration?.primaryButton || ''}\n        </Button>\n        <Button\n          variant=\"secondary\"\n          onClick={() => onSecondaryButton(data)}\n          className={`\n            laptop:text-sm desktop:text-base laptop:px-6 desktop:px-7 laptop:py-2.5 desktop:py-3 box-border flex-1 border\n            border-[#1D1D1F] bg-[#1D1D1F] px-4 py-2 text-xs tracking-[-0.04em] text-white\n            ${configuration?.shape === 'round' ? 'desktop:rounded-3xl rounded-[20px]' : ''}\n          `}\n        >\n          {configuration?.secondaryButton || ''}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nconst ShelfDisplay: React.FC<ShelfDisplayProps> = ({ data, className = '', key }) => {\n  const [tabId, setTabId] = useState<string>('')\n  const [currentItems, setCurrentItems] = useState<ShelfDisplayItem[]>([])\n  const {\n    productsTab = [],\n    productsCard = [],\n    title,\n    align = 'left',\n    isShowTab = true,\n    tabShape = 'square',\n    ...ohter\n  } = data\n\n  useEffect(() => {\n    if (isShowTab) {\n      setTabId(productsTab?.[0]?.tab || '')\n      setCurrentItems(productsTab?.[0]?.data || [])\n      return\n    }\n    setCurrentItems(productsCard)\n  }, [])\n\n  return (\n    <div className={cn('w-full', className)}>\n      {title && <Title data={{ title: title }} />}\n      {isShowTab && (\n        <Tabs\n          shape={tabShape}\n          align={align}\n          value={tabId}\n          onValueChange={v => {\n            setTabId(v)\n            const findData = productsTab?.find(item => item?.tab === v)\n            setCurrentItems(findData?.data || [])\n          }}\n          className=\"mb-8\"\n        >\n          <TabsList>\n            {productsTab?.map((item, index) => {\n              return (\n                <TabsTrigger key={index} value={item?.tab || ''}>\n                  {item?.tab}\n                </TabsTrigger>\n              )\n            })}\n          </TabsList>\n        </Tabs>\n      )}\n      <SwiperBox\n        className=\"!overflow-visible\"\n        id={'ShelfDisplay' + key}\n        data={{ list: currentItems, configuration: { ...ohter } }}\n        Slide={ShelfDisplayItem}\n        breakpoints={{\n          0: {\n            spaceBetween: '12px',\n            freeMode: false,\n            slidesPerView: 1,\n          },\n          374: {\n            spaceBetween: '12px',\n            freeMode: false,\n            slidesPerView: 1.3,\n          },\n          768: {\n            spaceBetween: '16px',\n            freeMode: false,\n            slidesPerView: 4,\n          },\n        }}\n      />\n    </div>\n  )\n}\n\nexport default withStyles(ShelfDisplay)\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAkFQ,IAAAI,EAAA,6BAjFRC,EAA2C,iBAC3CC,EAAmB,kCACnBC,EAAoB,0CACpBC,EAA4C,oCAC5CC,EAAmB,yCACnBC,EAAkB,gCAClBC,EAAsB,oCACtBC,EAA2B,kCAC3BC,EAA0B,wBAsD1B,MAAMC,EAAmB,CAAC,CAAE,KAAAC,EAAM,cAAAC,CAAc,IAAuD,CACrG,MAAMC,EAAmBC,GAA6B,CAEtD,EAEMC,EAAqBD,GAA6B,CAExD,EAEA,SACE,QAAC,OAEC,aAAW,MACT,8DACA,yCACAF,GAAe,YAAc,QAAU,cAAgB,cACzD,EAEA,oBAAC,OAAI,aAAW,MAAG,uDAAwD,gCAAgC,EACzG,mBAAC,EAAAI,QAAA,CAAQ,OAAQL,GAAM,KAAK,KAAO,GAAI,UAAU,yDAAyD,EAC5G,KACA,OAAC,OAAI,UAAU,yCACZ,SAAAA,GAAM,UAAU,IAAI,CAACM,EAAWC,OAE7B,OAAC,OAEC,UAAU,qGAET,SAAAD,GAAM,KAHFA,GAAM,IAAMC,CAInB,CAEH,EACH,KACA,OAAC,KAAE,UAAU,mIACV,SAAAP,GAAM,OAAS,GAClB,KACA,OAAC,MAAG,UAAU,qIACX,SAAAA,GAAM,UAAY,GACrB,KACA,QAAC,OAAI,UAAU,yBACb,oBAAC,OAAI,UAAU,oDAAqD,SAAAA,GAAM,OAAS,GAAG,KACtF,OAAC,OAAI,UAAU,yDAA0D,SAAAA,GAAM,WAAa,GAAG,GACjG,KAEA,QAAC,OAAI,UAAU,0BACb,oBAAC,EAAAQ,QAAA,CACC,QAAQ,UACR,QAAS,IAAMN,EAAgBF,CAAI,EACnC,UAAW;AAAA;AAAA;AAAA,cAGPC,GAAe,QAAU,QAAU,qCAAuC,EAAE;AAAA,YAG/E,SAAAA,GAAe,eAAiB,GACnC,KACA,OAAC,EAAAO,QAAA,CACC,QAAQ,YACR,QAAS,IAAMJ,EAAkBJ,CAAI,EACrC,UAAW;AAAA;AAAA;AAAA,cAGPC,GAAe,QAAU,QAAU,qCAAuC,EAAE;AAAA,YAG/E,SAAAA,GAAe,iBAAmB,GACrC,GACF,IAxDKD,GAAM,IAAMA,GAAM,MAyDzB,CAEJ,EAEMS,EAA4C,CAAC,CAAE,KAAAT,EAAM,UAAAU,EAAY,GAAI,IAAAC,CAAI,IAAM,CACnF,KAAM,CAACC,EAAOC,CAAQ,KAAI,YAAiB,EAAE,EACvC,CAACC,EAAcC,CAAe,KAAI,YAA6B,CAAC,CAAC,EACjE,CACJ,YAAAC,EAAc,CAAC,EACf,aAAAC,EAAe,CAAC,EAChB,MAAAC,EACA,MAAAC,EAAQ,OACR,UAAAC,EAAY,GACZ,SAAAC,EAAW,SACX,GAAGC,CACL,EAAItB,EAEJ,sBAAU,IAAM,CACd,GAAIoB,EAAW,CACbP,EAASG,IAAc,CAAC,GAAG,KAAO,EAAE,EACpCD,EAAgBC,IAAc,CAAC,GAAG,MAAQ,CAAC,CAAC,EAC5C,MACF,CACAD,EAAgBE,CAAY,CAC9B,EAAG,CAAC,CAAC,KAGH,QAAC,OAAI,aAAW,MAAG,SAAUP,CAAS,EACnC,UAAAQ,MAAS,OAAC,EAAAK,QAAA,CAAM,KAAM,CAAE,MAAOL,CAAM,EAAG,EACxCE,MACC,OAAC,QACC,MAAOC,EACP,MAAOF,EACP,MAAOP,EACP,cAAeY,GAAK,CAClBX,EAASW,CAAC,EACV,MAAMC,EAAWT,GAAa,KAAKV,GAAQA,GAAM,MAAQkB,CAAC,EAC1DT,EAAgBU,GAAU,MAAQ,CAAC,CAAC,CACtC,EACA,UAAU,OAEV,mBAAC,YACE,SAAAT,GAAa,IAAI,CAACV,EAAMC,OAErB,OAAC,eAAwB,MAAOD,GAAM,KAAO,GAC1C,SAAAA,GAAM,KADSC,CAElB,CAEH,EACH,EACF,KAEF,OAAC,EAAAmB,QAAA,CACC,UAAU,oBACV,GAAI,eAAiBf,EACrB,KAAM,CAAE,KAAMG,EAAc,cAAe,CAAE,GAAGQ,CAAM,CAAE,EACxD,MAAOvB,EACP,YAAa,CACX,EAAG,CACD,aAAc,OACd,SAAU,GACV,cAAe,CACjB,EACA,IAAK,CACH,aAAc,OACd,SAAU,GACV,cAAe,GACjB,EACA,IAAK,CACH,aAAc,OACd,SAAU,GACV,cAAe,CACjB,CACF,EACF,GACF,CAEJ,EAEA,IAAOZ,KAAQ,cAAWsB,CAAY",
+  "names": ["ShelfDisplay_exports", "__export", "ShelfDisplay_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_picture", "import_tabs", "import_button", "import_Title", "import_SwiperBox", "import_Styles", "import_query_string", "ShelfDisplayItem", "data", "configuration", "onPrimaryButton", "params", "onSecondaryButton", "Picture", "item", "index", "Button", "ShelfDisplay", "className", "key", "tabId", "setTabId", "currentItems", "setCurrentItems", "productsTab", "productsCard", "title", "align", "isShowTab", "tabShape", "ohter", "Title", "v", "findData", "SwiperBox"]
 }

package/dist/cjs/stories/HeroBanner.stories.js

@@ -1,4 +1,4 @@
-"use strict";var c=Object.create;var a=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var l=(e,t)=>{for(var r in t)a(e,r,{get:t[r],enumerable:!0})},i=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of u(t))!m.call(e,o)&&o!==r&&a(e,o,{get:()=>t[o],enumerable:!(n=h(t,o))||n.enumerable});return e};var k=(e,t,r)=>(r=e!=null?c(d(e)):{},i(t||!e||!e.__esModule?a(r,"default",{value:e,enumerable:!0}):r,e)),f=e=>i(a({},"__esModule",{value:!0}),e);var w={};l(w,{DarkTheme:()=>b,LightTheme:()=>B,WithoutSecondaryButton:()=>A,default:()=>y});module.exports=f(w);var p=k(require("../biz-components/HeroBanner/HeroBanner.js"));const g={title:"Biz-Components/HeroBanner",component:p.default,parameters:{layout:"fullscreen",docs:{description:{component:`
+"use strict";var p=Object.create;var i=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var r in t)i(e,r,{get:t[r],enumerable:!0})},s=(e,t,r,m)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of g(t))!d.call(e,a)&&a!==r&&i(e,a,{get:()=>t[a],enumerable:!(m=u(t,a))||m.enumerable});return e};var k=(e,t,r)=>(r=e!=null?p(c(e)):{},s(t||!e||!e.__esModule?i(r,"default",{value:e,enumerable:!0}):r,e)),f=e=>s(i({},"__esModule",{value:!0}),e);var w={};h(w,{DarkTheme:()=>B,LightTheme:()=>P,WithoutSecondaryButton:()=>A,default:()=>b});module.exports=f(w);var l=k(require("../biz-components/HeroBanner/HeroBanner.js"));const y={title:"Biz-Components/HeroBanner",component:l.default,parameters:{layout:"fullscreen",docs:{description:{component:`
 HeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\uFF0C\u901A\u5E38\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u884C\u52A8\u6309\u94AE\u3002
 
 ### \u7279\u70B9
@@ -6,5 +6,5 @@ HeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5
 - \u4F7F\u7528 Mont For Anker \u5B57\u4F53\u4F5C\u4E3A\u6807\u9898
 - \u53EF\u914D\u7F6E\u4E3B\u6309\u94AE\u548C\u6B21\u8981\u6309\u94AE
 - \u652F\u6301\u5E95\u90E8\u4EA7\u54C1\u5217\u8868
-        `}}},tags:["autodocs"]};var y=g;const s="https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206",P="https://cdn.shopify.com/s/files/1/0517/6767/3016/files/87e32d61fc407d5e6c8aff00f3453072.jpg?v=1745999899",B={args:{data:{title:"Anker Laptop Power",subtitle:"Anker Prime 240W GaN Desktop Charger (4 Ports)",background:s,theme:"light",primaryButton:{text:"Shop Now"},secondaryButton:{text:"Learn More"},products:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}},b={args:{data:{title:"Power Your Life",subtitle:"Experience the next generation of charging technology with our innovative solutions designed for modern life.",background:P,theme:"dark",primaryButton:{text:"Shop Now"},secondaryButton:{text:"Learn More"},products:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}},A={args:{data:{title:"Future of Charging",subtitle:"Step into the future with our revolutionary charging solutions that redefine the way you power your devices.",background:s,theme:"light",primaryButton:{text:"Shop Now"},products:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}};
+        `}}},tags:["autodocs"]};var b=y;const o="https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206",n="https://cdn.shopify.com/s/files/1/0517/6767/3016/files/87e32d61fc407d5e6c8aff00f3453072.jpg?v=1745999899",P={args:{data:{title:"Anker Laptop Power",subtitle:"Anker Prime 240W GaN Desktop Charger (4 Ports)",pcImage:{url:o,alt:"default background",thumbnailURL:o,mimeType:"image/jpeg"},mobileImage:{url:o,alt:"default background",thumbnailURL:o,mimeType:"image/jpeg"},theme:"light",primaryButton:{text:"Shop Now"},secondaryButton:{text:"Learn More"},products:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}},B={args:{data:{title:"Power Your Life",subtitle:"Experience the next generation of charging technology with our innovative solutions designed for modern life.",pcImage:{url:n,alt:"dark background",thumbnailURL:n,mimeType:"image/jpeg"},mobileImage:{url:n,alt:"dark background",thumbnailURL:n,mimeType:"image/jpeg"},theme:"dark",primaryButton:{text:"Shop Now"},secondaryButton:{text:"Learn More"},products:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}},A={args:{data:{title:"Future of Charging",subtitle:"Step into the future with our revolutionary charging solutions that redefine the way you power your devices.",pcImage:{url:o,alt:"default background",thumbnailURL:o,mimeType:"image/jpeg"},mobileImage:{url:o,alt:"default background",thumbnailURL:o,mimeType:"image/jpeg"},theme:"light",primaryButton:{text:"Shop Now"},products:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}};
 //# sourceMappingURL=HeroBanner.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/HeroBanner.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport HeroBanner from '../biz-components/HeroBanner/HeroBanner.js'\n\nconst meta = {\n  title: 'Biz-Components/HeroBanner',\n  component: HeroBanner,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\nHeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\uFF0C\u901A\u5E38\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u884C\u52A8\u6309\u94AE\u3002\n\n### \u7279\u70B9\n- \u652F\u6301\u4EAE\u8272\u548C\u6697\u8272\u4E3B\u9898\n- \u4F7F\u7528 Mont For Anker \u5B57\u4F53\u4F5C\u4E3A\u6807\u9898\n- \u53EF\u914D\u7F6E\u4E3B\u6309\u94AE\u548C\u6B21\u8981\u6309\u94AE\n- \u652F\u6301\u5E95\u90E8\u4EA7\u54C1\u5217\u8868\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof HeroBanner>\n\nexport default meta\ntype Story = StoryObj<typeof HeroBanner>\n\nconst defaultBackground =\n  'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206'\n\nconst darkBackground =\n  'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/87e32d61fc407d5e6c8aff00f3453072.jpg?v=1745999899'\n\nexport const LightTheme: Story = {\n  args: {\n    data: {\n      title: 'Anker Laptop Power',\n      subtitle: 'Anker Prime 240W GaN Desktop Charger (4 Ports)',\n      background: defaultBackground,\n      theme: 'light',\n      primaryButton: {\n        text: 'Shop Now',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n      },\n      products: [\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n        { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n      ],\n    },\n  },\n}\n\nexport const DarkTheme: Story = {\n  args: {\n    data: {\n      title: 'Power Your Life',\n      subtitle:\n        'Experience the next generation of charging technology with our innovative solutions designed for modern life.',\n      background: darkBackground,\n      theme: 'dark',\n      primaryButton: {\n        text: 'Shop Now',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n      },\n      products: [\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n        { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n      ],\n    },\n  },\n}\n\nexport const WithoutSecondaryButton: Story = {\n  args: {\n    data: {\n      title: 'Future of Charging',\n      subtitle:\n        'Step into the future with our revolutionary charging solutions that redefine the way you power your devices.',\n      background: defaultBackground,\n      theme: 'light',\n      primaryButton: {\n        text: 'Shop Now',\n      },\n      products: [\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n        { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n      ],\n    },\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,EAAA,eAAAC,EAAA,2BAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GACA,IAAAO,EAAuB,yDAEvB,MAAMC,EAAO,CACX,MAAO,4BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EACJ,gJAEIC,EACJ,2GAEWR,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,SAAU,iDACV,WAAYO,EACZ,MAAO,QACP,cAAe,CACb,KAAM,UACR,EACA,gBAAiB,CACf,KAAM,YACR,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF,EAEaR,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,MAAO,kBACP,SACE,gHACF,WAAYS,EACZ,MAAO,OACP,cAAe,CACb,KAAM,UACR,EACA,gBAAiB,CACf,KAAM,YACR,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF,EAEaP,EAAgC,CAC3C,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,SACE,+GACF,WAAYM,EACZ,MAAO,QACP,cAAe,CACb,KAAM,UACR,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport HeroBanner from '../biz-components/HeroBanner/HeroBanner.js'\n\nconst meta = {\n  title: 'Biz-Components/HeroBanner',\n  component: HeroBanner,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\nHeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\uFF0C\u901A\u5E38\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u884C\u52A8\u6309\u94AE\u3002\n\n### \u7279\u70B9\n- \u652F\u6301\u4EAE\u8272\u548C\u6697\u8272\u4E3B\u9898\n- \u4F7F\u7528 Mont For Anker \u5B57\u4F53\u4F5C\u4E3A\u6807\u9898\n- \u53EF\u914D\u7F6E\u4E3B\u6309\u94AE\u548C\u6B21\u8981\u6309\u94AE\n- \u652F\u6301\u5E95\u90E8\u4EA7\u54C1\u5217\u8868\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof HeroBanner>\n\nexport default meta\ntype Story = StoryObj<typeof HeroBanner>\n\nconst defaultBackground =\n  'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206'\n\nconst darkBackground =\n  'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/87e32d61fc407d5e6c8aff00f3453072.jpg?v=1745999899'\n\nexport const LightTheme: Story = {\n  args: {\n    data: {\n      title: 'Anker Laptop Power',\n      subtitle: 'Anker Prime 240W GaN Desktop Charger (4 Ports)',\n      pcImage: {\n        url: defaultBackground,\n        alt: 'default background',\n        thumbnailURL: defaultBackground,\n        mimeType: 'image/jpeg',\n      },\n      mobileImage: {\n        url: defaultBackground,\n        alt: 'default background',\n        thumbnailURL: defaultBackground,\n        mimeType: 'image/jpeg',\n      },\n      theme: 'light',\n      primaryButton: {\n        text: 'Shop Now',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n      },\n      products: [\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n        { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n      ],\n    },\n  },\n}\n\nexport const DarkTheme: Story = {\n  args: {\n    data: {\n      title: 'Power Your Life',\n      subtitle:\n        'Experience the next generation of charging technology with our innovative solutions designed for modern life.',\n      pcImage: {\n        url: darkBackground,\n        alt: 'dark background',\n        thumbnailURL: darkBackground,\n        mimeType: 'image/jpeg',\n      },\n      mobileImage: {\n        url: darkBackground,\n        alt: 'dark background',\n        thumbnailURL: darkBackground,\n        mimeType: 'image/jpeg',\n      },\n      theme: 'dark',\n      primaryButton: {\n        text: 'Shop Now',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n      },\n      products: [\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n        { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n      ],\n    },\n  },\n}\n\nexport const WithoutSecondaryButton: Story = {\n  args: {\n    data: {\n      title: 'Future of Charging',\n      subtitle:\n        'Step into the future with our revolutionary charging solutions that redefine the way you power your devices.',\n      pcImage: {\n        url: defaultBackground,\n        alt: 'default background',\n        thumbnailURL: defaultBackground,\n        mimeType: 'image/jpeg',\n      },\n      mobileImage: {\n        url: defaultBackground,\n        alt: 'default background',\n        thumbnailURL: defaultBackground,\n        mimeType: 'image/jpeg',\n      },\n      theme: 'light',\n      primaryButton: {\n        text: 'Shop Now',\n      },\n      products: [\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n        { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n      ],\n    },\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,EAAA,eAAAC,EAAA,2BAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GACA,IAAAO,EAAuB,yDAEvB,MAAMC,EAAO,CACX,MAAO,4BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EACJ,gJAEIC,EACJ,2GAEWR,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,SAAU,iDACV,QAAS,CACP,IAAKO,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,YAAa,CACX,IAAKA,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,MAAO,QACP,cAAe,CACb,KAAM,UACR,EACA,gBAAiB,CACf,KAAM,YACR,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF,EAEaR,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,MAAO,kBACP,SACE,gHACF,QAAS,CACP,IAAKS,EACL,IAAK,kBACL,aAAcA,EACd,SAAU,YACZ,EACA,YAAa,CACX,IAAKA,EACL,IAAK,kBACL,aAAcA,EACd,SAAU,YACZ,EACA,MAAO,OACP,cAAe,CACb,KAAM,UACR,EACA,gBAAiB,CACf,KAAM,YACR,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF,EAEaP,EAAgC,CAC3C,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,SACE,+GACF,QAAS,CACP,IAAKM,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,YAAa,CACX,IAAKA,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,MAAO,QACP,cAAe,CACb,KAAM,UACR,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF",
   "names": ["HeroBanner_stories_exports", "__export", "DarkTheme", "LightTheme", "WithoutSecondaryButton", "HeroBanner_stories_default", "__toCommonJS", "import_HeroBanner", "meta", "HeroBanner", "defaultBackground", "darkBackground"]
 }

package/dist/cjs/stories/MemberEquity.stories.js

@@ -1,4 +1,4 @@
-"use strict";var p=Object.create;var a=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var l=(e,t)=>{for(var o in t)a(e,o,{get:t[o],enumerable:!0})},n=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of m(t))!y.call(e,r)&&r!==o&&a(e,r,{get:()=>t[r],enumerable:!(s=u(t,r))||s.enumerable});return e};var b=(e,t,o)=>(o=e!=null?p(d(e)):{},n(t||!e||!e.__esModule?a(o,"default",{value:e,enumerable:!0}):o,e)),h=e=>n(a({},"__esModule",{value:!0}),e);var M={};l(M,{CustomButtons:()=>B,CustomStyles:()=>q,Default:()=>c,Round:()=>x,default:()=>f});module.exports=h(M);var i=b(require("../biz-components/MemberEquity/index.js"));const g={title:"Biz-Components/MemberEquity",component:i.default,parameters:{layout:"fullscreen",docs:{description:{component:` 
+"use strict";var p=Object.create;var r=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var d=(e,t)=>{for(var o in t)r(e,o,{get:t[o],enumerable:!0})},m=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of u(t))!g.call(e,a)&&a!==o&&r(e,a,{get:()=>t[a],enumerable:!(s=c(t,a))||s.enumerable});return e};var h=(e,t,o)=>(o=e!=null?p(l(e)):{},m(t||!e||!e.__esModule?r(o,"default",{value:e,enumerable:!0}):o,e)),y=e=>m(r({},"__esModule",{value:!0}),e);var q={};d(q,{CustomButtons:()=>B,CustomStyles:()=>k,Default:()=>n,Round:()=>x,default:()=>f});module.exports=y(q);var i=h(require("../biz-components/MemberEquity/index.js"));const b={title:"Biz-Components/MemberEquity",component:i.default,parameters:{layout:"fullscreen",docs:{description:{component:` 
 MemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\u7684\u7EC4\u4EF6\u3002  
 
 
@@ -7,7 +7,7 @@ MemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\
 .member-equity-description  
 .member-equity-button-primary  
 .member-equity-button-secondary  
-      `}}},tags:["autodocs"]};var f=g;const c={args:{data:{title:"Become a Member Today",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"square"}}},x={args:{data:{title:"Become a Member Today",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"rounded"}}},B={args:{data:{...c.args?.data,title:"Premium Experience",description:"Join our community to get early access to new products and exclusive member benefits.",backgroundImage:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",primaryButton:{text:"Join Now",href:"/join"},secondaryButton:{text:"Explore Benefits",href:"/benefits"}}}},q={args:{data:{title:"Become a Member Today and opportunities",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"square"},style:`
+      `}}},tags:["autodocs"]};var f=b;const n={args:{data:{title:"Become a Member Today",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:{alt:"backgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},mobileBackgroundImage:{alt:"mobileBackgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"square"}}},x={args:{data:{title:"Become a Member Today",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:{url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",alt:"backgroundImage",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"rounded"}}},B={args:{data:{...n.args?.data,title:"Premium Experience",description:"Join our community to get early access to new products and exclusive member benefits.",backgroundImage:{alt:"backgroundImage",url:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",thumbnailURL:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",mimeType:"image/jpeg"},mobileBackgroundImage:{alt:"mobileBackgroundImage",url:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",thumbnailURL:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",mimeType:"image/jpeg"},primaryButton:{text:"Join Now",href:"/join"},secondaryButton:{text:"Explore Benefits",href:"/benefits"}}}},k={args:{data:{title:"Become a Member Today and opportunities",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:{alt:"backgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},mobileBackgroundImage:{alt:"mobileBackgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"square"},style:`
       .member-equity-title {
           background: linear-gradient(
                 90deg,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/MemberEquity.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MemberEquity from '../biz-components/MemberEquity/index.js'\n\nconst meta: Meta<typeof MemberEquity> = {\n  title: 'Biz-Components/MemberEquity',\n  component: MemberEquity,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: ` \nMemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\u7684\u7EC4\u4EF6\u3002  \n\n\n### \u81EA\u5B9A\u4E49style \u53EF\u7528class \n.member-equity-title  \n.member-equity-description  \n.member-equity-button-primary  \n.member-equity-button-secondary  \n      `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n}\n\nexport default meta\ntype Story = StoryObj<typeof MemberEquity>\n\n// \u9ED8\u8BA4\u6837\u5F0F - \u65B9\u5F62\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n      primaryButton: {\n        text: 'Shop Now',\n        href: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        href: '/learn',\n      },\n      shape: 'square',\n    },\n  },\n}\n\n// \u5706\u89D2\u98CE\u683C\nexport const Round: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n      primaryButton: {\n        text: 'Shop Now',\n        href: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        href: '/learn',\n      },\n      shape: 'rounded',\n    },\n  },\n}\n\n// \u81EA\u5B9A\u4E49\u6309\u94AE\nexport const CustomButtons: Story = {\n  args: {\n    data: {\n      ...Default.args?.data,\n      title: 'Premium Experience',\n      description: 'Join our community to get early access to new products and exclusive member benefits.',\n      backgroundImage: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n      primaryButton: {\n        text: 'Join Now',\n        href: '/join',\n      },\n      secondaryButton: {\n        text: 'Explore Benefits',\n        href: '/benefits',\n      },\n    },\n  },\n}\n\n// \u81EA\u5B9A\u4E49\u6837\u5F0F\nexport const CustomStyles: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today and opportunities',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n      primaryButton: {\n        text: 'Shop Now',\n        href: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        href: '/learn',\n      },\n      shape: 'square',\n    },\n    style: `\n      .member-equity-title {\n          background: linear-gradient(\n                90deg,\n              #FFD700,   /* \u91D1\u8272 (Gold) */\n              #FFC000,   /* \u4EAE\u91D1\u8272 (Light Gold) */\n              #FFA500,   /* \u6A59\u8272 (Orange) */\n              #FF8C00,   /* \u6DF1\u6A59\u8272 (Dark Orange) */\n              #FF6B00    /* \u6A59\u7EA2\u8272 (Red-Orange) */\n          );\n          -webkit-background-clip: text; /* \u517C\u5BB9 WebKit \u6D4F\u89C8\u5668 */\n          background-clip: text;\n          color: transparent; /* \u9690\u85CF\u539F\u59CB\u6587\u5B57\u989C\u8272 */\n      }\n      .member-equity-description {\n        color: blue;\n      }\n      .member-equity-button-primary {\n        color: green;\n      }\n    `,\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,iBAAAC,EAAA,YAAAC,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GACA,IAAAQ,EAAyB,sDAEzB,MAAMC,EAAkC,CACtC,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAUb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAIR,MAAML,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,wBACP,YACE,sGACF,gBAAiB,+DACjB,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,QACT,CACF,CACF,EAGaC,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,wBACP,YACE,sGACF,gBAAiB,+DACjB,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,SACT,CACF,CACF,EAGaH,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,GAAGE,EAAQ,MAAM,KACjB,MAAO,qBACP,YAAa,wFACb,gBAAiB,+DACjB,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,mBACN,KAAM,WACR,CACF,CACF,CACF,EAGaD,EAAsB,CACjC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,YACE,sGACF,gBAAiB,+DACjB,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,QACT,EACA,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAqBT,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MemberEquity from '../biz-components/MemberEquity/index.js'\n\nconst meta: Meta<typeof MemberEquity> = {\n  title: 'Biz-Components/MemberEquity',\n  component: MemberEquity,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: ` \nMemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\u7684\u7EC4\u4EF6\u3002  \n\n\n### \u81EA\u5B9A\u4E49style \u53EF\u7528class \n.member-equity-title  \n.member-equity-description  \n.member-equity-button-primary  \n.member-equity-button-secondary  \n      `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n}\n\nexport default meta\ntype Story = StoryObj<typeof MemberEquity>\n\n// \u9ED8\u8BA4\u6837\u5F0F - \u65B9\u5F62\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: {\n        alt: 'backgroundImage',\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      mobileBackgroundImage: {\n        alt: 'mobileBackgroundImage',\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      primaryButton: {\n        text: 'Shop Now',\n        href: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        href: '/learn',\n      },\n      shape: 'square',\n    },\n  },\n}\n\n// \u5706\u89D2\u98CE\u683C\nexport const Round: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: {\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        alt: 'backgroundImage',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      primaryButton: {\n        text: 'Shop Now',\n        href: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        href: '/learn',\n      },\n      shape: 'rounded',\n    },\n  },\n}\n\n// \u81EA\u5B9A\u4E49\u6309\u94AE\nexport const CustomButtons: Story = {\n  args: {\n    data: {\n      ...Default.args?.data,\n      title: 'Premium Experience',\n      description: 'Join our community to get early access to new products and exclusive member benefits.',\n      backgroundImage: {\n        alt: 'backgroundImage',\n        url: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n        thumbnailURL: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n        mimeType: 'image/jpeg',\n      },\n      mobileBackgroundImage: {\n        alt: 'mobileBackgroundImage',\n        url: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n        thumbnailURL: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n        mimeType: 'image/jpeg',\n      },\n      primaryButton: {\n        text: 'Join Now',\n        href: '/join',\n      },\n      secondaryButton: {\n        text: 'Explore Benefits',\n        href: '/benefits',\n      },\n    },\n  },\n}\n\n// \u81EA\u5B9A\u4E49\u6837\u5F0F\nexport const CustomStyles: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today and opportunities',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: {\n        alt: 'backgroundImage',\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      mobileBackgroundImage: {\n        alt: 'mobileBackgroundImage',\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      primaryButton: {\n        text: 'Shop Now',\n        href: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        href: '/learn',\n      },\n      shape: 'square',\n    },\n    style: `\n      .member-equity-title {\n          background: linear-gradient(\n                90deg,\n              #FFD700,   /* \u91D1\u8272 (Gold) */\n              #FFC000,   /* \u4EAE\u91D1\u8272 (Light Gold) */\n              #FFA500,   /* \u6A59\u8272 (Orange) */\n              #FF8C00,   /* \u6DF1\u6A59\u8272 (Dark Orange) */\n              #FF6B00    /* \u6A59\u7EA2\u8272 (Red-Orange) */\n          );\n          -webkit-background-clip: text; /* \u517C\u5BB9 WebKit \u6D4F\u89C8\u5668 */\n          background-clip: text;\n          color: transparent; /* \u9690\u85CF\u539F\u59CB\u6587\u5B57\u989C\u8272 */\n      }\n      .member-equity-description {\n        color: blue;\n      }\n      .member-equity-button-primary {\n        color: green;\n      }\n    `,\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,iBAAAC,EAAA,YAAAC,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GACA,IAAAQ,EAAyB,sDAEzB,MAAMC,EAAkC,CACtC,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAUb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAIR,MAAML,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,wBACP,YACE,sGACF,gBAAiB,CACf,IAAK,kBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,sBAAuB,CACrB,IAAK,wBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,QACT,CACF,CACF,EAGaC,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,wBACP,YACE,sGACF,gBAAiB,CACf,IAAK,+DACL,IAAK,kBACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,SACT,CACF,CACF,EAGaH,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,GAAGE,EAAQ,MAAM,KACjB,MAAO,qBACP,YAAa,wFACb,gBAAiB,CACf,IAAK,kBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,sBAAuB,CACrB,IAAK,wBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,mBACN,KAAM,WACR,CACF,CACF,CACF,EAGaD,EAAsB,CACjC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,YACE,sGACF,gBAAiB,CACf,IAAK,kBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,sBAAuB,CACrB,IAAK,wBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,QACT,EACA,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAqBT,CACF",
   "names": ["MemberEquity_stories_exports", "__export", "CustomButtons", "CustomStyles", "Default", "Round", "MemberEquity_stories_default", "__toCommonJS", "import_MemberEquity", "meta", "MemberEquity"]
 }

package/dist/cjs/stories/MultiLayoutGraphicBlock.stories.js

@@ -1,2 +1,2 @@
-"use strict";var c=Object.create;var l=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var x=(t,e)=>{for(var i in e)l(t,i,{get:e[i],enumerable:!0})},r=(t,e,i,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of h(e))!d.call(t,o)&&o!==i&&l(t,o,{get:()=>e[o],enumerable:!(a=p(e,o))||a.enumerable});return t};var y=(t,e,i)=>(i=t!=null?c(m(t)):{},r(e||!t||!t.__esModule?l(i,"default",{value:t,enumerable:!0}):i,t)),k=t=>r(l({},"__esModule",{value:!0}),t);var G={};x(G,{Default:()=>f,ThirdWidth:()=>U,WithCarousel:()=>M,default:()=>B});module.exports=k(G);var L=require("react"),s=y(require("../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js"));const u={title:"Biz-Components/MultiLayoutGraphicBlock",component:s.default,tags:["autodocs"],parameters:{layout:"fullscreen",docs:{description:{component:"\u591A\u5E03\u5C40\u56FE\u6587\u533A\u5757\uFF0C\u652F\u6301\u4E0D\u540C\u5BBD\u5EA6\u3001\u4E3B\u9898\u548C\u8F6E\u64AD\u3002"}}}};var B=u;const n=[{theme:"light",title:"\u6807\u98981",description:"\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/1920x1080?text=Image1",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"},width:"full"},{theme:"dark",title:"\u6807\u98982",description:"\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/200x240?text=Image2",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"},width:"half"},{theme:"light",title:"\u6807\u98983",description:"\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/200x240?text=Image3",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"},width:"half"}],g=[{theme:"dark",title:"\u8F6E\u64AD1",description:"\u8F6E\u64AD\u533A\u57571",imageUrl:"https://placehold.co/200x240?text=Carousel1",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD2",description:"\u8F6E\u64AD\u533A\u57572",imageUrl:"https://placehold.co/200x240?text=Carousel2",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD3",description:"\u8F6E\u64AD\u533A\u57573",imageUrl:"https://placehold.co/200x240?text=Carousel2",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD4",description:"\u8F6E\u64AD\u533A\u57574",imageUrl:"https://placehold.co/200x240?text=Carousel2",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD5",description:"\u8F6E\u64AD\u533A\u57575",imageUrl:"https://placehold.co/200x240?text=Carousel2",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"}}],f={args:{data:{items:n,carousel:{items:[]}}}},U={args:{data:{items:[{theme:"light",title:"\u6807\u98981",description:"\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/1920x1080?text=Image1",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"},width:"full"},{theme:"dark",title:"\u6807\u98982",description:"\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/200x240?text=Image2",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"},{theme:"light",title:"\u6807\u98983",description:"\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/200x240?text=Image3",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"},{theme:"light",title:"\u6807\u98984",description:"\u8FD9\u662F\u7B2C4\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/200x240?text=Image3",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"}]}}},M={args:{data:{items:n.slice(0,1),carousel:{items:g}}}};
+"use strict";var s=Object.create;var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var x=(t,e)=>{for(var o in e)a(t,o,{get:e[o],enumerable:!0})},r=(t,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of m(e))!u.call(t,l)&&l!==o&&a(t,l,{get:()=>e[l],enumerable:!(i=c(e,l))||i.enumerable});return t};var d=(t,e,o)=>(o=t!=null?s(h(t)):{},r(e||!t||!t.__esModule?a(o,"default",{value:t,enumerable:!0}):o,t)),g=t=>r(a({},"__esModule",{value:!0}),t);var C={};x(C,{Default:()=>U,ThirdWidth:()=>I,WithCarousel:()=>L,default:()=>k});module.exports=g(C);var f=require("react"),n=d(require("../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js"));const y={title:"Biz-Components/MultiLayoutGraphicBlock",component:n.default,tags:["autodocs"],parameters:{layout:"fullscreen",docs:{description:{component:"\u591A\u5E03\u5C40\u56FE\u6587\u533A\u5757\uFF0C\u652F\u6301\u4E0D\u540C\u5BBD\u5EA6\u3001\u4E3B\u9898\u548C\u8F6E\u64AD\u3002"}}}};var k=y;const p=[{theme:"light",title:"\u6807\u98981",description:"\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/1920x1080?text=Image1",primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"full"},{theme:"dark",title:"\u6807\u98982",description:"\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/200x240?text=Image2",primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"half"},{theme:"light",title:"\u6807\u98983",description:"\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image3",alt:"Image3",thumbnailURL:"https://placehold.co/200x240?text=Image3",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"half"}],B=[{theme:"dark",title:"\u8F6E\u64AD1",description:"\u8F6E\u64AD\u533A\u57571",imageUrl:{url:"https://placehold.co/200x240?text=Carousel1",alt:"Carousel1",thumbnailURL:"https://placehold.co/200x240?text=Carousel1",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD2",description:"\u8F6E\u64AD\u533A\u57572",imageUrl:{url:"https://placehold.co/200x240?text=Carousel2",alt:"Carousel2",thumbnailURL:"https://placehold.co/200x240?text=Carousel2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD3",description:"\u8F6E\u64AD\u533A\u57573",imageUrl:"https://placehold.co/200x240?text=Carousel2",primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD4",description:"\u8F6E\u64AD\u533A\u57574",imageUrl:{url:"https://placehold.co/200x240?text=Carousel2",alt:"Carousel2",thumbnailURL:"https://placehold.co/200x240?text=Carousel2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD5",description:"\u8F6E\u64AD\u533A\u57575",imageUrl:{url:"https://placehold.co/200x240?text=Carousel2",alt:"Carousel2",thumbnailURL:"https://placehold.co/200x240?text=Carousel2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}}],U={args:{data:{items:p,carousel:{items:[]}}}},I={args:{data:{items:[{theme:"light",title:"\u6807\u98981",description:"\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/1920x1080?text=Image1",alt:"Image1",thumbnailURL:"https://placehold.co/1920x1080?text=Image1",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"full"},{theme:"dark",title:"\u6807\u98982",description:"\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image2",alt:"Image2",thumbnailURL:"https://placehold.co/200x240?text=Image2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"},{theme:"light",title:"\u6807\u98983",description:"\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image3",alt:"Image3",thumbnailURL:"https://placehold.co/200x240?text=Image3",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"},{theme:"light",title:"\u6807\u98984",description:"\u8FD9\u662F\u7B2C4\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image3",alt:"Image3",thumbnailURL:"https://placehold.co/200x240?text=Image3",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"}]}}},L={args:{data:{items:p.slice(0,1),carousel:{items:B}}}};
 //# sourceMappingURL=MultiLayoutGraphicBlock.stories.js.map