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

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

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

Files changed (136) hide show

package/dist/cjs/biz-components/MediaPlayerMulti/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/MediaPlayerMulti/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport { Picture } from '../../components/index.js'\nimport Title from '../Title/index.js'\n\nimport type { TestimonialSectionProps } from './types.js'\n\nconst MediaPlayerMulti: React.FC<TestimonialSectionProps> = ({ data: { items = [], title }, className = '' }) => {\n  return (\n    <div className={className}>\n      {title && <Title data={{ title }} />}\n      <div className={cn('flex gap-4 overflow-x-auto', className)}>\n        {items.map((item, index) => (\n          <div\n            key={index}\n            className={cn(\n              'w-swiper-1/2 tablet:flex-row flex shrink-0 flex-col overflow-hidden',\n              'lg-desktop:h-[480px] desktop:h-[384px] laptop:h-[360px] h-[360px]'\n            )}\n          >\n            <div className=\"tablet:w-[49%] relative w-full flex-none\">\n              <Picture\n                source={item.backgroundImage}\n                alt={item.name}\n                className=\"size-full\"\n                imgClassName=\"w-full h-full object-cover\"\n              />\n              <div className=\"absolute bottom-6 right-6 flex items-center justify-center\">\n                <div className=\"tablet:size-12 flex size-10 items-center justify-center rounded-full bg-white bg-opacity-20\">\n                  <svg width=\"12\" height=\"14\" viewBox=\"0 0 12 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M12 7L0 14L0 0L12 7Z\" fill=\"white\" />\n                  </svg>\n                </div>\n              </div>\n            </div>\n\n            <div className=\"tablet:gap-[60px] tablet:p-6 flex flex-col gap-[30px] bg-white p-4\">\n              <div className=\"flex flex-col gap-2\">\n                <h3 className=\"lg-desktop:text-lg text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n                  {item.name}\n                </h3>\n                <p className=\"lg-desktop:text-lg text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n                  {item.description}\n                </p>\n              </div>\n\n              <p className=\"lg-desktop:text-2xl text-lg font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]\">\n                {item.quote}\n              </p>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport default withStyles(MediaPlayerMulti)\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAYgB,IAAAI,EAAA,6BAXhBC,EAAkB,iBAClBC,EAAmB,kCACnBC,EAA2B,kCAC3BC,EAAwB,qCACxBC,EAAkB,gCAIlB,MAAMC,EAAsD,CAAC,CAAE,KAAM,CAAE,MAAAC,EAAQ,CAAC,EAAG,MAAAC,CAAM,EAAG,UAAAC,EAAY,EAAG,OAEvG,QAAC,OAAI,UAAWA,EACb,UAAAD,MAAS,OAAC,EAAAE,QAAA,CAAM,KAAM,CAAE,MAAAF,CAAM,EAAG,KAClC,OAAC,OAAI,aAAW,MAAG,6BAA8BC,CAAS,EACvD,SAAAF,EAAM,IAAI,CAACI,EAAMC,OAChB,QAAC,OAEC,aAAW,MACT,sEACA,mEACF,EAEA,qBAAC,OAAI,UAAU,2CACb,oBAAC,WACC,OAAQD,EAAK,gBACb,IAAKA,EAAK,KACV,UAAU,YACV,aAAa,6BACf,KACA,OAAC,OAAI,UAAU,6DACb,mBAAC,OAAI,UAAU,8FACb,mBAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,mBAAC,QAAK,EAAE,uBAAuB,KAAK,QAAQ,EAC9C,EACF,EACF,GACF,KAEA,QAAC,OAAI,UAAU,qEACb,qBAAC,OAAI,UAAU,sBACb,oBAAC,MAAG,UAAU,yFACX,SAAAA,EAAK,KACR,KACA,OAAC,KAAE,UAAU,yFACV,SAAAA,EAAK,YACR,GACF,KAEA,OAAC,KAAE,UAAU,wFACV,SAAAA,EAAK,MACR,GACF,IAnCKC,CAoCP,CACD,EACH,GACF,EAIJ,IAAOd,KAAQ,cAAWQ,CAAgB",
-  "names": ["MediaPlayerMulti_exports", "__export", "MediaPlayerMulti_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_Styles", "import_components", "import_Title", "MediaPlayerMulti", "items", "title", "className", "Title", "item", "index"]
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport { Picture, Container } from '../../components/index.js'\nimport Title from '../Title/index.js'\nimport SwiperBox from '../SwiperBox/index.js'\n\nimport type { MediaPlayerMultiProps, MediaPlayerItemProps } from './types.js'\n\nconst MediaPlayerItem = ({ data }: { data: MediaPlayerItemProps }) => {\n  return (\n    <div\n      className={cn(\n        'tablet:max-w-full w-full max-w-[296px] overflow-hidden',\n        'tablet:flex-row flex shrink-0 flex-col ',\n        'lg-desktop:h-[480px] desktop:h-[384px] laptop:h-[360px] h-auto'\n      )}\n    >\n      <div className=\"tablet:w-[49%] relative w-full flex-none\">\n        <Picture\n          source={data.backgroundImage}\n          alt={data.name}\n          className=\"size-full\"\n          imgClassName=\"w-full h-full object-cover\"\n        />\n        <div className=\"absolute bottom-6 right-6\">\n          <div className=\"tablet:size-12 flex size-10 items-center justify-center rounded-full bg-white bg-opacity-20\">\n            <svg width=\"12\" height=\"14\" viewBox=\"0 0 12 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M12 7L0 14L0 0L12 7Z\" fill=\"white\" />\n            </svg>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"tablet:gap-[60px] tablet:p-6 flex min-h-[200px] flex-col justify-between gap-4 bg-white p-4\">\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"lg-desktop:text-lg text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n            {data.name}\n          </h3>\n          <p className=\"lg-desktop:text-lg text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n            {data.description}\n          </p>\n        </div>\n\n        <p className=\"lg-desktop:text-2xl tablet:h-[65%] min-h-[100px] text-lg font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]\">\n          {data.quote}\n        </p>\n      </div>\n    </div>\n  )\n}\n\nconst MediaPlayerMulti: React.FC<MediaPlayerMultiProps> = ({ data: { items = [], title }, className = '', key }) => {\n  return (\n    <div className={className}>\n      {title && <Title data={{ title }} />}\n      <SwiperBox\n        className=\"!overflow-visible\"\n        id={'MediaPlayerMultiSwiper' + key}\n        data={{ list: items }}\n        Slide={MediaPlayerItem}\n      />\n    </div>\n  )\n}\n\nexport default withStyles(MediaPlayerMulti)\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAmBM,IAAAI,EAAA,6BAlBNC,EAAkB,iBAClBC,EAAmB,kCACnBC,EAA2B,kCAC3BC,EAAmC,qCACnCC,EAAkB,gCAClBC,EAAsB,oCAItB,MAAMC,EAAkB,CAAC,CAAE,KAAAC,CAAK,OAE5B,QAAC,OACC,aAAW,MACT,yDACA,0CACA,gEACF,EAEA,qBAAC,OAAI,UAAU,2CACb,oBAAC,WACC,OAAQA,EAAK,gBACb,IAAKA,EAAK,KACV,UAAU,YACV,aAAa,6BACf,KACA,OAAC,OAAI,UAAU,4BACb,mBAAC,OAAI,UAAU,8FACb,mBAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,mBAAC,QAAK,EAAE,uBAAuB,KAAK,QAAQ,EAC9C,EACF,EACF,GACF,KAEA,QAAC,OAAI,UAAU,8FACb,qBAAC,OAAI,UAAU,sBACb,oBAAC,MAAG,UAAU,yFACX,SAAAA,EAAK,KACR,KACA,OAAC,KAAE,UAAU,yFACV,SAAAA,EAAK,YACR,GACF,KAEA,OAAC,KAAE,UAAU,qHACV,SAAAA,EAAK,MACR,GACF,GACF,EAIEC,EAAoD,CAAC,CAAE,KAAM,CAAE,MAAAC,EAAQ,CAAC,EAAG,MAAAC,CAAM,EAAG,UAAAC,EAAY,GAAI,IAAAC,CAAI,OAE1G,QAAC,OAAI,UAAWD,EACb,UAAAD,MAAS,OAAC,EAAAG,QAAA,CAAM,KAAM,CAAE,MAAAH,CAAM,EAAG,KAClC,OAAC,EAAAI,QAAA,CACC,UAAU,oBACV,GAAI,yBAA2BF,EAC/B,KAAM,CAAE,KAAMH,CAAM,EACpB,MAAOH,EACT,GACF,EAIJ,IAAOT,KAAQ,cAAWW,CAAgB",
+  "names": ["MediaPlayerMulti_exports", "__export", "MediaPlayerMulti_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_Styles", "import_components", "import_Title", "import_SwiperBox", "MediaPlayerItem", "data", "MediaPlayerMulti", "items", "title", "className", "key", "Title", "SwiperBox"]
 }

package/dist/cjs/biz-components/MediaPlayerMulti/types.d.ts CHANGED Viewed

@@ -1,13 +1,13 @@
 import type { ComponentCommonProps } from '../../types/props.js';
-export interface TestimonialItem {
+export interface MediaPlayerItemProps {
     name: string;
     description: string;
     quote: string;
     backgroundImage: string;
 }
-export interface TestimonialSectionProps extends ComponentCommonProps {
+export interface MediaPlayerMultiProps extends ComponentCommonProps {
     data: {
         title?: string;
-        items: TestimonialItem[];
+        items: MediaPlayerItemProps[];
     };
 }

package/dist/cjs/biz-components/MediaPlayerMulti/types.js CHANGED Viewed

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

package/dist/cjs/biz-components/MediaPlayerMulti/types.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/MediaPlayerMulti/types.ts"],
-  "sourcesContent": ["import type { ComponentCommonProps } from '../../types/props.js'\n\nexport interface TestimonialItem {\n  name: string\n  description: string\n  quote: string\n  backgroundImage: string\n}\n\nexport interface TestimonialSectionProps extends ComponentCommonProps {\n  data: {\n    title?: string\n    items: TestimonialItem[]\n  }\n}\n"],
+  "sourcesContent": ["import type { ComponentCommonProps } from '../../types/props.js'\n\nexport interface MediaPlayerItemProps {\n  name: string\n  description: string\n  quote: string\n  backgroundImage: string\n}\n\nexport interface MediaPlayerMultiProps extends ComponentCommonProps {\n  data: {\n    title?: string\n    items: MediaPlayerItemProps[]\n  }\n}\n"],
   "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
   "names": ["types_exports", "__toCommonJS"]
 }

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

@@ -1,9 +1,9 @@
-"use strict";"use client";var i=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var v=(o,t)=>{for(var d in t)i(o,d,{get:t[d],enumerable:!0})},f=(o,t,d,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of y(t))!k.call(o,a)&&a!==d&&i(o,a,{get:()=>t[a],enumerable:!(l=b(t,a))||l.enumerable});return o};var N=o=>f(i({},"__esModule",{value:!0}),o);var B={};v(B,{default:()=>q});module.exports=N(B);var e=require("react/jsx-runtime"),C=require("react"),p=require("../../components/index.js"),r=require("../../shared/Styles.js");const h=({data:o,className:t=""})=>{const{title:d,description:l,backgroundImage:a,mobileBackgroundImage:n,primaryButton:u,secondaryButton:c,theme:m,shape:s}=o,x=()=>{},g=()=>{};return(0,e.jsxs)("section",{"data-ui-component-id":"MemberEquity",className:`
+"use strict";"use client";var i=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var v=(a,t)=>{for(var d in t)i(a,d,{get:t[d],enumerable:!0})},f=(a,t,d,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of y(t))!k.call(a,o)&&o!==d&&i(a,o,{get:()=>t[o],enumerable:!(s=b(t,o))||s.enumerable});return a};var N=a=>f(i({},"__esModule",{value:!0}),a);var B={};v(B,{default:()=>q});module.exports=N(B);var e=require("react/jsx-runtime"),P=require("react"),p=require("../../components/index.js"),r=require("../../shared/Styles.js");const h=({data:a,className:t=""})=>{const{title:d,description:s,backgroundImage:o,mobileBackgroundImage:n,primaryButton:c,secondaryButton:u,theme:m,shape:l}=a,x=()=>{},g=()=>{};return(0,e.jsxs)("section",{"data-ui-component-id":"MemberEquity",className:`
         ${m==="dark"?"aiui-dark":""}
-        relative w-full overflow-hidden bg-[#242426]
-        ${s==="rounded"?"tablet:rounded-lg laptop:rounded-xl desktop:rounded-2xl rounded-none":""}
+        relative
+        ${l==="rounded"?"rounded-box":""}
         ${t}
-      `,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:a,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:n,type:"video/mp4"})}),(0,e.jsx)("div",{className:`
+      `,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:n,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
@@ -14,11 +14,11 @@
       `,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:d}),(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:g,className:`
+        `,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:d}),(0,e.jsx)(p.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)(p.Button,{variant:"secondary",onClick:g,className:`
                 member-equity-button-secondary
-                ${s==="rounded"?"tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]":""}
-              `,children:c.text}),(0,e.jsx)(p.Button,{variant:"primary",onClick:x,className:`
+                ${l==="rounded"?"tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]":""}
+              `,children:u.text}),(0,e.jsx)(p.Button,{variant:"primary",onClick:x,className:`
                 member-equity-button-primary
-                ${s==="rounded"?"tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]":""}
-              `,children:u.text})]})]})})]})};var q=(0,r.withStyles)(h);
+                ${l==="rounded"?"tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]":""}
+              `,children:c.text})]})]})})]})};var q=(0,r.withStyles)(h);
 //# sourceMappingURL=index.js.map

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

@@ -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'\n\nconst MemberEquity: React.FC<MemberEquityProps> = ({ data, className = '' }) => {\n  const { title, description, backgroundImage, mobileBackgroundImage, primaryButton, secondaryButton, theme, shape } = 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={`\n        ${theme === 'dark' ? 'aiui-dark' : ''}\n        relative w-full overflow-hidden bg-[#242426]\n        ${shape === 'rounded' ? 'tablet:rounded-lg laptop:rounded-xl desktop:rounded-2xl rounded-none' : ''}\n        ${className}\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={`\n                member-equity-button-secondary \n                ${shape === 'rounded' ? 'tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]' : ''}\n              `}\n            >\n              {secondaryButton.text}\n            </Button>\n            <Button\n              variant=\"primary\"\n              onClick={handleButtonPrimaryClick}\n              className={`\n                member-equity-button-primary \n                ${shape === 'rounded' ? 'tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]' : ''}\n              `}\n            >\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,kCAG3B,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,EAAIT,EAC/GU,EAA2B,IAAM,CAEvC,EAEMC,EAA6B,IAAM,CAEzC,EAEA,SACE,QAAC,WACC,uBAAqB,eACrB,UAAW;AAAA,UACPH,IAAU,OAAS,YAAc,EAAE;AAAA;AAAA,UAEnCC,IAAU,UAAY,uEAAyE,EAAE;AAAA,UACjGR,CAAS;AAAA,QAGb,oBAAC,SAAM,SAAQ,GAAC,MAAK,GAAC,YAAW,GAAC,KAAI,GAAC,UAAU,8DAC/C,mBAAC,UAAO,IAAKG,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,UAAW;AAAA;AAAA,kBAEPF,IAAU,UAAY,8GAAgH,EAAE;AAAA,gBAG3I,SAAAF,EAAgB,KACnB,KACA,OAAC,UACC,QAAQ,UACR,QAASG,EACT,UAAW;AAAA;AAAA,kBAEPD,IAAU,UAAY,8GAAgH,EAAE;AAAA,gBAG3I,SAAAH,EAAc,KACjB,GACF,GACF,EACF,GACF,CAEJ,EAEA,IAAOb,KAAQ,cAAWM,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'\n\nconst MemberEquity: React.FC<MemberEquityProps> = ({ data, className = '' }) => {\n  const { title, description, backgroundImage, mobileBackgroundImage, primaryButton, secondaryButton, theme, shape } = 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={`\n        ${theme === 'dark' ? 'aiui-dark' : ''}\n        relative \n        ${shape === 'rounded' ? 'rounded-box' : ''}\n        ${className}\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={`\n                member-equity-button-secondary \n                ${shape === 'rounded' ? 'tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]' : ''}\n              `}\n            >\n              {secondaryButton.text}\n            </Button>\n            <Button\n              variant=\"primary\"\n              onClick={handleButtonPrimaryClick}\n              className={`\n                member-equity-button-primary \n                ${shape === 'rounded' ? 'tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]' : ''}\n              `}\n            >\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,kCAG3B,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,EAAIT,EAC/GU,EAA2B,IAAM,CAEvC,EAEMC,EAA6B,IAAM,CAEzC,EAEA,SACE,QAAC,WACC,uBAAqB,eACrB,UAAW;AAAA,UACPH,IAAU,OAAS,YAAc,EAAE;AAAA;AAAA,UAEnCC,IAAU,UAAY,cAAgB,EAAE;AAAA,UACxCR,CAAS;AAAA,QAGb,oBAAC,SAAM,SAAQ,GAAC,MAAK,GAAC,YAAW,GAAC,KAAI,GAAC,UAAU,8DAC/C,mBAAC,UAAO,IAAKG,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,UAAW;AAAA;AAAA,kBAEPF,IAAU,UAAY,8GAAgH,EAAE;AAAA,gBAG3I,SAAAF,EAAgB,KACnB,KACA,OAAC,UACC,QAAQ,UACR,QAASG,EACT,UAAW;AAAA;AAAA,kBAEPD,IAAU,UAAY,8GAAgH,EAAE;AAAA,gBAG3I,SAAAH,EAAc,KACjB,GACF,GACF,EACF,GACF,CAEJ,EAEA,IAAOb,KAAQ,cAAWM,CAAY",
   "names": ["MemberEquity_exports", "__export", "MemberEquity_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_Styles", "MemberEquity", "data", "className", "title", "description", "backgroundImage", "mobileBackgroundImage", "primaryButton", "secondaryButton", "theme", "shape", "handleButtonPrimaryClick", "handleButtonSecondaryClick"]
 }

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

