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

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

@@ -1,23 +1,33 @@
 import React from 'react';
 import { type MarqueeProps as FastMarqueeProps } from 'react-fast-marquee';
-declare const Marquee: React.ForwardRefExoticComponent<Omit<FastMarqueeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface MarqueeListProps {
     children?: React.ReactNode;
     className?: string;
 }
 declare const MarqueeList: React.ForwardRefExoticComponent<MarqueeListProps & React.RefAttributes<HTMLDivElement>>;
 interface MarqueeImageContentProps {
-    image: string;
+    data: {
+        image: string;
+    };
     className?: string;
 }
 declare const MarqueeImageContent: {
-    ({ image, className }: MarqueeImageContentProps): import("react/jsx-runtime").JSX.Element;
+    ({ data: { image }, className }: MarqueeImageContentProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 interface MarqueeTextContentProps {
-    text: string;
+    data: {
+        text: string;
+    };
     className?: string;
 }
 declare const MarqueeTextContent: React.ForwardRefExoticComponent<MarqueeTextContentProps & React.RefAttributes<HTMLDivElement>>;
-export { Marquee, MarqueeList, MarqueeImageContent, MarqueeTextContent };
+declare const _default: {
+    (props: Omit<FastMarqueeProps, 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;
+export { MarqueeList, MarqueeImageContent, MarqueeTextContent };
 export type { FastMarqueeProps, MarqueeListProps, MarqueeImageContentProps, MarqueeTextContentProps };

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

@@ -1,2 +1,2 @@
-"use client";import{jsx as a}from"react/jsx-runtime";import s from"react";import{default as c}from"react-fast-marquee";import"react-fast-marquee";import{Picture as M,Text as l}from"../../components/index.js";import{cn as o}from"../../helpers/utils.js";const n=s.forwardRef(({children:e,...t},r)=>a(c,{ref:r,...t,children:e}));n.displayName="Marquee";const i=s.forwardRef(({className:e,children:t,...r},u)=>a("div",{className:o("laptop:gap-16 flex items-center gap-6",e),ref:u,children:t}));i.displayName="MarqueeList";const p=({image:e,className:t})=>a(M,{source:e,className:o("aspect-w-[120] aspect-h-[80] laptop:w-[120px] w-[72px]",t),imgClassName:"object-cover"});p.displayName="MarqueeImageContent";const m=s.forwardRef(({text:e,className:t},r)=>a(l,{as:"div",ref:r,html:e,className:o("text-lines-2 flex size-14 items-center justify-center text-nowrap font-medium leading-[1.2]",t)}));m.displayName="MarqueeTextContent";export{n as Marquee,p as MarqueeImageContent,i as MarqueeList,m as MarqueeTextContent};
+"use client";import{jsx as a}from"react/jsx-runtime";import o from"react";import c from"react-fast-marquee";import"react-fast-marquee";import{Picture as l,Text as M}from"../../components/index.js";import{cn as r}from"../../helpers/utils.js";import{withStyles as q}from"../../shared/Styles.js";const n=({children:e,...t})=>a(c,{...t,children:e});n.displayName="Marquee";const p=o.forwardRef(({className:e,children:t,...s},u)=>a("div",{className:r("laptop:gap-16 flex items-center gap-6",e),ref:u,children:t}));p.displayName="MarqueeList";const i=({data:{image:e},className:t})=>a(l,{source:e,className:r("laptop:h-[80px] laptop:w-[120px] h-[48px] w-[72px]",t),imgClassName:"object-cover"});i.displayName="MarqueeImageContent";const m=o.forwardRef(({data:{text:e},className:t},s)=>a(M,{as:"div",ref:s,html:e,className:r("text-lines-2 flex size-14 items-center justify-center text-nowrap font-medium leading-[1.2]",t)}));m.displayName="MarqueeTextContent";var C=q(n);export{i as MarqueeImageContent,p as MarqueeList,m as MarqueeTextContent,C as default};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/Marquee/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { default as FastMarquee } from 'react-fast-marquee'\nimport { type MarqueeProps as FastMarqueeProps } from 'react-fast-marquee'\nimport { Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\n\nconst Marquee = React.forwardRef<HTMLDivElement, FastMarqueeProps>(({ children, ...props }, ref) => {\n  return (\n    <FastMarquee ref={ref} {...props}>\n      {children}\n    </FastMarquee>\n  )\n})\n\nMarquee.displayName = 'Marquee'\n\ninterface MarqueeListProps {\n  children?: React.ReactNode\n  className?: string\n}\n\nconst MarqueeList = React.forwardRef<HTMLDivElement, MarqueeListProps>(({ className, children, ...props }, ref) => {\n  return (\n    <div className={cn('laptop:gap-16 flex items-center gap-6', className)} ref={ref}>\n      {children}\n    </div>\n  )\n})\n\nMarqueeList.displayName = 'MarqueeList'\n\ninterface MarqueeImageContentProps {\n  image: string\n  className?: string\n}\n\nconst MarqueeImageContent = ({ image, className }: MarqueeImageContentProps) => {\n  return (\n    <Picture\n      source={image}\n      className={cn('aspect-w-[120] aspect-h-[80] laptop:w-[120px] w-[72px]', className)}\n      imgClassName=\"object-cover\"\n    />\n  )\n}\n\nMarqueeImageContent.displayName = 'MarqueeImageContent'\n\ninterface MarqueeTextContentProps {\n  text: string\n  className?: string\n}\n\nconst MarqueeTextContent = React.forwardRef<HTMLDivElement, MarqueeTextContentProps>(({ text, className }, ref) => {\n  return (\n    <Text\n      as=\"div\"\n      ref={ref}\n      html={text}\n      className={cn(\n        'text-lines-2 flex size-14 items-center justify-center text-nowrap font-medium leading-[1.2]',\n        className\n      )}\n    />\n  )\n})\n\nMarqueeTextContent.displayName = 'MarqueeTextContent'\n\nexport { Marquee, MarqueeList, MarqueeImageContent, MarqueeTextContent }\nexport type { FastMarqueeProps, MarqueeListProps, MarqueeImageContentProps, MarqueeTextContentProps }\n"],
-  "mappings": "aASI,cAAAA,MAAA,oBARJ,OAAOC,MAAW,QAClB,OAAS,WAAWC,MAAmB,qBACvC,MAAsD,qBACtD,OAAS,WAAAC,EAAS,QAAAC,MAAY,4BAC9B,OAAS,MAAAC,MAAU,yBAEnB,MAAMC,EAAUL,EAAM,WAA6C,CAAC,CAAE,SAAAM,EAAU,GAAGC,CAAM,EAAGC,IAExFT,EAACE,EAAA,CAAY,IAAKO,EAAM,GAAGD,EACxB,SAAAD,EACH,CAEH,EAEDD,EAAQ,YAAc,UAOtB,MAAMI,EAAcT,EAAM,WAA6C,CAAC,CAAE,UAAAU,EAAW,SAAAJ,EAAU,GAAGC,CAAM,EAAGC,IAEvGT,EAAC,OAAI,UAAWK,EAAG,wCAAyCM,CAAS,EAAG,IAAKF,EAC1E,SAAAF,EACH,CAEH,EAEDG,EAAY,YAAc,cAO1B,MAAME,EAAsB,CAAC,CAAE,MAAAC,EAAO,UAAAF,CAAU,IAE5CX,EAACG,EAAA,CACC,OAAQU,EACR,UAAWR,EAAG,yDAA0DM,CAAS,EACjF,aAAa,eACf,EAIJC,EAAoB,YAAc,sBAOlC,MAAME,EAAqBb,EAAM,WAAoD,CAAC,CAAE,KAAAc,EAAM,UAAAJ,CAAU,EAAGF,IAEvGT,EAACI,EAAA,CACC,GAAG,MACH,IAAKK,EACL,KAAMM,EACN,UAAWV,EACT,8FACAM,CACF,EACF,CAEH,EAEDG,EAAmB,YAAc",
-  "names": ["jsx", "React", "FastMarquee", "Picture", "Text", "cn", "Marquee", "children", "props", "ref", "MarqueeList", "className", "MarqueeImageContent", "image", "MarqueeTextContent", "text"]
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport FastMarquee from 'react-fast-marquee'\nimport { type MarqueeProps as FastMarqueeProps } from 'react-fast-marquee'\nimport { Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withStyles } from '../../shared/Styles.js'\n\nconst Marquee = ({ children, ...props }: FastMarqueeProps) => {\n  return <FastMarquee {...props}>{children}</FastMarquee>\n}\nMarquee.displayName = 'Marquee'\n\ninterface MarqueeListProps {\n  children?: React.ReactNode\n  className?: string\n}\n\nconst MarqueeList = React.forwardRef<HTMLDivElement, MarqueeListProps>(({ className, children, ...props }, ref) => {\n  return (\n    <div className={cn('laptop:gap-16 flex items-center gap-6', className)} ref={ref}>\n      {children}\n    </div>\n  )\n})\n\nMarqueeList.displayName = 'MarqueeList'\n\ninterface MarqueeImageContentProps {\n  data: {\n    image: string\n  }\n  className?: string\n}\n\nconst MarqueeImageContent = ({ data: { image }, className }: MarqueeImageContentProps) => {\n  return (\n    <Picture\n      source={image}\n      className={cn('laptop:h-[80px] laptop:w-[120px] h-[48px] w-[72px]', className)}\n      imgClassName=\"object-cover\"\n    />\n  )\n}\n\nMarqueeImageContent.displayName = 'MarqueeImageContent'\n\ninterface MarqueeTextContentProps {\n  data: {\n    text: string\n  }\n  className?: string\n}\n\nconst MarqueeTextContent = React.forwardRef<HTMLDivElement, MarqueeTextContentProps>(\n  ({ data: { text }, className }, ref) => {\n    return (\n      <Text\n        as=\"div\"\n        ref={ref}\n        html={text}\n        className={cn(\n          'text-lines-2 flex size-14 items-center justify-center text-nowrap font-medium leading-[1.2]',\n          className\n        )}\n      />\n    )\n  }\n)\n\nMarqueeTextContent.displayName = 'MarqueeTextContent'\n\nexport default withStyles(Marquee)\nexport { MarqueeList, MarqueeImageContent, MarqueeTextContent }\nexport type { FastMarqueeProps, MarqueeListProps, MarqueeImageContentProps, MarqueeTextContentProps }\n"],
+  "mappings": "aASS,cAAAA,MAAA,oBART,OAAOC,MAAW,QAClB,OAAOC,MAAiB,qBACxB,MAAsD,qBACtD,OAAS,WAAAC,EAAS,QAAAC,MAAY,4BAC9B,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAE3B,MAAMC,EAAU,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAM,IAC7BT,EAACE,EAAA,CAAa,GAAGO,EAAQ,SAAAD,EAAS,EAE3CD,EAAQ,YAAc,UAOtB,MAAMG,EAAcT,EAAM,WAA6C,CAAC,CAAE,UAAAU,EAAW,SAAAH,EAAU,GAAGC,CAAM,EAAGG,IAEvGZ,EAAC,OAAI,UAAWK,EAAG,wCAAyCM,CAAS,EAAG,IAAKC,EAC1E,SAAAJ,EACH,CAEH,EAEDE,EAAY,YAAc,cAS1B,MAAMG,EAAsB,CAAC,CAAE,KAAM,CAAE,MAAAC,CAAM,EAAG,UAAAH,CAAU,IAEtDX,EAACG,EAAA,CACC,OAAQW,EACR,UAAWT,EAAG,qDAAsDM,CAAS,EAC7E,aAAa,eACf,EAIJE,EAAoB,YAAc,sBASlC,MAAME,EAAqBd,EAAM,WAC/B,CAAC,CAAE,KAAM,CAAE,KAAAe,CAAK,EAAG,UAAAL,CAAU,EAAGC,IAE5BZ,EAACI,EAAA,CACC,GAAG,MACH,IAAKQ,EACL,KAAMI,EACN,UAAWX,EACT,8FACAM,CACF,EACF,CAGN,EAEAI,EAAmB,YAAc,qBAEjC,IAAOE,EAAQX,EAAWC,CAAO",
+  "names": ["jsx", "React", "FastMarquee", "Picture", "Text", "cn", "withStyles", "Marquee", "children", "props", "MarqueeList", "className", "ref", "MarqueeImageContent", "image", "MarqueeTextContent", "text", "Marquee_default"]
 }

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

@@ -1,6 +1,6 @@
-import type { TestimonialSectionProps } from './types.js';
+import type { MediaPlayerMultiProps } from './types.js';
 declare const _default: {
-    (props: Omit<TestimonialSectionProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
+    (props: Omit<MediaPlayerMultiProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
         className?: string;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;

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

@@ -1,2 +1,2 @@
-"use client";import{jsx as e,jsxs as l}from"react/jsx-runtime";import"react";import{cn as s}from"../../helpers/utils.js";import{withStyles as d}from"../../shared/Styles.js";import{Picture as m}from"../../components/index.js";import r from"../Title/index.js";const c=({data:{items:o=[],title:a},className:i=""})=>l("div",{className:i,children:[a&&e(r,{data:{title:a}}),e("div",{className:s("flex gap-4 overflow-x-auto",i),children:o.map((t,p)=>l("div",{className:s("w-swiper-1/2 tablet:flex-row flex shrink-0 flex-col overflow-hidden","lg-desktop:h-[480px] desktop:h-[384px] laptop:h-[360px] h-[360px]"),children:[l("div",{className:"tablet:w-[49%] relative w-full flex-none",children:[e(m,{source:t.backgroundImage,alt:t.name,className:"size-full",imgClassName:"w-full h-full object-cover"}),e("div",{className:"absolute bottom-6 right-6 flex items-center justify-center",children:e("div",{className:"tablet:size-12 flex size-10 items-center justify-center rounded-full bg-white bg-opacity-20",children:e("svg",{width:"12",height:"14",viewBox:"0 0 12 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M12 7L0 14L0 0L12 7Z",fill:"white"})})})})]}),l("div",{className:"tablet:gap-[60px] tablet:p-6 flex flex-col gap-[30px] bg-white p-4",children:[l("div",{className:"flex flex-col gap-2",children:[e("h3",{className:"lg-desktop:text-lg text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]",children:t.name}),e("p",{className:"lg-desktop:text-lg text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]",children:t.description})]}),e("p",{className:"lg-desktop:text-2xl text-lg font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]",children:t.quote})]})]},p))})]});var u=d(c);export{u as default};
+"use client";import{jsx as e,jsxs as l}from"react/jsx-runtime";import"react";import{cn as o}from"../../helpers/utils.js";import{withStyles as m}from"../../shared/Styles.js";import{Picture as r}from"../../components/index.js";import d from"../Title/index.js";import p from"../SwiperBox/index.js";const f=({data:t})=>l("div",{className:o("tablet:max-w-full w-full max-w-[296px] overflow-hidden","tablet:flex-row flex shrink-0 flex-col ","lg-desktop:h-[480px] desktop:h-[384px] laptop:h-[360px] h-auto"),children:[l("div",{className:"tablet:w-[49%] relative w-full flex-none",children:[e(r,{source:t.backgroundImage,alt:t.name,className:"size-full",imgClassName:"w-full h-full object-cover"}),e("div",{className:"absolute bottom-6 right-6",children:e("div",{className:"tablet:size-12 flex size-10 items-center justify-center rounded-full bg-white bg-opacity-20",children:e("svg",{width:"12",height:"14",viewBox:"0 0 12 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M12 7L0 14L0 0L12 7Z",fill:"white"})})})})]}),l("div",{className:"tablet:gap-[60px] tablet:p-6 flex min-h-[200px] flex-col justify-between gap-4 bg-white p-4",children:[l("div",{className:"flex flex-col gap-2",children:[e("h3",{className:"lg-desktop:text-lg text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]",children:t.name}),e("p",{className:"lg-desktop:text-lg text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]",children:t.description})]}),e("p",{className:"lg-desktop:text-2xl tablet:h-[65%] min-h-[100px] text-lg font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]",children:t.quote})]})]}),n=({data:{items:t=[],title:i},className:a="",key:s})=>l("div",{className:a,children:[i&&e(d,{data:{title:i}}),e(p,{className:"!overflow-visible",id:"MediaPlayerMultiSwiper"+s,data:{list:t},Slide:f})]});var y=m(n);export{y as default};
 //# sourceMappingURL=index.js.map

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

@@ -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": "aAYgB,cAAAA,EAUJ,QAAAC,MAVI,oBAXhB,MAAkB,QAClB,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAC3B,OAAS,WAAAC,MAAe,4BACxB,OAAOC,MAAW,oBAIlB,MAAMC,EAAsD,CAAC,CAAE,KAAM,CAAE,MAAAC,EAAQ,CAAC,EAAG,MAAAC,CAAM,EAAG,UAAAC,EAAY,EAAG,IAEvGR,EAAC,OAAI,UAAWQ,EACb,UAAAD,GAASR,EAACK,EAAA,CAAM,KAAM,CAAE,MAAAG,CAAM,EAAG,EAClCR,EAAC,OAAI,UAAWE,EAAG,6BAA8BO,CAAS,EACvD,SAAAF,EAAM,IAAI,CAACG,EAAMC,IAChBV,EAAC,OAEC,UAAWC,EACT,sEACA,mEACF,EAEA,UAAAD,EAAC,OAAI,UAAU,2CACb,UAAAD,EAACI,EAAA,CACC,OAAQM,EAAK,gBACb,IAAKA,EAAK,KACV,UAAU,YACV,aAAa,6BACf,EACAV,EAAC,OAAI,UAAU,6DACb,SAAAA,EAAC,OAAI,UAAU,8FACb,SAAAA,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAC,QAAK,EAAE,uBAAuB,KAAK,QAAQ,EAC9C,EACF,EACF,GACF,EAEAC,EAAC,OAAI,UAAU,qEACb,UAAAA,EAAC,OAAI,UAAU,sBACb,UAAAD,EAAC,MAAG,UAAU,yFACX,SAAAU,EAAK,KACR,EACAV,EAAC,KAAE,UAAU,yFACV,SAAAU,EAAK,YACR,GACF,EAEAV,EAAC,KAAE,UAAU,wFACV,SAAAU,EAAK,MACR,GACF,IAnCKC,CAoCP,CACD,EACH,GACF,EAIJ,IAAOC,EAAQT,EAAWG,CAAgB",
-  "names": ["jsx", "jsxs", "cn", "withStyles", "Picture", "Title", "MediaPlayerMulti", "items", "title", "className", "item", "index", "MediaPlayerMulti_default"]
+  "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": "aAmBM,OACE,OAAAA,EADF,QAAAC,MAAA,oBAlBN,MAAkB,QAClB,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAC3B,OAAS,WAAAC,MAA0B,4BACnC,OAAOC,MAAW,oBAClB,OAAOC,MAAe,wBAItB,MAAMC,EAAkB,CAAC,CAAE,KAAAC,CAAK,IAE5BP,EAAC,OACC,UAAWC,EACT,yDACA,0CACA,gEACF,EAEA,UAAAD,EAAC,OAAI,UAAU,2CACb,UAAAD,EAACI,EAAA,CACC,OAAQI,EAAK,gBACb,IAAKA,EAAK,KACV,UAAU,YACV,aAAa,6BACf,EACAR,EAAC,OAAI,UAAU,4BACb,SAAAA,EAAC,OAAI,UAAU,8FACb,SAAAA,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAC,QAAK,EAAE,uBAAuB,KAAK,QAAQ,EAC9C,EACF,EACF,GACF,EAEAC,EAAC,OAAI,UAAU,8FACb,UAAAA,EAAC,OAAI,UAAU,sBACb,UAAAD,EAAC,MAAG,UAAU,yFACX,SAAAQ,EAAK,KACR,EACAR,EAAC,KAAE,UAAU,yFACV,SAAAQ,EAAK,YACR,GACF,EAEAR,EAAC,KAAE,UAAU,qHACV,SAAAQ,EAAK,MACR,GACF,GACF,EAIEC,EAAoD,CAAC,CAAE,KAAM,CAAE,MAAAC,EAAQ,CAAC,EAAG,MAAAC,CAAM,EAAG,UAAAC,EAAY,GAAI,IAAAC,CAAI,IAE1GZ,EAAC,OAAI,UAAWW,EACb,UAAAD,GAASX,EAACK,EAAA,CAAM,KAAM,CAAE,MAAAM,CAAM,EAAG,EAClCX,EAACM,EAAA,CACC,UAAU,oBACV,GAAI,yBAA2BO,EAC/B,KAAM,CAAE,KAAMH,CAAM,EACpB,MAAOH,EACT,GACF,EAIJ,IAAOO,EAAQX,EAAWM,CAAgB",
+  "names": ["jsx", "jsxs", "cn", "withStyles", "Picture", "Title", "SwiperBox", "MediaPlayerItem", "data", "MediaPlayerMulti", "items", "title", "className", "key", "MediaPlayerMulti_default"]
 }

package/dist/esm/biz-components/MediaPlayerMulti/types.d.ts

@@ -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/esm/biz-components/MemberEquity/index.js

@@ -1,12 +1,9 @@
-"use client";import{jsx as t,jsxs as e}from"react/jsx-runtime";import"react";import{Button as a}from"../../components/index.js";import{withStyles as c}from"../../shared/Styles.js";const u=({data:o,className:l=""})=>{const{title:d,description:s,backgroundImage:x,primaryButton:r,secondaryButton:n,theme:i,shape:p}=o,m=()=>{},g=()=>{};return e("section",{"data-ui-component-id":"MemberEquity",className:`
-        ${i==="dark"?"aiui-dark":""}
-        relative w-full overflow-hidden bg-[#242426]
-        ${p==="rounded"?"tablet:rounded-lg laptop:rounded-xl desktop:rounded-2xl rounded-none":""}
-        ${l}
-      `,children:[t("div",{className:"absolute inset-0 size-full",style:{backgroundImage:`
-            radial-gradient(circle at 70% 176%, rgba(84, 85, 87, 0) 72%, rgba(84, 85, 87, 1) 100%),
-            url(${x})
-          `,backgroundSize:"cover",backgroundPosition:"center"}}),t("div",{className:`
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import"react";import{Button as o,Heading as g,Text as b}from"../../components/index.js";import{withStyles as y}from"../../shared/Styles.js";const k=({data:p,className:d=""})=>{const{title:s,description:l,backgroundImage:i,mobileBackgroundImage:r,primaryButton:n,secondaryButton:c,theme:u,shape:a}=p,m=()=>{},x=()=>{};return t("section",{"data-ui-component-id":"MemberEquity",className:`
+        ${u==="dark"?"aiui-dark":""}
+        relative 
+        ${a==="rounded"?"rounded-box":""}
+        ${d}
+      `,children:[e("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:block absolute inset-0 hidden size-full object-cover",children:e("source",{src:i,type:"video/mp4"})}),e("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:hidden absolute inset-0 size-full object-cover",children:e("source",{src:r,type:"video/mp4"})}),e("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,28 +11,14 @@
         flex
         aspect-[343/200]
         w-full items-center
-      `,children:e("div",{className:`
+      `,children:t("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:[e("div",{className:"tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4 flex flex-col gap-2",children:[t("h2",{className:`
-              member-equity-title font-mont tablet:text-2xl laptop:text-3xl desktop:text-4xl
-              lg-desktop:text-[32px] tablet:max-w-[300px] laptop:max-w-[400px] desktop:max-w-[500px] lg-desktop:max-w-[547px]
-              max-w-[280px]
-              text-xl font-bold leading-[1.2] tracking-[-0.04em] text-white
-            `,children:d}),t("p",{className:`
-              member-equity-description font-pingfang tablet:text-sm laptop:text-base desktop:text-lg
-              lg-desktop:text-lg tablet:max-w-[286px] laptop:max-w-[350px] desktop:max-w-[426px] lg-desktop:max-w-[547px]
-              max-w-[260px]
-              text-sm font-semibold leading-[1.4] tracking-[-0.02em] text-white
-            `,children:s})]}),e("div",{className:"tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex items-center gap-3",children:[t(a,{variant:"primary",onClick:m,className:`
-                member-equity-button-primary tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base tablet:px-5 laptop:px-6 desktop:px-7 lg-desktop:px-7 tablet:py-[10px]
-                laptop:py-[11px] desktop:py-[12px] lg-desktop:py-[14px] border border-white bg-transparent px-4
-                py-2 text-xs text-white hover:bg-white hover:text-black
-                ${p==="rounded"?"tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]":""}
-              `,children:r.text}),t(a,{variant:"secondary",onClick:g,className:`
-                member-equity-button-secondary tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base tablet:px-5
-                laptop:px-6 desktop:px-7 lg-desktop:px-7 tablet:py-[10px] laptop:py-[11px]
-                desktop:py-[12px] lg-desktop:py-[14px] px-4 py-2 text-xs
-                ${p==="rounded"?"tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]":""}
-              `,children:n.text})]})]})})]})};var w=c(u);export{w as default};
+        `,children:[t("div",{className:"tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4 flex flex-col gap-2",children:[e(g,{as:"h2",size:5,className:"member-equity-title ",children:s}),e(b,{size:3,className:"member-equity-description",html:l})]}),t("div",{className:"tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex items-center gap-3",children:[e(o,{variant:"secondary",onClick:x,className:`
+                member-equity-button-secondary 
+                ${a==="rounded"?"tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]":""}
+              `,children:c.text}),e(o,{variant:"primary",onClick:m,className:`
+                member-equity-button-primary 
+                ${a==="rounded"?"tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]":""}
+              `,children:n.text})]})]})})]})};var q=y(k);export{q as default};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/MemberEquity/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { Button } 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, 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      <div\n        className=\"absolute inset-0 size-full\"\n        style={{\n          backgroundImage: `\n            radial-gradient(circle at 70% 176%, rgba(84, 85, 87, 0) 72%, rgba(84, 85, 87, 1) 100%),\n            url(${backgroundImage})\n          `,\n          backgroundSize: 'cover',\n          backgroundPosition: 'center',\n        }}\n      />\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            <h2\n              className={`\n              member-equity-title font-mont tablet:text-2xl laptop:text-3xl desktop:text-4xl\n              lg-desktop:text-[32px] tablet:max-w-[300px] laptop:max-w-[400px] desktop:max-w-[500px] lg-desktop:max-w-[547px]\n              max-w-[280px]\n              text-xl font-bold leading-[1.2] tracking-[-0.04em] text-white\n            `}\n            >\n              {title}\n            </h2>\n            <p\n              className={`\n              member-equity-description font-pingfang tablet:text-sm laptop:text-base desktop:text-lg\n              lg-desktop:text-lg tablet:max-w-[286px] laptop:max-w-[350px] desktop:max-w-[426px] lg-desktop:max-w-[547px]\n              max-w-[260px]\n              text-sm font-semibold leading-[1.4] tracking-[-0.02em] text-white\n            `}\n            >\n              {description}\n            </p>\n          </div>\n\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=\"primary\"\n              onClick={handleButtonPrimaryClick}\n              className={`\n                member-equity-button-primary tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base tablet:px-5 laptop:px-6 desktop:px-7 lg-desktop:px-7 tablet:py-[10px]\n                laptop:py-[11px] desktop:py-[12px] lg-desktop:py-[14px] border border-white bg-transparent px-4\n                py-2 text-xs text-white hover:bg-white hover:text-black\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            <Button\n              variant=\"secondary\"\n              onClick={handleButtonSecondaryClick}\n              className={`\n                member-equity-button-secondary tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base tablet:px-5\n                laptop:px-6 desktop:px-7 lg-desktop:px-7 tablet:py-[10px] laptop:py-[11px]\n                desktop:py-[12px] lg-desktop:py-[14px] px-4 py-2 text-xs\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          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default withStyles(MemberEquity)\n"],
-  "mappings": "aA0BM,cAAAA,EA4BI,QAAAC,MA5BJ,oBAzBN,MAAkB,QAClB,OAAS,UAAAC,MAAc,4BACvB,OAAS,cAAAC,MAAkB,yBAG3B,MAAMC,EAA4C,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAY,EAAG,IAAM,CAC9E,KAAM,CAAE,MAAAC,EAAO,YAAAC,EAAa,gBAAAC,EAAiB,cAAAC,EAAe,gBAAAC,EAAiB,MAAAC,EAAO,MAAAC,CAAM,EAAIR,EACxFS,EAA2B,IAAM,CAEvC,EAEMC,EAA6B,IAAM,CAEzC,EAEA,OACEd,EAAC,WACC,uBAAqB,eACrB,UAAW;AAAA,UACPW,IAAU,OAAS,YAAc,EAAE;AAAA;AAAA,UAEnCC,IAAU,UAAY,uEAAyE,EAAE;AAAA,UACjGP,CAAS;AAAA,QAGb,UAAAN,EAAC,OACC,UAAU,6BACV,MAAO,CACL,gBAAiB;AAAA;AAAA,kBAETS,CAAe;AAAA,YAEvB,eAAgB,QAChB,mBAAoB,QACtB,EACF,EACAT,EAAC,OACC,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUX,SAAAC,EAAC,OACC,UAAW;AAAA;AAAA;AAAA,UAKX,UAAAA,EAAC,OAAI,UAAU,+EACb,UAAAD,EAAC,MACC,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,cAOV,SAAAO,EACH,EACAP,EAAC,KACC,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,cAOV,SAAAQ,EACH,GACF,EAGAP,EAAC,OAAI,UAAU,mFACb,UAAAD,EAACE,EAAA,CACC,QAAQ,UACR,QAASY,EACT,UAAW;AAAA;AAAA;AAAA;AAAA,kBAIPD,IAAU,UAAY,8GAAgH,EAAE;AAAA,gBAG3I,SAAAH,EAAc,KACjB,EACAV,EAACE,EAAA,CACC,QAAQ,YACR,QAASa,EACT,UAAW;AAAA;AAAA;AAAA;AAAA,kBAIPF,IAAU,UAAY,8GAAgH,EAAE;AAAA,gBAG3I,SAAAF,EAAgB,KACnB,GACF,GACF,EACF,GACF,CAEJ,EAEA,IAAOK,EAAQb,EAAWC,CAAY",
-  "names": ["jsx", "jsxs", "Button", "withStyles", "MemberEquity", "data", "className", "title", "description", "backgroundImage", "primaryButton", "secondaryButton", "theme", "shape", "handleButtonPrimaryClick", "handleButtonSecondaryClick", "MemberEquity_default"]
+  "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": "aA2BQ,cAAAA,EAsBE,QAAAC,MAtBF,oBA1BR,MAAkB,QAClB,OAAS,UAAAC,EAAQ,WAAAC,EAAS,QAAAC,MAAY,4BACtC,OAAS,cAAAC,MAAkB,yBAG3B,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,OACEjB,EAAC,WACC,uBAAqB,eACrB,UAAW;AAAA,UACPc,IAAU,OAAS,YAAc,EAAE;AAAA;AAAA,UAEnCC,IAAU,UAAY,cAAgB,EAAE;AAAA,UACxCR,CAAS;AAAA,QAGb,UAAAR,EAAC,SAAM,SAAQ,GAAC,MAAK,GAAC,YAAW,GAAC,KAAI,GAAC,UAAU,8DAC/C,SAAAA,EAAC,UAAO,IAAKW,EAAiB,KAAK,YAAY,EACjD,EACAX,EAAC,SAAM,SAAQ,GAAC,MAAK,GAAC,YAAW,GAAC,KAAI,GAAC,UAAU,wDAC/C,SAAAA,EAAC,UAAO,IAAKY,EAAuB,KAAK,YAAY,EACvD,EACAZ,EAAC,OACC,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUX,SAAAC,EAAC,OACC,UAAW;AAAA;AAAA;AAAA,UAKX,UAAAA,EAAC,OAAI,UAAU,+EACb,UAAAD,EAACG,EAAA,CAAQ,GAAG,KAAK,KAAM,EAAG,UAAW,uBAClC,SAAAM,EACH,EACAT,EAACI,EAAA,CAAK,KAAM,EAAG,UAAW,4BAA6B,KAAMM,EAAa,GAC5E,EAEAT,EAAC,OAAI,UAAU,mFACb,UAAAD,EAACE,EAAA,CACC,QAAQ,YACR,QAASgB,EACT,UAAW;AAAA;AAAA,kBAEPF,IAAU,UAAY,8GAAgH,EAAE;AAAA,gBAG3I,SAAAF,EAAgB,KACnB,EACAd,EAACE,EAAA,CACC,QAAQ,UACR,QAASe,EACT,UAAW;AAAA;AAAA,kBAEPD,IAAU,UAAY,8GAAgH,EAAE;AAAA,gBAG3I,SAAAH,EAAc,KACjB,GACF,GACF,EACF,GACF,CAEJ,EAEA,IAAOM,EAAQd,EAAWC,CAAY",
+  "names": ["jsx", "jsxs", "Button", "Heading", "Text", "withStyles", "MemberEquity", "data", "className", "title", "description", "backgroundImage", "mobileBackgroundImage", "primaryButton", "secondaryButton", "theme", "shape", "handleButtonPrimaryClick", "handleButtonSecondaryClick", "MemberEquity_default"]
 }

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

@@ -5,8 +5,9 @@ export interface MemberEquityProps extends ComponentCommonProps {
         title: string;
         /** 描述文本 */
         description: string;
-        /** 背景图片 URL */
+        /** 背景图片/视频 URL */
         backgroundImage: string;
+        mobileBackgroundImage?: string;
         /** 主按钮配置 */
         primaryButton: {
             text: string;

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

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import u from"react";import{withStyles as f}from"../../shared/Styles.js";import h from"../../components/picture.js";import n from"../../components/button.js";import{Heading as c}from"../../components/heading.js";import{Text as k}from"../../components/text.js";import{Carousel as x,CarouselContent as y,CarouselItem as v}from"../../components/carousel.js";import{Grid as N,GridItem as g}from"../../components/gird.js";const d=({item:s})=>{const{theme:l="light",title:r,description:m,imageUrl:a,primaryBtn:i,secondaryBtn:e}=s;return o("div",{className:`item-wrapper relative w-full border ${l==="dark"?"aiui-dark":"aiui-light"}`,children:[t(h,{source:a,className:"inset-0"}),o("div",{className:"laptop:p-6 desktop:p-[32px] absolute inset-x-0 bottom-0 flex flex-col gap-6 p-3",children:[o("div",{children:[t(c,{className:"item-title",children:r}),t(k,{className:"item-description",children:m})]}),o("div",{className:"flex gap-2",children:[i&&t(n,{variant:"primary",asChild:!0,children:t("a",{href:i.link,children:i.text})}),e&&t(n,{variant:"secondary",asChild:!0,children:t("a",{href:e.link,children:e.text})})]})]})]})},B=u.forwardRef((s,l)=>{const{sectionTitle:r,items:m=[],carousel:a}=s.data,i=e=>{switch(e){case"full":return 12;case"half":return 6;case"one-third":return 4}};return o("section",{"data-ui-component-id":"MultiLayoutGraphicBlock",ref:l,className:"",children:[r&&t(c,{className:"section-title desktop:mb-[32px] mb-[34px]",as:"h1",size:5,children:r}),t(N,{className:"w-full",children:m.map((e,p)=>t(g,{span:i(e.width),children:t(d,{item:e})},p))}),a&&a?.items.length>0?t(x,{className:"laptop:mt-4 mt-3",children:t(y,{className:"flex",children:a.items.map((e,p)=>t(v,{className:"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5",children:t(d,{item:e})},p))})}):null]})});var T=f(B);export{T as default};
+import{jsx as t,jsxs as r}from"react/jsx-runtime";import u from"react";import{withStyles as d}from"../../shared/Styles.js";import f from"../../components/picture.js";import n from"../../components/button.js";import{Heading as h}from"../../components/heading.js";import{Text as y}from"../../components/text.js";import{Carousel as k,CarouselContent as v,CarouselItem as N}from"../../components/carousel.js";import{Grid as x,GridItem as B}from"../../components/gird.js";import C from"../Title/index.js";const p=({item:l})=>{const{theme:s="light",title:o,description:m,imageUrl:a,primaryBtn:i,secondaryBtn:e}=l;return r("div",{className:`item-wrapper relative w-full border ${s==="dark"?"aiui-dark":"aiui-light"}`,children:[t(f,{source:a,className:"inset-0"}),r("div",{className:"laptop:p-6 desktop:p-[32px] absolute inset-x-0 bottom-0 flex flex-col gap-6 p-3",children:[r("div",{children:[t(h,{className:"item-title",children:o}),t(y,{className:"item-description",children:m})]}),r("div",{className:"flex gap-2",children:[e&&t(n,{variant:"secondary",asChild:!0,children:t("a",{href:e.link,children:e.text})}),i&&t(n,{variant:"primary",asChild:!0,children:t("a",{href:i.link,children:i.text})})]})]})]})},g=u.forwardRef((l,s)=>{const{sectionTitle:o,items:m=[],carousel:a}=l.data,i=e=>{switch(e){case"full":return 12;case"half":return 6;case"one-third":return 4}};return r("section",{"data-ui-component-id":"MultiLayoutGraphicBlock",ref:s,className:"",children:[o&&t(C,{data:{title:o},className:"section-title"}),t(x,{className:"w-full",children:m.map((e,c)=>t(B,{span:i(e.width),children:t(p,{item:e})},c))}),a&&a?.items.length>0?t(k,{className:"laptop:mt-4 mt-3",children:t(v,{className:"flex",children:a.items.map((e,c)=>t(N,{className:"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5",children:t(p,{item:e})},c))})}):null]})});var R=d(g);export{R as default};
 //# sourceMappingURL=MultiLayoutGraphicBlock.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { MultiLayoutGraphicBlockProps, Item } from './types'\nimport { withStyles } from '../../shared/Styles.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport { Heading } from '../../components/heading.js'\nimport { Text } from '../../components/text.js'\nimport { Carousel, CarouselContent, CarouselItem } from '../../components/carousel.js'\nimport { Grid, GridItem } from '../../components/gird.js'\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 && (\n        <Heading className=\"section-title desktop:mb-[32px] mb-[34px]\" as=\"h1\" size={5}>\n          {sectionTitle}\n        </Heading>\n      )}\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": "AAeM,cAAAA,EAEE,QAAAC,MAFF,oBAfN,OAAOC,MAAW,QAElB,OAAS,cAAAC,MAAkB,yBAC3B,OAAOC,MAAa,8BACpB,OAAOC,MAAY,6BACnB,OAAS,WAAAC,MAAe,8BACxB,OAAS,QAAAC,MAAY,2BACrB,OAAS,YAAAC,EAAU,mBAAAC,EAAiB,gBAAAC,MAAoB,+BACxD,OAAS,QAAAC,EAAM,YAAAC,MAAgB,2BAE/B,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,OACEb,EAAC,OAAI,UAAW,uCAAuCc,IAAU,OAAS,YAAc,YAAY,GAClG,UAAAf,EAACI,EAAA,CAAQ,OAAQc,EAAU,UAAU,UAAU,EAC/CjB,EAAC,OAAI,UAAU,kFACb,UAAAA,EAAC,OACC,UAAAD,EAACM,EAAA,CAAQ,UAAU,aAAc,SAAAU,EAAM,EACvChB,EAACO,EAAA,CAAK,UAAU,mBAAoB,SAAAU,EAAY,GAClD,EACAhB,EAAC,OAAI,UAAU,aACZ,UAAAkB,GACCnB,EAACK,EAAA,CAAO,QAAQ,UAAU,QAAO,GAC/B,SAAAL,EAAC,KAAE,KAAMmB,EAAW,KAAO,SAAAA,EAAW,KAAK,EAC7C,EAEDC,GACCpB,EAACK,EAAA,CAAO,QAAQ,YAAY,QAAO,GACjC,SAAAL,EAAC,KAAE,KAAMoB,EAAa,KAAO,SAAAA,EAAa,KAAK,EACjD,GAEJ,GACF,GACF,CAEJ,EAEMC,EAA0BnB,EAAM,WAAyD,CAACoB,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,OACE3B,EAAC,WAAQ,uBAAqB,0BAA0B,IAAKsB,EAAK,UAAU,GACzE,UAAAC,GACCxB,EAACM,EAAA,CAAQ,UAAU,4CAA4C,GAAG,KAAK,KAAM,EAC1E,SAAAkB,EACH,EAEFxB,EAACW,EAAA,CAAK,UAAU,SACb,SAAAc,EAAM,IAAI,CAACX,EAAMe,IAChB7B,EAACY,EAAA,CAAqB,KAAMe,EAAQb,EAAK,KAAK,EAC5C,SAAAd,EAACa,EAAA,CAAU,KAAMC,EAAM,GADVe,CAEf,CACD,EACH,EACCH,GAAYA,GAAU,MAAM,OAAS,EACpC1B,EAACQ,EAAA,CAAS,UAAU,mBAClB,SAAAR,EAACS,EAAA,CAAgB,UAAU,OACxB,SAAAiB,EAAS,MAAM,IAAI,CAACZ,EAAMe,IACzB7B,EAACU,EAAA,CAAyB,UAAU,qDAClC,SAAAV,EAACa,EAAA,CAAU,KAAMC,EAAM,GADNe,CAEnB,CACD,EACH,EACF,EACE,MACN,CAEJ,CAAC,EAED,IAAOC,EAAQ3B,EAAWkB,CAAuB",
-  "names": ["jsx", "jsxs", "React", "withStyles", "Picture", "Button", "Heading", "Text", "Carousel", "CarouselContent", "CarouselItem", "Grid", "GridItem", "ItemBlock", "item", "theme", "title", "description", "imageUrl", "primaryBtn", "secondaryBtn", "MultiLayoutGraphicBlock", "props", "ref", "sectionTitle", "items", "carousel", "getSpan", "width", "index", "MultiLayoutGraphicBlock_default"]
+  "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": "AAgBM,cAAAA,EAEE,QAAAC,MAFF,oBAhBN,OAAOC,MAAW,QAElB,OAAS,cAAAC,MAAkB,yBAC3B,OAAOC,MAAa,8BACpB,OAAOC,MAAY,6BACnB,OAAS,WAAAC,MAAe,8BACxB,OAAS,QAAAC,MAAY,2BACrB,OAAS,YAAAC,EAAU,mBAAAC,EAAiB,gBAAAC,MAAoB,+BACxD,OAAS,QAAAC,EAAM,YAAAC,MAAgB,2BAC/B,OAAOC,MAAW,oBAElB,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,OACEd,EAAC,OAAI,UAAW,uCAAuCe,IAAU,OAAS,YAAc,YAAY,GAClG,UAAAhB,EAACI,EAAA,CAAQ,OAAQe,EAAU,UAAU,UAAU,EAC/ClB,EAAC,OAAI,UAAU,kFACb,UAAAA,EAAC,OACC,UAAAD,EAACM,EAAA,CAAQ,UAAU,aAAc,SAAAW,EAAM,EACvCjB,EAACO,EAAA,CAAK,UAAU,mBAAoB,SAAAW,EAAY,GAClD,EACAjB,EAAC,OAAI,UAAU,aACZ,UAAAoB,GACCrB,EAACK,EAAA,CAAO,QAAQ,YAAY,QAAO,GACjC,SAAAL,EAAC,KAAE,KAAMqB,EAAa,KAAO,SAAAA,EAAa,KAAK,EACjD,EAEDD,GACCpB,EAACK,EAAA,CAAO,QAAQ,UAAU,QAAO,GAC/B,SAAAL,EAAC,KAAE,KAAMoB,EAAW,KAAO,SAAAA,EAAW,KAAK,EAC7C,GAEJ,GACF,GACF,CAEJ,EAEME,EAA0BpB,EAAM,WAAyD,CAACqB,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,OACE5B,EAAC,WAAQ,uBAAqB,0BAA0B,IAAKuB,EAAK,UAAU,GACzE,UAAAC,GAAgBzB,EAACa,EAAA,CAAM,KAAM,CAAE,MAAOY,CAAa,EAAG,UAAU,gBAAgB,EACjFzB,EAACW,EAAA,CAAK,UAAU,SACb,SAAAe,EAAM,IAAI,CAACX,EAAMe,IAChB9B,EAACY,EAAA,CAAqB,KAAMgB,EAAQb,EAAK,KAAK,EAC5C,SAAAf,EAACc,EAAA,CAAU,KAAMC,EAAM,GADVe,CAEf,CACD,EACH,EACCH,GAAYA,GAAU,MAAM,OAAS,EACpC3B,EAACQ,EAAA,CAAS,UAAU,mBAClB,SAAAR,EAACS,EAAA,CAAgB,UAAU,OACxB,SAAAkB,EAAS,MAAM,IAAI,CAACZ,EAAMe,IACzB9B,EAACU,EAAA,CAAyB,UAAU,qDAClC,SAAAV,EAACc,EAAA,CAAU,KAAMC,EAAM,GADNe,CAEnB,CACD,EACH,EACF,EACE,MACN,CAEJ,CAAC,EAED,IAAOC,EAAQ5B,EAAWmB,CAAuB",
+  "names": ["jsx", "jsxs", "React", "withStyles", "Picture", "Button", "Heading", "Text", "Carousel", "CarouselContent", "CarouselItem", "Grid", "GridItem", "Title", "ItemBlock", "item", "theme", "title", "description", "imageUrl", "primaryBtn", "secondaryBtn", "MultiLayoutGraphicBlock", "props", "ref", "sectionTitle", "items", "carousel", "getSpan", "width", "index", "MultiLayoutGraphicBlock_default"]
 }

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

@@ -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/esm/biz-components/ShelfDisplay/index.js

@@ -1,10 +1,10 @@
-import{Fragment as g,jsx as e,jsxs as s}from"react/jsx-runtime";import"react";import{cn as o}from"../../helpers/utils.js";import b from"../../components/picture.js";import p from"../../components/button.js";const v=({className:l="",shape:a="square",itemShape:d="square",products:i=[],primaryButton:n,secondaryButton:x,event:r})=>{const m=t=>{r?.primaryButton?.onClick?.(t)},c=t=>{r?.secondaryButton?.onClick(t)};return e(g,{children:e("div",{className:o("w-full",l),children:e("div",{className:o("flex overflow-hidden"),children:e("div",{className:o("flex w-full","laptop:gap-4 gap-3 overflow-x-auto overflow-y-hidden"),children:i?.map((t,u)=>s("div",{className:o("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",d==="round"?"rounded-2xl":"rounded-none"),children:[e("div",{className:o("relative mb-2 inline-block h-[137px] overflow-hidden","desktop:mb-3 desktop:h-[195px]"),children:e(b,{source:t?.img||"",className:"flex h-full justify-center object-cover [&_img]:w-auto"})}),e("div",{className:"desktop:mb-2 mb-1 flex flex-wrap gap-1",children:t?.tagItems?.map((f,k)=>e("div",{className:"desktop:text-base rounded-3xl border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold text-[#00BEFA]",children:f},k))}),e("p",{className:"desktop:text-2xl flex-1 text-xl font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]",children:t?.title||""}),e("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:t?.subTitle||""}),s("div",{className:"mb-2 flex items-center",children:[e("div",{className:"desktop:text-2xl text-xl font-bold text-[#1D1D1F]",children:t?.price||""}),e("div",{className:"desktop:text-2xl ml-1 text-xl font-bold text-[#86868C]",children:t?.basePrice||""})]}),s("div",{className:"flex items-center gap-3",children:[e(p,{variant:"primary",onClick:()=>m(t),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
-                        ${a==="round"?"desktop:rounded-3xl rounded-[20px]":""}
-                      `,children:n||""}),e(p,{variant:"secondary",onClick:()=>c(t),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
-                        ${a==="round"?"desktop:rounded-3xl rounded-[20px]":""}
-                      `,children:x||""})]})]},u))})})})})};var B=v;export{B as default};
+"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import"react";import{cn as a}from"../../helpers/utils.js";import n from"../../components/picture.js";import d from"../../components/button.js";import m from"../Title/index.js";import x from"../SwiperBox/index.js";import{withStyles as c}from"../../shared/Styles.js";const f=({data:t,configuration:s})=>{const i=o=>{},l=o=>{};return r("div",{className:a("flex w-full flex-col bg-[#EAEAEC] p-4 cursor-pointer","desktop:pt-4 desktop:px-6 desktop:pb-6 hover:bg-[#FFFFFF]",s?.itemShape==="round"?"rounded-2xl":"rounded-none"),children:[e("div",{className:a("relative mb-2 inline-block h-[137px] overflow-hidden","desktop:mb-3 desktop:h-[195px]"),children:e(n,{source:t?.img||"",className:"flex h-full justify-center object-cover [&_img]:w-auto"})}),e("div",{className:"desktop:mb-2 mb-1 flex flex-wrap gap-1",children:t?.tagItems?.map((o,p)=>e("div",{className:"desktop:text-base rounded-3xl border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold text-[#00BEFA]",children:o},p))}),e("p",{className:"desktop:text-2xl flex-1 text-xl font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]",children:t?.title||""}),e("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:t?.subTitle||""}),r("div",{className:"mb-2 flex items-center",children:[e("div",{className:"desktop:text-2xl text-xl font-bold text-[#1D1D1F]",children:t?.price||""}),e("div",{className:"desktop:text-2xl ml-1 text-xl font-bold text-[#86868C]",children:t?.basePrice||""})]}),r("div",{className:"flex items-center gap-3",children:[e(d,{variant:"primary",onClick:()=>i(t),className:`
+            laptop:text-sm desktop:text-base laptop:px-6 desktop:px-7 laptop:py-2.5 desktop:py-3 box-border flex-1 border
+            border-[#1D1D1F] bg-transparent px-4 py-2 text-xs tracking-[-0.04em] text-[#1D1D1F] hover:bg-transparent hover:text-black
+            ${s?.shape==="round"?"desktop:rounded-3xl rounded-[20px]":""}
+          `,children:s?.primaryButton||""}),e(d,{variant:"secondary",onClick:()=>l(t),className:`
+            laptop:text-sm desktop:text-base laptop:px-6 desktop:px-7 laptop:py-2.5 desktop:py-3 box-border flex-1 border
+            border-[#1D1D1F] bg-[#1D1D1F] px-4 py-2 text-xs tracking-[-0.04em] text-white
+            ${s?.shape==="round"?"desktop:rounded-3xl rounded-[20px]":""}
+          `,children:s?.secondaryButton||""})]})]})},b=({data:t,className:s="",key:i})=>{const{items:l,title:o,...p}=t;return r("div",{className:a("w-full",s),children:[o&&e(m,{data:{title:o}}),e(x,{className:"!overflow-visible",id:"Category"+i,data:{list:l,configuration:{...p}},Slide:f,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 F=c(b);export{F as default};
 //# sourceMappingURL=index.js.map

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

@@ -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": "AA2DI,mBAAAA,EAoBgB,OAAAC,EAuBF,QAAAC,MA3Cd,oBA3DJ,MAAkB,QAClB,OAAS,MAAAC,MAAU,yBACnB,OAAOC,MAAa,8BACpB,OAAOC,MAAY,6BAsCnB,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,OACEd,EAAAD,EAAA,CACE,SAAAC,EAAC,OAAI,UAAWE,EAAG,SAAUI,CAAS,EACpC,SAAAN,EAAC,OAAI,UAAWE,EAAG,sBAAsB,EACvC,SAAAF,EAAC,OAAI,UAAWE,EAAG,cAAe,sDAAsD,EACrF,SAAAO,GAAU,IAAI,CAACO,EAAMC,IAElBhB,EAAC,OAEC,UAAWC,EACT,6DACA,+HACAM,IAAc,QAAU,cAAgB,cAC1C,EAEA,UAAAR,EAAC,OACC,UAAWE,EACT,uDACA,gCACF,EAEA,SAAAF,EAACG,EAAA,CACC,OAAQa,GAAM,KAAO,GACrB,UAAU,yDACZ,EACF,EACAhB,EAAC,OAAI,UAAU,yCACZ,SAAAgB,GAAM,UAAU,IAAI,CAACE,EAAKD,IAEvBjB,EAAC,OAEC,UAAU,qGAET,SAAAkB,GAHID,CAIP,CAEH,EACH,EACAjB,EAAC,KAAE,UAAU,4FACV,SAAAgB,GAAM,OAAS,GAClB,EACAhB,EAAC,MAAG,UAAU,4HACX,SAAAgB,GAAM,UAAY,GACrB,EACAf,EAAC,OAAI,UAAU,yBACb,UAAAD,EAAC,OAAI,UAAU,oDAAqD,SAAAgB,GAAM,OAAS,GAAG,EACtFhB,EAAC,OAAI,UAAU,yDACZ,SAAAgB,GAAM,WAAa,GACtB,GACF,EAEAf,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACI,EAAA,CACC,QAAQ,UACR,QAAS,IAAMS,EAAgBG,CAAI,EACnC,UAAW;AAAA;AAAA;AAAA,0BAGPT,IAAU,QAAU,qCAAuC,EAAE;AAAA,wBAGhE,SAAAG,GAAiB,GACpB,EACAV,EAACI,EAAA,CACC,QAAQ,YACR,QAAS,IAAMW,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,IAAOE,EAAQd",
-  "names": ["Fragment", "jsx", "jsxs", "cn", "Picture", "Button", "ShelfDisplay", "className", "shape", "itemShape", "products", "primaryButton", "secondaryButton", "event", "onPrimaryButton", "params", "onSecondaryButton", "item", "index", "tag", "ShelfDisplay_default"]
+  "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": "aAmEQ,cAAAA,EAoBF,QAAAC,MApBE,oBAlER,MAAkB,QAClB,OAAS,MAAAC,MAAU,yBACnB,OAAOC,MAAa,8BACpB,OAAOC,MAAY,6BACnB,OAAOC,MAAW,oBAClB,OAAOC,MAAe,wBACtB,OAAS,cAAAC,MAAkB,yBA0C3B,MAAMC,EAAmB,CAAC,CAAE,KAAAC,EAAM,cAAAC,CAAc,IAAuD,CACrG,MAAMC,EAAmBC,GAA6B,CAEtD,EAEMC,EAAqBD,GAA6B,CAExD,EAEA,OACEX,EAAC,OACC,UAAWC,EACT,uDACA,4DACAQ,GAAe,YAAc,QAAU,cAAgB,cACzD,EAEA,UAAAV,EAAC,OAAI,UAAWE,EAAG,uDAAwD,gCAAgC,EACzG,SAAAF,EAACG,EAAA,CAAQ,OAAQM,GAAM,KAAO,GAAI,UAAU,yDAAyD,EACvG,EACAT,EAAC,OAAI,UAAU,yCACZ,SAAAS,GAAM,UAAU,IAAI,CAACK,EAAUC,IAE5Bf,EAAC,OAEC,UAAU,qGAET,SAAAc,GAHIC,CAIP,CAEH,EACH,EACAf,EAAC,KAAE,UAAU,4FACV,SAAAS,GAAM,OAAS,GAClB,EACAT,EAAC,MAAG,UAAU,4HACX,SAAAS,GAAM,UAAY,GACrB,EACAR,EAAC,OAAI,UAAU,yBACb,UAAAD,EAAC,OAAI,UAAU,oDAAqD,SAAAS,GAAM,OAAS,GAAG,EACtFT,EAAC,OAAI,UAAU,yDAA0D,SAAAS,GAAM,WAAa,GAAG,GACjG,EAEAR,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACI,EAAA,CACC,QAAQ,UACR,QAAS,IAAMO,EAAgBF,CAAI,EACnC,UAAW;AAAA;AAAA;AAAA,cAGPC,GAAe,QAAU,QAAU,qCAAuC,EAAE;AAAA,YAG/E,SAAAA,GAAe,eAAiB,GACnC,EACAV,EAACI,EAAA,CACC,QAAQ,YACR,QAAS,IAAMS,EAAkBJ,CAAI,EACrC,UAAW;AAAA;AAAA;AAAA,cAGPC,GAAe,QAAU,QAAU,qCAAuC,EAAE;AAAA,YAG/E,SAAAA,GAAe,iBAAmB,GACrC,GACF,GACF,CAEJ,EAEMM,EAA4C,CAAC,CAAE,KAAAP,EAAM,UAAAQ,EAAY,GAAI,IAAAC,CAAI,IAAM,CACnF,KAAM,CAAE,MAAAC,EAAO,MAAAC,EAAO,GAAGC,CAAM,EAAIZ,EACnC,OACER,EAAC,OAAI,UAAWC,EAAG,SAAUe,CAAS,EACnC,UAAAG,GAASpB,EAACK,EAAA,CAAM,KAAM,CAAE,MAAOe,CAAM,EAAG,EACzCpB,EAACM,EAAA,CACC,UAAU,oBACV,GAAI,WAAaY,EACjB,KAAM,CAAE,KAAMC,EAAO,cAAe,CAAE,GAAGE,CAAM,CAAE,EACjD,MAAOb,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,IAAOc,EAAQf,EAAWS,CAAY",
+  "names": ["jsx", "jsxs", "cn", "Picture", "Button", "Title", "SwiperBox", "withStyles", "ShelfDisplayItem", "data", "configuration", "onPrimaryButton", "params", "onSecondaryButton", "tag", "index", "ShelfDisplay", "className", "key", "items", "title", "ohter", "ShelfDisplay_default"]
 }

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

@@ -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/esm/biz-components/SwiperBox/index.js

@@ -0,0 +1,2 @@
+"use client";import{jsx as o}from"react/jsx-runtime";import m,{useState as t}from"react";import{cn as d}from"../../helpers/utils.js";import{Swiper as u,SwiperSlide as c}from"swiper/react";import{Navigation as S,FreeMode as x,Mousewheel as B}from"swiper/modules";const i=m.forwardRef(({data:s,breakpoints:p,Slide:n,className:a,id:r})=>{const[g,l]=t(!0),[M,f]=t(!1);return o(u,{className:d(a),navigation:{nextEl:`.${r}-custom-swiper-button-next`,prevEl:`.${r}-custom-swiper-button-prev`},onProgress:e=>{l(e.isBeginning),f(e.isEnd)},modules:[S,x,B],freeMode:!0,mousewheel:{forceToAxis:!0},breakpoints:p||{0:{spaceBetween:"12px",slidesPerView:1,freeMode:!1},374:{spaceBetween:"12px",freeMode:!1,slidesPerView:2.3},768:{spaceBetween:"16px",slidesPerView:2,freeMode:!1}},children:s?.list?.map((e,w)=>o(c,{className:"!flex !h-[unset]",children:o(n,{data:e,configuration:s?.configuration})},r+"SwiperSlide"+w))})});i.displayName="SwiperBox";var N=i;export{N as default};
+//# sourceMappingURL=index.js.map

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

@@ -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": "aAmDU,cAAAA,MAAA,oBAlDV,OAAOC,GAAS,YAAAC,MAAgB,QAChC,OAAS,MAAAC,MAAU,yBAGnB,OAAS,UAAAC,EAAQ,eAAAC,MAAmB,eACpC,OAAS,cAAAC,EAAY,YAAAC,EAAU,cAAAC,MAAkB,iBAGjD,MAAMC,EAAYR,EAAM,WAA2C,CAAC,CAAE,KAAAS,EAAM,YAAAC,EAAa,MAAAC,EAAO,UAAAC,EAAW,GAAAC,CAAG,IAAM,CAClH,KAAM,CAACC,EAASC,CAAQ,EAAId,EAAS,EAAI,EACnC,CAACe,EAAOC,CAAM,EAAIhB,EAAS,EAAK,EAEtC,OACEF,EAACI,EAAA,CACC,UAAWD,EAAGU,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,CAACb,EAAYC,EAAUC,CAAU,EAC1C,SAAU,GACV,WAAY,CACV,YAAa,EACf,EACA,YACEG,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,IACtBrB,EAACK,EAAA,CAA8C,UAAU,mBACvD,SAAAL,EAACY,EAAA,CAAM,KAAMQ,EAAM,cAAeV,GAAM,cAAe,GADvCI,EAAK,cAAgBO,CAEvC,CACD,EACH,CAEJ,CAAC,EAEDZ,EAAU,YAAc,YAExB,IAAOa,EAAQb",
+  "names": ["jsx", "React", "useState", "cn", "Swiper", "SwiperSlide", "Navigation", "FreeMode", "Mousewheel", "SwiperBox", "data", "breakpoints", "Slide", "className", "id", "isStart", "setStart", "isEnd", "setEnd", "swiper", "item", "jIndex", "SwiperBox_default"]
+}

package/dist/esm/biz-components/SwiperBox/types.d.ts

@@ -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/esm/biz-components/SwiperBox/types.js

@@ -0,0 +1,2 @@
+import"react";
+//# sourceMappingURL=types.js.map

package/dist/esm/biz-components/SwiperBox/types.js.map

@@ -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": "AAAA,MAAkB",
+  "names": []
+}

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

@@ -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/esm/biz-components/index.js

@@ -1,2 +1,2 @@
-import{default as r}from"./Shelf/index.js";import{default as o}from"./BrandEquity/index.js";import{default as u}from"./MemberEquity/index.js";import{default as l}from"./Slogan/index.js";import{default as d}from"./Title/index.js";import{default as x}from"./ShelfDisplay/index.js";import{default as n}from"./Evaluate/index.js";import{default as y}from"./Category/index.js";import{default as C}from"./HeroBanner/index.js";import{default as c}from"./AccordionCards/index.js";import{default as h}from"./Graphic/index.js";import{default as E}from"./MediaPlayerBase/index.js";import{default as S}from"./MediaPlayerMulti/index.js";import{Marquee as G,MarqueeList as I,MarqueeImageContent as b,MarqueeTextContent as k}from"./Marquee/index.js";export*from"./Marquee/index.js";import{default as D}from"./MultiLayoutGraphicBlock/index.js";export{c as AccordionCards,o as BrandEquity,y as Category,n as Evaluate,h as Graphic,C as HeroBanner,G as Marquee,b as MarqueeImageContent,I as MarqueeList,k as MarqueeTextContent,E as MediaPlayerBase,S as MediaPlayerMulti,u as MemberEquity,D as MultiLayoutGraphicBlock,r as Shelf,x as ShelfDisplay,l as Slogan,d as Title};
+import{default as t}from"./Shelf/index.js";import{default as o}from"./BrandEquity/index.js";import{default as u}from"./MemberEquity/index.js";import{default as l}from"./Slogan/index.js";import{default as d}from"./Title/index.js";import{default as x}from"./ShelfDisplay/index.js";import{default as n}from"./Evaluate/index.js";import{default as y}from"./Category/index.js";import{default as C}from"./HeroBanner/index.js";import{default as c}from"./AccordionCards/index.js";import{default as h}from"./Graphic/index.js";import{default as E}from"./MediaPlayerBase/index.js";import{default as S}from"./MediaPlayerMulti/index.js";import{default as G}from"./Marquee/index.js";import{MarqueeList as b,MarqueeImageContent as k,MarqueeTextContent as v}from"./Marquee/index.js";import{default as D}from"./MultiLayoutGraphicBlock/index.js";export{c as AccordionCards,o as BrandEquity,y as Category,n as Evaluate,h as Graphic,C as HeroBanner,G as Marquee,k as MarqueeImageContent,b as MarqueeList,v as MarqueeTextContent,E as MediaPlayerBase,S as MediaPlayerMulti,u as MemberEquity,D as MultiLayoutGraphicBlock,t as Shelf,x as ShelfDisplay,l as Slogan,d as Title};
 //# sourceMappingURL=index.js.map

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

@@ -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": "AAAA,OAAoB,WAAXA,MAAwB,mBACjC,OAAoB,WAAXA,MAA8B,yBACvC,OAAoB,WAAXA,MAA+B,0BACxC,OAAoB,WAAXA,MAAyB,oBAClC,OAAoB,WAAXA,MAAwB,mBACjC,OAAoB,WAAXA,MAA+B,0BACxC,OAAoB,WAAXA,MAA2B,sBACpC,OAAoB,WAAXA,MAA2B,sBACpC,OAAoB,WAAXA,MAA6B,wBACtC,OAAoB,WAAXA,MAAiC,4BAC1C,OAAoB,WAAXA,MAA0B,qBACnC,OAAoB,WAAXA,MAAkC,6BAC3C,OAAoB,WAAXA,MAAmC,8BAC5C,OACE,WAAAC,EACA,eAAAC,EACA,uBAAAC,EACA,sBAAAC,MAKK,qBACP,WAAc,qBACd,OAAoB,WAAXJ,MAA0C",
-  "names": ["default", "Marquee", "MarqueeList", "MarqueeImageContent", "MarqueeTextContent"]
+  "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": "AAAA,OAAoB,WAAXA,MAAwB,mBACjC,OAAoB,WAAXA,MAA8B,yBACvC,OAAoB,WAAXA,MAA+B,0BACxC,OAAoB,WAAXA,MAAyB,oBAClC,OAAoB,WAAXA,MAAwB,mBACjC,OAAoB,WAAXA,MAA+B,0BACxC,OAAoB,WAAXA,MAA2B,sBACpC,OAAoB,WAAXA,MAA2B,sBACpC,OAAoB,WAAXA,MAA6B,wBACtC,OAAoB,WAAXA,MAAiC,4BAC1C,OAAoB,WAAXA,MAA0B,qBACnC,OAAoB,WAAXA,MAAkC,6BAC3C,OAAoB,WAAXA,MAAmC,8BAC5C,OAAoB,WAAXA,MAA0B,qBACnC,OACE,eAAAC,EACA,uBAAAC,EACA,sBAAAC,MAKK,qBACP,OAAoB,WAAXH,MAA0C",
+  "names": ["default", "MarqueeList", "MarqueeImageContent", "MarqueeTextContent"]
 }