@anker-in/headless-ui 0.0.27-alpha.4 → 0.0.27-alpha.41

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

@@ -0,0 +1,2 @@
+"use client";import{jsx as e,jsxs as i}from"react/jsx-runtime";import"react";import{cn as r}from"../../helpers/utils.js";import{withStyles as m}from"../../shared/Styles.js";import{Picture as p}from"../../components/index.js";import d from"../Title/index.js";import f from"../SwiperBox/index.js";import{convertLexicalToHTML as c}from"@payloadcms/richtext-lexical/html";const n=({data:t})=>i("div",{className:r("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:[i("div",{className:"tablet:w-[49%] relative w-full flex-none",children:[e(p,{source:t.img?.url,alt:t.img?.alt||"",className:"size-full",imgClassName:"w-full h-full object-cover"}),e("div",{className:"absolute bottom-6 right-6",children:t.video&&e("button",{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"})})})})]}),i("div",{className:"tablet:gap-[60px] tablet:p-6 flex min-h-[200px] flex-col justify-between gap-4 bg-white p-4",children:[i("div",{className:"flex flex-col gap-2",children:[e("h3",{className:"lg-desktop:text-lg text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]",children:t.name}),t.quote&&e("p",{className:"lg-desktop:text-lg text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]",children:t.quote})]}),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.description})]})]}),x=({data:{items:t=[],title:l},className:a="",key:o})=>{const s=typeof l=="string"?l:l&&c({data:l});return i("div",{className:a,children:[l&&e(d,{data:{title:s||""}}),e(f,{className:"!overflow-visible",id:"MediaPlayerMultiSwiper"+o,data:{list:t},Slide:n})]})};var N=m(x);export{N as default};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { convertLexicalToHTML } from '@payloadcms/richtext-lexical/html'\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.img?.url}\n          alt={data.img?.alt || ''}\n          className=\"size-full\"\n          imgClassName=\"w-full h-full object-cover\"\n        />\n        <div className=\"absolute bottom-6 right-6\">\n          {data.video && (\n            <button 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            </button>\n          )}\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-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n            {data.name}\n          </h3>\n          {data.quote && (\n            <p className=\"lg-desktop:text-lg text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n              {data.quote}\n            </p>\n          )}\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.description}\n        </p>\n      </div>\n    </div>\n  )\n}\n\nconst MediaPlayerMulti: React.FC<MediaPlayerMultiProps> = ({ data: { items = [], title }, className = '', key }) => {\n  const title_html = typeof title === 'string' ? title : title && convertLexicalToHTML({ data: title })\n  return (\n    <div className={className}>\n      {title && <Title data={{ title: title_html || '' }} />}\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,MAAe,4BACxB,OAAOC,MAAW,oBAClB,OAAOC,MAAe,wBACtB,OAAS,wBAAAC,MAA4B,oCAGrC,MAAMC,EAAkB,CAAC,CAAE,KAAAC,CAAK,IAE5BR,EAAC,OACC,UAAWC,EACT,yDACA,0CACA,gEACF,EAEA,UAAAD,EAAC,OAAI,UAAU,2CACb,UAAAD,EAACI,EAAA,CACC,OAAQK,EAAK,KAAK,IAClB,IAAKA,EAAK,KAAK,KAAO,GACtB,UAAU,YACV,aAAa,6BACf,EACAT,EAAC,OAAI,UAAU,4BACZ,SAAAS,EAAK,OACJT,EAAC,UAAO,UAAU,8FAChB,SAAAA,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAC,QAAK,EAAE,uBAAuB,KAAK,QAAQ,EAC9C,EACF,EAEJ,GACF,EAEAC,EAAC,OAAI,UAAU,8FACb,UAAAA,EAAC,OAAI,UAAU,sBACb,UAAAD,EAAC,MAAG,UAAU,2FACX,SAAAS,EAAK,KACR,EACCA,EAAK,OACJT,EAAC,KAAE,UAAU,2FACV,SAAAS,EAAK,MACR,GAEJ,EAEAT,EAAC,KAAE,UAAU,qHACV,SAAAS,EAAK,YACR,GACF,GACF,EAIEC,EAAoD,CAAC,CAAE,KAAM,CAAE,MAAAC,EAAQ,CAAC,EAAG,MAAAC,CAAM,EAAG,UAAAC,EAAY,GAAI,IAAAC,CAAI,IAAM,CAClH,MAAMC,EAAa,OAAOH,GAAU,SAAWA,EAAQA,GAASL,EAAqB,CAAE,KAAMK,CAAM,CAAC,EACpG,OACEX,EAAC,OAAI,UAAWY,EACb,UAAAD,GAASZ,EAACK,EAAA,CAAM,KAAM,CAAE,MAAOU,GAAc,EAAG,EAAG,EACpDf,EAACM,EAAA,CACC,UAAU,oBACV,GAAI,yBAA2BQ,EAC/B,KAAM,CAAE,KAAMH,CAAM,EACpB,MAAOH,EACT,GACF,CAEJ,EAEA,IAAOQ,EAAQb,EAAWO,CAAgB",
+  "names": ["jsx", "jsxs", "cn", "withStyles", "Picture", "Title", "SwiperBox", "convertLexicalToHTML", "MediaPlayerItem", "data", "MediaPlayerMulti", "items", "title", "className", "key", "title_html", "MediaPlayerMulti_default"]
+}

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