@@ -1,2 +1,2 @@
-"use strict";var C=Object.create;var c=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var I=(e,a)=>{for(var i in a)c(e,i,{get:a[i],enumerable:!0})},f=(e,a,i,l)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of G(a))!w.call(e,r)&&r!==i&&c(e,r,{get:()=>a[r],enumerable:!(l=g(a,r))||l.enumerable});return e};var n=(e,a,i)=>(i=e!=null?C(b(e)):{},f(a||!e||!e.__esModule?c(i,"default",{value:e,enumerable:!0}):i,e)),L=e=>f(c({},"__esModule",{value:!0}),e);var H={};I(H,{default:()=>T});module.exports=L(H);var t=require("react/jsx-runtime"),y=n(require("react")),k=require("../../shared/Styles.js"),v=n(require("../../components/picture.js")),d=n(require("../../components/button.js")),N=require("../../components/heading.js"),x=require("../../components/text.js"),s=require("../../components/carousel.js"),p=require("../../components/gird.js"),B=n(require("../Title/index.js"));const h=({item:e})=>{const{theme:a="light",title:i,description:l,imageUrl:r,primaryBtn:m,secondaryBtn:o}=e;return(0,t.jsxs)("div",{className:`item-wrapper relative w-full border ${a==="dark"?"aiui-dark":"aiui-light"}`,children:[(0,t.jsx)(v.default,{source:r,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)(N.Heading,{className:"item-title",children:i}),(0,t.jsx)(x.Text,{className:"item-description",children:l})]}),(0,t.jsxs)("div",{className:"flex gap-2",children:[m&&(0,t.jsx)(d.default,{variant:"primary",asChild:!0,children:(0,t.jsx)("a",{href:m.link,children:m.text})}),o&&(0,t.jsx)(d.default,{variant:"secondary",asChild:!0,children:(0,t.jsx)("a",{href:o.link,children:o.text})})]})]})]})},M=y.default.forwardRef((e,a)=>{const{sectionTitle:i,items:l=[],carousel:r}=e.data,m=o=>{switch(o){case"full":return 12;case"half":return 6;case"one-third":return 4}};return(0,t.jsxs)("section",{"data-ui-component-id":"MultiLayoutGraphicBlock",ref:a,className:"",children:[i&&(0,t.jsx)(B.default,{data:{title:i},className:"section-title"}),(0,t.jsx)(p.Grid,{className:"w-full",children:l.map((o,u)=>(0,t.jsx)(p.GridItem,{span:m(o.width),children:(0,t.jsx)(h,{item:o})},u))}),r&&r?.items.length>0?(0,t.jsx)(s.Carousel,{className:"laptop:mt-4 mt-3",children:(0,t.jsx)(s.CarouselContent,{className:"flex",children:r.items.map((o,u)=>(0,t.jsx)(s.CarouselItem,{className:"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5",children:(0,t.jsx)(h,{item:o})},u))})}):null]})});var T=(0,k.withStyles)(M);
+"use strict";var C=Object.create;var c=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var I=(e,a)=>{for(var i in a)c(e,i,{get:a[i],enumerable:!0})},f=(e,a,i,l)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of G(a))!w.call(e,r)&&r!==i&&c(e,r,{get:()=>a[r],enumerable:!(l=g(a,r))||l.enumerable});return e};var n=(e,a,i)=>(i=e!=null?C(b(e)):{},f(a||!e||!e.__esModule?c(i,"default",{value:e,enumerable:!0}):i,e)),L=e=>f(c({},"__esModule",{value:!0}),e);var H={};I(H,{default:()=>T});module.exports=L(H);var t=require("react/jsx-runtime"),y=n(require("react")),k=require("../../shared/Styles.js"),v=n(require("../../components/picture.js")),d=n(require("../../components/button.js")),N=require("../../components/heading.js"),x=require("../../components/text.js"),s=require("../../components/carousel.js"),p=require("../../components/gird.js"),B=n(require("../Title/index.js"));const h=({item:e})=>{const{theme:a="light",title:i,description:l,imageUrl:r,primaryBtn:m,secondaryBtn:o}=e;return(0,t.jsxs)("div",{className:`item-wrapper relative w-full border ${a==="dark"?"aiui-dark":"aiui-light"}`,children:[(0,t.jsx)(v.default,{source:r,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)(N.Heading,{className:"item-title",children:i}),(0,t.jsx)(x.Text,{className:"item-description",children:l})]}),(0,t.jsxs)("div",{className:"flex gap-2",children:[o&&(0,t.jsx)(d.default,{variant:"secondary",asChild:!0,children:(0,t.jsx)("a",{href:o.link,children:o.text})}),m&&(0,t.jsx)(d.default,{variant:"primary",asChild:!0,children:(0,t.jsx)("a",{href:m.link,children:m.text})})]})]})]})},M=y.default.forwardRef((e,a)=>{const{sectionTitle:i,items:l=[],carousel:r}=e.data,m=o=>{switch(o){case"full":return 12;case"half":return 6;case"one-third":return 4}};return(0,t.jsxs)("section",{"data-ui-component-id":"MultiLayoutGraphicBlock",ref:a,className:"",children:[i&&(0,t.jsx)(B.default,{data:{title:i},className:"section-title"}),(0,t.jsx)(p.Grid,{className:"w-full",children:l.map((o,u)=>(0,t.jsx)(p.GridItem,{span:m(o.width),children:(0,t.jsx)(h,{item:o})},u))}),r&&r?.items.length>0?(0,t.jsx)(s.Carousel,{className:"laptop:mt-4 mt-3",children:(0,t.jsx)(s.CarouselContent,{className:"flex",children:r.items.map((o,u)=>(0,t.jsx)(s.CarouselItem,{className:"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5",children:(0,t.jsx)(h,{item:o})},u))})}):null]})});var T=(0,k.withStyles)(M);
 //# sourceMappingURL=MultiLayoutGraphicBlock.js.map

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

