@anker-in/headless-ui 0.0.27-alpha.12 → 0.0.27-alpha.121

package/dist/cjs/biz-components/Evaluate/index.js

@@ -1,2 +1,2 @@
-"use strict";var c=Object.create;var d=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var g=(t,l)=>{for(var s in l)d(t,s,{get:l[s],enumerable:!0})},p=(t,l,s,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let a of x(l))!w.call(t,a)&&a!==s&&d(t,a,{get:()=>l[a],enumerable:!(i=f(l,a))||i.enumerable});return t};var b=(t,l,s)=>(s=t!=null?c(u(t)):{},p(l||!t||!t.__esModule?d(s,"default",{value:t,enumerable:!0}):s,t)),N=t=>p(d({},"__esModule",{value:!0}),t);var C={};g(C,{default:()=>k});module.exports=N(C);var e=require("react/jsx-runtime"),E=require("react"),r=require("../../helpers/utils.js"),n=b(require("../../components/picture.js")),o=require("../../components/avatar.js");const h=({className:t="",shape:l="square",products:s=[]})=>{const i=a=>a?Array.from(new Array(Number(a)))||[]:[];return(0,e.jsx)(e.Fragment,{children:(0,e.jsx)("div",{className:(0,r.cn)("w-full",t),children:(0,e.jsx)("div",{className:(0,r.cn)("flex overflow-hidden"),children:(0,e.jsx)("div",{className:(0,r.cn)("w-full flex","gap-3 laptop:gap-4 overflow-x-auto overflow-y-hidden"),children:s?.map((a,m)=>(0,e.jsxs)("div",{className:(0,r.cn)("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",l==="round"?"rounded-2xl":"rounded-none"),children:[(0,e.jsxs)("div",{className:(0,r.cn)("mb-8 w-full flex justify-between laptop:mb-11 desktop:mb-16"),children:[(0,e.jsxs)("div",{className:"flex-1",children:[(0,e.jsx)("h4",{className:"text-sm font-semibold laptop:text-lg",children:a?.title}),(0,e.jsx)("div",{className:"mt-1 flex items-center",children:i(a?.rating)?.map?.((L,v)=>(0,e.jsx)("div",{className:"mr-1",children:(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:(0,e.jsx)("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"})})},v))})]}),(0,e.jsx)("div",{className:"size-10 overflow-hidden desktop:size-12",children:(0,e.jsxs)(o.Avatar,{className:"w-full h-full",children:[(0,e.jsx)(o.AvatarImage,{src:a?.avatar}),(0,e.jsx)(o.AvatarFallback,{children:a?.title})]})})]}),(0,e.jsx)("p",{className:"flex-1 line-clamp-6 font-bold text-xl text-[#1D1D1F] desktop:text-2xl",children:a?.description||""}),(0,e.jsxs)("div",{className:(0,r.cn)("mt-11 p-3 flex items-center bg-[#F7F8F9] overflow-hidden",l==="round"?"rounded-[8px]":"rounded-none"),children:[(0,e.jsx)("div",{className:"flex items-center mr-3 size-12 laptop:size-16 desktop:size-20",children:(0,e.jsx)(n.default,{className:"w-full object-cover",source:a?.img})}),(0,e.jsx)("p",{className:"flex-1 text-sm font-semibold line-clamp-2 desktop:text-lg",children:a?.subTitle||""})]})]},m))})})})})};var k=h;
+"use strict";"use client";var k=Object.create;var n=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var L=(e,r)=>{for(var i in r)n(e,i,{get:r[i],enumerable:!0})},p=(e,r,i,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of C(r))!P.call(e,s)&&s!==i&&n(e,s,{get:()=>r[s],enumerable:!(a=N(r,s))||a.enumerable});return e};var d=(e,r,i)=>(i=e!=null?k(y(e)):{},p(r||!e||!e.__esModule?n(i,"default",{value:e,enumerable:!0}):i,e)),B=e=>p(n({},"__esModule",{value:!0}),e);var z={};L(z,{default:()=>M});module.exports=B(z);var t=require("react/jsx-runtime"),v=d(require("react")),f=d(require("../Title/index.js")),o=require("../../helpers/utils.js"),c=d(require("../../components/picture.js")),u=d(require("../SwiperBox/index.js")),w=require("../../shared/Styles.js"),l=require("../../components/avatar.js"),x=require("../../components/container.js");const E=({data:e,configuration:r})=>{const i=a=>a?Array.from(new Array(Number(a)))||[]:[];return(0,t.jsxs)("div",{className:(0,o.cn)("bg-container-secondary-1 hover:bg-info-white box-border flex w-full cursor-pointer flex-col overflow-hidden p-4 duration-300",r?.shape==="round"?"rounded-2xl":"rounded-none","lg-desktop:h-[480px] desktop:h-[384px] h-[360px]"),children:[(0,t.jsxs)("div",{className:(0,o.cn)("laptop:mb-11 desktop:mb-16 mb-16 flex w-full justify-between"),children:[(0,t.jsxs)("div",{className:"flex-1",children:[(0,t.jsx)("h4",{className:"laptop:text-lg text-sm font-bold",children:e?.title}),(0,t.jsx)("div",{className:"mt-1 flex items-center",children:i(e?.rating)?.map?.((a,s)=>(0,t.jsx)("div",{className:"mr-1",children:(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:(0,t.jsx)("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"})})},s))})]}),(0,t.jsx)("div",{className:"desktop:size-12 size-10 overflow-hidden",children:(0,t.jsx)(l.Avatar,{className:"size-full",isAdaptation:!e?.avatar?.url,children:e?.avatar?.url?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(l.AvatarImage,{src:e?.avatar?.url}),(0,t.jsx)(l.AvatarFallback,{children:e?.title})]}):e?.title})})]}),(0,t.jsx)("p",{className:"desktop:text-2xl text-info-primary desktop:line-clamp-3 line-clamp-5 h-fit flex-1 break-words text-xl font-bold",children:e?.description||""}),(0,t.jsx)("a",{href:e?.link||"",onClick:()=>{r?.event?.primaryButton(e,r?.index)},children:(0,t.jsxs)("div",{className:(0,o.cn)("mt-3 flex items-center overflow-hidden bg-[#F7F8F9] p-3",r?.shape==="round"?"rounded-lg":"rounded-none"),children:[(0,t.jsx)("div",{className:"laptop:size-16 desktop:size-20 mr-3 flex size-12 items-center",children:(0,t.jsx)(c.default,{className:"w-full object-cover",source:e?.img?.url})}),(0,t.jsx)("p",{className:"lg-desktop:text-lg line-clamp-2 flex-1 text-sm font-bold",children:e?.subTitle||""})]})})]})},A=v.default.forwardRef(({className:e="",data:r,key:i,...a},s)=>{const{products:h,title:m,theme:g,...b}=r;return(0,t.jsx)("div",{className:e,ref:s,children:(0,t.jsx)("div",{className:"evaluate-box",children:(0,t.jsx)(x.Container,{...r?.containerProps||{},className:"overflow-hidden",children:(0,t.jsxs)("div",{ref:s,className:(0,o.cn)("w-full",e,{"aiui-dark":g==="dark"}),children:[m&&(0,t.jsx)(f.default,{data:{title:m}}),(0,t.jsx)(u.default,{className:"!overflow-visible",id:"Evaluate"+i,data:{list:h,configuration:{...b}},Slide:E,breakpoints:{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:1.1},768:{spaceBetween:16,freeMode:!1,slidesPerView:2.3},1024:{spaceBetween:16,freeMode:!1,slidesPerView:3.1},1440:{spaceBetween:16,freeMode:!1,slidesPerView:4}}})]})})})})});var M=(0,w.withStyles)(A);
 //# sourceMappingURL=index.js.map

