@anker-in/headless-ui 0.0.27-alpha.2 → 0.0.27-alpha.20

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeroBanner/HeroBanner.tsx"],
-  "sourcesContent": ["import React from \"react\"\nimport type { HeroBannerProps } from \"./types.js\"\nimport { Button, Text } from \"../../components/index.js\"\nimport { cn } from \"../../helpers/index.js\"\nimport { withStyles } from \"../../shared/Styles.js\"\n\nconst HeroBanner = React.forwardRef<HTMLDivElement, HeroBannerProps>(\n  ({ \n    title, \n    subtitle, \n    background,\n    primaryButton,\n    secondaryButton,\n    theme = \"light\",\n    className,\n    products = [] \n  }, ref) => {\n    const textColorClass = theme === \"dark\" ? \"text-white\" : \"text-[#1D1D1F]\"\n    const dividerColorClass = theme === \"dark\" ? \"bg-white\" : \"bg-[#1D1D1F]\"\n\n    return (\n      <div \n        ref={ref} \n        className={cn(\n          \"relative flex min-h-[720px] w-full flex-col justify-between overflow-hidden bg-cover bg-center bg-no-repeat\",\n          className\n        )}\n        style={{ backgroundImage: `url(${background})` }}\n      >\n        {/* \u5185\u5BB9\u533A\u57DF */}\n        <div className=\"relative z-10 flex flex-col gap-8 px-32 pt-[307px]\">\n          <div className=\"max-w-[686px] space-y-4\">\n            <h1 className={cn(\n              \"hero-banner-title font-mont text-[64px] font-bold leading-none tracking-[-0.04em]\",\n              textColorClass\n            )}>\n              {title}\n            </h1>\n            <p className={cn(\n              \"hero-banner-subtitle text-lg font-medium leading-[1.2] tracking-[-0.02em]\",\n              textColorClass\n            )}>\n              {subtitle}\n            </p>\n          </div>\n          \n          {/* \u6309\u94AE\u7EC4 */}\n          <div className=\"flex items-center gap-4\">\n            {secondaryButton && (\n              <Button\n                size=\"lg\"\n                variant=\"nature\"\n                theme={theme}\n                className=\"hero-banner-primary-button\"\n                {...secondaryButton}\n              >\n                {secondaryButton.text}\n              </Button>\n            )}\n            {primaryButton && (\n              <Button\n                size=\"lg\"\n                variant=\"secondary\"\n                theme={theme}\n                {...primaryButton}\n                className=\"hero-banner-secondary-button bg-transparent border-black text-black hover:bg-black hover:text-white\"\n              >\n                {primaryButton.text}\n              </Button>\n            )}\n          </div>\n        </div>\n\n        {/* \u5E95\u90E8\u4EA7\u54C1\u5217\u8868 */}\n        {products.length > 0 && (\n          <div className=\"relative z-10 flex items-center gap-3 px-32 pb-6\">\n            {products.map((product, index) => (\n              <React.Fragment key={index}>\n                <Text\n                  className={cn(\n                    \"hero-banner-product-text text-sm font-medium leading-[1.2] tracking-[-0.02em]\",\n                    theme === \"dark\" ? \"text-white\" : \"text-[#1D1D1F]\"\n                  )}\n                >\n                  {product.title}\n                </Text>\n                {index < products.length - 1 && (\n                  <div className={cn(\"h-4 w-px\", dividerColorClass)} />\n                )}\n              </React.Fragment>\n            ))}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nHeroBanner.displayName = \"HeroBanner\"\n\nexport default withStyles(HeroBanner)\n\n\n"],
-  "mappings": "AA+BU,OACE,OAAAA,EADF,QAAAC,MAAA,oBA/BV,OAAOC,MAAW,QAElB,OAAS,UAAAC,EAAQ,QAAAC,MAAY,4BAC7B,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAE3B,MAAMC,EAAaL,EAAM,WACvB,CAAC,CACC,MAAAM,EACA,SAAAC,EACA,WAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,MAAAC,EAAQ,QACR,UAAAC,EACA,SAAAC,EAAW,CAAC,CACd,EAAGC,IAAQ,CACT,MAAMC,EAAiBJ,IAAU,OAAS,aAAe,iBACnDK,EAAoBL,IAAU,OAAS,WAAa,eAE1D,OACEZ,EAAC,OACC,IAAKe,EACL,UAAWX,EACT,8GACAS,CACF,EACA,MAAO,CAAE,gBAAiB,OAAOJ,CAAU,GAAI,EAG/C,UAAAT,EAAC,OAAI,UAAU,qDACb,UAAAA,EAAC,OAAI,UAAU,0BACb,UAAAD,EAAC,MAAG,UAAWK,EACb,oFACAY,CACF,EACG,SAAAT,EACH,EACAR,EAAC,KAAE,UAAWK,EACZ,4EACAY,CACF,EACG,SAAAR,EACH,GACF,EAGAR,EAAC,OAAI,UAAU,0BACZ,UAAAW,GACCZ,EAACG,EAAA,CACC,KAAK,KACL,QAAQ,SACR,MAAOU,EACP,UAAU,6BACT,GAAGD,EAEH,SAAAA,EAAgB,KACnB,EAEDD,GACCX,EAACG,EAAA,CACC,KAAK,KACL,QAAQ,YACR,MAAOU,EACN,GAAGF,EACJ,UAAU,sGAET,SAAAA,EAAc,KACjB,GAEJ,GACF,EAGCI,EAAS,OAAS,GACjBf,EAAC,OAAI,UAAU,mDACZ,SAAAe,EAAS,IAAI,CAACI,EAASC,IACtBnB,EAACC,EAAM,SAAN,CACC,UAAAF,EAACI,EAAA,CACC,UAAWC,EACT,gFACAQ,IAAU,OAAS,aAAe,gBACpC,EAEC,SAAAM,EAAQ,MACX,EACCC,EAAQL,EAAS,OAAS,GACzBf,EAAC,OAAI,UAAWK,EAAG,WAAYa,CAAiB,EAAG,IAVlCE,CAYrB,CACD,EACH,GAEJ,CAEJ,CACF,EAEAb,EAAW,YAAc,aAEzB,IAAOc,EAAQf,EAAWC,CAAU",
-  "names": ["jsx", "jsxs", "React", "Button", "Text", "cn", "withStyles", "HeroBanner", "title", "subtitle", "background", "primaryButton", "secondaryButton", "theme", "className", "products", "ref", "textColorClass", "dividerColorClass", "product", "index", "HeroBanner_default"]
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport type { HeroBannerProps } from './types.js'\nimport { Button, Heading, Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\nimport { withStyles } from '../../shared/Styles.js'\n\nconst HeroBanner = React.forwardRef<HTMLDivElement, HeroBannerProps>(({ data, className }, ref) => {\n  const { title, subtitle, background, primaryButton, secondaryButton, theme = 'light', products = [] } = data\n  const textColorClass = theme === 'dark' ? 'text-white' : 'text-[#1D1D1F]'\n  const dividerColorClass = theme === 'dark' ? 'bg-white' : 'bg-[#1D1D1F]'\n\n  return (\n    <div\n      data-ui-component-id=\"HeroBanner\"\n      ref={ref}\n      className={cn(\n        theme === 'dark' ? 'aiui-dark' : '',\n        'lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520] tablet:aspect-[768/660] relative aspect-[390/660] w-full overflow-hidden',\n        className\n      )}\n    >\n      <Picture className=\"laptop:w-full absolute h-full\" imgClassName=\"h-full object-cover\" source={background} />\n      {/* \u5185\u5BB9\u533A\u57DF */}\n      <div className=\"laptop:top-1/2 laptop:-translate-y-1/2 relative top-[30%] z-10 flex flex-col gap-8 px-32\">\n        <div className=\"max-w-[686px] space-y-4\">\n          <Heading as=\"h1\" size={5} className={cn('hero-banner-title', textColorClass)} html={title} />\n          <Text\n            className={cn('hero-banner-subtitle text-lg font-medium leading-[1.2] tracking-[-0.02em]', textColorClass)}\n            html={subtitle}\n          />\n        </div>\n        {/* \u6309\u94AE\u7EC4 */}\n        <div className=\"flex items-center gap-4\">\n          {secondaryButton && (\n            <Button size=\"lg\" variant=\"primary\" className=\"hero-banner-primary-button\" {...secondaryButton}>\n              {secondaryButton.text}\n            </Button>\n          )}\n          {primaryButton && (\n            <Button size=\"lg\" variant=\"secondary\" {...primaryButton} className=\"hero-banner-secondary-button\">\n              {primaryButton.text}\n            </Button>\n          )}\n        </div>\n      </div>\n\n      {/* \u5E95\u90E8\u4EA7\u54C1\u5217\u8868 */}\n      {products.length > 0 && (\n        <div className=\"absolute bottom-0 z-10 flex items-center gap-3 px-32 pb-6\">\n          {products.map((product, index) => (\n            <React.Fragment key={index}>\n              <Text\n                className={cn(\n                  'hero-banner-product-text text-sm font-medium leading-[1.2] tracking-[-0.02em]',\n                  theme === 'dark' ? 'text-white' : 'text-[#1D1D1F]'\n                )}\n              >\n                {product.title}\n              </Text>\n              {index < products.length - 1 && <div className={cn('h-4 w-px', dividerColorClass)} />}\n            </React.Fragment>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n})\n\nHeroBanner.displayName = 'HeroBanner'\n\nexport default withStyles(HeroBanner)\n"],
+  "mappings": "aAsBM,cAAAA,EAGE,QAAAC,MAHF,oBArBN,OAAOC,MAAW,QAElB,OAAS,UAAAC,EAAQ,WAAAC,EAAS,WAAAC,EAAS,QAAAC,MAAY,4BAC/C,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAE3B,MAAMC,EAAaP,EAAM,WAA4C,CAAC,CAAE,KAAAQ,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CACjG,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,WAAAC,EAAY,cAAAC,EAAe,gBAAAC,EAAiB,MAAAC,EAAQ,QAAS,SAAAC,EAAW,CAAC,CAAE,EAAIT,EAClGU,EAAiBF,IAAU,OAAS,aAAe,iBACnDG,EAAoBH,IAAU,OAAS,WAAa,eAE1D,OACEjB,EAAC,OACC,uBAAqB,aACrB,IAAKW,EACL,UAAWL,EACTW,IAAU,OAAS,YAAc,GACjC,2JACAP,CACF,EAEA,UAAAX,EAACK,EAAA,CAAQ,UAAU,gCAAgC,aAAa,sBAAsB,OAAQU,EAAY,EAE1Gd,EAAC,OAAI,UAAU,2FACb,UAAAA,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACI,EAAA,CAAQ,GAAG,KAAK,KAAM,EAAG,UAAWG,EAAG,oBAAqBa,CAAc,EAAG,KAAMP,EAAO,EAC3Fb,EAACM,EAAA,CACC,UAAWC,EAAG,4EAA6Ea,CAAc,EACzG,KAAMN,EACR,GACF,EAEAb,EAAC,OAAI,UAAU,0BACZ,UAAAgB,GACCjB,EAACG,EAAA,CAAO,KAAK,KAAK,QAAQ,UAAU,UAAU,6BAA8B,GAAGc,EAC5E,SAAAA,EAAgB,KACnB,EAEDD,GACChB,EAACG,EAAA,CAAO,KAAK,KAAK,QAAQ,YAAa,GAAGa,EAAe,UAAU,+BAChE,SAAAA,EAAc,KACjB,GAEJ,GACF,EAGCG,EAAS,OAAS,GACjBnB,EAAC,OAAI,UAAU,4DACZ,SAAAmB,EAAS,IAAI,CAACG,EAASC,IACtBtB,EAACC,EAAM,SAAN,CACC,UAAAF,EAACM,EAAA,CACC,UAAWC,EACT,gFACAW,IAAU,OAAS,aAAe,gBACpC,EAEC,SAAAI,EAAQ,MACX,EACCC,EAAQJ,EAAS,OAAS,GAAKnB,EAAC,OAAI,UAAWO,EAAG,WAAYc,CAAiB,EAAG,IAThEE,CAUrB,CACD,EACH,GAEJ,CAEJ,CAAC,EAEDd,EAAW,YAAc,aAEzB,IAAOe,EAAQhB,EAAWC,CAAU",
+  "names": ["jsx", "jsxs", "React", "Button", "Heading", "Picture", "Text", "cn", "withStyles", "HeroBanner", "data", "className", "ref", "title", "subtitle", "background", "primaryButton", "secondaryButton", "theme", "products", "textColorClass", "dividerColorClass", "product", "index", "HeroBanner_default"]
 }

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

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

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

@@ -1,26 +1,28 @@
-import type { ButtonProps } from "../../components/button";
+import type { ButtonProps } from '../../components/button.js';
+import type { Theme } from '../../types/props.js';
 export interface HeroBannerProps {
-    /** 主标题 */
-    title: string;
-    /** 副标题/描述文本 */
-    subtitle: string;
-    /** 背景图片URL */
-    background: string;
-    /** 主按钮文本和配置 */
-    primaryButton?: {
-        text: string;
-    } & Omit<ButtonProps, 'children'>;
-    /** 次要按钮文本和配置 */
-    secondaryButton?: {
-        text: string;
-    } & Omit<ButtonProps, 'children'>;
+    data: {
+        /** 主标题 */
+        title: string;
+        /** 副标题/描述文本 */
+        subtitle: string;
+        /** 背景图片URL */
+        background: string;
+        /** 主按钮文本和配置 */
+        primaryButton?: {
+            text: string;
+        } & Omit<ButtonProps, 'children'>;
+        /** 次要按钮文本和配置 */
+        secondaryButton?: {
+            text: string;
+        } & Omit<ButtonProps, 'children'>;
+        /** 主题 */
+        theme?: Theme;
+        /** 底部产品列表 */
+        products?: Array<{
+            title: string;
+        }>;
+    };
     /** 自定义类名 */
     className?: string;
-    /** 主题 */
-    theme?: "light" | "dark";
-    /** 底部产品列表 */
-    products?: Array<{
-        title: string;
-        active?: boolean;
-    }>;
 }

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

@@ -1,2 +1,2 @@
-import{jsx as a}from"react/jsx-runtime";import s from"react";import{cn as o}from"../../helpers/utils.js";import{default as c}from"react-fast-marquee";import"react-fast-marquee";import{Picture as M,Text as l}from"../../components";const n=s.forwardRef(({children:e,...t},r)=>a(c,{ref:r,...t,children:e}));n.displayName="Marquee";const p=s.forwardRef(({className:e,children:t,...r},u)=>a("div",{className:o("flex gap-6 items-center laptop:gap-16",e),ref:u,children:t}));p.displayName="MarqueeList";const i=({image:e,className:t})=>a(M,{source:e,className:o("aspect-w-[120] w-[72px] aspect-h-[80] laptop:w-[120px]",t),imgClassName:"object-cover"});i.displayName="MarqueeImageContent";const m=s.forwardRef(({text:e,className:t},r)=>a(l,{as:"div",ref:r,html:e,className:o("size-14 text-nowrap flex items-center justify-center leading-[1.2] text-lines-2 font-medium",t)}));m.displayName="MarqueeTextContent";export{n as Marquee,i as MarqueeImageContent,p as MarqueeList,m as MarqueeTextContent};
+"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};
 //# 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": ["import React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { default as FastMarquee } from 'react-fast-marquee'\nimport { type MarqueeProps as FastMarqueeProps } from 'react-fast-marquee'\nimport { Picture, Text } from '../../components'\n\nconst Marquee = React.forwardRef<HTMLDivElement, FastMarqueeProps>(\n  ({children, ...props}, ref) => {\n    return (\n      <FastMarquee\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </FastMarquee>\n    )\n  }\n)\n\nMarquee.displayName = 'Marquee'\n\ninterface MarqueeListProps {\n  children?: React.ReactNode;\n  className?: string;\n}\n\nconst MarqueeList = React.forwardRef<\nHTMLDivElement,\nMarqueeListProps\n>(({ className, children, ...props }, ref) => {\n  return (\n    <div className={cn(\"flex gap-6 items-center laptop:gap-16\", 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] w-[72px] aspect-h-[80] laptop:w-[120px]\", 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<\nHTMLDivElement,\nMarqueeTextContentProps\n>(({ text, className }, ref) => {\n  return (\n    <Text\n      as=\"div\"\n      ref={ref}\n      html={text}\n      className={cn(\"size-14 text-nowrap flex items-center justify-center leading-[1.2] text-lines-2 font-medium\", className)}\n    />\n  )\n})\n\nMarqueeTextContent.displayName = 'MarqueeTextContent'\n\nexport { Marquee, MarqueeList, MarqueeImageContent, MarqueeTextContent }\nexport type { FastMarqueeProps, MarqueeListProps, MarqueeImageContentProps, MarqueeTextContentProps }"],
-  "mappings": "AASM,cAAAA,MAAA,oBATN,OAAOC,MAAW,QAClB,OAAS,MAAAC,MAAU,yBACnB,OAAS,WAAWC,MAAmB,qBACvC,MAAsD,qBACtD,OAAS,WAAAC,EAAS,QAAAC,MAAY,mBAE9B,MAAMC,EAAUL,EAAM,WACpB,CAAC,CAAC,SAAAM,EAAU,GAAGC,CAAK,EAAGC,IAEnBT,EAACG,EAAA,CACC,IAAKM,EACJ,GAAGD,EAEH,SAAAD,EACH,CAGN,EAEAD,EAAQ,YAAc,UAOtB,MAAMI,EAAcT,EAAM,WAGxB,CAAC,CAAE,UAAAU,EAAW,SAAAJ,EAAU,GAAGC,CAAM,EAAGC,IAElCT,EAAC,OAAI,UAAWE,EAAG,wCAAyCS,CAAS,EAAG,IAAKF,EAC1E,SAAAF,EACH,CAEH,EAEDG,EAAY,YAAc,cAO1B,MAAME,EAAsB,CAAC,CAAE,MAAAC,EAAO,UAAAF,CAAU,IAE5CX,EAACI,EAAA,CACC,OAAQS,EACR,UAAWX,EAAG,yDAA0DS,CAAS,EACjF,aAAa,eACf,EAIJC,EAAoB,YAAc,sBAOlC,MAAME,EAAqBb,EAAM,WAG/B,CAAC,CAAE,KAAAc,EAAM,UAAAJ,CAAU,EAAGF,IAEpBT,EAACK,EAAA,CACC,GAAG,MACH,IAAKI,EACL,KAAMM,EACN,UAAWb,EAAG,8FAA+FS,CAAS,EACxH,CAEH,EAEDG,EAAmB,YAAc",
-  "names": ["jsx", "React", "cn", "FastMarquee", "Picture", "Text", "Marquee", "children", "props", "ref", "MarqueeList", "className", "MarqueeImageContent", "image", "MarqueeTextContent", "text"]
+  "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"]
 }

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