@@ -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'\n\nconst ItemBlock = ({ item }: { item: Item }) => {\n  const { theme = 'light', title, description, imageUrl, primaryBtn, secondaryBtn } = item\n\n  return (\n    <div className={`item-wrapper relative w-full border ${theme === 'dark' ? 'aiui-dark' : 'aiui-light'}`}>\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          {primaryBtn && (\n            <Button variant=\"primary\" asChild>\n              <a href={primaryBtn.link}>{primaryBtn.text}</a>\n            </Button>\n          )}\n          {secondaryBtn && (\n            <Button variant=\"secondary\" asChild>\n              <a href={secondaryBtn.link}>{secondaryBtn.text}</a>\n            </Button>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst MultiLayoutGraphicBlock = React.forwardRef<HTMLDivElement, MultiLayoutGraphicBlockProps>((props, ref) => {\n  const { sectionTitle, 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  return (\n    <section data-ui-component-id=\"MultiLayoutGraphicBlock\" ref={ref} className=\"\">\n      {sectionTitle && <Title data={{ title: sectionTitle }} className=\"section-title\" />}\n      <Grid className=\"w-full\">\n        {items.map((item, index) => (\n          <GridItem key={index} span={getSpan(item.width)}>\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} />\n              </CarouselItem>\n            ))}\n          </CarouselContent>\n        </Carousel>\n      ) : null}\n    </section>\n  )\n})\n\nexport default withStyles(MultiLayoutGraphicBlock)\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAgBM,IAAAI,EAAA,6BAhBNC,EAAkB,oBAElBC,EAA2B,kCAC3BC,EAAoB,0CACpBC,EAAmB,yCACnBC,EAAwB,uCACxBC,EAAqB,oCACrBC,EAAwD,wCACxDC,EAA+B,oCAC/BC,EAAkB,gCAElB,MAAMC,EAAY,CAAC,CAAE,KAAAC,CAAK,IAAsB,CAC9C,KAAM,CAAE,MAAAC,EAAQ,QAAS,MAAAC,EAAO,YAAAC,EAAa,SAAAC,EAAU,WAAAC,EAAY,aAAAC,CAAa,EAAIN,EAEpF,SACE,QAAC,OAAI,UAAW,uCAAuCC,IAAU,OAAS,YAAc,YAAY,GAClG,oBAAC,EAAAM,QAAA,CAAQ,OAAQH,EAAU,UAAU,UAAU,KAC/C,QAAC,OAAI,UAAU,kFACb,qBAAC,OACC,oBAAC,WAAQ,UAAU,aAAc,SAAAF,EAAM,KACvC,OAAC,QAAK,UAAU,mBAAoB,SAAAC,EAAY,GAClD,KACA,QAAC,OAAI,UAAU,aACZ,UAAAE,MACC,OAAC,EAAAG,QAAA,CAAO,QAAQ,UAAU,QAAO,GAC/B,mBAAC,KAAE,KAAMH,EAAW,KAAO,SAAAA,EAAW,KAAK,EAC7C,EAEDC,MACC,OAAC,EAAAE,QAAA,CAAO,QAAQ,YAAY,QAAO,GACjC,mBAAC,KAAE,KAAMF,EAAa,KAAO,SAAAA,EAAa,KAAK,EACjD,GAEJ,GACF,GACF,CAEJ,EAEMG,EAA0B,EAAAC,QAAM,WAAyD,CAACC,EAAOC,IAAQ,CAC7G,KAAM,CAAE,aAAAC,EAAc,MAAAC,EAAQ,CAAC,EAAG,SAAAC,CAAS,EAAIJ,EAAM,KAE/CK,EAAWC,GAAyC,CACxD,OAAQA,EAAO,CACb,IAAK,OACH,MAAO,IACT,IAAK,OACH,MAAO,GACT,IAAK,YACH,MAAO,EACX,CACF,EAEA,SACE,QAAC,WAAQ,uBAAqB,0BAA0B,IAAKL,EAAK,UAAU,GACzE,UAAAC,MAAgB,OAAC,EAAAK,QAAA,CAAM,KAAM,CAAE,MAAOL,CAAa,EAAG,UAAU,gBAAgB,KACjF,OAAC,QAAK,UAAU,SACb,SAAAC,EAAM,IAAI,CAACd,EAAMmB,OAChB,OAAC,YAAqB,KAAMH,EAAQhB,EAAK,KAAK,EAC5C,mBAACD,EAAA,CAAU,KAAMC,EAAM,GADVmB,CAEf,CACD,EACH,EACCJ,GAAYA,GAAU,MAAM,OAAS,KACpC,OAAC,YAAS,UAAU,mBAClB,mBAAC,mBAAgB,UAAU,OACxB,SAAAA,EAAS,MAAM,IAAI,CAACf,EAAMmB,OACzB,OAAC,gBAAyB,UAAU,qDAClC,mBAACpB,EAAA,CAAU,KAAMC,EAAM,GADNmB,CAEnB,CACD,EACH,EACF,EACE,MACN,CAEJ,CAAC,EAED,IAAOhC,KAAQ,cAAWsB,CAAuB",
+  "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'\n\nconst ItemBlock = ({ item }: { item: Item }) => {\n  const { theme = 'light', title, description, imageUrl, primaryBtn, secondaryBtn } = item\n\n  return (\n    <div className={`item-wrapper relative w-full border ${theme === 'dark' ? 'aiui-dark' : 'aiui-light'}`}>\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 { sectionTitle, 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  return (\n    <section data-ui-component-id=\"MultiLayoutGraphicBlock\" ref={ref} className=\"\">\n      {sectionTitle && <Title data={{ title: sectionTitle }} className=\"section-title\" />}\n      <Grid className=\"w-full\">\n        {items.map((item, index) => (\n          <GridItem key={index} span={getSpan(item.width)}>\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} />\n              </CarouselItem>\n            ))}\n          </CarouselContent>\n        </Carousel>\n      ) : null}\n    </section>\n  )\n})\n\nexport default withStyles(MultiLayoutGraphicBlock)\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAgBM,IAAAI,EAAA,6BAhBNC,EAAkB,oBAElBC,EAA2B,kCAC3BC,EAAoB,0CACpBC,EAAmB,yCACnBC,EAAwB,uCACxBC,EAAqB,oCACrBC,EAAwD,wCACxDC,EAA+B,oCAC/BC,EAAkB,gCAElB,MAAMC,EAAY,CAAC,CAAE,KAAAC,CAAK,IAAsB,CAC9C,KAAM,CAAE,MAAAC,EAAQ,QAAS,MAAAC,EAAO,YAAAC,EAAa,SAAAC,EAAU,WAAAC,EAAY,aAAAC,CAAa,EAAIN,EAEpF,SACE,QAAC,OAAI,UAAW,uCAAuCC,IAAU,OAAS,YAAc,YAAY,GAClG,oBAAC,EAAAM,QAAA,CAAQ,OAAQH,EAAU,UAAU,UAAU,KAC/C,QAAC,OAAI,UAAU,kFACb,qBAAC,OACC,oBAAC,WAAQ,UAAU,aAAc,SAAAF,EAAM,KACvC,OAAC,QAAK,UAAU,mBAAoB,SAAAC,EAAY,GAClD,KACA,QAAC,OAAI,UAAU,aACZ,UAAAG,MACC,OAAC,EAAAE,QAAA,CAAO,QAAQ,YAAY,QAAO,GACjC,mBAAC,KAAE,KAAMF,EAAa,KAAO,SAAAA,EAAa,KAAK,EACjD,EAEDD,MACC,OAAC,EAAAG,QAAA,CAAO,QAAQ,UAAU,QAAO,GAC/B,mBAAC,KAAE,KAAMH,EAAW,KAAO,SAAAA,EAAW,KAAK,EAC7C,GAEJ,GACF,GACF,CAEJ,EAEMI,EAA0B,EAAAC,QAAM,WAAyD,CAACC,EAAOC,IAAQ,CAC7G,KAAM,CAAE,aAAAC,EAAc,MAAAC,EAAQ,CAAC,EAAG,SAAAC,CAAS,EAAIJ,EAAM,KAE/CK,EAAWC,GAAyC,CACxD,OAAQA,EAAO,CACb,IAAK,OACH,MAAO,IACT,IAAK,OACH,MAAO,GACT,IAAK,YACH,MAAO,EACX,CACF,EAEA,SACE,QAAC,WAAQ,uBAAqB,0BAA0B,IAAKL,EAAK,UAAU,GACzE,UAAAC,MAAgB,OAAC,EAAAK,QAAA,CAAM,KAAM,CAAE,MAAOL,CAAa,EAAG,UAAU,gBAAgB,KACjF,OAAC,QAAK,UAAU,SACb,SAAAC,EAAM,IAAI,CAACd,EAAMmB,OAChB,OAAC,YAAqB,KAAMH,EAAQhB,EAAK,KAAK,EAC5C,mBAACD,EAAA,CAAU,KAAMC,EAAM,GADVmB,CAEf,CACD,EACH,EACCJ,GAAYA,GAAU,MAAM,OAAS,KACpC,OAAC,YAAS,UAAU,mBAClB,mBAAC,mBAAgB,UAAU,OACxB,SAAAA,EAAS,MAAM,IAAI,CAACf,EAAMmB,OACzB,OAAC,gBAAyB,UAAU,qDAClC,mBAACpB,EAAA,CAAU,KAAMC,EAAM,GADNmB,CAEnB,CACD,EACH,EACF,EACE,MACN,CAEJ,CAAC,EAED,IAAOhC,KAAQ,cAAWsB,CAAuB",
   "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", "ItemBlock", "item", "theme", "title", "description", "imageUrl", "primaryBtn", "secondaryBtn", "Picture", "Button", "MultiLayoutGraphicBlock", "React", "props", "ref", "sectionTitle", "items", "carousel", "getSpan", "width", "Title", "index"]
 }

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

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface ShelfDisplayItem {
     /** 产品图片*/
     img: string;
@@ -12,18 +11,21 @@ export interface ShelfDisplayItem {
     tagItems: string[];
 }
 export interface ShelfDisplayProps {
-    products: ShelfDisplayItem[];
-    /** 卡片形状 */
-    itemShape?: 'round' | 'square';
-    className?: string;
+    data: {
+        title?: string;
+        items: ShelfDisplayItem[];
+        /** 卡片形状 */
+        itemShape?: 'round' | 'square';
+        /** 按钮形状 */
+        shape?: 'round' | 'square';
+        /** 主按钮配置 */
+        primaryButton?: string;
+        /** 副按钮配置 */
+        secondaryButton?: string;
+    };
     /** 主题色*/
     theme?: 'light' | 'dark';
-    /** 按钮形状 */
-    shape?: 'round' | 'square';
-    /** 主按钮配置 */
-    primaryButton?: string;
-    /** 副按钮配置 */
-    secondaryButton?: string;
+    className?: string;
     /** 按钮事件*/
     event?: {
         primaryButton?: {
@@ -33,6 +35,12 @@ export interface ShelfDisplayProps {
             onClick: (v: any) => void;
         };
     };
+    key?: string;
 }
-declare const ShelfDisplay: React.FC<ShelfDisplayProps>;
-export default ShelfDisplay;
+declare const _default: {
+    (props: Omit<ShelfDisplayProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
+        className?: string;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;

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

@@ -1,10 +1,10 @@
-"use strict";var y=Object.create;var d=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var B=(t,o)=>{for(var a in o)d(t,a,{get:o[a],enumerable:!0})},x=(t,o,a,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of D(o))!w.call(t,r)&&r!==a&&d(t,r,{get:()=>o[r],enumerable:!(l=h(o,r))||l.enumerable});return t};var m=(t,o,a)=>(a=t!=null?y(N(t)):{},x(o||!t||!t.__esModule?d(a,"default",{value:t,enumerable:!0}):a,t)),F=t=>x(d({},"__esModule",{value:!0}),t);var I={};B(I,{default:()=>S});module.exports=F(I);var e=require("react/jsx-runtime"),E=require("react"),p=require("../../helpers/utils.js"),c=m(require("../../components/picture.js")),i=m(require("../../components/button.js"));const C=({className:t="",shape:o="square",itemShape:a="square",products:l=[],primaryButton:r,secondaryButton:u,event:n})=>{const f=s=>{n?.primaryButton?.onClick?.(s)},k=s=>{n?.secondaryButton?.onClick(s)};return(0,e.jsx)(e.Fragment,{children:(0,e.jsx)("div",{className:(0,p.cn)("w-full",t),children:(0,e.jsx)("div",{className:(0,p.cn)("flex overflow-hidden"),children:(0,e.jsx)("div",{className:(0,p.cn)("flex w-full","laptop:gap-4 gap-3 overflow-x-auto overflow-y-hidden"),children:l?.map((s,b)=>(0,e.jsxs)("div",{className:(0,p.cn)("flex min-w-[288px] max-w-[288px] flex-col bg-[#EAEAEC] p-4","laptop:min-w-[316px] laptop:max-w-[316px] desktop:min-w-[404px] desktop:max-w-[404px] desktop:pt-4 desktop:px-6 desktop:pb-6",a==="round"?"rounded-2xl":"rounded-none"),children:[(0,e.jsx)("div",{className:(0,p.cn)("relative mb-2 inline-block h-[137px] overflow-hidden","desktop:mb-3 desktop:h-[195px]"),children:(0,e.jsx)(c.default,{source:s?.img||"",className:"flex h-full justify-center object-cover [&_img]:w-auto"})}),(0,e.jsx)("div",{className:"desktop:mb-2 mb-1 flex flex-wrap gap-1",children:s?.tagItems?.map((v,g)=>(0,e.jsx)("div",{className:"desktop:text-base rounded-3xl border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold text-[#00BEFA]",children:v},g))}),(0,e.jsx)("p",{className:"desktop:text-2xl flex-1 text-xl font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]",children:s?.title||""}),(0,e.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:s?.subTitle||""}),(0,e.jsxs)("div",{className:"mb-2 flex items-center",children:[(0,e.jsx)("div",{className:"desktop:text-2xl text-xl font-bold text-[#1D1D1F]",children:s?.price||""}),(0,e.jsx)("div",{className:"desktop:text-2xl ml-1 text-xl font-bold text-[#86868C]",children:s?.basePrice||""})]}),(0,e.jsxs)("div",{className:"flex items-center gap-3",children:[(0,e.jsx)(i.default,{variant:"primary",onClick:()=>f(s),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
-                        ${o==="round"?"desktop:rounded-3xl rounded-[20px]":""}
-                      `,children:r||""}),(0,e.jsx)(i.default,{variant:"secondary",onClick:()=>k(s),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
-                        ${o==="round"?"desktop:rounded-3xl rounded-[20px]":""}
-                      `,children:u||""})]})]},b))})})})})};var S=C;
+"use strict";"use client";var u=Object.create;var l=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var o in t)l(e,o,{get:t[o],enumerable:!0})},m=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of y(t))!g.call(e,r)&&r!==o&&l(e,r,{get:()=>t[r],enumerable:!(i=k(t,r))||i.enumerable});return e};var p=(e,t,o)=>(o=e!=null?u(v(e)):{},m(t||!e||!e.__esModule?l(o,"default",{value:e,enumerable:!0}):o,e)),D=e=>m(l({},"__esModule",{value:!0}),e);var w={};h(w,{default:()=>N});module.exports=D(w);var s=require("react/jsx-runtime"),P=require("react"),a=require("../../helpers/utils.js"),x=p(require("../../components/picture.js")),n=p(require("../../components/button.js")),c=p(require("../Title/index.js")),f=p(require("../SwiperBox/index.js")),b=require("../../shared/Styles.js");const B=({data:e,configuration:t})=>{const o=r=>{},i=r=>{};return(0,s.jsxs)("div",{className:(0,a.cn)("flex w-full flex-col bg-[#EAEAEC] p-4 cursor-pointer","desktop:pt-4 desktop:px-6 desktop:pb-6 hover:bg-[#FFFFFF]",t?.itemShape==="round"?"rounded-2xl":"rounded-none"),children:[(0,s.jsx)("div",{className:(0,a.cn)("relative mb-2 inline-block h-[137px] overflow-hidden","desktop:mb-3 desktop:h-[195px]"),children:(0,s.jsx)(x.default,{source:e?.img||"",className:"flex h-full justify-center object-cover [&_img]:w-auto"})}),(0,s.jsx)("div",{className:"desktop:mb-2 mb-1 flex flex-wrap gap-1",children:e?.tagItems?.map((r,d)=>(0,s.jsx)("div",{className:"desktop:text-base rounded-3xl border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold text-[#00BEFA]",children:r},d))}),(0,s.jsx)("p",{className:"desktop:text-2xl flex-1 text-xl font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]",children:e?.title||""}),(0,s.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,s.jsxs)("div",{className:"mb-2 flex items-center",children:[(0,s.jsx)("div",{className:"desktop:text-2xl text-xl font-bold text-[#1D1D1F]",children:e?.price||""}),(0,s.jsx)("div",{className:"desktop:text-2xl ml-1 text-xl font-bold text-[#86868C]",children:e?.basePrice||""})]}),(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsx)(n.default,{variant:"primary",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-transparent px-4 py-2 text-xs tracking-[-0.04em] text-[#1D1D1F] hover:bg-transparent hover:text-black
+            ${t?.shape==="round"?"desktop:rounded-3xl rounded-[20px]":""}
+          `,children:t?.primaryButton||""}),(0,s.jsx)(n.default,{variant:"secondary",onClick:()=>i(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
+            ${t?.shape==="round"?"desktop:rounded-3xl rounded-[20px]":""}
+          `,children:t?.secondaryButton||""})]})]})},F=({data:e,className:t="",key:o})=>{const{items:i,title:r,...d}=e;return(0,s.jsxs)("div",{className:(0,a.cn)("w-full",t),children:[r&&(0,s.jsx)(c.default,{data:{title:r}}),(0,s.jsx)(f.default,{className:"!overflow-visible",id:"Category"+o,data:{list:i,configuration:{...d}},Slide:B,breakpoints:{0:{spaceBetween:"12px",freeMode:!1,slidesPerView:1},374:{spaceBetween:"12px",freeMode:!1,slidesPerView:2.3},768:{spaceBetween:"16px",freeMode:!1,slidesPerView:3.5}}})]})};var N=(0,b.withStyles)(F);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/ShelfDisplay/index.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.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}\n\nexport interface ShelfDisplayProps {\n  products: ShelfDisplayItem[]\n  /** \u5361\u7247\u5F62\u72B6 */\n  itemShape?: 'round' | 'square'\n  className?: string\n  /** \u4E3B\u9898\u8272*/\n  theme?: 'light' | 'dark'\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  /** \u6309\u94AE\u4E8B\u4EF6*/\n  event?: {\n    primaryButton?: {\n      onClick: (v: any) => void\n    }\n    secondaryButton?: {\n      onClick: (v: any) => void\n    }\n  }\n}\n\nconst ShelfDisplay: React.FC<ShelfDisplayProps> = ({\n  className = '',\n  shape = 'square',\n  itemShape = 'square',\n  products = [],\n  primaryButton,\n  secondaryButton,\n  event,\n}) => {\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    <>\n      <div className={cn('w-full', className)}>\n        <div className={cn('flex overflow-hidden')}>\n          <div className={cn('flex w-full', 'laptop:gap-4 gap-3 overflow-x-auto overflow-y-hidden')}>\n            {products?.map((item, index) => {\n              return (\n                <div\n                  key={index}\n                  className={cn(\n                    'flex min-w-[288px] max-w-[288px] flex-col bg-[#EAEAEC] p-4',\n                    'laptop:min-w-[316px] laptop:max-w-[316px] desktop:min-w-[404px] desktop:max-w-[404px] desktop:pt-4 desktop:px-6 desktop:pb-6',\n                    itemShape === 'round' ? 'rounded-2xl' : 'rounded-none'\n                  )}\n                >\n                  <div\n                    className={cn(\n                      'relative mb-2 inline-block h-[137px] overflow-hidden',\n                      'desktop:mb-3 desktop:h-[195px]'\n                    )}\n                  >\n                    <Picture\n                      source={item?.img || ''}\n                      className=\"flex h-full justify-center object-cover [&_img]:w-auto\"\n                    />\n                  </div>\n                  <div className=\"desktop:mb-2 mb-1 flex flex-wrap gap-1\">\n                    {item?.tagItems?.map((tag, index) => {\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                    {item?.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                    {item?.subTitle || ''}\n                  </h3>\n                  <div className=\"mb-2 flex items-center\">\n                    <div className=\"desktop:text-2xl text-xl font-bold text-[#1D1D1F]\">{item?.price || ''}</div>\n                    <div className=\"desktop:text-2xl ml-1 text-xl font-bold text-[#86868C]\">\n                      {item?.basePrice || ''}\n                    </div>\n                  </div>\n                  {/* \u6309\u94AE\u7EC4 */}\n                  <div className=\"flex items-center gap-3\">\n                    <Button\n                      variant=\"primary\"\n                      onClick={() => onPrimaryButton(item)}\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                        ${shape === 'round' ? 'desktop:rounded-3xl rounded-[20px]' : ''}\n                      `}\n                    >\n                      {primaryButton || ''}\n                    </Button>\n                    <Button\n                      variant=\"secondary\"\n                      onClick={() => onSecondaryButton(item)}\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                        ${shape === 'round' ? 'desktop:rounded-3xl rounded-[20px]' : ''}\n                      `}\n                    >\n                      {secondaryButton || ''}\n                    </Button>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default ShelfDisplay\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA2DI,IAAAI,EAAA,6BA3DJC,EAAkB,iBAClBC,EAAmB,kCACnBC,EAAoB,0CACpBC,EAAmB,yCAsCnB,MAAMC,EAA4C,CAAC,CACjD,UAAAC,EAAY,GACZ,MAAAC,EAAQ,SACR,UAAAC,EAAY,SACZ,SAAAC,EAAW,CAAC,EACZ,cAAAC,EACA,gBAAAC,EACA,MAAAC,CACF,IAAM,CACJ,MAAMC,EAAmBC,GAA6B,CACpDF,GAAO,eAAe,UAAUE,CAAM,CACxC,EAEMC,EAAqBD,GAA6B,CACtDF,GAAO,iBAAiB,QAAQE,CAAM,CACxC,EAEA,SACE,mBACE,mBAAC,OAAI,aAAW,MAAG,SAAUR,CAAS,EACpC,mBAAC,OAAI,aAAW,MAAG,sBAAsB,EACvC,mBAAC,OAAI,aAAW,MAAG,cAAe,sDAAsD,EACrF,SAAAG,GAAU,IAAI,CAACO,EAAMC,OAElB,QAAC,OAEC,aAAW,MACT,6DACA,+HACAT,IAAc,QAAU,cAAgB,cAC1C,EAEA,oBAAC,OACC,aAAW,MACT,uDACA,gCACF,EAEA,mBAAC,EAAAU,QAAA,CACC,OAAQF,GAAM,KAAO,GACrB,UAAU,yDACZ,EACF,KACA,OAAC,OAAI,UAAU,yCACZ,SAAAA,GAAM,UAAU,IAAI,CAACG,EAAKF,OAEvB,OAAC,OAEC,UAAU,qGAET,SAAAE,GAHIF,CAIP,CAEH,EACH,KACA,OAAC,KAAE,UAAU,4FACV,SAAAD,GAAM,OAAS,GAClB,KACA,OAAC,MAAG,UAAU,4HACX,SAAAA,GAAM,UAAY,GACrB,KACA,QAAC,OAAI,UAAU,yBACb,oBAAC,OAAI,UAAU,oDAAqD,SAAAA,GAAM,OAAS,GAAG,KACtF,OAAC,OAAI,UAAU,yDACZ,SAAAA,GAAM,WAAa,GACtB,GACF,KAEA,QAAC,OAAI,UAAU,0BACb,oBAAC,EAAAI,QAAA,CACC,QAAQ,UACR,QAAS,IAAMP,EAAgBG,CAAI,EACnC,UAAW;AAAA;AAAA;AAAA,0BAGPT,IAAU,QAAU,qCAAuC,EAAE;AAAA,wBAGhE,SAAAG,GAAiB,GACpB,KACA,OAAC,EAAAU,QAAA,CACC,QAAQ,YACR,QAAS,IAAML,EAAkBC,CAAI,EACrC,UAAW;AAAA;AAAA;AAAA,0BAGPT,IAAU,QAAU,qCAAuC,EAAE;AAAA,wBAGhE,SAAAI,GAAmB,GACtB,GACF,IAlEKM,CAmEP,CAEH,EACH,EACF,EACF,EACF,CAEJ,EAEA,IAAOnB,EAAQO",
-  "names": ["ShelfDisplay_exports", "__export", "ShelfDisplay_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_picture", "import_button", "ShelfDisplay", "className", "shape", "itemShape", "products", "primaryButton", "secondaryButton", "event", "onPrimaryButton", "params", "onSecondaryButton", "item", "index", "Picture", "tag", "Button"]
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.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}\n\nexport interface ShelfDisplayProps {\n  data: {\n    title?: string\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 flex-col bg-[#EAEAEC] p-4 cursor-pointer',\n        'desktop:pt-4 desktop:px-6 desktop:pb-6 hover:bg-[#FFFFFF]',\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 { items, title, ...ohter } = data\n  return (\n    <div className={cn('w-full', className)}>\n      {title && <Title data={{ title: title }} />}\n      <SwiperBox\n        className=\"!overflow-visible\"\n        id={'Category' + key}\n        data={{ list: items, 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: 2.3,\n          },\n          768: {\n            spaceBetween: '16px',\n            freeMode: false,\n            slidesPerView: 3.5,\n          },\n        }}\n      />\n    </div>\n  )\n}\n\nexport default withStyles(ShelfDisplay)\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAmEQ,IAAAI,EAAA,6BAlERC,EAAkB,iBAClBC,EAAmB,kCACnBC,EAAoB,0CACpBC,EAAmB,yCACnBC,EAAkB,gCAClBC,EAAsB,oCACtBC,EAA2B,kCA0C3B,MAAMC,EAAmB,CAAC,CAAE,KAAAC,EAAM,cAAAC,CAAc,IAAuD,CACrG,MAAMC,EAAmBC,GAA6B,CAEtD,EAEMC,EAAqBD,GAA6B,CAExD,EAEA,SACE,QAAC,OACC,aAAW,MACT,uDACA,4DACAF,GAAe,YAAc,QAAU,cAAgB,cACzD,EAEA,oBAAC,OAAI,aAAW,MAAG,uDAAwD,gCAAgC,EACzG,mBAAC,EAAAI,QAAA,CAAQ,OAAQL,GAAM,KAAO,GAAI,UAAU,yDAAyD,EACvG,KACA,OAAC,OAAI,UAAU,yCACZ,SAAAA,GAAM,UAAU,IAAI,CAACM,EAAUC,OAE5B,OAAC,OAEC,UAAU,qGAET,SAAAD,GAHIC,CAIP,CAEH,EACH,KACA,OAAC,KAAE,UAAU,4FACV,SAAAP,GAAM,OAAS,GAClB,KACA,OAAC,MAAG,UAAU,4HACX,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,GACF,CAEJ,EAEMQ,EAA4C,CAAC,CAAE,KAAAT,EAAM,UAAAU,EAAY,GAAI,IAAAC,CAAI,IAAM,CACnF,KAAM,CAAE,MAAAC,EAAO,MAAAC,EAAO,GAAGC,CAAM,EAAId,EACnC,SACE,QAAC,OAAI,aAAW,MAAG,SAAUU,CAAS,EACnC,UAAAG,MAAS,OAAC,EAAAE,QAAA,CAAM,KAAM,CAAE,MAAOF,CAAM,EAAG,KACzC,OAAC,EAAAG,QAAA,CACC,UAAU,oBACV,GAAI,WAAaL,EACjB,KAAM,CAAE,KAAMC,EAAO,cAAe,CAAE,GAAGE,CAAM,CAAE,EACjD,MAAOf,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,GACjB,CACF,EACF,GACF,CAEJ,EAEA,IAAOV,KAAQ,cAAWoB,CAAY",
+  "names": ["ShelfDisplay_exports", "__export", "ShelfDisplay_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_picture", "import_button", "import_Title", "import_SwiperBox", "import_Styles", "ShelfDisplayItem", "data", "configuration", "onPrimaryButton", "params", "onSecondaryButton", "Picture", "tag", "index", "Button", "ShelfDisplay", "className", "key", "items", "title", "ohter", "Title", "SwiperBox"]
 }

package/dist/cjs/biz-components/SwiperBox/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SwiperBoxProps } from './types.js';
+declare const SwiperBox: React.ForwardRefExoticComponent<SwiperBoxProps & React.RefAttributes<HTMLDivElement>>;
+export default SwiperBox;

package/dist/cjs/biz-components/SwiperBox/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";"use client";var x=Object.create;var a=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var P=(e,r)=>{for(var o in r)a(e,o,{get:r[o],enumerable:!0})},w=(e,r,o,p)=>{if(r&&typeof r=="object"\|\|typeof r=="function")for(let s of g(r))!E.call(e,s)&&s!==o&&a(e,s,{get:()=>r[s],enumerable:!(p=B(r,s))\|\|p.enumerable});return e};var v=(e,r,o)=>(o=e!=null?x(M(e)):{},w(r\|\|!e\|\|!e.__esModule?a(o,"default",{value:e,enumerable:!0}):o,e)),y=e=>w(a({},"__esModule",{value:!0}),e);var b={};P(b,{default:()=>N});module.exports=y(b);var l=require("react/jsx-runtime"),i=v(require("react")),d=require("../../helpers/utils.js"),f=require("swiper/react"),t=require("swiper/modules");const m=i.default.forwardRef(({data:e,breakpoints:r,Slide:o,className:p,id:s})=>{const[h,u]=(0,i.useState)(!0),[V,c]=(0,i.useState)(!1);return(0,l.jsx)(f.Swiper,{className:(0,d.cn)(p),navigation:{nextEl:`.${s}-custom-swiper-button-next`,prevEl:`.${s}-custom-swiper-button-prev`},onProgress:n=>{u(n.isBeginning),c(n.isEnd)},modules:[t.Navigation,t.FreeMode,t.Mousewheel],freeMode:!0,mousewheel:{forceToAxis:!0},breakpoints:r\|\|{0:{spaceBetween:"12px",slidesPerView:1,freeMode:!1},374:{spaceBetween:"12px",freeMode:!1,slidesPerView:2.3},768:{spaceBetween:"16px",slidesPerView:2,freeMode:!1}},children:e?.list?.map((n,S)=>(0,l.jsx)(f.SwiperSlide,{className:"!flex !h-[unset]",children:(0,l.jsx)(o,{data:n,configuration:e?.configuration})},s+"SwiperSlide"+S))})});m.displayName="SwiperBox";var N=m;
2	+ //# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/SwiperBox/index.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/SwiperBox/index.tsx"],
+  "sourcesContent": ["'use client'\nimport React, { useState } from 'react'\nimport { cn } from '../../helpers/utils.js'\n// import 'swiper/css'\n// import 'swiper/css/free-mode'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Navigation, FreeMode, Mousewheel } from 'swiper/modules'\nimport type { SwiperBoxProps } from './types.js'\n\nconst SwiperBox = React.forwardRef<HTMLDivElement, SwiperBoxProps>(({ data, breakpoints, Slide, className, id }) => {\n  const [isStart, setStart] = useState(true)\n  const [isEnd, setEnd] = useState(false)\n\n  return (\n    <Swiper\n      className={cn(className)}\n      navigation={{\n        nextEl: `.${id}-custom-swiper-button-next`,\n        prevEl: `.${id}-custom-swiper-button-prev`,\n      }}\n      onProgress={swiper => {\n        setStart(swiper.isBeginning)\n        setEnd(swiper.isEnd)\n      }}\n      modules={[Navigation, FreeMode, Mousewheel]}\n      freeMode={true}\n      mousewheel={{\n        forceToAxis: true,\n      }}\n      breakpoints={\n        breakpoints || {\n          0: {\n            spaceBetween: '12px',\n            slidesPerView: 1,\n            freeMode: false,\n          },\n          374: {\n            spaceBetween: '12px',\n            freeMode: false,\n            slidesPerView: 2.3,\n          },\n          768: {\n            spaceBetween: '16px',\n            slidesPerView: 2,\n            freeMode: false,\n          },\n        }\n      }\n    >\n      {data?.list?.map((item, jIndex) => (\n        <SwiperSlide key={id + 'SwiperSlide' + jIndex} className=\"!flex !h-[unset]\">\n          <Slide data={item} configuration={data?.configuration} />\n        </SwiperSlide>\n      ))}\n    </Swiper>\n  )\n})\n\nSwiperBox.displayName = 'SwiperBox'\n\nexport default SwiperBox\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAmDU,IAAAI,EAAA,6BAlDVC,EAAgC,oBAChCC,EAAmB,kCAGnBD,EAAoC,wBACpCE,EAAiD,0BAGjD,MAAMC,EAAY,EAAAC,QAAM,WAA2C,CAAC,CAAE,KAAAC,EAAM,YAAAC,EAAa,MAAAC,EAAO,UAAAC,EAAW,GAAAC,CAAG,IAAM,CAClH,KAAM,CAACC,EAASC,CAAQ,KAAI,YAAS,EAAI,EACnC,CAACC,EAAOC,CAAM,KAAI,YAAS,EAAK,EAEtC,SACE,OAAC,UACC,aAAW,MAAGL,CAAS,EACvB,WAAY,CACV,OAAQ,IAAIC,CAAE,6BACd,OAAQ,IAAIA,CAAE,4BAChB,EACA,WAAYK,GAAU,CACpBH,EAASG,EAAO,WAAW,EAC3BD,EAAOC,EAAO,KAAK,CACrB,EACA,QAAS,CAAC,aAAY,WAAU,YAAU,EAC1C,SAAU,GACV,WAAY,CACV,YAAa,EACf,EACA,YACER,GAAe,CACb,EAAG,CACD,aAAc,OACd,cAAe,EACf,SAAU,EACZ,EACA,IAAK,CACH,aAAc,OACd,SAAU,GACV,cAAe,GACjB,EACA,IAAK,CACH,aAAc,OACd,cAAe,EACf,SAAU,EACZ,CACF,EAGD,SAAAD,GAAM,MAAM,IAAI,CAACU,EAAMC,OACtB,OAAC,eAA8C,UAAU,mBACvD,mBAACT,EAAA,CAAM,KAAMQ,EAAM,cAAeV,GAAM,cAAe,GADvCI,EAAK,cAAgBO,CAEvC,CACD,EACH,CAEJ,CAAC,EAEDb,EAAU,YAAc,YAExB,IAAON,EAAQM",
+  "names": ["SwiperBox_exports", "__export", "SwiperBox_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_modules", "SwiperBox", "React", "data", "breakpoints", "Slide", "className", "id", "isStart", "setStart", "isEnd", "setEnd", "swiper", "item", "jIndex"]
+}

package/dist/cjs/biz-components/SwiperBox/types.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface SwiperBoxProps {
+    data: {
+        list: any[];
+        configuration?: any;
+    };
+    id: string;
+    className?: string;
+    breakpoints?: Record<number, Object>;
+    Slide: React.ComponentType<{
+        data: any;
+        configuration?: any;
+    }>;
+}

package/dist/cjs/biz-components/SwiperBox/types.js ADDED Viewed

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

package/dist/cjs/biz-components/SwiperBox/types.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/SwiperBox/types.ts"],
+  "sourcesContent": ["import React from 'react'\n\nexport interface SwiperBoxProps {\n  data: {\n    list: any[]\n    configuration?: any\n  }\n  id: string\n  className?: string\n  breakpoints?: Record<number, Object>\n  Slide: React.ComponentType<{ data: any, configuration?: any }>\n}\n"],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAA,IAAAE,EAAkB",
+  "names": ["types_exports", "__toCommonJS", "import_react"]
+}

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

@@ -11,6 +11,6 @@ export { default as AccordionCards } from './AccordionCards/index.js';
 export { default as Graphic } from './Graphic/index.js';
 export { default as MediaPlayerBase } from './MediaPlayerBase/index.js';
 export { default as MediaPlayerMulti } from './MediaPlayerMulti/index.js';
-export { Marquee, MarqueeList, MarqueeImageContent, MarqueeTextContent, type FastMarqueeProps, type MarqueeListProps, type MarqueeImageContentProps, type MarqueeTextContentProps, } from './Marquee/index.js';
-export * from './Marquee/index.js';
+export { default as Marquee } from './Marquee/index.js';
+export { MarqueeList, MarqueeImageContent, MarqueeTextContent, type FastMarqueeProps, type MarqueeListProps, type MarqueeImageContentProps, type MarqueeTextContentProps, } from './Marquee/index.js';
 export { default as MultiLayoutGraphicBlock } from './MultiLayoutGraphicBlock/index.js';

package/dist/cjs/biz-components/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var L=Object.create;var p=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var G=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var b=(e,a)=>{for(var t in a)p(e,t,{get:a[t],enumerable:!0})},u=(e,a,t,d)=>{if(a&&typeof a=="object"||typeof a=="function")for(let f of T(a))!I.call(e,f)&&f!==t&&p(e,f,{get:()=>a[f],enumerable:!(d=S(a,f))||d.enumerable});return e},s=(e,a,t)=>(u(e,a,"default"),t&&u(t,a,"default")),r=(e,a,t)=>(t=e!=null?L(G(e)):{},u(a||!e||!e.__esModule?p(t,"default",{value:e,enumerable:!0}):t,e)),k=e=>u(p({},"__esModule",{value:!0}),e);var l={};b(l,{AccordionCards:()=>c.default,BrandEquity:()=>x.default,Category:()=>C.default,Evaluate:()=>q.default,Graphic:()=>g.default,HeroBanner:()=>P.default,Marquee:()=>o.Marquee,MarqueeImageContent:()=>o.MarqueeImageContent,MarqueeList:()=>o.MarqueeList,MarqueeTextContent:()=>o.MarqueeTextContent,MediaPlayerBase:()=>h.default,MediaPlayerMulti:()=>B.default,MemberEquity:()=>i.default,MultiLayoutGraphicBlock:()=>E.default,Shelf:()=>m.default,ShelfDisplay:()=>y.default,Slogan:()=>n.default,Title:()=>M.default});module.exports=k(l);var m=r(require("./Shelf/index.js")),x=r(require("./BrandEquity/index.js")),i=r(require("./MemberEquity/index.js")),n=r(require("./Slogan/index.js")),M=r(require("./Title/index.js")),y=r(require("./ShelfDisplay/index.js")),q=r(require("./Evaluate/index.js")),C=r(require("./Category/index.js")),P=r(require("./HeroBanner/index.js")),c=r(require("./AccordionCards/index.js")),g=r(require("./Graphic/index.js")),h=r(require("./MediaPlayerBase/index.js")),B=r(require("./MediaPlayerMulti/index.js")),o=require("./Marquee/index.js");s(l,require("./Marquee/index.js"),module.exports);var E=r(require("./MultiLayoutGraphicBlock/index.js"));
+"use strict";var E=Object.create;var u=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,G=Object.prototype.hasOwnProperty;var I=(a,t)=>{for(var r in t)u(a,r,{get:t[r],enumerable:!0})},l=(a,t,r,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let f of S(t))!G.call(a,f)&&f!==r&&u(a,f,{get:()=>t[f],enumerable:!(p=L(t,f))||p.enumerable});return a};var e=(a,t,r)=>(r=a!=null?E(T(a)):{},l(t||!a||!a.__esModule?u(r,"default",{value:a,enumerable:!0}):r,a)),b=a=>l(u({},"__esModule",{value:!0}),a);var k={};I(k,{AccordionCards:()=>C.default,BrandEquity:()=>d.default,Category:()=>y.default,Evaluate:()=>M.default,Graphic:()=>P.default,HeroBanner:()=>q.default,Marquee:()=>h.default,MarqueeImageContent:()=>o.MarqueeImageContent,MarqueeList:()=>o.MarqueeList,MarqueeTextContent:()=>o.MarqueeTextContent,MediaPlayerBase:()=>c.default,MediaPlayerMulti:()=>g.default,MemberEquity:()=>m.default,MultiLayoutGraphicBlock:()=>B.default,Shelf:()=>s.default,ShelfDisplay:()=>n.default,Slogan:()=>x.default,Title:()=>i.default});module.exports=b(k);var s=e(require("./Shelf/index.js")),d=e(require("./BrandEquity/index.js")),m=e(require("./MemberEquity/index.js")),x=e(require("./Slogan/index.js")),i=e(require("./Title/index.js")),n=e(require("./ShelfDisplay/index.js")),M=e(require("./Evaluate/index.js")),y=e(require("./Category/index.js")),q=e(require("./HeroBanner/index.js")),C=e(require("./AccordionCards/index.js")),P=e(require("./Graphic/index.js")),c=e(require("./MediaPlayerBase/index.js")),g=e(require("./MediaPlayerMulti/index.js")),h=e(require("./Marquee/index.js")),o=require("./Marquee/index.js"),B=e(require("./MultiLayoutGraphicBlock/index.js"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/biz-components/index.ts"],
-  "sourcesContent": ["export { default as Shelf } from './Shelf/index.js'\nexport { default as BrandEquity } from './BrandEquity/index.js'\nexport { default as MemberEquity } from './MemberEquity/index.js'\nexport { default as Slogan } from './Slogan/index.js'\nexport { default as Title } from './Title/index.js'\nexport { default as ShelfDisplay } from './ShelfDisplay/index.js'\nexport { default as Evaluate } from './Evaluate/index.js'\nexport { default as Category } from './Category/index.js'\nexport { default as HeroBanner } from './HeroBanner/index.js'\nexport { default as AccordionCards } from './AccordionCards/index.js'\nexport { default as Graphic } from './Graphic/index.js'\nexport { default as MediaPlayerBase } from './MediaPlayerBase/index.js'\nexport { default as MediaPlayerMulti } from './MediaPlayerMulti/index.js'\nexport {\n  Marquee,\n  MarqueeList,\n  MarqueeImageContent,\n  MarqueeTextContent,\n  type FastMarqueeProps,\n  type MarqueeListProps,\n  type MarqueeImageContentProps,\n  type MarqueeTextContentProps,\n} from './Marquee/index.js'\nexport * from './Marquee/index.js'\nexport { default as MultiLayoutGraphicBlock } from './MultiLayoutGraphicBlock/index.js'\n"],
-  "mappings": "wmBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0gBAAAE,EAAAF,GAAA,IAAAG,EAAiC,+BACjCC,EAAuC,qCACvCC,EAAwC,sCACxCC,EAAkC,gCAClCC,EAAiC,+BACjCC,EAAwC,sCACxCC,EAAoC,kCACpCC,EAAoC,kCACpCC,EAAsC,oCACtCC,EAA0C,wCAC1CC,EAAmC,iCACnCC,EAA2C,yCAC3CC,EAA4C,0CAC5CC,EASO,8BACPC,EAAAjB,EAAc,8BAvBd,gBAwBA,IAAAkB,EAAmD",
-  "names": ["biz_components_exports", "__export", "__toCommonJS", "import_Shelf", "import_BrandEquity", "import_MemberEquity", "import_Slogan", "import_Title", "import_ShelfDisplay", "import_Evaluate", "import_Category", "import_HeroBanner", "import_AccordionCards", "import_Graphic", "import_MediaPlayerBase", "import_MediaPlayerMulti", "import_Marquee", "__reExport", "import_MultiLayoutGraphicBlock"]
+  "sourcesContent": ["export { default as Shelf } from './Shelf/index.js'\nexport { default as BrandEquity } from './BrandEquity/index.js'\nexport { default as MemberEquity } from './MemberEquity/index.js'\nexport { default as Slogan } from './Slogan/index.js'\nexport { default as Title } from './Title/index.js'\nexport { default as ShelfDisplay } from './ShelfDisplay/index.js'\nexport { default as Evaluate } from './Evaluate/index.js'\nexport { default as Category } from './Category/index.js'\nexport { default as HeroBanner } from './HeroBanner/index.js'\nexport { default as AccordionCards } from './AccordionCards/index.js'\nexport { default as Graphic } from './Graphic/index.js'\nexport { default as MediaPlayerBase } from './MediaPlayerBase/index.js'\nexport { default as MediaPlayerMulti } from './MediaPlayerMulti/index.js'\nexport { default as Marquee } from './Marquee/index.js'\nexport {\n  MarqueeList,\n  MarqueeImageContent,\n  MarqueeTextContent,\n  type FastMarqueeProps,\n  type MarqueeListProps,\n  type MarqueeImageContentProps,\n  type MarqueeTextContentProps,\n} from './Marquee/index.js'\nexport { default as MultiLayoutGraphicBlock } from './MultiLayoutGraphicBlock/index.js'\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0gBAAAE,EAAAF,GAAA,IAAAG,EAAiC,+BACjCC,EAAuC,qCACvCC,EAAwC,sCACxCC,EAAkC,gCAClCC,EAAiC,+BACjCC,EAAwC,sCACxCC,EAAoC,kCACpCC,EAAoC,kCACpCC,EAAsC,oCACtCC,EAA0C,wCAC1CC,EAAmC,iCACnCC,EAA2C,yCAC3CC,EAA4C,0CAC5CC,EAAmC,iCACnCA,EAQO,8BACPC,EAAmD",
+  "names": ["biz_components_exports", "__export", "__toCommonJS", "import_Shelf", "import_BrandEquity", "import_MemberEquity", "import_Slogan", "import_Title", "import_ShelfDisplay", "import_Evaluate", "import_Category", "import_HeroBanner", "import_AccordionCards", "import_Graphic", "import_MediaPlayerBase", "import_MediaPlayerMulti", "import_Marquee", "import_MultiLayoutGraphicBlock"]
 }

package/dist/cjs/components/container.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";"use client";var C=Object.create;var n=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var b=(e,o)=>{for(var t in o)n(e,t,{get:o[t],enumerable:!0})},m=(e,o,t,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of y(o))!R.call(e,a)&&a!==t&&n(e,a,{get:()=>o[a],enumerable:!(p=x(o,a))||p.enumerable});return e};var h=(e,o,t)=>(t=e!=null?C(f(e)):{},m(o||!e||!e.__esModule?n(t,"default",{value:e,enumerable:!0}):t,e)),N=e=>m(n({},"__esModule",{value:!0}),e);var P={};b(P,{Container:()=>r});module.exports=N(P);var c=require("react/jsx-runtime"),s=h(require("react")),i=require("../helpers/utils.js"),l=require("@radix-ui/react-slot");const r=s.default.forwardRef(({...e},o)=>{const{asChild:t,children:p,className:a,...d}=e;return(0,c.jsx)(t?l.Slot:"div",{...d,ref:o,className:(0,i.cn)("tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-auto mx-auto box-border max-w-[1664px]","tablet:my-20 laptop:my-24 desktop:my-28 lg-desktop:my-32 my-16",a),children:p})});r.displayName="Container";
+"use strict";"use client";var C=Object.create;var n=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var b=(e,o)=>{for(var t in o)n(e,t,{get:o[t],enumerable:!0})},m=(e,o,t,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of f(o))!R.call(e,p)&&p!==t&&n(e,p,{get:()=>o[p],enumerable:!(a=x(o,p))||a.enumerable});return e};var h=(e,o,t)=>(t=e!=null?C(y(e)):{},m(o||!e||!e.__esModule?n(t,"default",{value:e,enumerable:!0}):t,e)),N=e=>m(n({},"__esModule",{value:!0}),e);var P={};b(P,{Container:()=>r});module.exports=N(P);var c=require("react/jsx-runtime"),l=h(require("react")),s=require("../helpers/utils.js"),i=require("@radix-ui/react-slot");const r=l.default.forwardRef(({...e},o)=>{const{asChild:t,children:a,className:p,...d}=e;return(0,c.jsx)(t?i.Slot:"div",{...d,ref:o,className:(0,s.cn)("mx-auto box-border w-full max-w-[1664px]","tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-32 px-8 ","tablet:my-20 laptop:my-24 desktop:my-28 lg-desktop:my-32 my-16",p),children:a})});r.displayName="Container";
 //# sourceMappingURL=container.js.map

package/dist/cjs/components/container.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/container.tsx"],
-  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { cn } from '../helpers/utils.js'\nimport { Slot } from '@radix-ui/react-slot'\n\ntype ContainerElement = React.ElementRef<'div'>\ntype ContainerProps = {\n  asChild?: boolean\n  children?: React.ReactNode\n  className?: string\n} & React.ComponentPropsWithoutRef<'div'>\nconst Container = React.forwardRef<ContainerElement, ContainerProps>(({ ...props }, forwardedRef) => {\n  const { asChild, children, className, ...containerProps } = props\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...containerProps}\n      ref={forwardedRef}\n      className={cn(\n        'tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-auto mx-auto box-border max-w-[1664px]',\n        'tablet:my-20 laptop:my-24 desktop:my-28 lg-desktop:my-32 my-16',\n        className\n      )}\n    >\n      {children}\n    </Comp>\n  )\n})\nContainer.displayName = 'Container'\n\nexport { Container }\nexport type { ContainerProps }\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAAA,eAAAC,EAAAH,GAgBI,IAAAI,EAAA,6BAfJC,EAAkB,oBAClBC,EAAmB,+BACnBC,EAAqB,gCAQrB,MAAML,EAAY,EAAAM,QAAM,WAA6C,CAAC,CAAE,GAAGC,CAAM,EAAGC,IAAiB,CACnG,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAe,EAAIL,EAG5D,SACE,OAHWE,EAAU,OAAO,MAG3B,CACE,GAAGG,EACJ,IAAKJ,EACL,aAAW,MACT,8FACA,iEACAG,CACF,EAEC,SAAAD,EACH,CAEJ,CAAC,EACDV,EAAU,YAAc",
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { cn } from '../helpers/utils.js'\nimport { Slot } from '@radix-ui/react-slot'\n\ntype ContainerElement = React.ElementRef<'div'>\ntype ContainerProps = {\n  asChild?: boolean\n  children?: React.ReactNode\n  className?: string\n} & React.ComponentPropsWithoutRef<'div'>\nconst Container = React.forwardRef<ContainerElement, ContainerProps>(({ ...props }, forwardedRef) => {\n  const { asChild, children, className, ...containerProps } = props\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...containerProps}\n      ref={forwardedRef}\n      className={cn(\n        'mx-auto box-border w-full max-w-[1664px]',\n        'tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-32 px-8 ',\n        'tablet:my-20 laptop:my-24 desktop:my-28 lg-desktop:my-32 my-16',\n        className\n      )}\n    >\n      {children}\n    </Comp>\n  )\n})\nContainer.displayName = 'Container'\n\nexport { Container }\nexport type { ContainerProps }\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAAA,eAAAC,EAAAH,GAgBI,IAAAI,EAAA,6BAfJC,EAAkB,oBAClBC,EAAmB,+BACnBC,EAAqB,gCAQrB,MAAML,EAAY,EAAAM,QAAM,WAA6C,CAAC,CAAE,GAAGC,CAAM,EAAGC,IAAiB,CACnG,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAe,EAAIL,EAG5D,SACE,OAHWE,EAAU,OAAO,MAG3B,CACE,GAAGG,EACJ,IAAKJ,EACL,aAAW,MACT,2CACA,gEACA,iEACAG,CACF,EAEC,SAAAD,EACH,CAEJ,CAAC,EACDV,EAAU,YAAc",
   "names": ["container_exports", "__export", "Container", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_react_slot", "React", "props", "forwardedRef", "asChild", "children", "className", "containerProps"]
 }

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