package/dist/cjs/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.js'\nimport Picture from '../../components/picture.js'\nimport { Avatar, AvatarImage, AvatarFallback } from '../../components/avatar.js'\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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAsCI,IAAAI,EAAA,6BAtCJC,EAAkB,iBAClBC,EAAmB,kCACnBC,EAAoB,0CACpBC,EAAoD,sCAqBpD,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,SACE,mBACE,mBAAC,OAAI,aAAW,MAAG,SAAUJ,CAAS,EACpC,mBAAC,OAAI,aAAW,MAAG,sBAAsB,EACvC,mBAAC,OAAI,aAAW,MAAG,cAAe,sDAAsD,EACrF,SAAAE,GAAU,IAAI,CAACG,EAAMC,OAElB,QAAC,OAEC,aAAW,MACT,wFACA,+HACAL,IAAU,QAAU,cAAgB,cACtC,EAEA,qBAAC,OAAI,aAAW,MAAG,6DAA6D,EAC9E,qBAAC,OAAI,UAAU,SACb,oBAAC,MAAG,UAAU,uCAAwC,SAAAI,GAAM,MAAM,KAClE,OAAC,OAAI,UAAU,yBAEb,SAAAF,EAAaE,GAAM,MAAM,GAAG,MAAM,CAACE,EAAGD,OAC7B,OAAC,OAAgB,UAAU,OAChC,mBAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,mBAAC,QACC,EAAE,6oBACF,KAAK,UACP,EACF,GANeA,CAOjB,CACD,EAEH,GACF,KACA,OAAC,OAAI,UAAU,0CACb,oBAAC,UAAO,UAAU,gBAChB,oBAAC,eAAY,IAAKD,GAAM,OAAQ,KAChC,OAAC,kBAAgB,SAAAA,GAAM,MAAM,GAC/B,EACF,GACF,KACA,OAAC,KAAE,UAAU,wEACV,SAAAA,GAAM,aAAe,GACxB,KACA,QAAC,OAAI,aAAW,MAAG,2DAA4DJ,IAAU,QAAU,gBAAkB,cAAc,EACjI,oBAAC,OAAI,UAAU,gEACb,mBAAC,EAAAO,QAAA,CACC,UAAU,sBACV,OAAQH,GAAM,IAChB,EACF,KACA,OAAC,KAAE,UAAU,4DACV,SAAAA,GAAM,UAAY,GACrB,GACF,IA7CKC,CA8CP,CAEH,EACH,EACF,EACF,EACF,CAEJ,EAEA,IAAOd,EAAQO",
-  "names": ["Evaluate_exports", "__export", "Evaluate_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_picture", "import_avatar", "Evaluate", "className", "shape", "products", "handleRating", "num", "item", "index", "_", "Picture"]
+  "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'\nimport { Container } from '../../components/container.js'\nimport type { ContainerProps, Theme, Shape } from '../../types/props.js'\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  link?: string\n}\n\nexport interface EvaluateProps {\n  className?: string\n  data: {\n    title?: string\n    products: EvaluateItem[]\n    /** \u5F62\u72B6 */\n    shape?: 'round' | 'square'\n    /** \u4E3B\u9898\u8272*/\n    theme?: Theme\n    containerProps?: ContainerProps\n  }\n  /** \u6309\u94AE\u4E8B\u4EF6*/\n  event?: {\n    primaryButton?: (v: any, index: number) => void\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        'bg-container-secondary-1 hover:bg-info-white box-border flex w-full cursor-pointer flex-col overflow-hidden p-4 duration-300',\n        configuration?.shape === 'round' ? 'rounded-2xl' : 'rounded-none',\n        'lg-desktop:h-[480px] desktop:h-[384px] h-[360px]'\n      )}\n    >\n      <div className={cn('laptop:mb-11 desktop:mb-16 mb-16 flex w-full justify-between')}>\n        <div className=\"flex-1\">\n          <h4 className=\"laptop:text-lg text-sm font-bold\">{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\" isAdaptation={!data?.avatar?.url}>\n            {data?.avatar?.url ? (\n              <>\n                <AvatarImage src={data?.avatar?.url} />\n                <AvatarFallback>{data?.title}</AvatarFallback>\n              </>\n            ) : (\n              data?.title\n            )}\n          </Avatar>\n        </div>\n      </div>\n      <p className=\"desktop:text-2xl text-info-primary desktop:line-clamp-3 line-clamp-5 h-fit flex-1 break-words text-xl font-bold\">\n        {data?.description || ''}\n      </p>\n      <a\n        href={data?.link || ''}\n        onClick={() => {\n          configuration?.event?.primaryButton(data, configuration?.index)\n        }}\n      >\n        <div\n          className={cn(\n            'mt-3 flex items-center overflow-hidden bg-[#F7F8F9] p-3',\n            configuration?.shape === 'round' ? 'rounded-lg' : '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=\"lg-desktop:text-lg line-clamp-2 flex-1 text-sm font-bold\">{data?.subTitle || ''}</p>\n        </div>\n      </a>\n    </div>\n  )\n}\n\nconst Evaluate = React.forwardRef<HTMLDivElement, EvaluateProps>(({ className = '', data, key, ...rest }, ref) => {\n  const { products, title, theme, ...ohter } = data\n  return (\n    <div className={className} ref={ref}>\n      <div className=\"evaluate-box\">\n        <Container {...(data?.containerProps || {})} className=\"overflow-hidden\">\n          <div ref={ref} className={cn('w-full', className, { 'aiui-dark': theme === 'dark' })}>\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: 12,\n                  freeMode: false,\n                  slidesPerView: 1,\n                },\n                374: {\n                  spaceBetween: 12,\n                  freeMode: false,\n                  slidesPerView: 1.1,\n                },\n                768: {\n                  spaceBetween: 16,\n                  freeMode: false,\n                  slidesPerView: 2.3,\n                },\n                1024: {\n                  spaceBetween: 16,\n                  freeMode: false,\n                  slidesPerView: 3.1,\n                },\n                1440: {\n                  spaceBetween: 16,\n                  freeMode: false,\n                  slidesPerView: 4,\n                },\n              }}\n            />\n          </div>\n        </Container>\n      </div>\n    </div>\n  )\n})\n\nexport default withStyles(Evaluate)\n"],
+  "mappings": "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",
+  "names": ["Evaluate_exports", "__export", "Evaluate_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_Title", "import_utils", "import_picture", "import_SwiperBox", "import_Styles", "import_avatar", "import_container", "EvaluateItem", "data", "configuration", "handleRating", "num", "_", "index", "Picture", "Evaluate", "React", "className", "key", "rest", "ref", "products", "title", "theme", "ohter", "Title", "SwiperBox"]
 }

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

@@ -1,17 +1,23 @@
 import React from 'react';
-export interface GraphicProps {
+import type { ComponentCommonProps, ContainerProps, Img } from '../../types/props.js';
+type GraphicType = {
+    imgUrl: Img;
+    title: string;
+    description?: string;
+    textColor?: string;
+    link?: string;
+};
+export interface GraphicProps extends ComponentCommonProps {
     className?: string;
-    items: {
-        imgUrl: string;
-        title: string;
-        textColor?: string;
-    }[];
-    shape?: 'round' | 'square';
+    data: {
+        title?: string;
+        items?: GraphicType[];
+        itemShape?: 'round' | 'square';
+        containerProps?: ContainerProps;
+    };
 }
-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;
-};
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<GraphicProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
+    className?: string;
+    data?: Record<string, any>;
+}, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/dist/cjs/biz-components/Graphic/index.js