@@ -0,0 +1,8 @@
+import type { MediaPlayerBaseProps } from './types.js';
+declare const _default: {
+    (props: Omit<MediaPlayerBaseProps, 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/MediaPlayerBase/index.js

@@ -0,0 +1,2 @@
+"use client";import{jsx as s,jsxs as a}from"react/jsx-runtime";import{useState as x,useRef as n}from"react";import{cn as d}from"../../helpers/utils.js";import{withStyles as u}from"../../shared/Styles.js";import f from"../../components/picture.js";import y from"../../components/button.js";const v=({className:l="",title:p="\u6807\u9898",videoTitle:o="\u89C6\u9891\u6807\u9898",btnText:m="\u6309\u94AE",img:c="https://img.anker.com/product/1719161555161.jpg",media:i="https://img.anker.com/product/1719161555161.mp4"})=>{const[t,r]=x(!1),e=n(null);return a("div",{className:d(" relative w-full",l),children:[a("div",{className:"media-content absolute left-1/2 top-1/2 z-10 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center gap-5",children:[s("div",{className:"text-center text-[40px] font-bold text-white lg:text-5xl xl:text-[64px]",dangerouslySetInnerHTML:{__html:t?o:p}}),!t&&s(y,{className:"member-equity-button-primary mx-auto border border-white bg-transparent px-4 py-2 text-xs text-white hover:bg-white hover:text-black sm:px-5 sm:py-[10px] sm:text-sm md:px-6 md:py-[11px] md:text-sm lg:px-7 lg:py-[12px] lg:text-base xl:px-7 xl:py-[14px] xl:text-base",variant:"primary",onClick:()=>{t?(e.current&&e.current.pause(),r(!1)):(e.current&&e.current.play(),r(!0))},children:m})]}),a("div",{className:"media-cover xl:aspect-w-[1920] xl:aspect-h-[930] lg:aspect-w-[1440] lg:aspect-h-[700] md:aspect-w-[1024] md:aspect-h-[520] sm:aspect-w-[768] sm:aspect-h-[660] aspect-w-[390] aspect-h-[660] relative",children:[s("video",{ref:e,className:"size-full object-cover",src:i,muted:!0,loop:!0}),!t&&s(f,{className:"z-1 absolute left-0 top-0 size-full object-cover",source:c})]})]})};var B=u(v);export{B as default};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/MediaPlayerBase/index.tsx"],
+  "sourcesContent": ["'use client'\nimport React, { useState, useRef } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport type { MediaPlayerBaseProps } from './types.js'\n\nconst MediaPlayerBase: React.FC<MediaPlayerBaseProps> = ({\n  className = '',\n  title = '\u6807\u9898',\n  videoTitle = '\u89C6\u9891\u6807\u9898',\n  btnText = '\u6309\u94AE',\n  img = 'https://img.anker.com/product/1719161555161.jpg',\n  media = 'https://img.anker.com/product/1719161555161.mp4',\n}) => {\n  const [isPlaying, setIsPlaying] = useState(false)\n  const videoRef = useRef<HTMLVideoElement>(null)\n  return (\n    <div className={cn(' relative w-full', className)}>\n      <div className=\"media-content absolute left-1/2 top-1/2 z-10 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center gap-5\">\n        <div\n          className=\"text-center text-[40px] font-bold text-white lg:text-5xl xl:text-[64px]\"\n          dangerouslySetInnerHTML={{ __html: isPlaying ? videoTitle : title }}\n        />\n        {!isPlaying && (\n          <Button\n            className=\"member-equity-button-primary mx-auto border border-white bg-transparent px-4 py-2 text-xs text-white hover:bg-white hover:text-black sm:px-5 sm:py-[10px] sm:text-sm md:px-6 md:py-[11px] md:text-sm lg:px-7 lg:py-[12px] lg:text-base xl:px-7 xl:py-[14px] xl:text-base\"\n            variant=\"primary\"\n            onClick={() => {\n              if (isPlaying) {\n                if (videoRef.current) {\n                  videoRef.current.pause()\n                }\n                setIsPlaying(false)\n              } else {\n                if (videoRef.current) {\n                  videoRef.current.play()\n                }\n                setIsPlaying(true)\n              }\n            }}\n          >\n            {btnText}\n          </Button>\n        )}\n      </div>\n      <div className=\"media-cover xl:aspect-w-[1920] xl:aspect-h-[930] lg:aspect-w-[1440] lg:aspect-h-[700] md:aspect-w-[1024] md:aspect-h-[520] sm:aspect-w-[768] sm:aspect-h-[660] aspect-w-[390] aspect-h-[660] relative\">\n        <video ref={videoRef} className=\"size-full object-cover\" src={media} muted loop />\n        {!isPlaying && <Picture className=\"z-1 absolute left-0 top-0 size-full object-cover\" source={img} />}\n      </div>\n    </div>\n  )\n}\n\nexport default withStyles(MediaPlayerBase)\n"],
+  "mappings": "aAoBM,OACE,OAAAA,EADF,QAAAC,MAAA,oBAnBN,OAAgB,YAAAC,EAAU,UAAAC,MAAc,QACxC,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAC3B,OAAOC,MAAa,8BACpB,OAAOC,MAAY,6BAGnB,MAAMC,EAAkD,CAAC,CACvD,UAAAC,EAAY,GACZ,MAAAC,EAAQ,eACR,WAAAC,EAAa,2BACb,QAAAC,EAAU,eACV,IAAAC,EAAM,kDACN,MAAAC,EAAQ,iDACV,IAAM,CACJ,KAAM,CAACC,EAAWC,CAAY,EAAId,EAAS,EAAK,EAC1Ce,EAAWd,EAAyB,IAAI,EAC9C,OACEF,EAAC,OAAI,UAAWG,EAAG,mBAAoBK,CAAS,EAC9C,UAAAR,EAAC,OAAI,UAAU,kHACb,UAAAD,EAAC,OACC,UAAU,0EACV,wBAAyB,CAAE,OAAQe,EAAYJ,EAAaD,CAAM,EACpE,EACC,CAACK,GACAf,EAACO,EAAA,CACC,UAAU,2QACV,QAAQ,UACR,QAAS,IAAM,CACTQ,GACEE,EAAS,SACXA,EAAS,QAAQ,MAAM,EAEzBD,EAAa,EAAK,IAEdC,EAAS,SACXA,EAAS,QAAQ,KAAK,EAExBD,EAAa,EAAI,EAErB,EAEC,SAAAJ,EACH,GAEJ,EACAX,EAAC,OAAI,UAAU,wMACb,UAAAD,EAAC,SAAM,IAAKiB,EAAU,UAAU,yBAAyB,IAAKH,EAAO,MAAK,GAAC,KAAI,GAAC,EAC/E,CAACC,GAAaf,EAACM,EAAA,CAAQ,UAAU,mDAAmD,OAAQO,EAAK,GACpG,GACF,CAEJ,EAEA,IAAOK,EAAQb,EAAWG,CAAe",
+  "names": ["jsx", "jsxs", "useState", "useRef", "cn", "withStyles", "Picture", "Button", "MediaPlayerBase", "className", "title", "videoTitle", "btnText", "img", "media", "isPlaying", "setIsPlaying", "videoRef", "MediaPlayerBase_default"]
+}

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

@@ -0,0 +1,12 @@
+import type React from 'react';
+export interface MediaPlayerBaseProps {
+    className?: string;
+    title: string;
+    videoTitle?: string;
+    btnText: string;
+    img: string;
+    media: string;
+    style?: {
+        [key: string]: React.CSSProperties;
+    };
+}

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

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

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

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

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

@@ -0,0 +1,8 @@
+import type { TestimonialSectionProps } from './types.js';
+declare const _default: {
+    (props: Omit<TestimonialSectionProps, 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/MediaPlayerMulti/index.js

@@ -0,0 +1,2 @@
+"use client";import{jsx as e,jsxs as l}from"react/jsx-runtime";import"react";import{cn as i}from"../../helpers/utils.js";import{withStyles as m}from"../../shared/Styles.js";import r from"../../components/picture.js";const c=({items:s=[],style:n="",className:a=""})=>e("div",{className:i("flex gap-4 overflow-x-auto",a),children:s.map((t,o)=>l("div",{className:i("w-swiper-1/2 flex shrink-0 flex-col overflow-hidden sm:flex-row"),children:[l("div",{className:"relative w-full flex-none sm:w-[49%]",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 flex items-center justify-center",children:e("div",{className:"flex size-10 items-center justify-center rounded-full bg-white bg-opacity-20 sm:size-12",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:"flex flex-col gap-[30px] bg-white p-4 sm:gap-[60px] sm:p-6",children:[l("div",{className:"flex flex-col gap-2",children:[e("h3",{className:"text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F] xl:text-lg",children:t.name}),e("p",{className:"text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F] xl:text-lg",children:t.description})]}),e("p",{className:"text-lg font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F] xl:text-2xl",children:t.quote})]})]},o))});var v=m(c);export{v 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/picture.js'\nimport type { TestimonialSectionProps } from './types.js'\n\nconst MediaPlayerMulti: React.FC<TestimonialSectionProps> = ({ items = [], style = '', className = '' }) => {\n  return (\n    <div className={cn('flex gap-4 overflow-x-auto', className)}>\n      {items.map((item, index) => (\n        <div key={index} className={cn('w-swiper-1/2 flex shrink-0 flex-col overflow-hidden sm:flex-row')}>\n          <div className=\"relative w-full flex-none sm:w-[49%]\">\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=\"flex size-10 items-center justify-center rounded-full bg-white bg-opacity-20 sm:size-12\">\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=\"flex flex-col gap-[30px] bg-white p-4 sm:gap-[60px] sm:p-6\">\n            <div className=\"flex flex-col gap-2\">\n              <h3 className=\"text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F] xl:text-lg\">\n                {item.name}\n              </h3>\n              <p className=\"text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F] xl:text-lg\">\n                {item.description}\n              </p>\n            </div>\n\n            <p className=\"text-lg font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F] xl:text-2xl\">\n              {item.quote}\n            </p>\n          </div>\n        </div>\n      ))}\n    </div>\n  )\n}\n\nexport default withStyles(MediaPlayerMulti)\n"],
+  "mappings": "aAYU,OACE,OAAAA,EADF,QAAAC,MAAA,oBAXV,MAAkB,QAClB,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAC3B,OAAOC,MAAa,8BAGpB,MAAMC,EAAsD,CAAC,CAAE,MAAAC,EAAQ,CAAC,EAAG,MAAAC,EAAQ,GAAI,UAAAC,EAAY,EAAG,IAElGR,EAAC,OAAI,UAAWE,EAAG,6BAA8BM,CAAS,EACvD,SAAAF,EAAM,IAAI,CAACG,EAAMC,IAChBT,EAAC,OAAgB,UAAWC,EAAG,iEAAiE,EAC9F,UAAAD,EAAC,OAAI,UAAU,uCACb,UAAAD,EAACI,EAAA,CACC,OAAQK,EAAK,gBACb,IAAKA,EAAK,KACV,UAAU,YACV,aAAa,6BACf,EACAT,EAAC,OAAI,UAAU,6DACb,SAAAA,EAAC,OAAI,UAAU,0FACb,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,6DACb,UAAAA,EAAC,OAAI,UAAU,sBACb,UAAAD,EAAC,MAAG,UAAU,iFACX,SAAAS,EAAK,KACR,EACAT,EAAC,KAAE,UAAU,iFACV,SAAAS,EAAK,YACR,GACF,EAEAT,EAAC,KAAE,UAAU,gFACV,SAAAS,EAAK,MACR,GACF,IA9BQC,CA+BV,CACD,EACH,EAIJ,IAAOC,EAAQR,EAAWE,CAAgB",
+  "names": ["jsx", "jsxs", "cn", "withStyles", "Picture", "MediaPlayerMulti", "items", "style", "className", "item", "index", "MediaPlayerMulti_default"]
+}

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

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

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,41 @@
-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:`
+"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 g}from"../../shared/Styles.js";const b=({title:o,description:l,backgroundImage:d,primaryButton:x,secondaryButton:s,shape:p="square",theme:r="light",className:n=""})=>{const i=()=>{},m=()=>{};return e("section",{"data-ui-component-id":"MemberEquity",className:`
+        ${r==="dark"?"aiui-dark":""}
         relative w-full overflow-hidden bg-[#242426]
-        ${p==="round"?"rounded-none tablet:rounded-lg laptop:rounded-xl desktop:rounded-2xl":""}
+        ${p==="rounded"?"tablet:rounded-lg laptop:rounded-xl desktop:rounded-2xl rounded-none":""}
         ${n}
-      `,children:[t("div",{className:"absolute inset-0 w-full h-full",style:{backgroundImage:`
+      `,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(${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
+        xs:aspect-[343/200] tablet:aspect-[343/200] laptop:aspect-[592/336]
+        desktop:aspect-[800/448] lg-desktop:aspect-[1000/560]
+        relative 
+        mx-auto
+        flex
+        aspect-[343/200]
+        w-full items-center
       `,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};
+          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:o}),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:l})]}),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:i,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:x.text}),t(a,{variant:"secondary",onClick:m,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:s.text})]})]})})]})};var f=g(b);export{f 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",
+  "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> = ({\n  title,\n  description,\n  backgroundImage,\n  primaryButton,\n  secondaryButton,\n  shape = 'square',\n  theme = 'light',\n  className = '',\n}) => {\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": "aAkCM,cAAAA,EA4BI,QAAAC,MA5BJ,oBAjCN,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,CACJ,MAAMC,EAA2B,IAAM,CAEvC,EAEMC,EAA6B,IAAM,CAEzC,EAEA,OACEb,EAAC,WACC,uBAAqB,eACrB,UAAW;AAAA,UACPU,IAAU,OAAS,YAAc,EAAE;AAAA;AAAA,UAEnCD,IAAU,UAAY,uEAAyE,EAAE;AAAA,UACjGE,CAAS;AAAA,QAGb,UAAAZ,EAAC,OACC,UAAU,6BACV,MAAO,CACL,gBAAiB;AAAA;AAAA,kBAETO,CAAe;AAAA,YAEvB,eAAgB,QAChB,mBAAoB,QACtB,EACF,EACAP,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,SAAAK,EACH,EACAL,EAAC,KACC,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,cAOV,SAAAM,EACH,GACF,EAGAL,EAAC,OAAI,UAAU,mFACb,UAAAD,EAACE,EAAA,CACC,QAAQ,UACR,QAASW,EACT,UAAW;AAAA;AAAA;AAAA;AAAA,kBAIPH,IAAU,UAAY,8GAAgH,EAAE;AAAA,gBAG3I,SAAAF,EAAc,KACjB,EACAR,EAACE,EAAA,CACC,QAAQ,YACR,QAASY,EACT,UAAW;AAAA;AAAA;AAAA;AAAA,kBAIPJ,IAAU,UAAY,8GAAgH,EAAE;AAAA,gBAG3I,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"]
 }

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