@@ -0,0 +1,14 @@
+import type { ComponentCommonProps, Img, Video } from '../../types/props.js';
+export interface MediaPlayerItemProps {
+    name: string;
+    description: string;
+    img: Img;
+    video?: Video;
+    quote?: string;
+}
+export interface MediaPlayerMultiProps extends ComponentCommonProps {
+    data: {
+        title?: string;
+        items: MediaPlayerItemProps[];
+    };
+}

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

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -1,6 +1,8 @@
 import type { MemberEquityProps } from './types.js';
 declare const _default: {
-    (props: Omit<MemberEquityProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps>): import("react/jsx-runtime").JSX.Element;
+    (props: Omit<MemberEquityProps, 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/MemberEquity/index.js

@@ -1,40 +1,10 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import"react";import{Button as o}from"../../components/index.js";import{withStyles as g}from"../../shared/Styles.js";const b=({title:l,description:x,backgroundImage:d,primaryButton:s,secondaryButton:r,shape:p="square",theme:a="light",className:n=""})=>{const i=()=>{},m=()=>{};return e("section",{"data-ui-component-id":"MemberEquity",className:`
-        relative w-full overflow-hidden bg-[#242426]
-        ${p==="round"?"rounded-none tablet:rounded-lg laptop:rounded-xl desktop:rounded-2xl":""}
-        ${n}
-      `,children:[t("div",{className:"absolute inset-0 w-full h-full",style:{backgroundImage:`
-            radial-gradient(circle at 70% 176%, rgba(84, 85, 87, 0) 72%, rgba(84, 85, 87, 1) 100%),
-            url(${d})
-          `,backgroundSize:"cover",backgroundPosition:"center"}}),t("div",{className:`
-        relative w-full mx-auto
-        aspect-[343/200] xs:aspect-[343/200]
-        tablet:aspect-[343/200] 
-        laptop:aspect-[592/336]
-        desktop:aspect-[800/448]
-        lg-desktop:aspect-[1000/560]
-        flex items-center
-      `,children:e("div",{className:`
-          w-full px-4 tablet:px-6 laptop:px-[76px] desktop:px-[111px] lg-desktop:px-[139px]
-          flex flex-col gap-4 tablet:gap-5 laptop:gap-6 desktop:gap-7 lg-desktop:gap-8
-        `,children:[e("div",{className:"flex flex-col gap-2 tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4",children:[t("h2",{className:`
-              member-equity-title font-mont font-bold text-white tracking-[-0.04em]
-              text-xl tablet:text-2xl laptop:text-3xl desktop:text-4xl lg-desktop:text-[32px]
-              leading-[1.2]
-              max-w-[280px] tablet:max-w-[300px] laptop:max-w-[400px] desktop:max-w-[500px] lg-desktop:max-w-[547px]
-            `,children:l}),t("p",{className:`
-              member-equity-description font-pingfang font-semibold text-white tracking-[-0.02em]
-              text-sm tablet:text-sm laptop:text-base desktop:text-lg lg-desktop:text-lg
-              leading-[1.4]
-              max-w-[260px] tablet:max-w-[286px] laptop:max-w-[350px] desktop:max-w-[426px] lg-desktop:max-w-[547px]
-            `,children:x})]}),e("div",{className:"flex items-center gap-3 tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4",children:[t(o,{theme:a,variant:"primary",onClick:i,className:`
-                member-equity-button-primary bg-transparent border-white border-[1px] text-white text-xs tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base
-                px-4 tablet:px-5 laptop:px-6 desktop:px-7 lg-desktop:px-7 hover:bg-white hover:text-black
-                py-2 tablet:py-[10px] laptop:py-[11px] desktop:py-[12px] lg-desktop:py-[14px]
-                ${p==="round"?"rounded-[16px] tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px]":""}
-              `,children:s.text}),t(o,{theme:a,variant:"secondary",onClick:m,className:`
-                member-equity-button-secondary text-xs tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base
-                px-4 tablet:px-5 laptop:px-6 desktop:px-7 lg-desktop:px-7
-                py-2 tablet:py-[10px] laptop:py-[11px] desktop:py-[12px] lg-desktop:py-[14px]
-                ${p==="round"?"rounded-[16px] tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px]":""}
-              `,children:r.text})]})]})})]})};var f=g(b);export{f as default};
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import"react";import{Button as o,Heading as g,Text as v}from"../../components/index.js";import{withStyles as k}from"../../shared/Styles.js";import{cn as a}from"../../helpers/utils.js";const x=({data:l,className:p=""})=>{const{title:s,description:i,backgroundImage:r,mobileBackgroundImage:d,primaryButton:c,secondaryButton:m,theme:n,shape:u}=l,b=()=>{},y=()=>{};return t("section",{"data-ui-component-id":"MemberEquity",className:a(`tablet:aspect-[740/480] laptop:aspect-[1024/336] desktop:aspect-[1440/448]  lg-desktop:aspect-[1920/560] text-info-primary relative
+        aspect-[390/480] overflow-hidden`,p,{"aiui-dark":n==="dark","rounded-box":u==="rounded"}),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:r?.url,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:d?.url,type:"video/mp4"})}),e("div",{className:`
+        absolute 
+        inset-0
+        flex w-full items-center
+      `,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:[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 ",html:s}),e(v,{size:3,className:"member-equity-description",html:i})]}),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:y,className:a("member-equity-button-secondary"),children:m.text}),e(o,{variant:"primary",onClick:b,className:a("member-equity-button-primary"),children:c.text})]})]})})]})};var C=k(x);export{C 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": ["import 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> = ({\n  title,\n  description,\n  backgroundImage,\n  primaryButton,\n  secondaryButton,\n  shape = 'square',\n  theme = 'light',\n  className = '',\n}) => {\n\n  const handleButtonPrimaryClick = () => {\n    // \u6267\u884C\u4E3B\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n\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        relative w-full overflow-hidden bg-[#242426]\n        ${shape === 'round' ? 'rounded-none tablet:rounded-lg laptop:rounded-xl desktop:rounded-2xl' : ''}\n        ${className}\n      `}\n    >\n\n      <div\n        className=\"absolute inset-0 w-full h-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 className={`\n        relative w-full mx-auto\n        aspect-[343/200] xs:aspect-[343/200]\n        tablet:aspect-[343/200] \n        laptop:aspect-[592/336]\n        desktop:aspect-[800/448]\n        lg-desktop:aspect-[1000/560]\n        flex items-center\n      `}>\n        <div className={`\n          w-full px-4 tablet:px-6 laptop:px-[76px] desktop:px-[111px] lg-desktop:px-[139px]\n          flex flex-col gap-4 tablet:gap-5 laptop:gap-6 desktop:gap-7 lg-desktop:gap-8\n        `}>\n          <div className=\"flex flex-col gap-2 tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4\">\n            <h2 className={`\n              member-equity-title font-mont font-bold text-white tracking-[-0.04em]\n              text-xl tablet:text-2xl laptop:text-3xl desktop:text-4xl lg-desktop:text-[32px]\n              leading-[1.2]\n              max-w-[280px] tablet:max-w-[300px] laptop:max-w-[400px] desktop:max-w-[500px] lg-desktop:max-w-[547px]\n            `}>\n              {title}\n            </h2>\n            <p className={`\n              member-equity-description font-pingfang font-semibold text-white tracking-[-0.02em]\n              text-sm tablet:text-sm laptop:text-base desktop:text-lg lg-desktop:text-lg\n              leading-[1.4]\n              max-w-[260px] tablet:max-w-[286px] laptop:max-w-[350px] desktop:max-w-[426px] lg-desktop:max-w-[547px]\n            `}>\n              {description}\n            </p>\n          </div>\n\n          {/* \u6309\u94AE\u7EC4 */}\n          <div className=\"flex items-center gap-3 tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4\">\n            <Button\n              theme={theme}\n              variant=\"primary\"\n              onClick={handleButtonPrimaryClick}\n              className={`\n                member-equity-button-primary bg-transparent border-white border-[1px] text-white text-xs tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base\n                px-4 tablet:px-5 laptop:px-6 desktop:px-7 lg-desktop:px-7 hover:bg-white hover:text-black\n                py-2 tablet:py-[10px] laptop:py-[11px] desktop:py-[12px] lg-desktop:py-[14px]\n                ${shape === 'round' ? 'rounded-[16px] tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px]' : ''}\n              `}\n            >\n              {primaryButton.text}\n            </Button>\n            <Button\n              theme={theme}\n              variant=\"secondary\"\n              onClick={handleButtonSecondaryClick}\n              className={`\n                member-equity-button-secondary text-xs tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base\n                px-4 tablet:px-5 laptop:px-6 desktop:px-7 lg-desktop:px-7\n                py-2 tablet:py-[10px] laptop:py-[11px] desktop:py-[12px] lg-desktop:py-[14px]\n                ${shape === 'round' ? 'rounded-[16px] tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px]' : ''}\n              `}\n            >\n              {secondaryButton.text}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default withStyles(MemberEquity); "],
-  "mappings": "AAmCM,cAAAA,EAwBI,QAAAC,MAxBJ,oBAnCN,MAAkB,QAClB,OAAS,UAAAC,MAAc,4BACvB,OAAS,cAAAC,MAAkB,yBAG3B,MAAMC,EAA4C,CAAC,CACjD,MAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,MAAAC,EAAQ,SACR,MAAAC,EAAQ,QACR,UAAAC,EAAY,EACd,IAAM,CAEJ,MAAMC,EAA2B,IAAM,CAGvC,EAEMC,EAA6B,IAAM,CAEzC,EAEA,OACEb,EAAC,WACC,uBAAqB,eACrB,UAAW;AAAA;AAAA,UAEPS,IAAU,QAAU,uEAAyE,EAAE;AAAA,UAC/FE,CAAS;AAAA,QAIb,UAAAZ,EAAC,OACC,UAAU,iCACV,MAAO,CACL,gBAAiB;AAAA;AAAA,kBAETO,CAAe;AAAA,YAEvB,eAAgB,QAChB,mBAAoB,QACtB,EACF,EACAP,EAAC,OAAI,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASd,SAAAC,EAAC,OAAI,UAAW;AAAA;AAAA;AAAA,UAId,UAAAA,EAAC,OAAI,UAAU,+EACb,UAAAD,EAAC,MAAG,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,cAMZ,SAAAK,EACH,EACAL,EAAC,KAAE,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,cAMX,SAAAM,EACH,GACF,EAGAL,EAAC,OAAI,UAAU,mFACb,UAAAD,EAACE,EAAA,CACC,MAAOS,EACP,QAAQ,UACR,QAASE,EACT,UAAW;AAAA;AAAA;AAAA;AAAA,kBAIPH,IAAU,QAAU,8GAAgH,EAAE;AAAA,gBAGzI,SAAAF,EAAc,KACjB,EACAR,EAACE,EAAA,CACC,MAAOS,EACP,QAAQ,YACR,QAASG,EACT,UAAW;AAAA;AAAA;AAAA;AAAA,kBAIPJ,IAAU,QAAU,8GAAgH,EAAE;AAAA,gBAGzI,SAAAD,EAAgB,KACnB,GACF,GACF,EACF,GACF,CAEJ,EAEA,IAAOM,EAAQZ,EAAWC,CAAY",
-  "names": ["jsx", "jsxs", "Button", "withStyles", "MemberEquity", "title", "description", "backgroundImage", "primaryButton", "secondaryButton", "shape", "theme", "className", "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'\nimport { cn } from '../../helpers/utils.js'\n\nconst MemberEquity: React.FC<MemberEquityProps> = ({ data, className = '' }) => {\n  const { title, description, backgroundImage, mobileBackgroundImage, primaryButton, secondaryButton, theme, shape } =\n    data\n  const handleButtonPrimaryClick = () => {\n    // \u6267\u884C\u4E3B\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n  }\n\n  const handleButtonSecondaryClick = () => {\n    // \u6267\u884C\u526F\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n  }\n\n  return (\n    <section\n      data-ui-component-id=\"MemberEquity\"\n      className={cn(\n        `tablet:aspect-[740/480] laptop:aspect-[1024/336] desktop:aspect-[1440/448]  lg-desktop:aspect-[1920/560] text-info-primary relative\n        aspect-[390/480] overflow-hidden`,\n        className,\n        {\n          'aiui-dark': theme === 'dark',\n          'rounded-box': shape === 'rounded',\n        }\n      )}\n    >\n      <video autoPlay muted playsInline loop className=\"tablet:block absolute inset-0 hidden size-full object-cover\">\n        <source src={backgroundImage?.url} type=\"video/mp4\" />\n      </video>\n      <video autoPlay muted playsInline loop className=\"tablet:hidden absolute inset-0 size-full object-cover\">\n        <source src={mobileBackgroundImage?.url} type=\"video/mp4\" />\n      </video>\n      <div\n        className={`\n        absolute \n        inset-0\n        flex w-full items-center\n      `}\n      >\n        <div\n          className={`\n          tablet:px-6 laptop:px-[76px] desktop:px-[111px] lg-desktop:px-[139px] tablet:gap-5 laptop:gap-6\n          desktop:gap-7 lg-desktop:gap-8 flex w-full flex-col gap-4 px-4\n        `}\n        >\n          <div className=\"tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4 flex flex-col gap-2\">\n            <Heading as=\"h2\" size={5} className={`member-equity-title `} html={title} />\n            <Text size={3} className={`member-equity-description`} html={description} />\n          </div>\n          {/* \u6309\u94AE\u7EC4 */}\n          <div className=\"tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex items-center gap-3\">\n            <Button\n              variant=\"secondary\"\n              onClick={handleButtonSecondaryClick}\n              className={cn('member-equity-button-secondary')}\n            >\n              {secondaryButton.text}\n            </Button>\n            <Button variant=\"primary\" onClick={handleButtonPrimaryClick} className={cn('member-equity-button-primary')}>\n              {primaryButton.text}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default withStyles(MemberEquity)\n"],
+  "mappings": "aAgCQ,cAAAA,EAkBE,QAAAC,MAlBF,oBA/BR,MAAkB,QAClB,OAAS,UAAAC,EAAQ,WAAAC,EAAS,QAAAC,MAAY,4BACtC,OAAS,cAAAC,MAAkB,yBAE3B,OAAS,MAAAC,MAAU,yBAEnB,MAAMC,EAA4C,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAY,EAAG,IAAM,CAC9E,KAAM,CAAE,MAAAC,EAAO,YAAAC,EAAa,gBAAAC,EAAiB,sBAAAC,EAAuB,cAAAC,EAAe,gBAAAC,EAAiB,MAAAC,EAAO,MAAAC,CAAM,EAC/GT,EACIU,EAA2B,IAAM,CAEvC,EAEMC,EAA6B,IAAM,CAEzC,EAEA,OACElB,EAAC,WACC,uBAAqB,eACrB,UAAWK,EACT;AAAA,0CAEAG,EACA,CACE,YAAaO,IAAU,OACvB,cAAeC,IAAU,SAC3B,CACF,EAEA,UAAAjB,EAAC,SAAM,SAAQ,GAAC,MAAK,GAAC,YAAW,GAAC,KAAI,GAAC,UAAU,8DAC/C,SAAAA,EAAC,UAAO,IAAKY,GAAiB,IAAK,KAAK,YAAY,EACtD,EACAZ,EAAC,SAAM,SAAQ,GAAC,MAAK,GAAC,YAAW,GAAC,KAAI,GAAC,UAAU,wDAC/C,SAAAA,EAAC,UAAO,IAAKa,GAAuB,IAAK,KAAK,YAAY,EAC5D,EACAb,EAAC,OACC,UAAW;AAAA;AAAA;AAAA;AAAA,QAMX,SAAAC,EAAC,OACC,UAAW;AAAA;AAAA;AAAA,UAKX,UAAAA,EAAC,OAAI,UAAU,+EACb,UAAAD,EAACG,EAAA,CAAQ,GAAG,KAAK,KAAM,EAAG,UAAW,uBAAwB,KAAMO,EAAO,EAC1EV,EAACI,EAAA,CAAK,KAAM,EAAG,UAAW,4BAA6B,KAAMO,EAAa,GAC5E,EAEAV,EAAC,OAAI,UAAU,mFACb,UAAAD,EAACE,EAAA,CACC,QAAQ,YACR,QAASiB,EACT,UAAWb,EAAG,gCAAgC,EAE7C,SAAAS,EAAgB,KACnB,EACAf,EAACE,EAAA,CAAO,QAAQ,UAAU,QAASgB,EAA0B,UAAWZ,EAAG,8BAA8B,EACtG,SAAAQ,EAAc,KACjB,GACF,GACF,EACF,GACF,CAEJ,EAEA,IAAOM,EAAQf,EAAWE,CAAY",
+  "names": ["jsx", "jsxs", "Button", "Heading", "Text", "withStyles", "cn", "MemberEquity", "data", "className", "title", "description", "backgroundImage", "mobileBackgroundImage", "primaryButton", "secondaryButton", "theme", "shape", "handleButtonPrimaryClick", "handleButtonSecondaryClick", "MemberEquity_default"]
 }

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

@@ -1,25 +1,28 @@
-import type { ComponentCommonProps } from '../../types/props.js';
+import type { ComponentCommonProps, Media, Shape, Theme } from '../../types/props.js';
 export interface MemberEquityProps extends ComponentCommonProps {
-    /** 标题 */
-    title: string;
-    /** 描述文本 */
-    description: string;
-    /** 背景图片 URL */
-    backgroundImage: string;
-    /** 主按钮配置 */
-    primaryButton: {
-        text: string;
-        href: string;
+    data: {
+        /** 标题 */
+        title: string;
+        /** 描述文本 */
+        description: string;
+        /** 背景图片/视频 URL */
+        backgroundImage?: Media;
+        mobileBackgroundImage?: Media;
+        /** 主按钮配置 */
+        primaryButton: {
+            text: string;
+            href: string;
+        };
+        /** 副按钮配置 */
+        secondaryButton: {
+            text: string;
+            href: string;
+        };
+        /** 形状 */
+        shape?: Shape;
+        /** 主题 */
+        theme?: Theme;
     };
-    /** 副按钮配置 */
-    secondaryButton: {
-        text: string;
-        href: string;
-    };
-    /** 形状 */
-    shape?: 'round' | 'square';
-    /** 主题 */
-    theme?: 'light' | 'dark';
     /** 自定义类名 */
     className?: string;
 }

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { MultiLayoutGraphicBlockProps } from './types';
+declare const _default: {
+    (props: Omit<MultiLayoutGraphicBlockProps & React.RefAttributes<HTMLDivElement>, 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 type { MultiLayoutGraphicBlockProps };

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { default } from './MultiLayoutGraphicBlock.js';
+export type { MultiLayoutGraphicBlockProps } from './types.js';

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

@@ -0,0 +1,2 @@
+import{default as p}from"./MultiLayoutGraphicBlock.js";export{p as default};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/MultiLayoutGraphicBlock/index.tsx"],
+  "sourcesContent": ["export { default } from './MultiLayoutGraphicBlock.js'\nexport type { MultiLayoutGraphicBlockProps } from './types.js'\n"],
+  "mappings": "AAAA,OAAS,WAAAA,MAAe",
+  "names": ["default"]
+}

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

@@ -0,0 +1,30 @@
+import type { Media, Shape, Theme } from '../../types/props';
+export type Item = {
+    theme?: Theme;
+    title: string;
+    description: string;
+    imageUrl: Media;
+    tabName?: string;
+    primaryButton: {
+        text: string;
+        link: string;
+    };
+    secondaryButton: {
+        text: string;
+        link: string;
+    };
+};
+export type MultiLayoutGraphicBlockProps = {
+    data: {
+        shape?: Shape;
+        sectionTitle?: string;
+        groupByTab?: boolean;
+        items: ({
+            width?: 'full' | 'half' | 'one-third';
+        } & Item)[];
+        carousel?: {
+            items: Item[];
+        };
+    };
+    className?: string;
+};

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

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

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

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

@@ -0,0 +1,2 @@
+import{jsx as c}from"react/jsx-runtime";import n from"react";import{cn as a}from"../../helpers/utils.js";import{Heading as m}from"../../components/index.js";const s=n.forwardRef((e,t)=>{const{title:o,className:r,...i}=e;return c(m,{ref:t,className:a("section-heading",r),html:o,...i})});var l=s;export{l as default};
+//# sourceMappingURL=SectionHeading.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/SectionHeading/SectionHeading.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport type { SectionHeadingProps } from './types.js'\nimport { cn } from '../../helpers/utils.js'\nimport { Heading } from '../../components/index.js'\n\nconst SectionHeading = React.forwardRef<HTMLDivElement, SectionHeadingProps>((props, ref) => {\n  const { title, className, ...rest } = props\n\n  return <Heading ref={ref} className={cn('section-heading', className)} html={title} {...rest} />\n})\n\nexport default SectionHeading\n"],
+  "mappings": "AAQS,cAAAA,MAAA,oBART,OAAOC,MAAW,QAElB,OAAS,MAAAC,MAAU,yBACnB,OAAS,WAAAC,MAAe,4BAExB,MAAMC,EAAiBH,EAAM,WAAgD,CAACI,EAAOC,IAAQ,CAC3F,KAAM,CAAE,MAAAC,EAAO,UAAAC,EAAW,GAAGC,CAAK,EAAIJ,EAEtC,OAAOL,EAACG,EAAA,CAAQ,IAAKG,EAAK,UAAWJ,EAAG,kBAAmBM,CAAS,EAAG,KAAMD,EAAQ,GAAGE,EAAM,CAChG,CAAC,EAED,IAAOC,EAAQN",
+  "names": ["jsx", "React", "cn", "Heading", "SectionHeading", "props", "ref", "title", "className", "rest", "SectionHeading_default"]
+}

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

@@ -0,0 +1,2 @@
+var c=(b,a)=>()=>(a||b((a={exports:{}}).exports,a),a.exports);var d=c(()=>{});export default d();
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/SectionHeading/index.tsx"],
+  "sourcesContent": [""],
+  "mappings": "8DAAA,IAAAA,EAAAC,EAAA",
+  "names": ["require_SectionHeading", "__commonJSMin"]
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface SectionHeadingProps {
+    title: string;
+    className?: string;
+    children: React.ReactNode;
+}

package/dist/esm/biz-components/SectionHeading/types.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/SectionHeading/types.ts"],
+  "sourcesContent": ["import React from 'react'\nexport interface SectionHeadingProps {\n  title: string\n  className?: string\n  children: React.ReactNode\n}\n"],
+  "mappings": "AAAA,MAAkB",
+  "names": []
+}

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

@@ -1,6 +1,8 @@
 import type { ShelfProps } from './types.js';
 declare const _default: {
-    (props: Omit<ShelfProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps>): import("react/jsx-runtime").JSX.Element;
+    (props: Omit<ShelfProps, 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.d.ts

@@ -1,38 +1,59 @@
-import React from 'react';
 export interface ShelfDisplayItem {
+    id?: string;
     /** 产品图片*/
-    img: string;
+    img?: {
+        url: string;
+    };
+    handle?: string;
+    sku?: string;
     /** 折扣后价格*/
-    price: string;
-    title: string;
+    price?: string;
+    title?: string;
     /** 折扣前价格*/
-    basePrice: string;
-    subTitle: string;
+    basePrice?: string;
+    subTitle?: string;
     /** 标签*/
-    tagItems: string[];
+    tagItems?: string[];
+    tab?: string;
+    data?: ShelfDisplayItem[];
 }
+type EventType = {
+    primaryButton?: (v: any) => void;
+    secondaryButton?: (v: any) => void;
+};
 export interface ShelfDisplayProps {
-    products: ShelfDisplayItem[];
-    /** 卡片形状 */
-    itemShape?: 'round' | 'square';
-    className?: string;
+    data: {
+        title?: string;
+        isShowTab?: boolean;
+        align?: 'left' | 'center' | 'right';
+        productsTab?: any;
+        productsCard?: any;
+        /** 卡片形状 */
+        itemShape?: 'round' | 'square';
+        /** 按钮形状 */
+        shape?: 'round' | 'square';
+        /** 标签页形状*/
+        tabShape?: 'rounded' | 'square';
+        /** 主按钮配置 */
+        primaryButton?: string;
+        /** 副按钮配置 */
+        secondaryButton?: string;
+    };
+    buildData?: {
+        categories: any[];
+        products: any[];
+    };
+    /** 按钮事件*/
+    event?: EventType;
     /** 主题色*/
     theme?: 'light' | 'dark';
-    /** 按钮形状 */
-    shape?: 'round' | 'square';
-    /** 主按钮配置 */
-    primaryButton?: string;
-    /** 副按钮配置 */
-    secondaryButton?: string;
-    /** 按钮事件*/
-    event?: {
-        primaryButton?: {
-            onClick: (v: any) => void;
-        };
-        secondaryButton?: {
-            onClick: (v: any) => void;
-        };
-    };
+    className?: string;
+    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";import b from"../../components/picture";import p from"../../components/button";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("w-full flex","gap-3 laptop:gap-4 overflow-x-auto overflow-y-hidden"),children:i?.map((t,u)=>s("div",{className:o("bg-[#EAEAEC] p-4 flex flex-col min-w-[288px] max-w-[288px]","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("h-[137px] overflow-hidden relative inline-block mb-2","desktop:mb-3 desktop:h-[195px]"),children:e(b,{source:t?.img||"",className:"h-full [&_img]:w-auto object-cover flex justify-center"})}),e("div",{className:"mb-1 flex gap-1 flex-wrap desktop:mb-2",children:t?.tagItems?.map((f,k)=>e("div",{className:"border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold rounded-3xl text-[#00BEFA] desktop:text-base",children:f},k))}),e("p",{className:"flex-1 font-bold text-xl text-[#1D1D1F] leading-[1.2] tracking-[-0.04em] desktop:text-2xl",children:t?.title||""}),e("h3",{className:"mt-1 mb-5 text-sm font-semibold text-[#1D1D1F] leading-[1.2] tracking-[-0.02em] desktop:mt-2 desktop:mb-6 desktop:text-lg",children:t?.subTitle||""}),s("div",{className:"mb-2 flex items-center",children:[e("div",{className:"font-bold text-xl text-[#1D1D1F] desktop:text-2xl",children:t?.price||""}),e("div",{className:"ml-1 font-bold text-xl text-[#86868C] desktop:text-2xl",children:t?.basePrice||""})]}),s("div",{className:"flex items-center gap-3",children:[e(p,{variant:"primary",onClick:()=>m(t),className:`
-                        flex-1 bg-transparent border-[#1D1D1F] border box-border text-[#1D1D1F] text-xs laptop:text-sm desktop:text-base
-                        px-4 laptop:px-6 desktop:px-7 hover:bg-transparent hover:text-black py-2 laptop:py-2.5 desktop:py-3 tracking-[-0.04em]
-                        ${a==="round"?"rounded-[20px] desktop:rounded-3xl":""}
-                      `,children:n||""}),e(p,{variant:"secondary",onClick:()=>c(t),className:`
-                        flex-1 bg-[#1D1D1F] border-[#1D1D1F] border text-white box-border text-xs laptop:text-sm desktop:text-base
-                        px-4 laptop:px-6 desktop:px-7 py-2 laptop:py-2.5 desktop:py-3 tracking-[-0.04em]
-                        ${a==="round"?"rounded-[20px] desktop:rounded-3xl":""}
-                      `,children:x||""})]})]},u))})})})})};var B=v;export{B as default};
+"use client";import{jsx as t,jsxs as d}from"react/jsx-runtime";import{useState as D,useEffect as N}from"react";import{cn as y}from"../../helpers/utils.js";import C from"../../components/picture.js";import{Tabs as I,TabsList as P,TabsTrigger as F}from"../../components/tabs.js";import k from"../../components/button.js";import E from"../Title/index.js";import A from"../SwiperBox/index.js";import{withStyles as V}from"../../shared/Styles.js";import{formatVariantPrice as q}from"./shelfDisplay.js";const M=({data:e,configuration:r})=>{const m=a=>r?.event?.primaryButton?.(a),c=a=>r?.event?.secondaryButton?.(a),{price:u,basePrice:b}=q({locale:"us",amount:e?.price.amount||0,baseAmount:e?.compareAtPrice?.amount||e?.price.amount||0,currencyCode:e?.price.currencyCode||"USD"}),p=()=>{const a=e?.sku,o=e?.variants;return o?.find(x=>x?.sku===a)?.image?.url||o?.[0]?.image?.url||""};return d("div",{className:y("laptop:pt-4 laptop:px-6 laptop:pb-6 flex size-full cursor-pointer flex-col overflow-hidden bg-[#EAEAEC] p-4",r?.itemShape==="round"?"rounded-2xl":"rounded-none"),children:[t("div",{className:y("relative mb-2 inline-block h-[137px] overflow-hidden","tablet:mb-3 tablet:h-[195px]"),children:t(C,{source:p(),className:"flex h-full justify-center object-cover [&_img]:w-auto"})}),t("div",{className:"tablet:mb-2 mb-1 flex h-8 flex-wrap gap-1 overflow-hidden",children:e?.tags?.slice(0,1)?.map?.((a,o)=>t("div",{className:"tablet:text-base rounded-2xl border-2 border-[#86868C] px-2 pt-1 text-sm font-bold text-[#1D1D1F]",children:a},o))}),t("p",{title:e?.title||"",className:"desktop:text-2xl desktop:leading-7 line-clamp-2 max-h-[48px] flex-1 text-xl font-bold text-[#1D1D1F]",children:e?.title||""}),t("h3",{title:e?.description||"",className:"tablet:mt-2 tablet:mb-3 desktop:text-lg mb-2 mt-1 h-6 truncate text-sm font-semibold text-[#1D1D1F]",children:e?.description||""}),d("div",{className:"mb-2 flex items-center",children:[t("div",{className:"tablet:text-2xl text-xl font-bold text-[#1D1D1F]",children:u||""}),t("div",{className:"tablet:text-2xl ml-1 text-xl font-bold text-[#86868C]",children:b||""})]}),d("div",{className:"flex items-center gap-3",children:[t(k,{variant:"primary",onClick:()=>m(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 text-[#1D1D1F] hover:bg-transparent hover:text-black
+            ${r?.shape==="round"?"desktop:rounded-3xl rounded-[20px]":""}
+          `,children:r?.primaryButton||""}),t(k,{variant:"secondary",onClick:()=>c(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
+            ${r?.shape==="round"?"desktop:rounded-3xl rounded-[20px]":""}
+          `,children:r?.secondaryButton||""})]})]},e?.id||e?.handle)},L=({data:e,buildData:r,className:m="",key:c,event:u})=>{const[b,p]=D(""),[a,o]=D([]),{productsTab:l=[],productsCard:x=[],title:h,align:S="left",isShowTab:v=!0,tabShape:w="square",...T}=e,f=s=>{const i=s?.map(n=>{const g=r?.products?.find(B=>B?.handle===n?.handle);if(g)return{sku:n.sku,...g}})?.filter(n=>n);o(i)};return N(()=>{if(v){p(l?.[0]?.tab||""),f(l?.[0]?.data||[]);return}f(x)},[]),d("div",{className:y("w-full",m),children:[h&&t(E,{data:{title:h}}),v&&t(I,{shape:w,align:S,value:b,onValueChange:s=>{p(s);const i=l?.find(n=>n?.tab===s);f(i?.data||[])},className:"mb-8",children:t(P,{children:l?.map((s,i)=>t(F,{value:s?.tab||"",children:s?.tab},i))})}),t(A,{className:"!overflow-visible",id:"ShelfDisplay"+c,data:{list:a,configuration:{...T,event:u}},Slide:M,breakpoints:{0:{spaceBetween:"12px",freeMode:!1,slidesPerView:1},374:{spaceBetween:"12px",freeMode:!1,slidesPerView:1.3},768:{spaceBetween:"16px",freeMode:!1,slidesPerView:4}}})]})};var O=V(L);export{O as default};
 //# sourceMappingURL=index.js.map