@@ -1,2 +1,2 @@
-"use strict";var b=Object.create;var x=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var v=(t,e)=>{for(var s in e)x(t,s,{get:e[s],enumerable:!0})},f=(t,e,s,m)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of k(e))!N.call(t,a)&&a!==s&&x(t,a,{get:()=>e[a],enumerable:!(m=C(e,a))||m.enumerable});return t};var G=(t,e,s)=>(s=t!=null?b(y(t)):{},f(e||!t||!t.__esModule?x(s,"default",{value:t,enumerable:!0}):s,t)),P=t=>f(x({},"__esModule",{value:!0}),t);var w={};v(w,{default:()=>S});module.exports=P(w);var l=require("react/jsx-runtime"),n=G(require("react")),c=require("../../helpers/utils.js"),g=require("../../shared/Styles.js"),r=require("../../components/index.js"),d=require("../../components/index.js");const u=n.default.forwardRef(({items:t,shape:e,className:s,...m},a)=>{const i=t?.length||0,h=(0,n.useMemo)(()=>{const p="basis-[296px]";let o="";return i===1&&(o="basis-[100%]"),i===2&&(o="tablet:basis-1/2"),i===3&&(o="laptop:basis-1/3"),i>3&&(o="laptop:basis-[288px] desktop:basis-[316px] lg-desktop:basis-[404px]"),`${p} ${o}`},[i]);return(0,l.jsx)(r.Carousel,{ref:a,opts:{align:"start"},className:(0,c.cn)("px-4 tablet:px-8 laptop:px-16",s),...m,children:(0,l.jsx)(n.default.Fragment,{children:(0,l.jsx)(r.CarouselContent,{children:t.map((p,o)=>(0,l.jsx)(r.CarouselItem,{className:(0,c.cn)("pl-3 laptop:pl-4 flex-shrink-0 h-[360px]",h),children:(0,l.jsxs)("div",{className:(0,c.cn)("relative h-full",{"rounded-xl overflow-hidden laptop:rounded-2xl":e==="round"}),children:[(0,l.jsx)(d.Picture,{className:"h-full ",imgClassName:"h-full object-cover",source:p?.imgUrl}),(0,l.jsx)("div",{className:"p-4 absolute inset-0 laptop:p-6 flex flex-col justify-end z-[1]",children:(0,l.jsx)(d.Text,{html:p?.title,style:{color:p?.textColor},className:"text-[24px] lg-desktop:text-[32px] font-bold leading-[1.2] [&_span]:font-medium desktop:text-[24px] desktop:[&_span]:text-[18px] [&_span]:text-[14px] text-lines-2"})})]})},o+p?.title))})},".0")})});u.displayName="Graphic";var S=(0,g.withStyles)(u);
+"use strict";"use client";var w=Object.create;var l=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var o in t)l(e,o,{get:t[o],enumerable:!0})},m=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of P(t))!y.call(e,s)&&s!==o&&l(e,s,{get:()=>t[s],enumerable:!(r=v(t,s))||r.enumerable});return e};var n=(e,t,o)=>(o=e!=null?w(N(e)):{},m(t||!e||!e.__esModule?l(o,"default",{value:e,enumerable:!0}):o,e)),b=e=>m(l({},"__esModule",{value:!0}),e);var S={};C(S,{default:()=>G});module.exports=b(S);var i=require("react/jsx-runtime"),d=n(require("react")),a=require("../../helpers/utils.js"),f=require("../../shared/Styles.js"),h=n(require("../SwiperBox/index.js")),x=require("../../components/index.js"),p=require("../../components/index.js"),g=require("../../components/container.js"),u=n(require("../Title/index.js"));const k=({data:e,configuration:t})=>(0,i.jsx)("div",{className:(0,a.cn)("lg-desktop:h-[480px] desktop:h-[384px] h-[360px] flex-1 shrink-0 md:basis-[296px]",{"rounded-xl overflow-hidden laptop:rounded-2xl":t?.itemShape==="round"}),children:(0,i.jsxs)("a",{href:e?.link,className:"relative cursor-pointer",children:[(0,i.jsx)(p.Picture,{className:"h-full",imgClassName:"h-full object-cover hover:scale-110 transition-all duration-300",source:e?.imgUrl?.url}),(0,i.jsxs)("div",{className:"laptop:p-6 absolute bottom-0 z-[1] flex w-full flex-col p-4",children:[(0,i.jsx)(p.Text,{style:{color:e?.textColor},html:e?.title,className:"line-clamp-3 desktop:text-[18px] text-[14px] font-semibold leading-[1.2]"}),e?.description&&(0,i.jsx)(x.Heading,{html:e?.description,style:{color:e?.textColor},as:"h3",className:"lg-desktop:text-[32px] desktop:mt-2 desktop:text-[24px] text-lines-2 mt-1 text-[24px] font-bold leading-[1.2]"})]})]})}),c=d.default.forwardRef(({data:e,className:t,...o},r)=>{const s=e?.items?.length>2;return(0,i.jsx)("div",{className:t,ref:r,children:(0,i.jsx)("div",{className:"graphic-box",children:(0,i.jsxs)(g.Container,{...e?.containerProps||{},className:"overflow-hidden",children:[e?.title&&(0,i.jsx)(u.default,{data:{title:e?.title}}),(0,i.jsx)(h.default,{className:(0,a.cn)("!overflow-visible"),id:"Graphic",data:{list:e?.items||[],configuration:{itemShape:e.itemShape}},Slide:k,breakpoints:{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:1.1},768:{spaceBetween:16,freeMode:!1,slidesPerView:s?2.3:2},1024:{spaceBetween:16,freeMode:!1,slidesPerView:s?3.1:2},1440:{spaceBetween:16,freeMode:!1,slidesPerView:s?4:2}}})]})})})});c.displayName="Graphic";var G=(0,f.withStyles)(c);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/Graphic/index.tsx"],
-  "sourcesContent": ["import 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'\n\nexport interface GraphicProps {\n  className?: string\n  items: {\n    imgUrl: string\n    title: string\n    textColor?: string\n  }[]\n  shape?: 'round' | 'square'\n}\n\nconst Graphic = React.forwardRef<HTMLDivElement, GraphicProps>(({ items, shape, className, ...props }, ref) => {\n  const itemsLength = 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    <Carousel\n      ref={ref}\n      opts={{\n        align: 'start',\n      }}\n      className={cn('px-4 tablet:px-8 laptop:px-16', className)}\n      {...props}\n    >\n      <React.Fragment key=\".0\">\n        <CarouselContent>\n          {items.map((item, index) => (\n            <CarouselItem\n              key={index + item?.title}\n              className={cn('pl-3 laptop:pl-4 flex-shrink-0 h-[360px]', itemStyle)}\n            >\n              <div className={cn(\"relative h-full\", {\n                ['rounded-xl overflow-hidden laptop:rounded-2xl']: shape === 'round'\n              })}>\n                <Picture className=\"h-full \" imgClassName=\"h-full object-cover\" source={item?.imgUrl} />\n                <div className=\"p-4 absolute inset-0 laptop:p-6 flex flex-col justify-end z-[1]\">\n                  <Text\n                    html={item?.title}\n                    style={{\n                      color: item?.textColor,\n                    }}\n                    className=\"text-[24px] lg-desktop:text-[32px] font-bold leading-[1.2] [&_span]:font-medium desktop:text-[24px] desktop:[&_span]:text-[18px] [&_span]:text-[14px] text-lines-2\"\n                  />\n                </div>\n              </div>\n            </CarouselItem>\n          ))}\n        </CarouselContent>\n      </React.Fragment>\n    </Carousel>\n  )\n})\n\nGraphic.displayName = 'Graphic'\n\nexport default withStyles(Graphic)\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAqDc,IAAAI,EAAA,6BArDdC,EAA+B,oBAC/BC,EAAmB,kCACnBC,EAA2B,kCAC3BC,EAAwD,qCACxDA,EAA8B,qCAY9B,MAAMC,EAAU,EAAAC,QAAM,WAAyC,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAO,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAAQ,CAC7G,MAAMC,EAAcL,GAAO,QAAU,EAE/BM,KAAY,WAAQ,IAAM,CAC9B,MAAMC,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,SACE,OAAC,YACC,IAAKD,EACL,KAAM,CACJ,MAAO,OACT,EACA,aAAW,MAAG,gCAAiCF,CAAS,EACvD,GAAGC,EAEJ,mBAAC,EAAAJ,QAAM,SAAN,CACC,mBAAC,mBACE,SAAAC,EAAM,IAAI,CAACS,EAAMC,OAChB,OAAC,gBAEC,aAAW,MAAG,2CAA4CJ,CAAS,EAEnE,oBAAC,OAAI,aAAW,MAAG,kBAAmB,CACnC,gDAAkDL,IAAU,OAC/D,CAAC,EACC,oBAAC,WAAQ,UAAU,UAAU,aAAa,sBAAsB,OAAQQ,GAAM,OAAQ,KACtF,OAAC,OAAI,UAAU,kEACb,mBAAC,QACC,KAAMA,GAAM,MACZ,MAAO,CACL,MAAOA,GAAM,SACf,EACA,UAAU,qKACZ,EACF,GACF,GAhBKC,EAAQD,GAAM,KAiBrB,CACD,EACH,GAvBkB,IAwBpB,EACF,CAEJ,CAAC,EAEDX,EAAQ,YAAc,UAEtB,IAAOP,KAAQ,cAAWO,CAAO",
-  "names": ["Graphic_exports", "__export", "Graphic_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_Styles", "import_components", "Graphic", "React", "items", "shape", "className", "props", "ref", "itemsLength", "itemStyle", "basisStyle", "breakPointStyle", "item", "index"]
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { Heading } from '../../components/index.js'\nimport { Picture, Text } from '../../components/index.js'\nimport { Container } from '../../components/container.js'\nimport Title from '../Title/index.js'\nimport type { ComponentCommonProps, ContainerProps, Img } from '../../types/props.js'\n\ntype GraphicType = {\n  imgUrl: Img\n  title: string\n  description?: string\n  textColor?: string\n  link?: string\n}\nexport interface GraphicProps extends ComponentCommonProps {\n  className?: string\n  data: {\n    title?: string\n    items?: GraphicType[]\n    itemShape?: 'round' | 'square'\n    containerProps?: ContainerProps\n  }\n}\n\nconst Item = ({ data, configuration }: { data: GraphicType; configuration?: any }) => {\n  return (\n    <div\n      className={cn('lg-desktop:h-[480px] desktop:h-[384px] h-[360px] flex-1 shrink-0 md:basis-[296px]', {\n        ['rounded-xl overflow-hidden laptop:rounded-2xl']: configuration?.itemShape === 'round',\n      })}\n    >\n      <a href={data?.link} className=\"relative cursor-pointer\">\n        <Picture\n          className=\"h-full\"\n          imgClassName=\"h-full object-cover hover:scale-110 transition-all duration-300\"\n          source={data?.imgUrl?.url}\n        />\n        <div className=\"laptop:p-6 absolute bottom-0 z-[1] flex w-full flex-col p-4\">\n          <Text\n            style={{\n              color: data?.textColor,\n            }}\n            html={data?.title}\n            // eslint-disable-next-line tailwindcss/classnames-order\n            className=\"line-clamp-3 desktop:text-[18px] text-[14px] font-semibold leading-[1.2]\"\n          />\n          {data?.description && (\n            <Heading\n              html={data?.description}\n              style={{\n                color: data?.textColor,\n              }}\n              as=\"h3\"\n              className=\"lg-desktop:text-[32px] desktop:mt-2 desktop:text-[24px] text-lines-2 mt-1 text-[24px] font-bold leading-[1.2]\"\n            />\n          )}\n        </div>\n      </a>\n    </div>\n  )\n}\n\nconst Graphic = React.forwardRef<HTMLDivElement, GraphicProps>(({ data, className, ...props }, ref) => {\n  const isShow = (data?.items as GraphicType[])?.length > 2\n  return (\n    <div className={className} ref={ref}>\n      <div className=\"graphic-box\">\n        <Container {...(data?.containerProps || {})} className=\"overflow-hidden\">\n          {data?.title && <Title data={{ title: data?.title }} />}\n          <SwiperBox\n            className={cn('!overflow-visible')}\n            id={'Graphic'}\n            data={{ list: data?.items || [], configuration: { itemShape: data.itemShape } }}\n            Slide={Item}\n            breakpoints={{\n              0: {\n                spaceBetween: 12,\n                freeMode: false,\n                slidesPerView: 1,\n              },\n              374: {\n                spaceBetween: 12,\n                freeMode: false,\n                slidesPerView: 1.1,\n              },\n              768: {\n                spaceBetween: 16,\n                freeMode: false,\n                slidesPerView: isShow ? 2.3 : 2,\n              },\n              1024: {\n                spaceBetween: 16,\n                freeMode: false,\n                slidesPerView: isShow ? 3.1 : 2,\n              },\n              1440: {\n                spaceBetween: 16,\n                freeMode: false,\n                slidesPerView: isShow ? 4 : 2,\n              },\n            }}\n          />\n        </Container>\n      </div>\n    </div>\n  )\n})\n\nGraphic.displayName = 'Graphic'\n\nexport default withStyles(Graphic)\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAoCQ,IAAAI,EAAA,6BAnCRC,EAAkB,oBAClBC,EAAmB,kCACnBC,EAA2B,kCAC3BC,EAAsB,oCACtBC,EAAwB,qCACxBA,EAA8B,qCAC9BC,EAA0B,yCAC1BC,EAAkB,gCAoBlB,MAAMC,EAAO,CAAC,CAAE,KAAAC,EAAM,cAAAC,CAAc,OAEhC,OAAC,OACC,aAAW,MAAG,oFAAqF,CAChG,gDAAkDA,GAAe,YAAc,OAClF,CAAC,EAED,oBAAC,KAAE,KAAMD,GAAM,KAAM,UAAU,0BAC7B,oBAAC,WACC,UAAU,SACV,aAAa,kEACb,OAAQA,GAAM,QAAQ,IACxB,KACA,QAAC,OAAI,UAAU,8DACb,oBAAC,QACC,MAAO,CACL,MAAOA,GAAM,SACf,EACA,KAAMA,GAAM,MAEZ,UAAU,2EACZ,EACCA,GAAM,gBACL,OAAC,WACC,KAAMA,GAAM,YACZ,MAAO,CACL,MAAOA,GAAM,SACf,EACA,GAAG,KACH,UAAU,gHACZ,GAEJ,GACF,EACF,EAIEE,EAAU,EAAAC,QAAM,WAAyC,CAAC,CAAE,KAAAH,EAAM,UAAAI,EAAW,GAAGC,CAAM,EAAGC,IAAQ,CACrG,MAAMC,EAAUP,GAAM,OAAyB,OAAS,EACxD,SACE,OAAC,OAAI,UAAWI,EAAW,IAAKE,EAC9B,mBAAC,OAAI,UAAU,cACb,oBAAC,aAAW,GAAIN,GAAM,gBAAkB,CAAC,EAAI,UAAU,kBACpD,UAAAA,GAAM,UAAS,OAAC,EAAAQ,QAAA,CAAM,KAAM,CAAE,MAAOR,GAAM,KAAM,EAAG,KACrD,OAAC,EAAAS,QAAA,CACC,aAAW,MAAG,mBAAmB,EACjC,GAAI,UACJ,KAAM,CAAE,KAAMT,GAAM,OAAS,CAAC,EAAG,cAAe,CAAE,UAAWA,EAAK,SAAU,CAAE,EAC9E,MAAOD,EACP,YAAa,CACX,EAAG,CACD,aAAc,GACd,SAAU,GACV,cAAe,CACjB,EACA,IAAK,CACH,aAAc,GACd,SAAU,GACV,cAAe,GACjB,EACA,IAAK,CACH,aAAc,GACd,SAAU,GACV,cAAeQ,EAAS,IAAM,CAChC,EACA,KAAM,CACJ,aAAc,GACd,SAAU,GACV,cAAeA,EAAS,IAAM,CAChC,EACA,KAAM,CACJ,aAAc,GACd,SAAU,GACV,cAAeA,EAAS,EAAI,CAC9B,CACF,EACF,GACF,EACF,EACF,CAEJ,CAAC,EAEDL,EAAQ,YAAc,UAEtB,IAAOb,KAAQ,cAAWa,CAAO",
+  "names": ["Graphic_exports", "__export", "Graphic_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_Styles", "import_SwiperBox", "import_components", "import_container", "import_Title", "Item", "data", "configuration", "Graphic", "React", "className", "props", "ref", "isShow", "Title", "SwiperBox"]
 }

package/dist/cjs/biz-components/GraphicAttractionBlock/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { Shape } from '../../types/props';
+import type { ComponentCommonProps, Media, Img } from '../../types/props';
+export interface AttractionItem {
+    icon?: Img;
+    title: string;
+    description: string;
+}
+interface GraphicAttractionBlockProps extends ComponentCommonProps {
+    data: {
+        shape?: Shape;
+        sectionTitle?: string;
+        imageUrlPc?: Media;
+        imageUrlMob?: Media;
+        imageTitle?: string;
+        imageDescription?: string;
+        attractionItems?: AttractionItem[];
+    };
+}
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<GraphicAttractionBlockProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
+    className?: string;
+    data?: Record<string, any>;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;
+export type { GraphicAttractionBlockProps };

package/dist/cjs/biz-components/GraphicAttractionBlock/index.js

@@ -0,0 +1,2 @@
+"use strict";var y=Object.create;var l=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var C=(t,i)=>{for(var a in i)l(t,a,{get:i[a],enumerable:!0})},g=(t,i,a,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of P(i))!T.call(t,o)&&o!==a&&l(t,o,{get:()=>i[o],enumerable:!(s=w(i,o))||s.enumerable});return t};var m=(t,i,a)=>(a=t!=null?y(A(t)):{},g(i||!t||!t.__esModule?l(a,"default",{value:t,enumerable:!0}):a,t)),I=t=>g(l({},"__esModule",{value:!0}),t);var z={};C(z,{default:()=>j});module.exports=I(z);var e=require("react/jsx-runtime"),f=m(require("react")),x=require("../../shared/Styles.js"),n=m(require("../../components/picture.js")),h=require("../../components/heading.js"),p=require("../../components/text.js"),u=m(require("../Title/index.js")),c=require("../../helpers/utils.js");const M=f.default.forwardRef((t,i)=>{const{shape:a,imageUrlPc:s,imageUrlMob:o,sectionTitle:d,imageTitle:k,imageDescription:v,attractionItems:b}=t.data;return(0,e.jsxs)("section",{ref:i,"data-ui-component-id":"GraphicAttractionBlock",className:(0,c.cn)("text-info-primary relative",t.className),children:[d&&(0,e.jsx)(u.default,{data:{title:d}}),(0,e.jsxs)("div",{className:(0,c.cn)("tablet:aspect-[1664/560] relative aspect-[358/480] w-full overflow-hidden",{"rounded-box":a==="rounded"}),children:[(0,e.jsx)(n.default,{source:`${s?.url}, ${o?.url} 767`,className:"inset-0",imgClassName:"h-full object-cover"}),(0,e.jsxs)("div",{className:"lg-desktop:p-8 absolute inset-0 z-[1] flex flex-col justify-end p-4",children:[(0,e.jsx)(h.Heading,{as:"h3",className:"text-white",size:3,html:k}),(0,e.jsx)(p.Text,{as:"p",className:"text-white",size:2,html:v})]})]}),(0,e.jsx)("div",{className:"tablet:gap-4 tablet:grid-cols-4 tablet:mt-[10px] mt-4 grid grid-cols-2 gap-3",children:b?.map((r,N)=>(0,e.jsxs)("div",{className:(0,c.cn)("lg-desktop:p-8 desktop:p-6 desktop:gap-16 flex flex-col justify-between gap-12 bg-white p-4",{"rounded-box":a==="rounded"}),children:[(0,e.jsxs)("div",{className:"lg-desktop:h-[36px] flex h-[30px] items-center justify-between gap-3",children:[(0,e.jsx)(p.Text,{as:"p",className:"lg-desktop:text-[18px] tracking text-[14px] font-semibold",html:r.title}),(0,e.jsx)(n.default,{className:"lg-desktop:size-[36px] size-[30px] shrink-0 object-cover",source:r.icon?.url,alt:r.icon?.alt,imgClassName:"w-full h-full object-cover"})]}),(0,e.jsx)(p.Text,{as:"p",className:"lg-desktop:text-[24px] tracking text-[20px] leading-tight",html:r.description})]},N))})]})});var j=(0,x.withStyles)(M);
+//# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/GraphicAttractionBlock/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/GraphicAttractionBlock/index.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { withStyles } from '../../shared/Styles.js'\nimport Picture from '../../components/picture.js'\nimport { Heading } from '../../components/heading.js'\nimport { Text } from '../../components/text.js'\nimport Title from '../Title/index.js'\nimport type { Shape } from '../../types/props'\nimport { cn } from '../../helpers/utils.js'\nimport type { ComponentCommonProps, Media, Img } from '../../types/props'\n\nexport interface AttractionItem {\n  icon?: Img\n  title: string\n  description: string\n}\n\ninterface GraphicAttractionBlockProps extends ComponentCommonProps {\n  data: {\n    shape?: Shape\n    sectionTitle?: string\n    imageUrlPc?: Media\n    imageUrlMob?: Media\n    imageTitle?: string\n    imageDescription?: string\n    attractionItems?: AttractionItem[]\n  }\n}\n\nconst GraphicAttractionBlock = React.forwardRef<HTMLDivElement, GraphicAttractionBlockProps>((props, ref) => {\n  const { shape, imageUrlPc, imageUrlMob, sectionTitle, imageTitle, imageDescription, attractionItems } = props.data\n\n  return (\n    <section\n      ref={ref}\n      data-ui-component-id=\"GraphicAttractionBlock\"\n      className={cn('text-info-primary relative', props.className)}\n    >\n      {sectionTitle && <Title data={{ title: sectionTitle }} />}\n      <div\n        className={cn('tablet:aspect-[1664/560] relative aspect-[358/480] w-full overflow-hidden', {\n          'rounded-box': shape === 'rounded',\n        })}\n      >\n        <Picture\n          source={`${imageUrlPc?.url}, ${imageUrlMob?.url} 767`}\n          className=\"inset-0\"\n          imgClassName=\"h-full object-cover\"\n        />\n        <div className=\"lg-desktop:p-8 absolute inset-0 z-[1] flex flex-col justify-end p-4\">\n          <Heading as=\"h3\" className=\"text-white\" size={3} html={imageTitle} />\n          <Text as=\"p\" className=\"text-white\" size={2} html={imageDescription} />\n        </div>\n      </div>\n      <div className=\"tablet:gap-4 tablet:grid-cols-4 tablet:mt-[10px] mt-4 grid grid-cols-2 gap-3\">\n        {attractionItems?.map((item, index) => (\n          <div\n            key={index}\n            className={cn(\n              'lg-desktop:p-8 desktop:p-6 desktop:gap-16 flex flex-col justify-between gap-12 bg-white p-4',\n              { 'rounded-box': shape === 'rounded' }\n            )}\n          >\n            <div className=\"lg-desktop:h-[36px] flex h-[30px] items-center justify-between gap-3\">\n              <Text as=\"p\" className=\"lg-desktop:text-[18px] tracking text-[14px] font-semibold\" html={item.title} />\n              <Picture\n                className=\"lg-desktop:size-[36px] size-[30px] shrink-0 object-cover\"\n                source={item.icon?.url}\n                alt={item.icon?.alt}\n                imgClassName=\"w-full h-full object-cover\"\n              />\n            </div>\n            <Text\n              as=\"p\"\n              className=\"lg-desktop:text-[24px] tracking text-[20px] leading-tight\"\n              html={item.description}\n            />\n          </div>\n        ))}\n      </div>\n    </section>\n  )\n})\nexport default withStyles(GraphicAttractionBlock)\nexport type { GraphicAttractionBlockProps }\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAqCuB,IAAAI,EAAA,6BArCvBC,EAAkB,oBAClBC,EAA2B,kCAC3BC,EAAoB,0CACpBC,EAAwB,uCACxBC,EAAqB,oCACrBC,EAAkB,gCAElBC,EAAmB,kCAqBnB,MAAMC,EAAyB,EAAAC,QAAM,WAAwD,CAACC,EAAOC,IAAQ,CAC3G,KAAM,CAAE,MAAAC,EAAO,WAAAC,EAAY,YAAAC,EAAa,aAAAC,EAAc,WAAAC,EAAY,iBAAAC,EAAkB,gBAAAC,CAAgB,EAAIR,EAAM,KAE9G,SACE,QAAC,WACC,IAAKC,EACL,uBAAqB,yBACrB,aAAW,MAAG,6BAA8BD,EAAM,SAAS,EAE1D,UAAAK,MAAgB,OAAC,EAAAI,QAAA,CAAM,KAAM,CAAE,MAAOJ,CAAa,EAAG,KACvD,QAAC,OACC,aAAW,MAAG,4EAA6E,CACzF,cAAeH,IAAU,SAC3B,CAAC,EAED,oBAAC,EAAAQ,QAAA,CACC,OAAQ,GAAGP,GAAY,GAAG,KAAKC,GAAa,GAAG,OAC/C,UAAU,UACV,aAAa,sBACf,KACA,QAAC,OAAI,UAAU,sEACb,oBAAC,WAAQ,GAAG,KAAK,UAAU,aAAa,KAAM,EAAG,KAAME,EAAY,KACnE,OAAC,QAAK,GAAG,IAAI,UAAU,aAAa,KAAM,EAAG,KAAMC,EAAkB,GACvE,GACF,KACA,OAAC,OAAI,UAAU,+EACZ,SAAAC,GAAiB,IAAI,CAACG,EAAMC,OAC3B,QAAC,OAEC,aAAW,MACT,8FACA,CAAE,cAAeV,IAAU,SAAU,CACvC,EAEA,qBAAC,OAAI,UAAU,uEACb,oBAAC,QAAK,GAAG,IAAI,UAAU,4DAA4D,KAAMS,EAAK,MAAO,KACrG,OAAC,EAAAD,QAAA,CACC,UAAU,2DACV,OAAQC,EAAK,MAAM,IACnB,IAAKA,EAAK,MAAM,IAChB,aAAa,6BACf,GACF,KACA,OAAC,QACC,GAAG,IACH,UAAU,4DACV,KAAMA,EAAK,YACb,IAnBKC,CAoBP,CACD,EACH,GACF,CAEJ,CAAC,EACD,IAAOxB,KAAQ,cAAWU,CAAsB",
+  "names": ["GraphicAttractionBlock_exports", "__export", "GraphicAttractionBlock_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_Styles", "import_picture", "import_heading", "import_text", "import_Title", "import_utils", "GraphicAttractionBlock", "React", "props", "ref", "shape", "imageUrlPc", "imageUrlMob", "sectionTitle", "imageTitle", "imageDescription", "attractionItems", "Title", "Picture", "item", "index"]
+}

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