@@ -1,4 +1,4 @@
-import type { ComponentCommonProps } from '../../types/props.js';
+import type { ComponentCommonProps, Shape, Theme } from '../../types/props.js';
 export interface MemberEquityProps extends ComponentCommonProps {
     /** 标题 */
     title: string;
@@ -17,9 +17,9 @@ export interface MemberEquityProps extends ComponentCommonProps {
         href: string;
     };
     /** 形状 */
-    shape?: 'round' | 'square';
+    shape?: Shape;
     /** 主题 */
-    theme?: 'light' | 'dark';
+    theme?: Theme;
     /** 自定义类名 */
     className?: string;
 }

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

@@ -0,0 +1,9 @@
+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;

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

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import e from"react";import{withStyles as o}from"../../shared/Styles.js";const a=e.forwardRef((i,d)=>{const{layout:t}=i.data;return r("div",{"data-ui-component-id":"MultiLayoutGraphicBlock",ref:d,children:(()=>{switch(t){case"single-row":return r("div",{children:"single-row"});case"grid-2-1":return r("div",{children:"grid-2-1"});case"grid-1-2":return r("div",{children:"grid-1-2"});case"grid-3":return r("div",{children:"grid-3"});case"grid-2x2":return r("div",{children:"grid-2x2"});case"grid-1-3":return r("div",{children:"grid-1-3"});case"grid-1-2-2":return r("div",{children:"grid-1-2-2"});case"grid-2-2-1":return r("div",{children:"grid-2-2-1"});case"grid-1-4":return r("div",{children:"grid-1-4"})}})()})});var u=o(a);export{u 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 } from './types'\nimport { withStyles } from '../../shared/Styles.js'\n\nconst MultiLayoutGraphicBlock = React.forwardRef<HTMLDivElement, MultiLayoutGraphicBlockProps>((props, ref) => {\n  const { layout } = props.data\n\n  const renderedContent = () => {\n    switch (layout) {\n      case 'single-row':\n        return <div>single-row</div>\n      case 'grid-2-1':\n        return <div>grid-2-1</div>\n      case 'grid-1-2':\n        return <div>grid-1-2</div>\n      case 'grid-3':\n        return <div>grid-3</div>\n      case 'grid-2x2':\n        return <div>grid-2x2</div>\n      case 'grid-1-3':\n        return <div>grid-1-3</div>\n      case 'grid-1-2-2':\n        return <div>grid-1-2-2</div>\n      case 'grid-2-2-1':\n        return <div>grid-2-2-1</div>\n      case 'grid-1-4':\n        return <div>grid-1-4</div>\n    }\n  }\n\n  return (\n    <div data-ui-component-id=\"MultiLayoutGraphicBlock\" ref={ref}>\n      {renderedContent()}\n    </div>\n  )\n})\n\nexport default withStyles(MultiLayoutGraphicBlock)\n"],
+  "mappings": "AAUe,cAAAA,MAAA,oBAVf,OAAOC,MAAW,QAElB,OAAS,cAAAC,MAAkB,yBAE3B,MAAMC,EAA0BF,EAAM,WAAyD,CAACG,EAAOC,IAAQ,CAC7G,KAAM,CAAE,OAAAC,CAAO,EAAIF,EAAM,KAyBzB,OACEJ,EAAC,OAAI,uBAAqB,0BAA0B,IAAKK,EACtD,UAzBmB,IAAM,CAC5B,OAAQC,EAAQ,CACd,IAAK,aACH,OAAON,EAAC,OAAI,sBAAU,EACxB,IAAK,WACH,OAAOA,EAAC,OAAI,oBAAQ,EACtB,IAAK,WACH,OAAOA,EAAC,OAAI,oBAAQ,EACtB,IAAK,SACH,OAAOA,EAAC,OAAI,kBAAM,EACpB,IAAK,WACH,OAAOA,EAAC,OAAI,oBAAQ,EACtB,IAAK,WACH,OAAOA,EAAC,OAAI,oBAAQ,EACtB,IAAK,aACH,OAAOA,EAAC,OAAI,sBAAU,EACxB,IAAK,aACH,OAAOA,EAAC,OAAI,sBAAU,EACxB,IAAK,WACH,OAAOA,EAAC,OAAI,oBAAQ,CACxB,CACF,GAIqB,EACnB,CAEJ,CAAC,EAED,IAAOO,EAAQL,EAAWC,CAAuB",
+  "names": ["jsx", "React", "withStyles", "MultiLayoutGraphicBlock", "props", "ref", "layout", "MultiLayoutGraphicBlock_default"]
+}

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

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

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

@@ -0,0 +1,2 @@
+import{default as o}from"./MultiLayoutGraphicBlock.js";export{o 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'"],
+  "mappings": "AAAA,OAAS,WAAAA,MAAe",
+  "names": ["default"]
+}

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

@@ -0,0 +1,21 @@
+import type { Theme } from '../../types/props';
+export type MultiLayoutGraphicBlockProps = {
+    data: {
+        layout: 'single-row' | 'grid-2-1' | 'grid-1-2' | 'grid-3' | 'grid-2x2' | 'grid-1-3' | 'grid-1-2-2' | 'grid-2-2-1' | 'grid-1-4';
+        blocks: {
+            theme: Theme;
+            title: string;
+            description: string;
+            imageUrl: string;
+            primaryBtn: {
+                text: string;
+                link: string;
+            };
+            secondaryBtn: {
+                text: string;
+                link: string;
+            }[];
+        };
+    };
+    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;