@@ -1,16 +1,19 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ products, className, shape, itemShape, event, primaryButton, }: {
-        products: Array<{
-            title: string;
-            img: string;
-            subTitle: string;
-        }>;
+    component: ({ data, className, event }: {
         className?: string;
-        shape?: "round" | "square";
-        itemShape?: "round" | "square";
-        primaryButton?: string;
+        data: {
+            title?: string;
+            items: Array<{
+                title: string;
+                img: string;
+                subTitle: string;
+            }>;
+            shape?: "round" | "square";
+            itemShape?: "round" | "square";
+            primaryButton?: string;
+        };
         event?: {
             primaryButton?: {
                 onClick: (v: any) => void;

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/accordionCards.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport AccordionCards from '../biz-components/AccordionCards/index.js'\n\nconst meta = {\n  title: 'Biz-Components/AccordionCards',\n  component: AccordionCards,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof AccordionCards>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mock = [\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    products: mock,\n    primaryButton: 'Learn More',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    products: mock,\n    shape: 'round',\n    itemShape: 'round',\n    primaryButton: 'Learn More',\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAA2B,wDAE3B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAO,CACX,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,SAAUO,EACV,cAAe,YACjB,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,SAAUM,EACV,MAAO,QACP,UAAW,QACX,cAAe,YACjB,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport AccordionCards from '../biz-components/AccordionCards/index.js'\n\nconst meta = {\n  title: 'Biz-Components/AccordionCards',\n  component: AccordionCards,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof AccordionCards>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mock = [\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      items: mock,\n      primaryButton: 'Learn More',\n    },\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      items: mock,\n      shape: 'round',\n      itemShape: 'round',\n      primaryButton: 'Learn More',\n    },\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAA2B,wDAE3B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAO,CACX,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAOO,EACP,cAAe,YACjB,CACF,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAOM,EACP,MAAO,QACP,UAAW,QACX,cAAe,YACjB,CACF,CACF",
   "names": ["accordionCards_stories_exports", "__export", "Default", "Round", "accordionCards_stories_default", "__toCommonJS", "import_AccordionCards", "meta", "AccordionCards", "mock"]
 }