@@ -1,9 +1,7 @@
-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> & {
-        className?: string;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+import React from 'react';
+import type { HeroBannerProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<HeroBannerProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
+    className?: string;
+    data?: Record<string, any>;
+}, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/dist/cjs/biz-components/HeroBanner/HeroBanner.js

@@ -1,2 +1,2 @@
-"use strict";var w=Object.create;var m=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var H=(e,a)=>{for(var r in a)m(e,r,{get:a[r],enumerable:!0})},g=(e,a,r,l)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of y(a))!F.call(e,n)&&n!==r&&m(e,n,{get:()=>a[n],enumerable:!(l=u(a,n))||l.enumerable});return e};var z=(e,a,r)=>(r=e!=null?w(D(e)):{},g(a||!e||!e.__esModule?m(r,"default",{value:e,enumerable:!0}):r,e)),C=e=>g(m({},"__esModule",{value:!0}),e);var R={};H(R,{default:()=>B});module.exports=C(R);var t=require("react/jsx-runtime"),p=z(require("react")),s=require("../../components/index.js"),i=require("../../helpers/index.js"),f=require("../../shared/Styles.js");const b=p.default.forwardRef(({title:e,subtitle:a,background:r,primaryButton:l,secondaryButton:n,theme:o="light",className:v,products:c=[]},h)=>{const x=o==="dark"?"text-white":"text-[#1D1D1F]",N=o==="dark"?"bg-white":"bg-[#1D1D1F]";return(0,t.jsxs)("div",{ref:h,className:(0,i.cn)("relative flex min-h-[720px] w-full flex-col justify-between overflow-hidden bg-cover bg-center bg-no-repeat",v),style:{backgroundImage:`url(${r})`},children:[(0,t.jsxs)("div",{className:"relative z-10 flex flex-col gap-8 px-32 pt-[307px]",children:[(0,t.jsxs)("div",{className:"max-w-[686px] space-y-4",children:[(0,t.jsx)("h1",{className:(0,i.cn)("hero-banner-title font-mont text-[64px] font-bold leading-none tracking-[-0.04em]",x),children:e}),(0,t.jsx)("p",{className:(0,i.cn)("hero-banner-subtitle text-lg font-medium leading-[1.2] tracking-[-0.02em]",x),children:a})]}),(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[n&&(0,t.jsx)(s.Button,{size:"lg",variant:"primary",theme:o,className:"hero-banner-primary-button",...n,children:n.text}),l&&(0,t.jsx)(s.Button,{size:"lg",variant:"secondary",theme:o,...l,className:"hero-banner-secondary-button bg-transparent border-black text-black hover:bg-black hover:text-white",children:l.text})]})]}),c.length>0&&(0,t.jsx)("div",{className:"relative z-10 flex items-center gap-3 px-32 pb-6",children:c.map((k,d)=>(0,t.jsxs)(p.default.Fragment,{children:[(0,t.jsx)(s.Text,{className:(0,i.cn)("hero-banner-product-text text-sm font-medium leading-[1.2] tracking-[-0.02em]",o==="dark"?"text-white":"text-[#1D1D1F]"),children:k.title}),d<c.length-1&&(0,t.jsx)("div",{className:(0,i.cn)("h-4 w-px",N)})]},d))})]})});b.displayName="HeroBanner";var B=(0,f.withStyles)(b);
+"use strict";"use client";var E=Object.create;var f=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var S=(e,a)=>{for(var r in a)f(e,r,{get:a[r],enumerable:!0})},H=(e,a,r,m)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of L(a))!D.call(e,o)&&o!==r&&f(e,o,{get:()=>a[o],enumerable:!(m=I(a,o))||m.enumerable});return e};var N=(e,a,r)=>(r=e!=null?E(M(e)):{},H(a||!e||!e.__esModule?f(r,"default",{value:e,enumerable:!0}):r,e)),U=e=>H(f({},"__esModule",{value:!0}),e);var A={};S(A,{default:()=>j});module.exports=U(A);var t=require("react/jsx-runtime"),s=N(require("react")),B=require("@gsap/react"),g=N(require("gsap")),c=require("gsap/dist/ScrollTrigger"),p=require("../../components/index.js"),n=require("../../helpers/index.js"),z=require("../../shared/Styles.js");const w=s.default.forwardRef(({data:e,className:a},r)=>{const{title:m,subtitle:o,pcImage:P,mobileImage:R,primaryButton:d,secondaryButton:b,theme:T="light",caption:h=[]}=e,u=(0,s.useRef)(null),i=(0,s.useRef)(null);return(0,s.useImperativeHandle)(r,()=>i.current),(0,B.useGSAP)(()=>{if(g.default.registerPlugin(c.ScrollTrigger),!u.current)return;const v=i.current?.clientHeight||100;return window.innerHeight<=v?c.ScrollTrigger.create({trigger:i.current,start:"top bottom",end:"bottom top",scrub:!0,onUpdate:l=>{const x=l.progress*40-20;g.default.set(u.current,{yPercent:x})}}):(c.ScrollTrigger.create({trigger:i.current,start:"top bottom",end:"bottom bottom",scrub:!0,onUpdate:l=>{const x=l.progress*20-20;g.default.set(u.current,{yPercent:x})}}),c.ScrollTrigger.create({trigger:i.current,start:"top top",end:"bottom top",scrub:!0,onUpdate:l=>{const x=l.progress*20;g.default.set(u.current,{yPercent:x})}})),()=>{c.ScrollTrigger.getAll().forEach(l=>l.kill())}},[]),(0,t.jsxs)("div",{ref:i,"data-ui-component-id":"HeroBanner",className:(0,n.cn)(T==="dark"?"aiui-dark":"","lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520] tablet:aspect-[768/660] text-info-primary relative aspect-[390/660] w-full overflow-hidden",a),children:[(0,t.jsx)("div",{ref:u,className:(0,n.cn)("absolute left-0 top-0 size-full"),children:(0,t.jsx)(p.Picture,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",source:`${P?.url||""} , ${R?.url||""} 767`})}),(0,t.jsxs)("div",{className:"laptop:top-1/2 laptop:-translate-y-1/2 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] lg-desktop:gap-[32px] absolute top-[48px] z-10 flex flex-col gap-[24px] px-[16px]",children:[(0,t.jsxs)("div",{className:"laptop:text-left max-w-[686px]",children:[m&&(0,t.jsx)(p.Heading,{as:"h1",size:5,className:(0,n.cn)("hero-banner-title tablet:pr-0 pr-[50px]"),html:m}),o&&(0,t.jsx)(p.Text,{as:"p",size:3,className:(0,n.cn)("hero-banner-subtitle font-heading lg-desktop:text-[18px] laptop:mt-[8px] lg-desktop:mt-[16px] mt-[4px] text-[14px]"),html:o})]}),(0,t.jsxs)("div",{className:"laptop:justify-start laptop:gap-3 flex items-center gap-2",children:[b&&b.text&&(0,t.jsx)("a",{href:b.link,children:(0,t.jsx)(p.Button,{size:"lg",variant:"secondary",className:"hero-banner-secondary-button",children:b.text})}),d&&d.text&&(0,t.jsx)("a",{href:d.link,children:(0,t.jsx)(p.Button,{size:"lg",variant:"primary",className:"hero-banner-primary-button",children:d.text})})]})]}),h.length>0&&(0,t.jsx)("div",{className:"laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]",children:h.map((v,y)=>(0,t.jsxs)(s.default.Fragment,{children:[(0,t.jsx)(p.Text,{size:3,className:(0,n.cn)("hero-banner-product-text lg-desktop:text-[14px] tablet:w-[108px] loptop:w-[150px] desktop:w-[156px] lg-desktop:w-[180px] flex-1 text-[12px] leading-[1.2] tracking-[-0.02em]"),html:v.title}),y<h.length-1&&(0,t.jsx)("div",{className:(0,n.cn)("bg-info-primary w-px")})]},y))})]})});w.displayName="HeroBanner";var j=(0,z.withStyles)(w);
 //# sourceMappingURL=HeroBanner.js.map

package/dist/cjs/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=\"primary\"\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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA+BU,IAAAI,EAAA,6BA/BVC,EAAkB,oBAElBC,EAA6B,qCAC7BC,EAAmB,kCACnBC,EAA2B,kCAE3B,MAAMC,EAAa,EAAAC,QAAM,WACvB,CAAC,CACC,MAAAC,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,SACE,QAAC,OACC,IAAKG,EACL,aAAW,MACT,8GACAF,CACF,EACA,MAAO,CAAE,gBAAiB,OAAOJ,CAAU,GAAI,EAG/C,qBAAC,OAAI,UAAU,qDACb,qBAAC,OAAI,UAAU,0BACb,oBAAC,MAAG,aAAW,MACb,oFACAO,CACF,EACG,SAAAT,EACH,KACA,OAAC,KAAE,aAAW,MACZ,4EACAS,CACF,EACG,SAAAR,EACH,GACF,KAGA,QAAC,OAAI,UAAU,0BACZ,UAAAG,MACC,OAAC,UACC,KAAK,KACL,QAAQ,UACR,MAAOC,EACP,UAAU,6BACT,GAAGD,EAEH,SAAAA,EAAgB,KACnB,EAEDD,MACC,OAAC,UACC,KAAK,KACL,QAAQ,YACR,MAAOE,EACN,GAAGF,EACJ,UAAU,sGAET,SAAAA,EAAc,KACjB,GAEJ,GACF,EAGCI,EAAS,OAAS,MACjB,OAAC,OAAI,UAAU,mDACZ,SAAAA,EAAS,IAAI,CAACI,EAASC,OACtB,QAAC,EAAAb,QAAM,SAAN,CACC,oBAAC,QACC,aAAW,MACT,gFACAM,IAAU,OAAS,aAAe,gBACpC,EAEC,SAAAM,EAAQ,MACX,EACCC,EAAQL,EAAS,OAAS,MACzB,OAAC,OAAI,aAAW,MAAG,WAAYG,CAAiB,EAAG,IAVlCE,CAYrB,CACD,EACH,GAEJ,CAEJ,CACF,EAEAd,EAAW,YAAc,aAEzB,IAAOP,KAAQ,cAAWO,CAAU",
-  "names": ["HeroBanner_exports", "__export", "HeroBanner_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_helpers", "import_Styles", "HeroBanner", "React", "title", "subtitle", "background", "primaryButton", "secondaryButton", "theme", "className", "products", "ref", "textColorClass", "dividerColorClass", "product", "index"]
+  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef } from 'react'\nimport { useGSAP } from '@gsap/react'\nimport gsap from 'gsap'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\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', caption = [] } = data\n\n  const bgRef = useRef<HTMLImageElement>(null)\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  useGSAP(() => {\n    gsap.registerPlugin(ScrollTrigger)\n    if (!bgRef.current) return\n    const clientHeight = boxRef.current?.clientHeight || 100\n    const screenHeight = window.innerHeight\n\n    if (screenHeight <= clientHeight) {\n      ScrollTrigger.create({\n        trigger: boxRef.current,\n        start: 'top bottom',\n        end: 'bottom top',\n        scrub: true,\n        onUpdate: (self: any) => {\n          const base = 40\n          const value = self.progress * base - base / 2\n          gsap.set(bgRef.current, { yPercent: value })\n        },\n      })\n    } else {\n      ScrollTrigger.create({\n        trigger: boxRef.current,\n        start: 'top bottom',\n        end: 'bottom bottom',\n        scrub: true,\n        onUpdate: (self: any) => {\n          const base = 20\n          const value = self.progress * base - base\n          gsap.set(bgRef.current, { yPercent: value })\n        },\n      })\n      ScrollTrigger.create({\n        trigger: boxRef.current,\n        start: 'top top',\n        end: 'bottom top',\n        scrub: true,\n        onUpdate: (self: any) => {\n          const base = 20\n          const value = self.progress * base\n          gsap.set(bgRef.current, { yPercent: value })\n        },\n      })\n    }\n    return () => {\n      ScrollTrigger.getAll().forEach((t: any) => t.kill())\n    }\n  }, [])\n\n  return (\n    <div\n      ref={boxRef}\n      data-ui-component-id=\"HeroBanner\"\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] text-info-primary relative aspect-[390/660] w-full overflow-hidden',\n        className\n      )}\n    >\n      <div ref={bgRef} className={cn('absolute left-0 top-0 size-full')}>\n        <Picture\n          className=\"laptop:w-full h-full\"\n          imgClassName=\"h-full object-cover\"\n          source={`${pcImage?.url || ''} , ${mobileImage?.url || ''} 767`}\n        />\n      </div>\n\n      {/* \u5185\u5BB9\u533A\u57DF */}\n      <div className=\"laptop:top-1/2 laptop:-translate-y-1/2 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] lg-desktop:gap-[32px] absolute top-[48px] z-10 flex flex-col gap-[24px] px-[16px]\">\n        <div className=\"laptop:text-left max-w-[686px]\">\n          {title && <Heading as=\"h1\" size={5} className={cn('hero-banner-title tablet:pr-0 pr-[50px]')} html={title} />}\n          {subtitle && (\n            <Text\n              as=\"p\"\n              size={3}\n              className={cn(\n                'hero-banner-subtitle font-heading lg-desktop:text-[18px] laptop:mt-[8px] lg-desktop:mt-[16px] mt-[4px] text-[14px]'\n              )}\n              html={subtitle}\n            />\n          )}\n        </div>\n        {/* \u6309\u94AE\u7EC4 */}\n        <div className=\"laptop:justify-start laptop:gap-3 flex items-center gap-2\">\n          {secondaryButton && secondaryButton.text && (\n            <a href={secondaryButton.link}>\n              <Button size=\"lg\" variant=\"secondary\" className=\"hero-banner-secondary-button\">\n                {secondaryButton.text}\n              </Button>\n            </a>\n          )}\n          {primaryButton && primaryButton.text && (\n            <a href={primaryButton.link}>\n              <Button size=\"lg\" variant=\"primary\" className=\"hero-banner-primary-button\">\n                {primaryButton.text}\n              </Button>\n            </a>\n          )}\n        </div>\n      </div>\n\n      {/* \u5E95\u90E8\u4EA7\u54C1\u5217\u8868 */}\n      {caption.length > 0 && (\n        <div className=\"laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]\">\n          {caption.map((c, index) => (\n            <React.Fragment key={index}>\n              <Text\n                size={3}\n                className={cn(\n                  'hero-banner-product-text lg-desktop:text-[14px] tablet:w-[108px] loptop:w-[150px] desktop:w-[156px] lg-desktop:w-[180px] flex-1 text-[12px] leading-[1.2] tracking-[-0.02em]'\n                )}\n                html={c.title}\n              />\n              {index < caption.length - 1 && <div className={cn('bg-info-primary w-px')} />}\n            </React.Fragment>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n})\n\nHeroBanner.displayName = 'HeroBanner'\n\nexport default withStyles(HeroBanner)\n"],
+  "mappings": "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",
+  "names": ["HeroBanner_exports", "__export", "HeroBanner_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_gsap", "import_ScrollTrigger", "import_components", "import_helpers", "import_Styles", "HeroBanner", "React", "data", "className", "ref", "title", "subtitle", "pcImage", "mobileImage", "primaryButton", "secondaryButton", "theme", "caption", "bgRef", "boxRef", "gsap", "clientHeight", "self", "value", "t", "c", "index"]
 }

package/dist/cjs/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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wCAAAE,EAAAF,GAAA,IAAAG,EAAwB",
   "names": ["HeroBanner_exports", "__export", "__toCommonJS", "import_HeroBanner"]
 }

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

