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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/BrandEquity/BrandEquity.tsx"],
-  "sourcesContent": ["import React from 'react'\n\nimport { cn } from '../../helpers/utils'\nimport Picture from '../../components/picture'\nimport { withStyles } from '../../shared/Styles.js'\nimport type { ComponentCommonProps } from '../../types/props.js'\n\nexport interface BrandEquityItem {\n  icon?: React.ReactNode\n  title: string\n  description: string\n  avatarList?: string[]\n}\n\nexport interface BrandEquityProps extends ComponentCommonProps {\n  items: BrandEquityItem[]\n  itemShape?: 'round' | 'square'\n  className?: string\n  theme?: 'light' | 'dark'\n}\n\nconst BrandEquity: React.FC<BrandEquityProps> = ({ items = [], itemShape = 'square', style = '', className = '' }) => {\n  return (\n    <div className={cn('brand-equity-wrapper w-full', className)}>\n      <div\n        className={cn(\n          'grid gap-3 px-4',\n          'grid-cols-1 laptop:grid-cols-2 desktop:grid-cols-3',\n          'laptop:gap-4',\n          'desktop:px-[140px] lg-desktop:px-[175px] 2xl:px-[268px]'\n        )}\n      >\n        {items.map((item, index) => (\n          <div\n            key={index}\n            className={cn(\n              'brand-equity-item',\n              'bg-white p-4 flex flex-col',\n              'desktop:p-6',\n              'gap-12 desktop:gap-16',\n              itemShape === 'round' ? 'rounded-[16px]' : 'rounded-none'\n            )}\n          >\n            <div className=\"flex justify-between items-center gap-3\">\n              <h3 className=\"text-sm font-semibold text-[#1D1D1F] leading-[1.2] tracking-[-0.02em] 2xl:text-lg\">\n                {item.title}\n              </h3>\n              {item.avatarList?.length ? (\n                <div className=\"flex -space-x-2\">\n                  {item.avatarList.map((avatarUrl: string, index: number) => (\n                    <div\n                      key={index}\n                      className={cn(\n                        'size-[30px] rounded-full border-2 border-white overflow-hidden',\n                        'relative inline-block',\n                        'lg-desktop:size-[36px]'\n                      )}\n                    >\n                      <Picture source={avatarUrl} className=\"w-full h-full object-cover\" />\n                    </div>\n                  ))}\n                </div>\n              ) : (\n                <span className=\"text-[#1D1D1F]\">{item.icon}</span>\n              )}\n            </div>\n            <p className=\"font-bold text-xl text-[#1D1D1F] leading-[1.2] tracking-[-0.04em] 2xl:text-2xl\">\n              {item.description}\n            </p>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport default withStyles(BrandEquity)\n"],
-  "mappings": "AA2CY,OACE,OAAAA,EADF,QAAAC,MAAA,oBA3CZ,MAAkB,QAElB,OAAS,MAAAC,MAAU,sBACnB,OAAOC,MAAa,2BACpB,OAAS,cAAAC,MAAkB,yBAiB3B,MAAMC,EAA0C,CAAC,CAAE,MAAAC,EAAQ,CAAC,EAAG,UAAAC,EAAY,SAAU,MAAAC,EAAQ,GAAI,UAAAC,EAAY,EAAG,IAE5GT,EAAC,OAAI,UAAWE,EAAG,8BAA+BO,CAAS,EACzD,SAAAT,EAAC,OACC,UAAWE,EACT,kBACA,qDACA,eACA,yDACF,EAEC,SAAAI,EAAM,IAAI,CAACI,EAAMC,IAChBV,EAAC,OAEC,UAAWC,EACT,oBACA,6BACA,cACA,wBACAK,IAAc,QAAU,iBAAmB,cAC7C,EAEA,UAAAN,EAAC,OAAI,UAAU,0CACb,UAAAD,EAAC,MAAG,UAAU,oFACX,SAAAU,EAAK,MACR,EACCA,EAAK,YAAY,OAChBV,EAAC,OAAI,UAAU,kBACZ,SAAAU,EAAK,WAAW,IAAI,CAACE,EAAmBD,IACvCX,EAAC,OAEC,UAAWE,EACT,iEACA,wBACA,wBACF,EAEA,SAAAF,EAACG,EAAA,CAAQ,OAAQS,EAAW,UAAU,6BAA6B,GAP9DD,CAQP,CACD,EACH,EAEAX,EAAC,QAAK,UAAU,iBAAkB,SAAAU,EAAK,KAAK,GAEhD,EACAV,EAAC,KAAE,UAAU,iFACV,SAAAU,EAAK,YACR,IAlCKC,CAmCP,CACD,EACH,EACF,EAIJ,IAAOE,EAAQT,EAAWC,CAAW",
-  "names": ["jsx", "jsxs", "cn", "Picture", "withStyles", "BrandEquity", "items", "itemShape", "style", "className", "item", "index", "avatarUrl", "BrandEquity_default"]
+  "sourcesContent": ["'use client'\nimport React from 'react'\n\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport type { ComponentCommonProps, Img } from '../../types/props.js'\n\nexport interface BrandEquityItem {\n  icon?: Img\n  type?: 'icon' | 'avatar'\n  title: string\n  description: string\n  avatarList?: {\n    avatar: Img\n  }[]\n}\n\nexport interface BrandEquityProps extends ComponentCommonProps {\n  data: {\n    items: BrandEquityItem[]\n  }\n  itemShape?: 'round' | 'square'\n  className?: string\n  theme?: 'light' | 'dark'\n}\n\nconst BrandEquity: React.FC<BrandEquityProps> = ({ data: { items = [] }, itemShape = 'square', className = '' }) => {\n  return (\n    <div className={cn('brand-equity-wrapper w-full', className)}>\n      <div className={cn('grid gap-3', 'tablet:grid-cols-2 grid-cols-1', 'laptop:gap-4 laptop:grid-cols-10')}>\n        {items.map((item, index) => (\n          <div\n            key={index}\n            className={cn(\n              'brand-equity-item',\n              'flex flex-col bg-white p-4',\n              'desktop:p-6',\n              'desktop:gap-16 gap-12',\n              'laptop:col-span-3',\n              {\n                ['laptop:col-span-4']: [0, 5, 6, 11].includes(index),\n              },\n              itemShape === 'round' ? 'rounded-[16px]' : 'rounded-none'\n            )}\n          >\n            <div className=\"lg-desktop:h-[36px] flex h-[30px] items-center justify-between gap-3\">\n              <h3 className=\"lg-desktop:text-[18px] text-[14px] font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n                {item.title}\n              </h3>\n              {item.type === 'avatar' ? (\n                <div className=\"flex -space-x-2\">\n                  {item?.avatarList?.map((item: { avatar: Img }, index: number) => (\n                    <div\n                      key={index}\n                      className={cn(\n                        'size-[30px] overflow-hidden rounded-full border-2 border-white',\n                        'relative inline-block',\n                        'lg-desktop:size-[36px]'\n                      )}\n                    >\n                      <Picture source={item.avatar.url} alt={item.avatar?.alt} className=\"size-full object-cover\" />\n                    </div>\n                  ))}\n                </div>\n              ) : (\n                <Picture\n                  className=\"lg-desktop:size-[36px] size-[30px] object-cover\"\n                  source={item.icon?.url}\n                  alt={item.icon?.alt}\n                  imgClassName=\"w-full h-full object-cover\"\n                />\n              )}\n            </div>\n            <p className=\"lg-desktop:text-[24px] text-[20px] font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]\">\n              {item.description}\n            </p>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport default withStyles(BrandEquity)\n"],
+  "mappings": "aA8CY,OACE,OAAAA,EADF,QAAAC,MAAA,oBA7CZ,MAAkB,QAElB,OAAS,MAAAC,MAAU,yBACnB,OAAOC,MAAa,8BACpB,OAAS,cAAAC,MAAkB,yBAsB3B,MAAMC,EAA0C,CAAC,CAAE,KAAM,CAAE,MAAAC,EAAQ,CAAC,CAAE,EAAG,UAAAC,EAAY,SAAU,UAAAC,EAAY,EAAG,IAE1GR,EAAC,OAAI,UAAWE,EAAG,8BAA+BM,CAAS,EACzD,SAAAR,EAAC,OAAI,UAAWE,EAAG,aAAc,iCAAkC,kCAAkC,EAClG,SAAAI,EAAM,IAAI,CAACG,EAAMC,IAChBT,EAAC,OAEC,UAAWC,EACT,oBACA,6BACA,cACA,wBACA,oBACA,CACG,oBAAsB,CAAC,EAAG,EAAG,EAAG,EAAE,EAAE,SAASQ,CAAK,CACrD,EACAH,IAAc,QAAU,iBAAmB,cAC7C,EAEA,UAAAN,EAAC,OAAI,UAAU,uEACb,UAAAD,EAAC,MAAG,UAAU,mGACX,SAAAS,EAAK,MACR,EACCA,EAAK,OAAS,SACbT,EAAC,OAAI,UAAU,kBACZ,SAAAS,GAAM,YAAY,IAAI,CAACA,EAAuBC,IAC7CV,EAAC,OAEC,UAAWE,EACT,iEACA,wBACA,wBACF,EAEA,SAAAF,EAACG,EAAA,CAAQ,OAAQM,EAAK,OAAO,IAAK,IAAKA,EAAK,QAAQ,IAAK,UAAU,yBAAyB,GAPvFC,CAQP,CACD,EACH,EAEAV,EAACG,EAAA,CACC,UAAU,kDACV,OAAQM,EAAK,MAAM,IACnB,IAAKA,EAAK,MAAM,IAChB,aAAa,6BACf,GAEJ,EACAT,EAAC,KAAE,UAAU,+FACV,SAAAS,EAAK,YACR,IA3CKC,CA4CP,CACD,EACH,EACF,EAIJ,IAAOC,EAAQP,EAAWC,CAAW",
+  "names": ["jsx", "jsxs", "cn", "Picture", "withStyles", "BrandEquity", "items", "itemShape", "className", "item", "index", "BrandEquity_default"]
 }

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