@@ -1,26 +1,30 @@
-import type { ButtonProps } from "../../components/button.js";
+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;
+            link?: string;
+        } & Omit<ButtonProps, 'children'>;
+        /** 次要按钮文本和配置 */
+        secondaryButton?: {
+            text: string;
+            link?: string;
+        } & Omit<ButtonProps, 'children'>;
+        /** 主题 */
+        theme?: Theme;
+        /** 底部产品列表 */
+        caption?: Array<{
+            title: string;
+        }>;
+    };
     /** 自定义类名 */
     className?: string;
-    /** 主题 */
-    theme?: "light" | "dark";
-    /** 底部产品列表 */
-    products?: Array<{
-        title: string;
-        active?: boolean;
-    }>;
 }

package/dist/cjs/biz-components/HeroBanner/types.js

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

package/dist/cjs/biz-components/HeroBanner/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeroBanner/types.ts"],
-  "sourcesContent": ["import type { ButtonProps } from \"../../components/button.js\"\n\nexport interface HeroBannerProps {\n  /** \u4E3B\u6807\u9898 */\n  title: string\n  /** \u526F\u6807\u9898/\u63CF\u8FF0\u6587\u672C */\n  subtitle: string\n  /** \u80CC\u666F\u56FE\u7247URL */\n  background: string\n  /** \u4E3B\u6309\u94AE\u6587\u672C\u548C\u914D\u7F6E */\n  primaryButton?: {\n    text: string\n  } & Omit<ButtonProps, 'children'>\n  /** \u6B21\u8981\u6309\u94AE\u6587\u672C\u548C\u914D\u7F6E */\n  secondaryButton?: {\n    text: string\n  } & Omit<ButtonProps, 'children'>\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n  /** \u4E3B\u9898 */\n  theme?: \"light\" | \"dark\"\n  /** \u5E95\u90E8\u4EA7\u54C1\u5217\u8868 */\n  products?: Array<{\n    title: string\n    active?: boolean\n  }>\n}\n  "],
+  "sourcesContent": ["import type { ButtonProps } from '../../components/button.js'\nimport type { Media, Theme } from '../../types/props.js'\n\nexport interface HeroBannerProps {\n  data: {\n    /** \u4E3B\u6807\u9898 */\n    title: string\n    /** \u526F\u6807\u9898/\u63CF\u8FF0\u6587\u672C */\n    subtitle: string\n    pcImage: Media\n    mobileImage: Media\n    /** \u4E3B\u6309\u94AE\u6587\u672C\u548C\u914D\u7F6E */\n    primaryButton?: {\n      text: string\n      link?: string\n    } & Omit<ButtonProps, 'children'>\n    /** \u6B21\u8981\u6309\u94AE\u6587\u672C\u548C\u914D\u7F6E */\n    secondaryButton?: {\n      text: string\n      link?: string\n    } & Omit<ButtonProps, 'children'>\n\n    /** \u4E3B\u9898 */\n    theme?: Theme\n    /** \u5E95\u90E8\u4EA7\u54C1\u5217\u8868 */\n    caption?: Array<{\n      title: string\n    }>\n  }\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n"],
   "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
   "names": ["types_exports", "__toCommonJS"]
 }

package/dist/cjs/biz-components/Marquee/Marquee.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { MarqueeProps, MarqueeItemProps, MarqueeImageContentProps, MarqueeTextContentProps } from './type.js';
+import { type SwiperRef } from 'swiper/react';
+declare const MarqueeItem: {
+    ({ data, configuration }: MarqueeItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const MarqueeImageContent: {
+    ({ image, imageClassName }: MarqueeImageContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const MarqueeTextContent: React.ForwardRefExoticComponent<MarqueeTextContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<MarqueeProps & React.RefAttributes<SwiperRef>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
+    className?: string;
+    data?: Record<string, any>;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;
+export { MarqueeItem, MarqueeImageContent, MarqueeTextContent };

package/dist/cjs/biz-components/Marquee/Marquee.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var q=Object.create;var i=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var P=(e,t)=>{for(var a in t)i(e,a,{get:t[a],enumerable:!0})},d=(e,t,a,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of C(t))!S.call(e,s)&&s!==a&&i(e,s,{get:()=>t[s],enumerable:!(o=y(t,s))||o.enumerable});return e};var g=(e,t,a)=>(a=e!=null?q(N(e)):{},d(t||!e||!e.__esModule?i(a,"default",{value:e,enumerable:!0}):a,e)),I=e=>d(i({},"__esModule",{value:!0}),e);var v={};P(v,{MarqueeImageContent:()=>m,MarqueeItem:()=>l,MarqueeTextContent:()=>n,default:()=>h});module.exports=I(v);var r=require("react/jsx-runtime"),f=g(require("react")),u=require("../../components/index.js"),p=require("../../helpers/utils.js"),x=require("../../shared/Styles.js"),c=require("swiper/react"),M=require("swiper/modules");const w=f.default.forwardRef(({data:e,className:t},a)=>(0,r.jsx)(c.Swiper,{direction:"horizontal",className:(0,p.cn)("laptop:h-[80px] h-[48px] w-full items-center [&_.swiper-slide]:!w-auto [&_.swiper-wrapper]:!ease-linear",t),ref:a,id:"Marquee"+e?.key,modules:[M.Autoplay],autoplay:{delay:1,disableOnInteraction:!1,reverseDirection:e?.reverseDirection},loop:!0,allowTouchMove:!1,centeredSlides:!0,slidesPerView:"auto",speed:e?.speed||3e3,breakpoints:{0:{spaceBetween:"24px"},1025:{spaceBetween:"64px"}},children:e?.items?.map((o,s)=>(0,r.jsx)(c.SwiperSlide,{children:(0,r.jsx)(l,{data:o})},o?.id+"SwiperSlide"+s))}));w.displayName="Marquee";const l=({data:e,configuration:t})=>(0,r.jsxs)(r.Fragment,{children:[e.type==="image"&&(0,r.jsx)(m,{image:e?.image,imageClassName:t?.imageClassName}),e.type==="text"&&(0,r.jsx)(n,{text:e?.text,textClassName:t?.textClassName})]});l.displayName="MarqueeItem";const m=({image:e,imageClassName:t})=>(0,r.jsx)("div",{className:"laptop:w-[120px] h-full w-[72px] shrink-0",children:(0,r.jsx)(u.Picture,{source:e?.url,alt:e?.alt||"",imgClassName:(0,p.cn)("object-cover",t)})});m.displayName="MarqueeImageContent";const n=f.default.forwardRef(({text:e,textClassName:t},a)=>(0,r.jsx)(u.Text,{as:"div",ref:a,html:e,className:(0,p.cn)("text-lines-2 flex size-full items-center justify-center font-medium leading-[1.2]",t)}));n.displayName="MarqueeTextContent";var h=(0,x.withStyles)(w);
+//# sourceMappingURL=Marquee.js.map

package/dist/cjs/biz-components/Marquee/Marquee.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/Marquee/Marquee.tsx"],
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport type { MarqueeProps, MarqueeItemProps, MarqueeImageContentProps, MarqueeTextContentProps } from './type.js'\n\nimport { Swiper, SwiperSlide, type SwiperRef } from 'swiper/react'\nimport { Autoplay } from 'swiper/modules'\n\nconst Marquee = React.forwardRef<SwiperRef, MarqueeProps>(({ data, className }, ref) => {\n  return (\n    <Swiper\n      direction=\"horizontal\"\n      className={cn(\n        'laptop:h-[80px] h-[48px] w-full items-center [&_.swiper-slide]:!w-auto [&_.swiper-wrapper]:!ease-linear',\n        className\n      )}\n      ref={ref}\n      id={'Marquee' + data?.key}\n      modules={[Autoplay]}\n      autoplay={{\n        delay: 1,\n        disableOnInteraction: false,\n        reverseDirection: data?.reverseDirection,\n      }}\n      loop={true}\n      allowTouchMove={false}\n      centeredSlides\n      slidesPerView=\"auto\"\n      speed={data?.speed || 3000}\n      breakpoints={{\n        0: {\n          spaceBetween: '24px',\n        },\n        1025: {\n          spaceBetween: '64px',\n        },\n      }}\n    >\n      {data?.items?.map((item, index) => (\n        <SwiperSlide key={item?.id + 'SwiperSlide' + index}>\n          <MarqueeItem data={item} />\n        </SwiperSlide>\n      ))}\n    </Swiper>\n  )\n})\nMarquee.displayName = 'Marquee'\n\nconst MarqueeItem = ({ data, configuration }: MarqueeItemProps) => {\n  return (\n    <>\n      {data.type === 'image' && (\n        <MarqueeImageContent image={data?.image} imageClassName={configuration?.imageClassName} />\n      )}\n      {data.type === 'text' && <MarqueeTextContent text={data?.text} textClassName={configuration?.textClassName} />}\n    </>\n  )\n}\n\nMarqueeItem.displayName = 'MarqueeItem'\n\nconst MarqueeImageContent = ({ image, imageClassName }: MarqueeImageContentProps) => {\n  return (\n    <div className=\"laptop:w-[120px] h-full w-[72px] shrink-0\">\n      <Picture source={image?.url} alt={image?.alt || ''} imgClassName={cn('object-cover', imageClassName)} />\n    </div>\n  )\n}\n\nMarqueeImageContent.displayName = 'MarqueeImageContent'\n\nconst MarqueeTextContent = React.forwardRef<HTMLDivElement, MarqueeTextContentProps>(({ text, textClassName }, ref) => {\n  return (\n    <Text\n      as=\"div\"\n      ref={ref}\n      html={text}\n      className={cn('text-lines-2 flex size-full items-center justify-center font-medium leading-[1.2]', textClassName)}\n    />\n  )\n})\n\nMarqueeTextContent.displayName = 'MarqueeTextContent'\n\nexport default withStyles(Marquee)\nexport { MarqueeItem, MarqueeImageContent, MarqueeTextContent }\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,EAAA,gBAAAC,EAAA,uBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GA0CU,IAAAO,EAAA,6BAzCVC,EAAkB,oBAClBC,EAA8B,qCAC9BC,EAAmB,kCACnBC,EAA2B,kCAG3BH,EAAoD,wBACpDI,EAAyB,0BAEzB,MAAMC,EAAU,EAAAC,QAAM,WAAoC,CAAC,CAAE,KAAAC,EAAM,UAAAC,CAAU,EAAGC,OAE5E,OAAC,UACC,UAAU,aACV,aAAW,MACT,0GACAD,CACF,EACA,IAAKC,EACL,GAAI,UAAYF,GAAM,IACtB,QAAS,CAAC,UAAQ,EAClB,SAAU,CACR,MAAO,EACP,qBAAsB,GACtB,iBAAkBA,GAAM,gBAC1B,EACA,KAAM,GACN,eAAgB,GAChB,eAAc,GACd,cAAc,OACd,MAAOA,GAAM,OAAS,IACtB,YAAa,CACX,EAAG,CACD,aAAc,MAChB,EACA,KAAM,CACJ,aAAc,MAChB,CACF,EAEC,SAAAA,GAAM,OAAO,IAAI,CAACG,EAAMC,OACvB,OAAC,eACC,mBAAChB,EAAA,CAAY,KAAMe,EAAM,GADTA,GAAM,GAAK,cAAgBC,CAE7C,CACD,EACH,CAEH,EACDN,EAAQ,YAAc,UAEtB,MAAMV,EAAc,CAAC,CAAE,KAAAY,EAAM,cAAAK,CAAc,OAEvC,oBACG,UAAAL,EAAK,OAAS,YACb,OAACb,EAAA,CAAoB,MAAOa,GAAM,MAAO,eAAgBK,GAAe,eAAgB,EAEzFL,EAAK,OAAS,WAAU,OAACX,EAAA,CAAmB,KAAMW,GAAM,KAAM,cAAeK,GAAe,cAAe,GAC9G,EAIJjB,EAAY,YAAc,cAE1B,MAAMD,EAAsB,CAAC,CAAE,MAAAmB,EAAO,eAAAC,CAAe,OAEjD,OAAC,OAAI,UAAU,4CACb,mBAAC,WAAQ,OAAQD,GAAO,IAAK,IAAKA,GAAO,KAAO,GAAI,gBAAc,MAAG,eAAgBC,CAAc,EAAG,EACxG,EAIJpB,EAAoB,YAAc,sBAElC,MAAME,EAAqB,EAAAU,QAAM,WAAoD,CAAC,CAAE,KAAAS,EAAM,cAAAC,CAAc,EAAGP,OAE3G,OAAC,QACC,GAAG,MACH,IAAKA,EACL,KAAMM,EACN,aAAW,MAAG,oFAAqFC,CAAa,EAClH,CAEH,EAEDpB,EAAmB,YAAc,qBAEjC,IAAOC,KAAQ,cAAWQ,CAAO",
+  "names": ["Marquee_exports", "__export", "MarqueeImageContent", "MarqueeItem", "MarqueeTextContent", "Marquee_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_utils", "import_Styles", "import_modules", "Marquee", "React", "data", "className", "ref", "item", "index", "configuration", "image", "imageClassName", "text", "textClassName"]
+}

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

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

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

@@ -1,2 +1,2 @@
-"use strict";var g=Object.create;var n=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var T=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:!0})},q=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of P(t))!C.call(e,a)&&a!==r&&n(e,a,{get:()=>t[a],enumerable:!(o=x(t,a))||o.enumerable});return e};var f=(e,t,r)=>(r=e!=null?g(N(e)):{},q(t||!e||!e.__esModule?n(r,"default",{value:e,enumerable:!0}):r,e)),L=e=>q(n({},"__esModule",{value:!0}),e);var v={};T(v,{Marquee:()=>u,MarqueeImageContent:()=>M,MarqueeList:()=>c,MarqueeTextContent:()=>l});module.exports=L(v);var s=require("react/jsx-runtime"),p=f(require("react")),d=f(require("react-fast-marquee")),y=require("react-fast-marquee"),m=require("../../components/index.js"),i=require("../../helpers/utils.js");const u=p.default.forwardRef(({children:e,...t},r)=>(0,s.jsx)(d.default,{ref:r,...t,children:e}));u.displayName="Marquee";const c=p.default.forwardRef(({className:e,children:t,...r},o)=>(0,s.jsx)("div",{className:(0,i.cn)("flex gap-6 items-center laptop:gap-16",e),ref:o,children:t}));c.displayName="MarqueeList";const M=({image:e,className:t})=>(0,s.jsx)(m.Picture,{source:e,className:(0,i.cn)("aspect-w-[120] w-[72px] aspect-h-[80] laptop:w-[120px]",t),imgClassName:"object-cover"});M.displayName="MarqueeImageContent";const l=p.default.forwardRef(({text:e,className:t},r)=>(0,s.jsx)(m.Text,{as:"div",ref:r,html:e,className:(0,i.cn)("size-14 text-nowrap flex items-center justify-center leading-[1.2] text-lines-2 font-medium",t)}));l.displayName="MarqueeTextContent";
+"use strict";var q=Object.create;var m=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var p=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var I=(e,t)=>{for(var r in t)m(e,r,{get:t[r],enumerable:!0})},u=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of M(t))!C.call(e,a)&&a!==r&&m(e,a,{get:()=>t[a],enumerable:!(n=x(t,a))||n.enumerable});return e};var d=(e,t,r)=>(r=e!=null?q(p(e)):{},u(t||!e||!e.__esModule?m(r,"default",{value:e,enumerable:!0}):r,e)),g=e=>u(m({},"__esModule",{value:!0}),e);var l={};I(l,{MarqueeImageContent:()=>o.MarqueeImageContent,MarqueeItem:()=>o.MarqueeItem,MarqueeTextContent:()=>o.MarqueeTextContent,default:()=>f.default});module.exports=g(l);var f=d(require("./Marquee.js")),o=require("./Marquee.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/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 { 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>(\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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,wBAAAC,EAAA,gBAAAC,EAAA,uBAAAC,IAAA,eAAAC,EAAAN,GASM,IAAAO,EAAA,6BATNC,EAAkB,oBAClBC,EAAuC,iCACvCA,EAAsD,8BACtDC,EAA8B,qCAC9BC,EAAmB,kCAEnB,MAAMT,EAAU,EAAAU,QAAM,WACpB,CAAC,CAAC,SAAAC,EAAU,GAAGC,CAAK,EAAGC,OAEnB,OAAC,EAAAC,QAAA,CACC,IAAKD,EACJ,GAAGD,EAEH,SAAAD,EACH,CAGN,EAEAX,EAAQ,YAAc,UAOtB,MAAME,EAAc,EAAAQ,QAAM,WAGxB,CAAC,CAAE,UAAAK,EAAW,SAAAJ,EAAU,GAAGC,CAAM,EAAGC,OAElC,OAAC,OAAI,aAAW,MAAG,wCAAyCE,CAAS,EAAG,IAAKF,EAC1E,SAAAF,EACH,CAEH,EAEDT,EAAY,YAAc,cAO1B,MAAMD,EAAsB,CAAC,CAAE,MAAAe,EAAO,UAAAD,CAAU,OAE5C,OAAC,WACC,OAAQC,EACR,aAAW,MAAG,yDAA0DD,CAAS,EACjF,aAAa,eACf,EAIJd,EAAoB,YAAc,sBAOlC,MAAME,EAAqB,EAAAO,QAAM,WAG/B,CAAC,CAAE,KAAAO,EAAM,UAAAF,CAAU,EAAGF,OAEpB,OAAC,QACC,GAAG,MACH,IAAKA,EACL,KAAMI,EACN,aAAW,MAAG,8FAA+FF,CAAS,EACxH,CAEH,EAEDZ,EAAmB,YAAc",
-  "names": ["Marquee_exports", "__export", "Marquee", "MarqueeImageContent", "MarqueeList", "MarqueeTextContent", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_fast_marquee", "import_components", "import_utils", "React", "children", "props", "ref", "FastMarquee", "className", "image", "text"]
+  "sources": ["../../../../src/biz-components/Marquee/index.ts"],
+  "sourcesContent": ["export { default } from './Marquee.js'\nexport { MarqueeItem, MarqueeImageContent, MarqueeTextContent } from './Marquee.js'\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gKAAAE,EAAAF,GAAA,IAAAG,EAAwB,2BACxBA,EAAqE",
+  "names": ["Marquee_exports", "__export", "__toCommonJS", "import_Marquee"]
 }