@@ -1,16 +1,28 @@
-import React from 'react';
 export interface CategoryItem {
     /** 产品图片*/
-    img: string;
-    title: string;
+    image: string;
+    name: string;
 }
 export interface CategoryProps {
-    products: CategoryItem[];
     className?: string;
     /** 主题色*/
     theme?: 'light' | 'dark';
-    /** 卡片形状 */
-    shape?: 'round' | 'square';
+    data: {
+        products: CategoryItem[];
+        /** 卡片形状 */
+        shape?: 'round' | 'square';
+        title?: string;
+    };
+    buildData?: {
+        categories: any[];
+        products: any[];
+    };
+    key?: string;
 }
-declare const Category: React.FC<CategoryProps>;
-export default Category;
+declare const _default: {
+    (props: Omit<CategoryProps, 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/Category/index.js

@@ -1,2 +1,2 @@
-import{Fragment as m,jsx as e,jsxs as i}from"react/jsx-runtime";import"react";import{cn as o}from"../../helpers/utils";import s from"../../components/picture";const d=({className:r="",shape:a="square",products:p=[]})=>e(m,{children:e("div",{className:o("w-full",r),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:p?.map((t,l)=>i("div",{className:o("bg-[#EAEAEC] p-4 flex flex-col min-w-[167px] max-w-[167px] box-border overflow-hidden","laptop:min-w-[205px] laptop:max-w-[205px] desktop:min-w-[264px] desktop:max-w-[264px] laptop:p-6 desktop:p-8",a==="round"?"rounded-[16px]":"rounded-none"),children:[e(s,{className:"w-full object-cover",source:t?.img}),e("p",{className:"flex-1 text-sm text-center font-semibold desktop:text-lg",children:t?.title})]},l))})})})});var g=d;export{g as default};
+"use client";import{jsx as t,jsxs as s}from"react/jsx-runtime";import"react";import{cn as o}from"../../helpers/utils.js";import l from"../../components/picture.js";import{withStyles as p}from"../../shared/Styles.js";import n from"../Title/index.js";import c from"../SwiperBox/index.js";const m=({data:e,configuration:r})=>s("div",{className:o("box-border flex w-full flex-col overflow-hidden bg-[#EAEAEC]","laptop:p-6 desktop:p-8 cursor-pointer p-4 hover:bg-[#FFFFFF]",r?.shape==="round"?"rounded-[16px]":"rounded-none"),children:[t(l,{className:"tablet:h-[146px] mb-2 flex h-[74px] w-full items-center object-cover",source:e?.image}),t("p",{className:"tablet:text-lg flex-1 text-center text-sm font-semibold",children:e?.name})]}),d=({data:e,buildData:r,className:a="",key:i})=>(console.log(e,r,"54444"),s("div",{className:o("w-full",a),children:[e?.title&&t(n,{data:{title:e?.title}}),t(c,{className:"!overflow-visible",id:"Category"+i,data:{list:e?.products,configuration:{shape:e?.shape}},Slide:m,breakpoints:{0:{spaceBetween:"12px",freeMode:!1,slidesPerView:1},374:{spaceBetween:"12px",freeMode:!1,slidesPerView:2.3},768:{spaceBetween:"16px",freeMode:!1,slidesPerView:5}}})]}));var h=p(d);export{h as default};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/Category/index.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { cn } from '../../helpers/utils'\nimport Picture from '../../components/picture'\n\nexport interface CategoryItem {\n  /** \u4EA7\u54C1\u56FE\u7247*/\n  img: string\n  title: string\n}\n\nexport interface CategoryProps {\n  products: CategoryItem[]\n  className?: string\n  /** \u4E3B\u9898\u8272*/\n  theme?: 'light' | 'dark'\n  /** \u5361\u7247\u5F62\u72B6 */\n  shape?: 'round' | 'square'\n}\n\nconst Category: React.FC<CategoryProps> = ({\n  className = '',\n  shape = 'square',\n  products = [],\n}) => {\n  return (\n    <>\n      <div className={cn('w-full', className)}>\n        <div className={cn('flex overflow-hidden')}>\n          <div className={cn('w-full flex', 'gap-3 laptop:gap-4 overflow-x-auto overflow-y-hidden')}>\n            {products?.map((item, index) => {\n              return (\n                <div\n                  key={index}\n                  className={cn(\n                    'bg-[#EAEAEC] p-4 flex flex-col min-w-[167px] max-w-[167px] box-border overflow-hidden',\n                    'laptop:min-w-[205px] laptop:max-w-[205px] desktop:min-w-[264px] desktop:max-w-[264px] laptop:p-6 desktop:p-8',\n                    shape === 'round' ? 'rounded-[16px]' : 'rounded-none'\n                  )}\n                >\n                  <Picture\n                    className=\"w-full object-cover\"\n                    source={item?.img}\n                  />\n                  <p className=\"flex-1 text-sm text-center font-semibold desktop:text-lg\">\n                    {item?.title}\n                  </p>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default Category\n"],
-  "mappings": "AAyBI,mBAAAA,EAcc,OAAAC,EARF,QAAAC,MANZ,oBAzBJ,MAAkB,QAClB,OAAS,MAAAC,MAAU,sBACnB,OAAOC,MAAa,2BAiBpB,MAAMC,EAAoC,CAAC,CACzC,UAAAC,EAAY,GACZ,MAAAC,EAAQ,SACR,SAAAC,EAAW,CAAC,CACd,IAEIP,EAAAD,EAAA,CACE,SAAAC,EAAC,OAAI,UAAWE,EAAG,SAAUG,CAAS,EACpC,SAAAL,EAAC,OAAI,UAAWE,EAAG,sBAAsB,EACvC,SAAAF,EAAC,OAAI,UAAWE,EAAG,cAAe,sDAAsD,EACrF,SAAAK,GAAU,IAAI,CAACC,EAAMC,IAElBR,EAAC,OAEC,UAAWC,EACT,wFACA,+GACAI,IAAU,QAAU,iBAAmB,cACzC,EAEA,UAAAN,EAACG,EAAA,CACC,UAAU,sBACV,OAAQK,GAAM,IAChB,EACAR,EAAC,KAAE,UAAU,2DACV,SAAAQ,GAAM,MACT,IAbKC,CAcP,CAEH,EACH,EACF,EACF,EACF,EAIJ,IAAOC,EAAQN",
-  "names": ["Fragment", "jsx", "jsxs", "cn", "Picture", "Category", "className", "shape", "products", "item", "index", "Category_default"]
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport Title from '../Title/index.js'\nimport SwiperBox from '../SwiperBox/index.js'\n\nexport interface CategoryItem {\n  /** \u4EA7\u54C1\u56FE\u7247*/\n  image: string\n  name: string\n}\n\nexport interface CategoryProps {\n  className?: string\n  /** \u4E3B\u9898\u8272*/\n  theme?: 'light' | 'dark'\n  data: {\n    products: CategoryItem[]\n    /** \u5361\u7247\u5F62\u72B6 */\n    shape?: 'round' | 'square'\n    title?: string\n  }\n  buildData?: {\n    categories: any[]\n    products: any[]\n  }\n  key?: string\n}\n\nconst CategoryItem = ({ data, configuration }: { data: CategoryItem; configuration?: any }) => {\n  return (\n    <div\n      className={cn(\n        'box-border flex w-full flex-col overflow-hidden bg-[#EAEAEC]',\n        'laptop:p-6 desktop:p-8 cursor-pointer p-4 hover:bg-[#FFFFFF]',\n        configuration?.shape === 'round' ? 'rounded-[16px]' : 'rounded-none'\n      )}\n    >\n      <Picture className=\"tablet:h-[146px] mb-2 flex h-[74px] w-full items-center object-cover\" source={data?.image} />\n      <p className=\"tablet:text-lg flex-1 text-center text-sm font-semibold\">{data?.name}</p>\n    </div>\n  )\n}\n\nconst Category: React.FC<CategoryProps> = ({ data, buildData, className = '', key }) => {\n  console.log(data, buildData, '54444')\n  return (\n    <div className={cn('w-full', className)}>\n      {data?.title && <Title data={{ title: data?.title }} />}\n      <SwiperBox\n        className=\"!overflow-visible\"\n        id={'Category' + key}\n        data={{ list: data?.products, configuration: { shape: data?.shape } }}\n        Slide={CategoryItem}\n        breakpoints={{\n          0: {\n            spaceBetween: '12px',\n            freeMode: false,\n            slidesPerView: 1,\n          },\n          374: {\n            spaceBetween: '12px',\n            freeMode: false,\n            slidesPerView: 2.3,\n          },\n          768: {\n            spaceBetween: '16px',\n            freeMode: false,\n            slidesPerView: 5,\n          },\n        }}\n      />\n    </div>\n  )\n}\n\nexport default withStyles(Category)\n"],
+  "mappings": "aAiCI,OAOE,OAAAA,EAPF,QAAAC,MAAA,oBAhCJ,MAAkB,QAClB,OAAS,MAAAC,MAAU,yBACnB,OAAOC,MAAa,8BACpB,OAAS,cAAAC,MAAkB,yBAC3B,OAAOC,MAAW,oBAClB,OAAOC,MAAe,wBAyBtB,MAAMC,EAAe,CAAC,CAAE,KAAAC,EAAM,cAAAC,CAAc,IAExCR,EAAC,OACC,UAAWC,EACT,+DACA,+DACAO,GAAe,QAAU,QAAU,iBAAmB,cACxD,EAEA,UAAAT,EAACG,EAAA,CAAQ,UAAU,uEAAuE,OAAQK,GAAM,MAAO,EAC/GR,EAAC,KAAE,UAAU,0DAA2D,SAAAQ,GAAM,KAAK,GACrF,EAIEE,EAAoC,CAAC,CAAE,KAAAF,EAAM,UAAAG,EAAW,UAAAC,EAAY,GAAI,IAAAC,CAAI,KAChF,QAAQ,IAAIL,EAAMG,EAAW,OAAO,EAElCV,EAAC,OAAI,UAAWC,EAAG,SAAUU,CAAS,EACnC,UAAAJ,GAAM,OAASR,EAACK,EAAA,CAAM,KAAM,CAAE,MAAOG,GAAM,KAAM,EAAG,EACrDR,EAACM,EAAA,CACC,UAAU,oBACV,GAAI,WAAaO,EACjB,KAAM,CAAE,KAAML,GAAM,SAAU,cAAe,CAAE,MAAOA,GAAM,KAAM,CAAE,EACpE,MAAOD,EACP,YAAa,CACX,EAAG,CACD,aAAc,OACd,SAAU,GACV,cAAe,CACjB,EACA,IAAK,CACH,aAAc,OACd,SAAU,GACV,cAAe,GACjB,EACA,IAAK,CACH,aAAc,OACd,SAAU,GACV,cAAe,CACjB,CACF,EACF,GACF,GAIJ,IAAOO,EAAQV,EAAWM,CAAQ",
+  "names": ["jsx", "jsxs", "cn", "Picture", "withStyles", "Title", "SwiperBox", "CategoryItem", "data", "configuration", "Category", "buildData", "className", "key", "Category_default"]
 }

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

@@ -1,20 +1,32 @@
-import React from 'react';
 export interface EvaluateItem {
     /** 产品图片*/
-    img: string;
+    img: {
+        url: string;
+    };
     title: string;
     subTitle: string;
     description: string;
-    avatar?: string;
+    avatar?: {
+        url: string;
+    };
     rating: number;
 }
 export interface EvaluateProps {
-    products: EvaluateItem[];
     className?: string;
     /** 主题色*/
     theme?: 'light' | 'dark';
-    /** 形状 */
-    shape?: 'round' | 'square';
+    data: {
+        title?: string;
+        products: EvaluateItem[];
+        /** 形状 */
+        shape?: 'round' | 'square';
+    };
+    key?: string;
 }
-declare const Evaluate: React.FC<EvaluateProps>;
-export default Evaluate;
+declare const _default: {
+    (props: Omit<EvaluateProps, 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/Evaluate/index.js

@@ -1,2 +1,2 @@
-import{Fragment as x,jsx as e,jsxs as l}from"react/jsx-runtime";import"react";import{cn as a}from"../../helpers/utils";import n from"../../components/picture";import{Avatar as m,AvatarImage as v,AvatarFallback as c}from"../../components/avatar";const f=({className:r="",shape:s="square",products:o=[]})=>{const i=t=>t?Array.from(new Array(Number(t)))||[]:[];return e(x,{children:e("div",{className:a("w-full",r),children:e("div",{className:a("flex overflow-hidden"),children:e("div",{className:a("w-full flex","gap-3 laptop:gap-4 overflow-x-auto overflow-y-hidden"),children:o?.map((t,d)=>l("div",{className:a("bg-[#EAEAEC] p-4 flex flex-col min-w-[288px] max-w-[288px] box-border overflow-hidden","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",s==="round"?"rounded-2xl":"rounded-none"),children:[l("div",{className:a("mb-8 w-full flex justify-between laptop:mb-11 desktop:mb-16"),children:[l("div",{className:"flex-1",children:[e("h4",{className:"text-sm font-semibold laptop:text-lg",children:t?.title}),e("div",{className:"mt-1 flex items-center",children:i(t?.rating)?.map?.((u,p)=>e("div",{className:"mr-1",children:e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e("path",{d:"M7.32745 1.36274C7.60256 0.805304 8.39744 0.805305 8.67255 1.36274L10.1766 4.41035C10.2859 4.63171 10.4971 4.78514 10.7413 4.82063L14.1046 5.30934C14.7197 5.39873 14.9654 6.15471 14.5202 6.58861L12.0866 8.96084C11.9098 9.13315 11.8292 9.3814 11.8709 9.62469L12.4454 12.9743C12.5505 13.587 11.9074 14.0542 11.3572 13.765L8.349 12.1835C8.13051 12.0686 7.86949 12.0686 7.65099 12.1835L4.64282 13.765C4.0926 14.0542 3.44953 13.587 3.55461 12.9743L4.12912 9.62469C4.17085 9.3814 4.09019 9.13315 3.91342 8.96084L1.47976 6.58861C1.03462 6.15471 1.28025 5.39873 1.89542 5.30934L5.25866 4.82063C5.50294 4.78514 5.71412 4.63171 5.82336 4.41035L7.32745 1.36274Z",fill:"#F77234"})})},p))})]}),e("div",{className:"size-10 overflow-hidden desktop:size-12",children:l(m,{className:"w-full h-full",children:[e(v,{src:t?.avatar}),e(c,{children:t?.title})]})})]}),e("p",{className:"flex-1 line-clamp-6 font-bold text-xl text-[#1D1D1F] desktop:text-2xl",children:t?.description||""}),l("div",{className:a("mt-11 p-3 flex items-center bg-[#F7F8F9] overflow-hidden",s==="round"?"rounded-[8px]":"rounded-none"),children:[e("div",{className:"flex items-center mr-3 size-12 laptop:size-16 desktop:size-20",children:e(n,{className:"w-full object-cover",source:t?.img})}),e("p",{className:"flex-1 text-sm font-semibold line-clamp-2 desktop:text-lg",children:t?.subTitle||""})]})]},d))})})})})};var k=f;export{k as default};
+"use client";import{Fragment as w,jsx as e,jsxs as r}from"react/jsx-runtime";import"react";import d from"../Title/index.js";import{cn as i}from"../../helpers/utils.js";import m from"../../components/picture.js";import p from"../SwiperBox/index.js";import{withStyles as c}from"../../shared/Styles.js";import{Avatar as v,AvatarImage as f,AvatarFallback as u}from"../../components/avatar.js";const x=({data:t,configuration:s})=>{const o=l=>l?Array.from(new Array(Number(l)))||[]:[];return r("div",{className:i("box-border flex w-full cursor-pointer flex-col overflow-hidden bg-[#EAEAEC] p-4 hover:bg-[#FFFFFF]",s?.shape==="round"?"rounded-2xl":"rounded-none"),children:[r("div",{className:i("laptop:mb-11 desktop:mb-16 mb-8 flex w-full justify-between"),children:[r("div",{className:"flex-1",children:[e("h4",{className:"laptop:text-lg text-sm font-semibold",children:t?.title}),e("div",{className:"mt-1 flex items-center",children:o(t?.rating)?.map?.((l,a)=>e("div",{className:"mr-1",children:e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e("path",{d:"M7.32745 1.36274C7.60256 0.805304 8.39744 0.805305 8.67255 1.36274L10.1766 4.41035C10.2859 4.63171 10.4971 4.78514 10.7413 4.82063L14.1046 5.30934C14.7197 5.39873 14.9654 6.15471 14.5202 6.58861L12.0866 8.96084C11.9098 9.13315 11.8292 9.3814 11.8709 9.62469L12.4454 12.9743C12.5505 13.587 11.9074 14.0542 11.3572 13.765L8.349 12.1835C8.13051 12.0686 7.86949 12.0686 7.65099 12.1835L4.64282 13.765C4.0926 14.0542 3.44953 13.587 3.55461 12.9743L4.12912 9.62469C4.17085 9.3814 4.09019 9.13315 3.91342 8.96084L1.47976 6.58861C1.03462 6.15471 1.28025 5.39873 1.89542 5.30934L5.25866 4.82063C5.50294 4.78514 5.71412 4.63171 5.82336 4.41035L7.32745 1.36274Z",fill:"#F77234"})})},a))})]}),e("div",{className:"desktop:size-12 size-10 overflow-hidden",children:r(v,{className:"size-full",children:[e(f,{src:t?.avatar?.url}),e(u,{children:t?.title})]})})]}),e("p",{className:"desktop:text-2xl line-clamp-6 flex-1 text-xl font-bold text-[#1D1D1F]",children:t?.description||""}),r("div",{className:i("mt-11 flex items-center overflow-hidden bg-[#F7F8F9] p-3",s?.shape==="round"?"rounded-[8px]":"rounded-none"),children:[e("div",{className:"laptop:size-16 desktop:size-20 mr-3 flex size-12 items-center",children:e(m,{className:"w-full object-cover",source:t?.img?.url})}),e("p",{className:"desktop:text-lg line-clamp-2 flex-1 text-sm font-semibold",children:t?.subTitle||""})]})]})},g=({className:t="",data:s,key:o})=>{const{products:l,title:a,...n}=s;return e(w,{children:r("div",{className:i("w-full",t),children:[a&&e(d,{data:{title:a}}),e(p,{className:"!overflow-visible",id:"Evaluate"+o,data:{list:l,configuration:{...n}},Slide:x,breakpoints:{0:{spaceBetween:"12px",freeMode:!1,slidesPerView:1},374:{spaceBetween:"12px",freeMode:!1,slidesPerView:1.3},768:{spaceBetween:"16px",freeMode:!1,slidesPerView:4}}})]})})};var A=c(g);export{A as default};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/Evaluate/index.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { cn } from '../../helpers/utils'\nimport Picture from '../../components/picture'\nimport { Avatar, AvatarImage, AvatarFallback } from '../../components/avatar'\n\nexport interface EvaluateItem {\n  /** \u4EA7\u54C1\u56FE\u7247*/\n  img: string\n  title: string\n  subTitle: string\n  description: string\n  avatar?: string\n  rating: number\n}\n\nexport interface EvaluateProps {\n  products: EvaluateItem[]\n  className?: string\n  /** \u4E3B\u9898\u8272*/\n  theme?: 'light' | 'dark'\n  /** \u5F62\u72B6 */\n  shape?: 'round' | 'square'\n}\n\nconst Evaluate: React.FC<EvaluateProps> = ({\n  className = '',\n  shape = 'square',\n  products = [],\n}) => {\n\n  const handleRating = (num: number) => {\n    if (num) {\n      return Array.from(new Array(Number(num))) || []\n    }\n    return []\n  }\n\n  return (\n    <>\n      <div className={cn('w-full', className)}>\n        <div className={cn('flex overflow-hidden')}>\n          <div className={cn('w-full flex', 'gap-3 laptop:gap-4 overflow-x-auto overflow-y-hidden')}>\n            {products?.map((item, index) => {\n              return (\n                <div\n                  key={index}\n                  className={cn(\n                    'bg-[#EAEAEC] p-4 flex flex-col min-w-[288px] max-w-[288px] box-border overflow-hidden',\n                    'laptop:min-w-[316px] laptop:max-w-[316px] desktop:min-w-[404px] desktop:max-w-[404px] desktop:pt-4 desktop:px-6 desktop:pb-6',\n                    shape === 'round' ? 'rounded-2xl' : 'rounded-none'\n                  )}\n                >\n                  <div className={cn('mb-8 w-full flex justify-between laptop:mb-11 desktop:mb-16')}>\n                    <div className=\"flex-1\">\n                      <h4 className=\"text-sm font-semibold laptop:text-lg\">{item?.title}</h4>\n                      <div className=\"mt-1 flex items-center\">\n                      {\n                        handleRating(item?.rating)?.map?.((_, index) => {\n                          return <div key={index} className=\"mr-1\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                              <path\n                                d=\"M7.32745 1.36274C7.60256 0.805304 8.39744 0.805305 8.67255 1.36274L10.1766 4.41035C10.2859 4.63171 10.4971 4.78514 10.7413 4.82063L14.1046 5.30934C14.7197 5.39873 14.9654 6.15471 14.5202 6.58861L12.0866 8.96084C11.9098 9.13315 11.8292 9.3814 11.8709 9.62469L12.4454 12.9743C12.5505 13.587 11.9074 14.0542 11.3572 13.765L8.349 12.1835C8.13051 12.0686 7.86949 12.0686 7.65099 12.1835L4.64282 13.765C4.0926 14.0542 3.44953 13.587 3.55461 12.9743L4.12912 9.62469C4.17085 9.3814 4.09019 9.13315 3.91342 8.96084L1.47976 6.58861C1.03462 6.15471 1.28025 5.39873 1.89542 5.30934L5.25866 4.82063C5.50294 4.78514 5.71412 4.63171 5.82336 4.41035L7.32745 1.36274Z\"\n                                fill=\"#F77234\"\n                              />\n                            </svg>\n                          </div>\n                        })\n                      }\n                      </div>\n                    </div>\n                    <div className=\"size-10 overflow-hidden desktop:size-12\">\n                      <Avatar className=\"w-full h-full\">\n                        <AvatarImage src={item?.avatar} />\n                        <AvatarFallback>{item?.title}</AvatarFallback>\n                      </Avatar>\n                    </div>\n                  </div>\n                  <p className=\"flex-1 line-clamp-6 font-bold text-xl text-[#1D1D1F] desktop:text-2xl\">\n                    {item?.description || ''}\n                  </p>\n                  <div className={cn('mt-11 p-3 flex items-center bg-[#F7F8F9] overflow-hidden', shape === 'round' ? 'rounded-[8px]' : 'rounded-none')}>\n                    <div className=\"flex items-center mr-3 size-12 laptop:size-16 desktop:size-20\">\n                      <Picture\n                        className=\"w-full object-cover\"\n                        source={item?.img}\n                      />\n                    </div>\n                    <p className=\"flex-1 text-sm font-semibold line-clamp-2 desktop:text-lg\">\n                      {item?.subTitle || ''}\n                    </p>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default Evaluate\n"],
-  "mappings": "AAsCI,mBAAAA,EAgBkB,OAAAC,EADF,QAAAC,MAfhB,oBAtCJ,MAAkB,QAClB,OAAS,MAAAC,MAAU,sBACnB,OAAOC,MAAa,2BACpB,OAAS,UAAAC,EAAQ,eAAAC,EAAa,kBAAAC,MAAsB,0BAqBpD,MAAMC,EAAoC,CAAC,CACzC,UAAAC,EAAY,GACZ,MAAAC,EAAQ,SACR,SAAAC,EAAW,CAAC,CACd,IAAM,CAEJ,MAAMC,EAAgBC,GAChBA,EACK,MAAM,KAAK,IAAI,MAAM,OAAOA,CAAG,CAAC,CAAC,GAAK,CAAC,EAEzC,CAAC,EAGV,OACEZ,EAAAD,EAAA,CACE,SAAAC,EAAC,OAAI,UAAWE,EAAG,SAAUM,CAAS,EACpC,SAAAR,EAAC,OAAI,UAAWE,EAAG,sBAAsB,EACvC,SAAAF,EAAC,OAAI,UAAWE,EAAG,cAAe,sDAAsD,EACrF,SAAAQ,GAAU,IAAI,CAACG,EAAMC,IAElBb,EAAC,OAEC,UAAWC,EACT,wFACA,+HACAO,IAAU,QAAU,cAAgB,cACtC,EAEA,UAAAR,EAAC,OAAI,UAAWC,EAAG,6DAA6D,EAC9E,UAAAD,EAAC,OAAI,UAAU,SACb,UAAAD,EAAC,MAAG,UAAU,uCAAwC,SAAAa,GAAM,MAAM,EAClEb,EAAC,OAAI,UAAU,yBAEb,SAAAW,EAAaE,GAAM,MAAM,GAAG,MAAM,CAACE,EAAGD,IAC7Bd,EAAC,OAAgB,UAAU,OAChC,SAAAA,EAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,SAAAA,EAAC,QACC,EAAE,6oBACF,KAAK,UACP,EACF,GANec,CAOjB,CACD,EAEH,GACF,EACAd,EAAC,OAAI,UAAU,0CACb,SAAAC,EAACG,EAAA,CAAO,UAAU,gBAChB,UAAAJ,EAACK,EAAA,CAAY,IAAKQ,GAAM,OAAQ,EAChCb,EAACM,EAAA,CAAgB,SAAAO,GAAM,MAAM,GAC/B,EACF,GACF,EACAb,EAAC,KAAE,UAAU,wEACV,SAAAa,GAAM,aAAe,GACxB,EACAZ,EAAC,OAAI,UAAWC,EAAG,2DAA4DO,IAAU,QAAU,gBAAkB,cAAc,EACjI,UAAAT,EAAC,OAAI,UAAU,gEACb,SAAAA,EAACG,EAAA,CACC,UAAU,sBACV,OAAQU,GAAM,IAChB,EACF,EACAb,EAAC,KAAE,UAAU,4DACV,SAAAa,GAAM,UAAY,GACrB,GACF,IA7CKC,CA8CP,CAEH,EACH,EACF,EACF,EACF,CAEJ,EAEA,IAAOE,EAAQT",
-  "names": ["Fragment", "jsx", "jsxs", "cn", "Picture", "Avatar", "AvatarImage", "AvatarFallback", "Evaluate", "className", "shape", "products", "handleRating", "num", "item", "index", "_", "Evaluate_default"]
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport Title from '../Title/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport { Avatar, AvatarImage, AvatarFallback } from '../../components/avatar.js'\n\nexport interface EvaluateItem {\n  /** \u4EA7\u54C1\u56FE\u7247*/\n  img: {\n    url: string\n  }\n  title: string\n  subTitle: string\n  description: string\n  avatar?: {\n    url: string\n  }\n  rating: number\n}\n\nexport interface EvaluateProps {\n  className?: string\n  /** \u4E3B\u9898\u8272*/\n  theme?: 'light' | 'dark'\n  data: {\n    title?: string\n    products: EvaluateItem[]\n    /** \u5F62\u72B6 */\n    shape?: 'round' | 'square'\n  }\n  key?: string\n}\n\nconst EvaluateItem = ({ data, configuration }: { data: EvaluateItem; configuration?: any }) => {\n  const handleRating = (num: number) => {\n    if (num) {\n      return Array.from(new Array(Number(num))) || []\n    }\n    return []\n  }\n\n  return (\n    <div\n      className={cn(\n        'box-border flex w-full cursor-pointer flex-col overflow-hidden bg-[#EAEAEC] p-4 hover:bg-[#FFFFFF]',\n        configuration?.shape === 'round' ? 'rounded-2xl' : 'rounded-none'\n      )}\n    >\n      <div className={cn('laptop:mb-11 desktop:mb-16 mb-8 flex w-full justify-between')}>\n        <div className=\"flex-1\">\n          <h4 className=\"laptop:text-lg text-sm font-semibold\">{data?.title}</h4>\n          <div className=\"mt-1 flex items-center\">\n            {handleRating(data?.rating)?.map?.((_, index) => {\n              return (\n                <div key={index} className=\"mr-1\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path\n                      d=\"M7.32745 1.36274C7.60256 0.805304 8.39744 0.805305 8.67255 1.36274L10.1766 4.41035C10.2859 4.63171 10.4971 4.78514 10.7413 4.82063L14.1046 5.30934C14.7197 5.39873 14.9654 6.15471 14.5202 6.58861L12.0866 8.96084C11.9098 9.13315 11.8292 9.3814 11.8709 9.62469L12.4454 12.9743C12.5505 13.587 11.9074 14.0542 11.3572 13.765L8.349 12.1835C8.13051 12.0686 7.86949 12.0686 7.65099 12.1835L4.64282 13.765C4.0926 14.0542 3.44953 13.587 3.55461 12.9743L4.12912 9.62469C4.17085 9.3814 4.09019 9.13315 3.91342 8.96084L1.47976 6.58861C1.03462 6.15471 1.28025 5.39873 1.89542 5.30934L5.25866 4.82063C5.50294 4.78514 5.71412 4.63171 5.82336 4.41035L7.32745 1.36274Z\"\n                      fill=\"#F77234\"\n                    />\n                  </svg>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n        <div className=\"desktop:size-12 size-10 overflow-hidden\">\n          <Avatar className=\"size-full\">\n            <AvatarImage src={data?.avatar?.url} />\n            <AvatarFallback>{data?.title}</AvatarFallback>\n          </Avatar>\n        </div>\n      </div>\n      <p className=\"desktop:text-2xl line-clamp-6 flex-1 text-xl font-bold text-[#1D1D1F]\">{data?.description || ''}</p>\n      <div\n        className={cn(\n          'mt-11 flex items-center overflow-hidden bg-[#F7F8F9] p-3',\n          configuration?.shape === 'round' ? 'rounded-[8px]' : 'rounded-none'\n        )}\n      >\n        <div className=\"laptop:size-16 desktop:size-20 mr-3 flex size-12 items-center\">\n          <Picture className=\"w-full object-cover\" source={data?.img?.url} />\n        </div>\n        <p className=\"desktop:text-lg line-clamp-2 flex-1 text-sm font-semibold\">{data?.subTitle || ''}</p>\n      </div>\n    </div>\n  )\n}\n\nconst Evaluate: React.FC<EvaluateProps> = ({ className = '', data, key }) => {\n  const { products, title, ...ohter } = data\n  return (\n    <>\n      <div className={cn('w-full', className)}>\n        {title && <Title data={{ title: title }} />}\n        <SwiperBox\n          className=\"!overflow-visible\"\n          id={'Evaluate' + key}\n          data={{ list: products, configuration: { ...ohter } }}\n          Slide={EvaluateItem}\n          breakpoints={{\n            0: {\n              spaceBetween: '12px',\n              freeMode: false,\n              slidesPerView: 1,\n            },\n            374: {\n              spaceBetween: '12px',\n              freeMode: false,\n              slidesPerView: 1.3,\n            },\n            768: {\n              spaceBetween: '16px',\n              freeMode: false,\n              slidesPerView: 4,\n            },\n          }}\n        />\n      </div>\n    </>\n  )\n}\n\nexport default withStyles(Evaluate)\n"],
+  "mappings": "aAoDQ,OA2CJ,YAAAA,EA1CM,OAAAC,EADF,QAAAC,MAAA,oBAnDR,MAAkB,QAClB,OAAOC,MAAW,oBAClB,OAAS,MAAAC,MAAU,yBACnB,OAAOC,MAAa,8BACpB,OAAOC,MAAe,wBACtB,OAAS,cAAAC,MAAkB,yBAC3B,OAAS,UAAAC,EAAQ,eAAAC,EAAa,kBAAAC,MAAsB,6BA6BpD,MAAMC,EAAe,CAAC,CAAE,KAAAC,EAAM,cAAAC,CAAc,IAAmD,CAC7F,MAAMC,EAAgBC,GAChBA,EACK,MAAM,KAAK,IAAI,MAAM,OAAOA,CAAG,CAAC,CAAC,GAAK,CAAC,EAEzC,CAAC,EAGV,OACEb,EAAC,OACC,UAAWE,EACT,qGACAS,GAAe,QAAU,QAAU,cAAgB,cACrD,EAEA,UAAAX,EAAC,OAAI,UAAWE,EAAG,6DAA6D,EAC9E,UAAAF,EAAC,OAAI,UAAU,SACb,UAAAD,EAAC,MAAG,UAAU,uCAAwC,SAAAW,GAAM,MAAM,EAClEX,EAAC,OAAI,UAAU,yBACZ,SAAAa,EAAaF,GAAM,MAAM,GAAG,MAAM,CAACI,EAAGC,IAEnChB,EAAC,OAAgB,UAAU,OACzB,SAAAA,EAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,SAAAA,EAAC,QACC,EAAE,6oBACF,KAAK,UACP,EACF,GANQgB,CAOV,CAEH,EACH,GACF,EACAhB,EAAC,OAAI,UAAU,0CACb,SAAAC,EAACM,EAAA,CAAO,UAAU,YAChB,UAAAP,EAACQ,EAAA,CAAY,IAAKG,GAAM,QAAQ,IAAK,EACrCX,EAACS,EAAA,CAAgB,SAAAE,GAAM,MAAM,GAC/B,EACF,GACF,EACAX,EAAC,KAAE,UAAU,wEAAyE,SAAAW,GAAM,aAAe,GAAG,EAC9GV,EAAC,OACC,UAAWE,EACT,2DACAS,GAAe,QAAU,QAAU,gBAAkB,cACvD,EAEA,UAAAZ,EAAC,OAAI,UAAU,gEACb,SAAAA,EAACI,EAAA,CAAQ,UAAU,sBAAsB,OAAQO,GAAM,KAAK,IAAK,EACnE,EACAX,EAAC,KAAE,UAAU,4DAA6D,SAAAW,GAAM,UAAY,GAAG,GACjG,GACF,CAEJ,EAEMM,EAAoC,CAAC,CAAE,UAAAC,EAAY,GAAI,KAAAP,EAAM,IAAAQ,CAAI,IAAM,CAC3E,KAAM,CAAE,SAAAC,EAAU,MAAAC,EAAO,GAAGC,CAAM,EAAIX,EACtC,OACEX,EAAAD,EAAA,CACE,SAAAE,EAAC,OAAI,UAAWE,EAAG,SAAUe,CAAS,EACnC,UAAAG,GAASrB,EAACE,EAAA,CAAM,KAAM,CAAE,MAAOmB,CAAM,EAAG,EACzCrB,EAACK,EAAA,CACC,UAAU,oBACV,GAAI,WAAac,EACjB,KAAM,CAAE,KAAMC,EAAU,cAAe,CAAE,GAAGE,CAAM,CAAE,EACpD,MAAOZ,EACP,YAAa,CACX,EAAG,CACD,aAAc,OACd,SAAU,GACV,cAAe,CACjB,EACA,IAAK,CACH,aAAc,OACd,SAAU,GACV,cAAe,GACjB,EACA,IAAK,CACH,aAAc,OACd,SAAU,GACV,cAAe,CACjB,CACF,EACF,GACF,EACF,CAEJ,EAEA,IAAOa,EAAQjB,EAAWW,CAAQ",
+  "names": ["Fragment", "jsx", "jsxs", "Title", "cn", "Picture", "SwiperBox", "withStyles", "Avatar", "AvatarImage", "AvatarFallback", "EvaluateItem", "data", "configuration", "handleRating", "num", "_", "index", "Evaluate", "className", "key", "products", "title", "ohter", "Evaluate_default"]
 }

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ComponentCommonProps, Img } from '../../types/props.js';
+export interface GraphicProps extends ComponentCommonProps {
+    className?: string;
+    data: {
+        title?: string;
+        items?: {
+            imgUrl: Img;
+            title: string;
+            textColor?: string;
+        }[];
+    };
+    shape?: 'round' | 'square';
+}
+declare const _default: {
+    (props: Omit<GraphicProps & 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/Graphic/index.js

@@ -0,0 +1,2 @@
+"use client";import{jsx as t,jsxs as a}from"react/jsx-runtime";import r,{useMemo as f}from"react";import{cn as i}from"../../helpers/utils.js";import{withStyles as x}from"../../shared/Styles.js";import{Carousel as u,CarouselContent as g,CarouselItem as h}from"../../components/index.js";import{Picture as C,Text as b}from"../../components/index.js";import y from"../Title/index.js";const p=r.forwardRef(({data:l,shape:m,className:n,...v},d)=>{const o=l?.items?.length||0,c=f(()=>{const s="basis-[296px]";let e="";return o===1&&(e="basis-[100%]"),o===2&&(e="tablet:basis-1/2"),o===3&&(e="laptop:basis-1/3"),o>3&&(e="laptop:basis-[288px] desktop:basis-[316px] lg-desktop:basis-[404px]"),`${s} ${e}`},[o]);return a("div",{children:[l?.title&&t(y,{data:{title:l?.title}}),t(u,{ref:d,opts:{align:"start"},className:n,children:t(r.Fragment,{children:t(g,{children:l?.items?.map((s,e)=>t(h,{className:i("laptop:pl-4 h-[360px] shrink-0 pl-3",c),children:a("div",{className:i("relative h-full",{"rounded-xl overflow-hidden laptop:rounded-2xl":m==="round"}),children:[t(C,{className:"h-full ",imgClassName:"h-full object-cover",source:s?.imgUrl?.url}),t("div",{className:"laptop:p-6 absolute inset-0 z-[1] flex flex-col justify-end p-4",children:t(b,{html:s?.title,style:{color:s?.textColor},className:"lg-desktop:text-[32px] desktop:text-[24px] desktop:[&_span]:text-[18px] text-lines-2 text-[24px] font-bold leading-[1.2] [&_span]:text-[14px] [&_span]:font-medium"})})]})},e+s?.title))})},".0")})]})});p.displayName="Graphic";var w=x(p);export{w as default};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/Graphic/index.tsx"],
+  "sourcesContent": ["'use client'\nimport React, { useMemo } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport { Carousel, CarouselContent, CarouselItem } from '../../components/index.js'\nimport { Picture, Text } from '../../components/index.js'\nimport Title from '../Title/index.js'\nimport type { ComponentCommonProps, Img } from '../../types/props.js'\n\nexport interface GraphicProps extends ComponentCommonProps {\n  className?: string\n  data: {\n    title?: string\n    items?: {\n      imgUrl: Img\n      title: string\n      textColor?: string\n    }[]\n  }\n  shape?: 'round' | 'square'\n}\n\nconst Graphic = React.forwardRef<HTMLDivElement, GraphicProps>(({ data, shape, className, ...props }, ref) => {\n  const itemsLength = data?.items?.length || 0\n\n  const itemStyle = useMemo(() => {\n    const basisStyle = 'basis-[296px]'\n    let breakPointStyle = ''\n    if (itemsLength === 1) {\n      breakPointStyle = 'basis-[100%]'\n    }\n    if (itemsLength === 2) {\n      breakPointStyle = 'tablet:basis-1/2'\n    }\n    if (itemsLength === 3) {\n      breakPointStyle = 'laptop:basis-1/3'\n    }\n    if (itemsLength > 3) {\n      breakPointStyle = 'laptop:basis-[288px] desktop:basis-[316px] lg-desktop:basis-[404px]'\n    }\n    return `${basisStyle} ${breakPointStyle}`\n  }, [itemsLength])\n\n  return (\n    <div>\n      {data?.title && <Title data={{ title: data?.title }} />}\n      <Carousel\n        ref={ref}\n        opts={{\n          align: 'start',\n        }}\n        className={className}\n      >\n        <React.Fragment key=\".0\">\n          <CarouselContent>\n            {data?.items?.map((item, index) => (\n              <CarouselItem key={index + item?.title} className={cn('laptop:pl-4 h-[360px] shrink-0 pl-3', itemStyle)}>\n                <div\n                  className={cn('relative h-full', {\n                    ['rounded-xl overflow-hidden laptop:rounded-2xl']: shape === 'round',\n                  })}\n                >\n                  <Picture className=\"h-full \" imgClassName=\"h-full object-cover\" source={item?.imgUrl?.url} />\n                  <div className=\"laptop:p-6 absolute inset-0 z-[1] flex flex-col justify-end p-4\">\n                    <Text\n                      html={item?.title}\n                      style={{\n                        color: item?.textColor,\n                      }}\n                      className=\"lg-desktop:text-[32px] desktop:text-[24px] desktop:[&_span]:text-[18px] text-lines-2 text-[24px] font-bold leading-[1.2] [&_span]:text-[14px] [&_span]:font-medium\"\n                    />\n                  </div>\n                </div>\n              </CarouselItem>\n            ))}\n          </CarouselContent>\n        </React.Fragment>\n      </Carousel>\n    </div>\n  )\n})\n\nGraphic.displayName = 'Graphic'\n\nexport default withStyles(Graphic)\n"],
+  "mappings": "aA6CsB,cAAAA,EAYN,QAAAC,MAZM,oBA5CtB,OAAOC,GAAS,WAAAC,MAAe,QAC/B,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAC3B,OAAS,YAAAC,EAAU,mBAAAC,EAAiB,gBAAAC,MAAoB,4BACxD,OAAS,WAAAC,EAAS,QAAAC,MAAY,4BAC9B,OAAOC,MAAW,oBAgBlB,MAAMC,EAAUV,EAAM,WAAyC,CAAC,CAAE,KAAAW,EAAM,MAAAC,EAAO,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAAQ,CAC5G,MAAMC,EAAcL,GAAM,OAAO,QAAU,EAErCM,EAAYhB,EAAQ,IAAM,CAC9B,MAAMiB,EAAa,gBACnB,IAAIC,EAAkB,GACtB,OAAIH,IAAgB,IAClBG,EAAkB,gBAEhBH,IAAgB,IAClBG,EAAkB,oBAEhBH,IAAgB,IAClBG,EAAkB,oBAEhBH,EAAc,IAChBG,EAAkB,uEAEb,GAAGD,CAAU,IAAIC,CAAe,EACzC,EAAG,CAACH,CAAW,CAAC,EAEhB,OACEjB,EAAC,OACE,UAAAY,GAAM,OAASb,EAACW,EAAA,CAAM,KAAM,CAAE,MAAOE,GAAM,KAAM,EAAG,EACrDb,EAACM,EAAA,CACC,IAAKW,EACL,KAAM,CACJ,MAAO,OACT,EACA,UAAWF,EAEX,SAAAf,EAACE,EAAM,SAAN,CACC,SAAAF,EAACO,EAAA,CACE,SAAAM,GAAM,OAAO,IAAI,CAACS,EAAMC,IACvBvB,EAACQ,EAAA,CAAuC,UAAWJ,EAAG,sCAAuCe,CAAS,EACpG,SAAAlB,EAAC,OACC,UAAWG,EAAG,kBAAmB,CAC9B,gDAAkDU,IAAU,OAC/D,CAAC,EAED,UAAAd,EAACS,EAAA,CAAQ,UAAU,UAAU,aAAa,sBAAsB,OAAQa,GAAM,QAAQ,IAAK,EAC3FtB,EAAC,OAAI,UAAU,kEACb,SAAAA,EAACU,EAAA,CACC,KAAMY,GAAM,MACZ,MAAO,CACL,MAAOA,GAAM,SACf,EACA,UAAU,qKACZ,EACF,GACF,GAhBiBC,EAAQD,GAAM,KAiBjC,CACD,EACH,GAtBkB,IAuBpB,EACF,GACF,CAEJ,CAAC,EAEDV,EAAQ,YAAc,UAEtB,IAAOY,EAAQnB,EAAWO,CAAO",
+  "names": ["jsx", "jsxs", "React", "useMemo", "cn", "withStyles", "Carousel", "CarouselContent", "CarouselItem", "Picture", "Text", "Title", "Graphic", "data", "shape", "className", "props", "ref", "itemsLength", "itemStyle", "basisStyle", "breakPointStyle", "item", "index", "Graphic_default"]
+}

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

@@ -1,7 +1,9 @@
-import React from "react";
-import type { HeroBannerProps } from "./types.js";
+import React from 'react';
+import type { HeroBannerProps } from './types.js';
 declare const _default: {
-    (props: Omit<HeroBannerProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps>): import("react/jsx-runtime").JSX.Element;
+    (props: Omit<HeroBannerProps & 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/HeroBanner/HeroBanner.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import m from"react";import{Button as c,Text as N}from"../../components/index.js";import{cn as a}from"../../helpers/index.js";import{withStyles as k}from"../../shared/Styles.js";const x=m.forwardRef(({title:d,subtitle:p,background:g,primaryButton:n,secondaryButton:l,theme:t="light",className:b,products:o=[]},f)=>{const i=t==="dark"?"text-white":"text-[#1D1D1F]",v=t==="dark"?"bg-white":"bg-[#1D1D1F]";return r("div",{ref:f,className:a("relative flex min-h-[720px] w-full flex-col justify-between overflow-hidden bg-cover bg-center bg-no-repeat",b),style:{backgroundImage:`url(${g})`},children:[r("div",{className:"relative z-10 flex flex-col gap-8 px-32 pt-[307px]",children:[r("div",{className:"max-w-[686px] space-y-4",children:[e("h1",{className:a("hero-banner-title font-mont text-[64px] font-bold leading-none tracking-[-0.04em]",i),children:d}),e("p",{className:a("hero-banner-subtitle text-lg font-medium leading-[1.2] tracking-[-0.02em]",i),children:p})]}),r("div",{className:"flex items-center gap-4",children:[l&&e(c,{size:"lg",variant:"nature",theme:t,className:"hero-banner-primary-button",...l,children:l.text}),n&&e(c,{size:"lg",variant:"secondary",theme:t,...n,className:"hero-banner-secondary-button bg-transparent border-black text-black hover:bg-black hover:text-white",children:n.text})]})]}),o.length>0&&e("div",{className:"relative z-10 flex items-center gap-3 px-32 pb-6",children:o.map((h,s)=>r(m.Fragment,{children:[e(N,{className:a("hero-banner-product-text text-sm font-medium leading-[1.2] tracking-[-0.02em]",t==="dark"?"text-white":"text-[#1D1D1F]"),children:h.title}),s<o.length-1&&e("div",{className:a("h-4 w-px",v)})]},s))})]})});x.displayName="HeroBanner";var F=k(x);export{F as default};
+"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import p from"react";import{Button as c,Heading as k,Picture as w,Text as d}from"../../components/index.js";import{cn as t}from"../../helpers/index.js";import{withStyles as B}from"../../shared/Styles.js";const u=p.forwardRef(({data:g,className:f},h)=>{const{title:l,subtitle:x,pcImage:v,mobileImage:b,primaryButton:s,secondaryButton:i,theme:r="light",products:o=[]}=g,n=r==="dark"?"text-white":"text-[#1D1D1F]",N=r==="dark"?"bg-white":"bg-[#1D1D1F]";return a("div",{"data-ui-component-id":"HeroBanner",ref:h,className:t(r==="dark"?"aiui-dark":"","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",f),children:[e(w,{className:"laptop:w-full absolute h-full",imgClassName:"h-full object-cover",source:`${v.url} , ${b.url} 767`}),a("div",{className:"laptop:top-1/2 laptop:-translate-y-1/2 relative top-[30%] z-10 flex flex-col gap-8 px-32",children:[l&&a("div",{className:"max-w-[686px] space-y-4",children:[e(k,{as:"h1",size:5,className:t("hero-banner-title",n),html:l}),e(d,{className:t("hero-banner-subtitle text-lg font-medium leading-[1.2] tracking-[-0.02em]",n),html:x})]}),a("div",{className:"flex items-center gap-4",children:[i&&e(c,{size:"lg",variant:"secondary",className:"hero-banner-secondary-button",children:i.text}),s&&e(c,{size:"lg",variant:"primary",className:"hero-banner-primary-button",children:s.text})]})]}),o.length>0&&e("div",{className:"absolute bottom-0 z-10 flex items-center gap-3 px-32 pb-6",children:o.map((y,m)=>a(p.Fragment,{children:[e(d,{className:t("hero-banner-product-text text-sm font-medium leading-[1.2] tracking-[-0.02em]",r==="dark"?"text-white":"text-[#1D1D1F]"),children:y.title}),m<o.length-1&&e("div",{className:t("h-4 w-px",N)})]},m))})]})});u.displayName="HeroBanner";var F=B(u);export{F as default};
 //# sourceMappingURL=HeroBanner.js.map

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, pcImage, mobileImage, 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\n        className=\"laptop:w-full absolute h-full\"\n        imgClassName=\"h-full object-cover\"\n        source={`${pcImage.url} , ${mobileImage.url} 767`}\n      />\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        {title && (\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(\n                'hero-banner-subtitle text-lg font-medium leading-[1.2] tracking-[-0.02em]',\n                textColorClass\n              )}\n              html={subtitle}\n            />\n          </div>\n        )}\n        {/* \u6309\u94AE\u7EC4 */}\n        <div className=\"flex items-center gap-4\">\n          {secondaryButton && (\n            <Button size=\"lg\" variant=\"secondary\" className=\"hero-banner-secondary-button\">\n              {secondaryButton.text}\n            </Button>\n          )}\n          {primaryButton && (\n            <Button size=\"lg\" variant=\"primary\" className=\"hero-banner-primary-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,EAQI,QAAAC,MARJ,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,QAAAC,EAAS,YAAAC,EAAa,cAAAC,EAAe,gBAAAC,EAAiB,MAAAC,EAAQ,QAAS,SAAAC,EAAW,CAAC,CAAE,EAAIV,EAC5GW,EAAiBF,IAAU,OAAS,aAAe,iBACnDG,EAAoBH,IAAU,OAAS,WAAa,eAE1D,OACElB,EAAC,OACC,uBAAqB,aACrB,IAAKW,EACL,UAAWL,EACTY,IAAU,OAAS,YAAc,GACjC,2JACAR,CACF,EAEA,UAAAX,EAACK,EAAA,CACC,UAAU,gCACV,aAAa,sBACb,OAAQ,GAAGU,EAAQ,GAAG,MAAMC,EAAY,GAAG,OAC7C,EAEAf,EAAC,OAAI,UAAU,2FACZ,UAAAY,GACCZ,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACI,EAAA,CAAQ,GAAG,KAAK,KAAM,EAAG,UAAWG,EAAG,oBAAqBc,CAAc,EAAG,KAAMR,EAAO,EAC3Fb,EAACM,EAAA,CACC,UAAWC,EACT,4EACAc,CACF,EACA,KAAMP,EACR,GACF,EAGFb,EAAC,OAAI,UAAU,0BACZ,UAAAiB,GACClB,EAACG,EAAA,CAAO,KAAK,KAAK,QAAQ,YAAY,UAAU,+BAC7C,SAAAe,EAAgB,KACnB,EAEDD,GACCjB,EAACG,EAAA,CAAO,KAAK,KAAK,QAAQ,UAAU,UAAU,6BAC3C,SAAAc,EAAc,KACjB,GAEJ,GACF,EAGCG,EAAS,OAAS,GACjBpB,EAAC,OAAI,UAAU,4DACZ,SAAAoB,EAAS,IAAI,CAACG,EAASC,IACtBvB,EAACC,EAAM,SAAN,CACC,UAAAF,EAACM,EAAA,CACC,UAAWC,EACT,gFACAY,IAAU,OAAS,aAAe,gBACpC,EAEC,SAAAI,EAAQ,MACX,EACCC,EAAQJ,EAAS,OAAS,GAAKpB,EAAC,OAAI,UAAWO,EAAG,WAAYe,CAAiB,EAAG,IAThEE,CAUrB,CACD,EACH,GAEJ,CAEJ,CAAC,EAEDf,EAAW,YAAc,aAEzB,IAAOgB,EAAQjB,EAAWC,CAAU",
+  "names": ["jsx", "jsxs", "React", "Button", "Heading", "Picture", "Text", "cn", "withStyles", "HeroBanner", "data", "className", "ref", "title", "subtitle", "pcImage", "mobileImage", "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 { Media, 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;
+        pcImage: Media;
+        mobileImage: Media;
+        /** 主按钮文本和配置 */
+        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.d.ts

@@ -1,23 +1,34 @@
 import React from 'react';
 import { type MarqueeProps as FastMarqueeProps } from 'react-fast-marquee';
-declare const Marquee: React.ForwardRefExoticComponent<Omit<FastMarqueeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+import type { Img } from '../../types/props.js';
 interface MarqueeListProps {
     children?: React.ReactNode;
     className?: string;
 }
 declare const MarqueeList: React.ForwardRefExoticComponent<MarqueeListProps & React.RefAttributes<HTMLDivElement>>;
 interface MarqueeImageContentProps {
-    image: string;
+    data: {
+        image: Img;
+    };
     className?: string;
 }
 declare const MarqueeImageContent: {
-    ({ image, className }: MarqueeImageContentProps): import("react/jsx-runtime").JSX.Element;
+    ({ data: { image }, className }: MarqueeImageContentProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 interface MarqueeTextContentProps {
-    text: string;
+    data: {
+        text: string;
+    };
     className?: string;
 }
 declare const MarqueeTextContent: React.ForwardRefExoticComponent<MarqueeTextContentProps & React.RefAttributes<HTMLDivElement>>;
-export { Marquee, MarqueeList, MarqueeImageContent, MarqueeTextContent };
+declare const _default: {
+    (props: Omit<FastMarqueeProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
+        className?: string;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;
+export { MarqueeList, MarqueeImageContent, MarqueeTextContent };
 export type { FastMarqueeProps, MarqueeListProps, MarqueeImageContentProps, MarqueeTextContentProps };

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/Marquee/index.tsx"],
-  "sourcesContent": ["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 FastMarquee from 'react-fast-marquee'\nimport { type MarqueeProps as FastMarqueeProps } from 'react-fast-marquee'\nimport { Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport type { Img } from '../../types/props.js'\n\nconst Marquee = ({ children, ...props }: FastMarqueeProps) => {\n  return <FastMarquee {...props}>{children}</FastMarquee>\n}\nMarquee.displayName = 'Marquee'\n\ninterface MarqueeListProps {\n  children?: React.ReactNode\n  className?: string\n}\n\nconst MarqueeList = React.forwardRef<HTMLDivElement, MarqueeListProps>(({ className, children, ...props }, ref) => {\n  return (\n    <div className={cn('laptop:gap-16 flex items-center gap-6', className)} ref={ref}>\n      {children}\n    </div>\n  )\n})\n\nMarqueeList.displayName = 'MarqueeList'\n\ninterface MarqueeImageContentProps {\n  data: {\n    image: Img\n  }\n  className?: string\n}\n\nconst MarqueeImageContent = ({ data: { image }, className }: MarqueeImageContentProps) => {\n  return (\n    <Picture\n      source={image.url}\n      alt={image.alt}\n      className={cn('laptop:h-[80px] laptop:w-[120px] h-[48px] w-[72px]', className)}\n      imgClassName=\"object-cover\"\n    />\n  )\n}\n\nMarqueeImageContent.displayName = 'MarqueeImageContent'\n\ninterface MarqueeTextContentProps {\n  data: {\n    text: string\n  }\n  className?: string\n}\n\nconst MarqueeTextContent = React.forwardRef<HTMLDivElement, MarqueeTextContentProps>(\n  ({ data: { text }, className }, ref) => {\n    return (\n      <Text\n        as=\"div\"\n        ref={ref}\n        html={text}\n        className={cn(\n          'text-lines-2 flex size-14 items-center justify-center text-nowrap font-medium leading-[1.2]',\n          className\n        )}\n      />\n    )\n  }\n)\n\nMarqueeTextContent.displayName = 'MarqueeTextContent'\n\nexport default withStyles(Marquee)\nexport { MarqueeList, MarqueeImageContent, MarqueeTextContent }\nexport type { FastMarqueeProps, MarqueeListProps, MarqueeImageContentProps, MarqueeTextContentProps }\n"],
+  "mappings": "aAUS,cAAAA,MAAA,oBATT,OAAOC,MAAW,QAClB,OAAOC,MAAiB,qBACxB,MAAsD,qBACtD,OAAS,WAAAC,EAAS,QAAAC,MAAY,4BAC9B,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAG3B,MAAMC,EAAU,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAM,IAC7BT,EAACE,EAAA,CAAa,GAAGO,EAAQ,SAAAD,EAAS,EAE3CD,EAAQ,YAAc,UAOtB,MAAMG,EAAcT,EAAM,WAA6C,CAAC,CAAE,UAAAU,EAAW,SAAAH,EAAU,GAAGC,CAAM,EAAGG,IAEvGZ,EAAC,OAAI,UAAWK,EAAG,wCAAyCM,CAAS,EAAG,IAAKC,EAC1E,SAAAJ,EACH,CAEH,EAEDE,EAAY,YAAc,cAS1B,MAAMG,EAAsB,CAAC,CAAE,KAAM,CAAE,MAAAC,CAAM,EAAG,UAAAH,CAAU,IAEtDX,EAACG,EAAA,CACC,OAAQW,EAAM,IACd,IAAKA,EAAM,IACX,UAAWT,EAAG,qDAAsDM,CAAS,EAC7E,aAAa,eACf,EAIJE,EAAoB,YAAc,sBASlC,MAAME,EAAqBd,EAAM,WAC/B,CAAC,CAAE,KAAM,CAAE,KAAAe,CAAK,EAAG,UAAAL,CAAU,EAAGC,IAE5BZ,EAACI,EAAA,CACC,GAAG,MACH,IAAKQ,EACL,KAAMI,EACN,UAAWX,EACT,8FACAM,CACF,EACF,CAGN,EAEAI,EAAmB,YAAc,qBAEjC,IAAOE,EAAQX,EAAWC,CAAO",
+  "names": ["jsx", "React", "FastMarquee", "Picture", "Text", "cn", "withStyles", "Marquee", "children", "props", "MarqueeList", "className", "ref", "MarqueeImageContent", "image", "MarqueeTextContent", "text", "Marquee_default"]
 }

package/dist/esm/biz-components/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 t,jsxs as o}from"react/jsx-runtime";import{useState as g,useRef as b}from"react";import{cn as d}from"../../helpers/utils.js";import{withStyles as h}from"../../shared/Styles.js";import x from"../../components/picture.js";import w from"../../components/button.js";import{convertLexicalToHTML as p}from"@payloadcms/richtext-lexical/html";const k=({className:u="",data:{title:a,videoTitle:s,btnText:r,img:c,video:m,theme:f,shape:y}})=>{const[l,i]=g(!1),e=b(null),n=typeof a=="string"?a:a&&p({data:a}),v=typeof s=="string"?s:s&&p({data:s});return o("div",{className:d(" relative w-full",u,{"aiui-dark":f==="dark","rounded-box":y==="rounded"}),children:[o("div",{className:"media-content absolute left-1/2 top-1/2 z-20 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center gap-5",children:[t("div",{className:"lg-desktop:text-[64px] text-center text-[40px] font-bold text-white lg:text-5xl",dangerouslySetInnerHTML:{__html:!l&&n?n:v||""}}),!l&&r&&t(w,{variant:"secondary",className:d("member-equity-button-secondary"),onClick:()=>{l?(e.current&&e.current.pause(),i(!1)):(e.current&&e.current.play(),i(!0))},children:r})]}),o("div",{className:"media-cover lg-desktop:aspect-w-[1920] lg-desktop:aspect-h-[930] lg:aspect-w-[1440] lg:aspect-h-[700] desktop:aspect-w-[1024] desktop:aspect-h-[520] tablet:aspect-w-[768] tablet:aspect-h-[660] aspect-w-[390] aspect-h-[660] relative overflow-hidden",children:[t("video",{ref:e,className:"size-full object-cover",src:m?.url,autoPlay:!0,muted:!0,loop:!0}),!l&&t(x,{className:"z-1 absolute left-0 top-0 size-full object-cover",source:c?.url,alt:c?.alt,imgClassName:"w-full h-full object-cover"}),t("div",{className:"absolute left-0 top-0 z-10 size-full",style:{background:"linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #1D1D1F 100%)"}})]})]})};var _=h(k);export{_ 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 { convertLexicalToHTML } from '@payloadcms/richtext-lexical/html'\nimport type { MediaPlayerBaseProps } from './types.js'\n\nconst MediaPlayerBase: React.FC<MediaPlayerBaseProps> = ({\n  className = '',\n  data: { title, videoTitle, btnText, img, video, theme, shape },\n}) => {\n  const [isPlaying, setIsPlaying] = useState(false)\n  const videoRef = useRef<HTMLVideoElement>(null)\n\n  const title_html = typeof title === 'string' ? title : title && convertLexicalToHTML({ data: title })\n  const videoTitle_html =\n    typeof videoTitle === 'string' ? videoTitle : videoTitle && convertLexicalToHTML({ data: videoTitle })\n\n  return (\n    <div\n      className={cn(' relative w-full', className, {\n        'aiui-dark': theme === 'dark',\n        'rounded-box': shape === 'rounded',\n      })}\n    >\n      <div className=\"media-content absolute left-1/2 top-1/2 z-20 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center gap-5\">\n        <div\n          className=\"lg-desktop:text-[64px] text-center text-[40px] font-bold text-white lg:text-5xl\"\n          dangerouslySetInnerHTML={{ __html: !isPlaying && title_html ? title_html : videoTitle_html || '' }}\n        />\n        {!isPlaying && btnText && (\n          <Button\n            variant=\"secondary\"\n            className={cn('member-equity-button-secondary')}\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 lg-desktop:aspect-w-[1920] lg-desktop:aspect-h-[930] lg:aspect-w-[1440] lg:aspect-h-[700] desktop:aspect-w-[1024] desktop:aspect-h-[520] tablet:aspect-w-[768] tablet:aspect-h-[660] aspect-w-[390] aspect-h-[660] relative overflow-hidden\">\n        <video ref={videoRef} className=\"size-full object-cover\" src={video?.url} autoPlay muted loop />\n        {!isPlaying && (\n          <Picture\n            className=\"z-1 absolute left-0 top-0 size-full object-cover\"\n            source={img?.url}\n            alt={img?.alt}\n            imgClassName=\"w-full h-full object-cover\"\n          />\n        )}\n        <div\n          className=\"absolute left-0 top-0 z-10 size-full\"\n          style={{\n            background: 'linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #1D1D1F 100%)',\n          }}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default withStyles(MediaPlayerBase)\n"],
+  "mappings": "aA2BM,OACE,OAAAA,EADF,QAAAC,MAAA,oBA1BN,OAAgB,YAAAC,EAAU,UAAAC,MAAc,QACxC,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAC3B,OAAOC,MAAa,8BACpB,OAAOC,MAAY,6BACnB,OAAS,wBAAAC,MAA4B,oCAGrC,MAAMC,EAAkD,CAAC,CACvD,UAAAC,EAAY,GACZ,KAAM,CAAE,MAAAC,EAAO,WAAAC,EAAY,QAAAC,EAAS,IAAAC,EAAK,MAAAC,EAAO,MAAAC,EAAO,MAAAC,CAAM,CAC/D,IAAM,CACJ,KAAM,CAACC,EAAWC,CAAY,EAAIjB,EAAS,EAAK,EAC1CkB,EAAWjB,EAAyB,IAAI,EAExCkB,EAAa,OAAOV,GAAU,SAAWA,EAAQA,GAASH,EAAqB,CAAE,KAAMG,CAAM,CAAC,EAC9FW,EACJ,OAAOV,GAAe,SAAWA,EAAaA,GAAcJ,EAAqB,CAAE,KAAMI,CAAW,CAAC,EAEvG,OACEX,EAAC,OACC,UAAWG,EAAG,mBAAoBM,EAAW,CAC3C,YAAaM,IAAU,OACvB,cAAeC,IAAU,SAC3B,CAAC,EAED,UAAAhB,EAAC,OAAI,UAAU,kHACb,UAAAD,EAAC,OACC,UAAU,kFACV,wBAAyB,CAAE,OAAQ,CAACkB,GAAaG,EAAaA,EAAaC,GAAmB,EAAG,EACnG,EACC,CAACJ,GAAaL,GACbb,EAACO,EAAA,CACC,QAAQ,YACR,UAAWH,EAAG,gCAAgC,EAC9C,QAAS,IAAM,CACTc,GACEE,EAAS,SACXA,EAAS,QAAQ,MAAM,EAEzBD,EAAa,EAAK,IAEdC,EAAS,SACXA,EAAS,QAAQ,KAAK,EAExBD,EAAa,EAAI,EAErB,EAEC,SAAAN,EACH,GAEJ,EACAZ,EAAC,OAAI,UAAU,0PACb,UAAAD,EAAC,SAAM,IAAKoB,EAAU,UAAU,yBAAyB,IAAKL,GAAO,IAAK,SAAQ,GAAC,MAAK,GAAC,KAAI,GAAC,EAC7F,CAACG,GACAlB,EAACM,EAAA,CACC,UAAU,mDACV,OAAQQ,GAAK,IACb,IAAKA,GAAK,IACV,aAAa,6BACf,EAEFd,EAAC,OACC,UAAU,uCACV,MAAO,CACL,WAAY,+DACd,EACF,GACF,GACF,CAEJ,EAEA,IAAOuB,EAAQlB,EAAWI,CAAe",
+  "names": ["jsx", "jsxs", "useState", "useRef", "cn", "withStyles", "Picture", "Button", "convertLexicalToHTML", "MediaPlayerBase", "className", "title", "videoTitle", "btnText", "img", "video", "theme", "shape", "isPlaying", "setIsPlaying", "videoRef", "title_html", "videoTitle_html", "MediaPlayerBase_default"]
+}

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

@@ -0,0 +1,12 @@
+import type { ComponentCommonProps, Shape, Theme, Video, Img } from '../../types/props.js';
+export interface MediaPlayerBaseProps extends ComponentCommonProps {
+    data: {
+        shape?: Shape;
+        theme?: Theme;
+        title?: string;
+        videoTitle?: string;
+        btnText?: string;
+        img?: Img;
+        video?: Video;
+    };
+}

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 { MediaPlayerMultiProps } from './types.js';
+declare const _default: {
+    (props: Omit<MediaPlayerMultiProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
+        className?: string;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;