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

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

@@ -1,2 +1,2 @@
-"use strict";var g=Object.create;var o=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var N=(e,t)=>{for(var i in t)o(e,i,{get:t[i],enumerable:!0})},n=(e,t,i,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of f(t))!y.call(e,r)&&r!==i&&o(e,r,{get:()=>t[r],enumerable:!(l=u(t,r))||l.enumerable});return e};var b=(e,t,i)=>(i=e!=null?g(v(e)):{},n(t||!e||!e.__esModule?o(i,"default",{value:e,enumerable:!0}):i,e)),h=e=>n(o({},"__esModule",{value:!0}),e);var k={};N(k,{default:()=>w});module.exports=h(k);var a=require("react/jsx-runtime"),B=require("react"),s=require("../../helpers/utils"),d=b(require("../../components/picture")),p=require("../../shared/Styles.js");const q=({items:e=[],itemShape:t="square",style:i="",className:l=""})=>(0,a.jsx)("div",{className:(0,s.cn)("brand-equity-wrapper w-full",l),children:(0,a.jsx)("div",{className:(0,s.cn)("grid gap-3 px-4","grid-cols-1 md:grid-cols-2 lg:grid-cols-3","md:gap-4","lg:px-[140px] xl:px-[175px] 2xl:px-[268px]"),children:e.map((r,m)=>(0,a.jsxs)("div",{className:(0,s.cn)("brand-equity-item","bg-white p-4 flex flex-col","lg:p-6","gap-12 lg:gap-16",t==="round"?"rounded-[16px]":"rounded-none"),children:[(0,a.jsxs)("div",{className:"flex justify-between items-center gap-3",children:[(0,a.jsx)("h3",{className:"text-sm font-semibold text-[#1D1D1F] leading-[1.2] tracking-[-0.02em] 2xl:text-lg",children:r.title}),r.avatarList?.length?(0,a.jsx)("div",{className:"flex -space-x-2",children:r.avatarList.map((c,x)=>(0,a.jsx)("div",{className:(0,s.cn)("size-[30px] rounded-full border-2 border-white overflow-hidden","relative inline-block","xl:size-[36px]"),children:(0,a.jsx)(d.default,{source:c,className:"w-full h-full object-cover"})},x))}):(0,a.jsx)("span",{className:"text-[#1D1D1F]",children:r.icon})]}),(0,a.jsx)("p",{className:"font-bold text-xl text-[#1D1D1F] leading-[1.2] tracking-[-0.04em] 2xl:text-2xl",children:r.description})]},m))})});var w=(0,p.withStyles)(q);
+"use strict";var g=Object.create;var p=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var k=(e,t)=>{for(var s in t)p(e,s,{get:t[s],enumerable:!0})},l=(e,t,s,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of f(t))!y.call(e,r)&&r!==s&&p(e,r,{get:()=>t[r],enumerable:!(o=u(t,r))||o.enumerable});return e};var N=(e,t,s)=>(s=e!=null?g(v(e)):{},l(t||!e||!e.__esModule?p(s,"default",{value:e,enumerable:!0}):s,e)),b=e=>l(p({},"__esModule",{value:!0}),e);var w={};k(w,{default:()=>q});module.exports=b(w);var a=require("react/jsx-runtime"),B=require("react"),i=require("../../helpers/utils"),d=N(require("../../components/picture")),n=require("../../shared/Styles.js");const h=({items:e=[],itemShape:t="square",style:s="",className:o=""})=>(0,a.jsx)("div",{className:(0,i.cn)("brand-equity-wrapper w-full",o),children:(0,a.jsx)("div",{className:(0,i.cn)("grid gap-3 px-4","grid-cols-1 laptop:grid-cols-2 desktop:grid-cols-3","laptop:gap-4","desktop:px-[140px] lg-desktop:px-[175px] 2xl:px-[268px]"),children:e.map((r,m)=>(0,a.jsxs)("div",{className:(0,i.cn)("brand-equity-item","bg-white p-4 flex flex-col","desktop:p-6","gap-12 desktop:gap-16",t==="round"?"rounded-[16px]":"rounded-none"),children:[(0,a.jsxs)("div",{className:"flex justify-between items-center gap-3",children:[(0,a.jsx)("h3",{className:"text-sm font-semibold text-[#1D1D1F] leading-[1.2] tracking-[-0.02em] 2xl:text-lg",children:r.title}),r.avatarList?.length?(0,a.jsx)("div",{className:"flex -space-x-2",children:r.avatarList.map((c,x)=>(0,a.jsx)("div",{className:(0,i.cn)("size-[30px] rounded-full border-2 border-white overflow-hidden","relative inline-block","lg-desktop:size-[36px]"),children:(0,a.jsx)(d.default,{source:c,className:"w-full h-full object-cover"})},x))}):(0,a.jsx)("span",{className:"text-[#1D1D1F]",children:r.icon})]}),(0,a.jsx)("p",{className:"font-bold text-xl text-[#1D1D1F] leading-[1.2] tracking-[-0.04em] 2xl:text-2xl",children:r.description})]},m))})});var q=(0,n.withStyles)(h);
 //# sourceMappingURL=BrandEquity.js.map

package/dist/cjs/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 md:grid-cols-2 lg:grid-cols-3',\n          'md:gap-4',\n          'lg:px-[140px] xl: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              'lg:p-6',\n              'gap-12 lg: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                        'xl: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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA2CY,IAAAI,EAAA,6BA3CZC,EAAkB,iBAElBC,EAAmB,+BACnBC,EAAoB,uCACpBC,EAA2B,kCAiB3B,MAAMC,EAA0C,CAAC,CAAE,MAAAC,EAAQ,CAAC,EAAG,UAAAC,EAAY,SAAU,MAAAC,EAAQ,GAAI,UAAAC,EAAY,EAAG,OAE5G,OAAC,OAAI,aAAW,MAAG,8BAA+BA,CAAS,EACzD,mBAAC,OACC,aAAW,MACT,kBACA,4CACA,WACA,4CACF,EAEC,SAAAH,EAAM,IAAI,CAACI,EAAMC,OAChB,QAAC,OAEC,aAAW,MACT,oBACA,6BACA,SACA,mBACAJ,IAAc,QAAU,iBAAmB,cAC7C,EAEA,qBAAC,OAAI,UAAU,0CACb,oBAAC,MAAG,UAAU,oFACX,SAAAG,EAAK,MACR,EACCA,EAAK,YAAY,UAChB,OAAC,OAAI,UAAU,kBACZ,SAAAA,EAAK,WAAW,IAAI,CAACE,EAAmBD,OACvC,OAAC,OAEC,aAAW,MACT,iEACA,wBACA,gBACF,EAEA,mBAAC,EAAAE,QAAA,CAAQ,OAAQD,EAAW,UAAU,6BAA6B,GAP9DD,CAQP,CACD,EACH,KAEA,OAAC,QAAK,UAAU,iBAAkB,SAAAD,EAAK,KAAK,GAEhD,KACA,OAAC,KAAE,UAAU,iFACV,SAAAA,EAAK,YACR,IAlCKC,CAmCP,CACD,EACH,EACF,EAIJ,IAAOb,KAAQ,cAAWO,CAAW",
+  "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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA2CY,IAAAI,EAAA,6BA3CZC,EAAkB,iBAElBC,EAAmB,+BACnBC,EAAoB,uCACpBC,EAA2B,kCAiB3B,MAAMC,EAA0C,CAAC,CAAE,MAAAC,EAAQ,CAAC,EAAG,UAAAC,EAAY,SAAU,MAAAC,EAAQ,GAAI,UAAAC,EAAY,EAAG,OAE5G,OAAC,OAAI,aAAW,MAAG,8BAA+BA,CAAS,EACzD,mBAAC,OACC,aAAW,MACT,kBACA,qDACA,eACA,yDACF,EAEC,SAAAH,EAAM,IAAI,CAACI,EAAMC,OAChB,QAAC,OAEC,aAAW,MACT,oBACA,6BACA,cACA,wBACAJ,IAAc,QAAU,iBAAmB,cAC7C,EAEA,qBAAC,OAAI,UAAU,0CACb,oBAAC,MAAG,UAAU,oFACX,SAAAG,EAAK,MACR,EACCA,EAAK,YAAY,UAChB,OAAC,OAAI,UAAU,kBACZ,SAAAA,EAAK,WAAW,IAAI,CAACE,EAAmBD,OACvC,OAAC,OAEC,aAAW,MACT,iEACA,wBACA,wBACF,EAEA,mBAAC,EAAAE,QAAA,CAAQ,OAAQD,EAAW,UAAU,6BAA6B,GAP9DD,CAQP,CACD,EACH,KAEA,OAAC,QAAK,UAAU,iBAAkB,SAAAD,EAAK,KAAK,GAEhD,KACA,OAAC,KAAE,UAAU,iFACV,SAAAA,EAAK,YACR,IAlCKC,CAmCP,CACD,EACH,EACF,EAIJ,IAAOb,KAAQ,cAAWO,CAAW",
   "names": ["BrandEquity_exports", "__export", "BrandEquity_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_picture", "import_Styles", "BrandEquity", "items", "itemShape", "style", "className", "item", "index", "avatarUrl", "Picture"]
 }

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

@@ -1,2 +1,2 @@
-"use strict";var s=Object.create;var m=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty;var f=(e,r)=>{for(var t in r)m(e,t,{get:r[t],enumerable:!0})},p=(e,r,t,l)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of n(r))!c.call(e,a)&&a!==t&&m(e,a,{get:()=>r[a],enumerable:!(l=x(r,a))||l.enumerable});return e};var u=(e,r,t)=>(t=e!=null?s(g(e)):{},p(r||!e||!e.__esModule?m(t,"default",{value:e,enumerable:!0}):t,e)),v=e=>p(m({},"__esModule",{value:!0}),e);var C={};f(C,{default:()=>y});module.exports=v(C);var o=require("react/jsx-runtime"),h=require("react"),d=require("../../helpers/utils"),i=u(require("../../components/picture"));const w=({className:e="",shape:r="square",products:t=[]})=>(0,o.jsx)(o.Fragment,{children:(0,o.jsx)("div",{className:(0,d.cn)("w-full",e),children:(0,o.jsx)("div",{className:(0,d.cn)("flex overflow-hidden","md:px-[140px] lg:px-[268px]"),children:(0,o.jsx)("div",{className:(0,d.cn)("w-full flex","gap-3 md:gap-4 overflow-x-auto overflow-y-hidden"),children:t?.map((l,a)=>(0,o.jsxs)("div",{className:(0,d.cn)("bg-[#EAEAEC] p-4 flex flex-col min-w-[167px] max-w-[167px] box-border overflow-hidden","md:min-w-[205px] md:max-w-[205px] lg:min-w-[264px] lg:max-w-[264px] md:p-6 lg:p-8",r==="round"?"rounded-[16px]":"rounded-none"),children:[(0,o.jsx)(i.default,{className:"w-full object-cover",source:l?.img}),(0,o.jsx)("p",{className:"flex-1 text-sm text-center font-semibold lg:text-lg",children:l?.title})]},a))})})})});var y=w;
+"use strict";var m=Object.create;var s=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var g=(e,o)=>{for(var r in o)s(e,r,{get:o[r],enumerable:!0})},d=(e,o,r,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of x(o))!f.call(e,a)&&a!==r&&s(e,a,{get:()=>o[a],enumerable:!(p=n(o,a))||p.enumerable});return e};var u=(e,o,r)=>(r=e!=null?m(c(e)):{},d(o||!e||!e.__esModule?s(r,"default",{value:e,enumerable:!0}):r,e)),v=e=>d(s({},"__esModule",{value:!0}),e);var C={};g(C,{default:()=>y});module.exports=v(C);var t=require("react/jsx-runtime"),h=require("react"),l=require("../../helpers/utils"),i=u(require("../../components/picture"));const w=({className:e="",shape:o="square",products:r=[]})=>(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:(0,l.cn)("w-full",e),children:(0,t.jsx)("div",{className:(0,l.cn)("flex overflow-hidden"),children:(0,t.jsx)("div",{className:(0,l.cn)("w-full flex","gap-3 laptop:gap-4 overflow-x-auto overflow-y-hidden"),children:r?.map((p,a)=>(0,t.jsxs)("div",{className:(0,l.cn)("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",o==="round"?"rounded-[16px]":"rounded-none"),children:[(0,t.jsx)(i.default,{className:"w-full object-cover",source:p?.img}),(0,t.jsx)("p",{className:"flex-1 text-sm text-center font-semibold desktop:text-lg",children:p?.title})]},a))})})})});var y=w;
 //# sourceMappingURL=index.js.map

package/dist/cjs/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', 'md:px-[140px] lg:px-[268px]')}>\n          <div className={cn('w-full flex', 'gap-3 md: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                    'md:min-w-[205px] md:max-w-[205px] lg:min-w-[264px] lg:max-w-[264px] md:p-6 lg: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 lg: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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAyBI,IAAAI,EAAA,6BAzBJC,EAAkB,iBAClBC,EAAmB,+BACnBC,EAAoB,uCAiBpB,MAAMC,EAAoC,CAAC,CACzC,UAAAC,EAAY,GACZ,MAAAC,EAAQ,SACR,SAAAC,EAAW,CAAC,CACd,OAEI,mBACE,mBAAC,OAAI,aAAW,MAAG,SAAUF,CAAS,EACpC,mBAAC,OAAI,aAAW,MAAG,uBAAwB,6BAA6B,EACtE,mBAAC,OAAI,aAAW,MAAG,cAAe,kDAAkD,EACjF,SAAAE,GAAU,IAAI,CAACC,EAAMC,OAElB,QAAC,OAEC,aAAW,MACT,wFACA,oFACAH,IAAU,QAAU,iBAAmB,cACzC,EAEA,oBAAC,EAAAI,QAAA,CACC,UAAU,sBACV,OAAQF,GAAM,IAChB,KACA,OAAC,KAAE,UAAU,sDACV,SAAAA,GAAM,MACT,IAbKC,CAcP,CAEH,EACH,EACF,EACF,EACF,EAIJ,IAAOX,EAAQM",
+  "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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAyBI,IAAAI,EAAA,6BAzBJC,EAAkB,iBAClBC,EAAmB,+BACnBC,EAAoB,uCAiBpB,MAAMC,EAAoC,CAAC,CACzC,UAAAC,EAAY,GACZ,MAAAC,EAAQ,SACR,SAAAC,EAAW,CAAC,CACd,OAEI,mBACE,mBAAC,OAAI,aAAW,MAAG,SAAUF,CAAS,EACpC,mBAAC,OAAI,aAAW,MAAG,sBAAsB,EACvC,mBAAC,OAAI,aAAW,MAAG,cAAe,sDAAsD,EACrF,SAAAE,GAAU,IAAI,CAACC,EAAMC,OAElB,QAAC,OAEC,aAAW,MACT,wFACA,+GACAH,IAAU,QAAU,iBAAmB,cACzC,EAEA,oBAAC,EAAAI,QAAA,CACC,UAAU,sBACV,OAAQF,GAAM,IAChB,KACA,OAAC,KAAE,UAAU,2DACV,SAAAA,GAAM,MACT,IAbKC,CAcP,CAEH,EACH,EACF,EACF,EACF,EAIJ,IAAOX,EAAQM",
   "names": ["Category_exports", "__export", "Category_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_picture", "Category", "className", "shape", "products", "item", "index", "Picture"]
 }

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

@@ -6,6 +6,7 @@ export interface EvaluateItem {
     subTitle: string;
     description: string;
     avatar?: string;
+    rating: number;
 }
 export interface EvaluateProps {
     products: EvaluateItem[];

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

@@ -1,2 +1,2 @@
-"use strict";var v=Object.create;var o=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var g=(l,a)=>{for(var t in a)o(l,t,{get:a[t],enumerable:!0})},m=(l,a,t,s)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of p(a))!f.call(l,i)&&i!==t&&o(l,i,{get:()=>a[i],enumerable:!(s=x(a,i))||s.enumerable});return l};var u=(l,a,t)=>(t=l!=null?v(c(l)):{},m(a||!l||!l.__esModule?o(t,"default",{value:l,enumerable:!0}):t,l)),w=l=>m(o({},"__esModule",{value:!0}),l);var N={};g(N,{default:()=>h});module.exports=w(N);var e=require("react/jsx-runtime"),L=require("react"),r=require("../../helpers/utils"),n=u(require("../../components/picture")),d=require("../../components/avatar");const b=({className:l="",shape:a="square",products:t=[]})=>(0,e.jsx)(e.Fragment,{children:(0,e.jsx)("div",{className:(0,r.cn)("w-full",l),children:(0,e.jsx)("div",{className:(0,r.cn)("flex overflow-hidden","md:px-[140px] lg:px-[268px]"),children:(0,e.jsx)("div",{className:(0,r.cn)("w-full flex","gap-3 md:gap-4 overflow-x-auto overflow-y-hidden"),children:t?.map((s,i)=>(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","md:min-w-[316px] md:max-w-[316px] lg:min-w-[404px] lg:max-w-[404px] lg:pt-4 lg:px-6 lg:pb-6",a==="round"?"rounded-2xl":"rounded-none"),children:[(0,e.jsxs)("div",{className:(0,r.cn)("mb-8 w-full flex justify-between md:mb-11 lg:mb-16"),children:[(0,e.jsxs)("div",{className:"flex-1",children:[(0,e.jsx)("h4",{className:"text-sm font-semibold md:text-lg",children:s?.title}),(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"})})]}),(0,e.jsx)("div",{className:"size-10 overflow-hidden lg:size-12",children:(0,e.jsxs)(d.Avatar,{className:"w-full h-full",children:[(0,e.jsx)(d.AvatarImage,{src:s?.avatar}),(0,e.jsx)(d.AvatarFallback,{children:s?.title})]})})]}),(0,e.jsx)("p",{className:"flex-1 line-clamp-6 font-bold text-xl text-[#1D1D1F] lg:text-2xl",children:s?.description||""}),(0,e.jsxs)("div",{className:(0,r.cn)("mt-11 p-3 flex items-center bg-[#F7F8F9] overflow-hidden",a==="round"?"rounded-[8px]":"rounded-none"),children:[(0,e.jsx)("div",{className:"flex items-center mr-3 size-12 md:size-16 lg:size-20",children:(0,e.jsx)(n.default,{className:"w-full object-cover",source:s?.img})}),(0,e.jsx)("p",{className:"flex-1 text-sm font-semibold line-clamp-2 lg:text-lg",children:s?.subTitle||""})]})]},i))})})})});var h=b;
+"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"),n=b(require("../../components/picture")),o=require("../../components/avatar");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;
 //# 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'\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}\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  return (\n    <>\n      <div className={cn('w-full', className)}>\n        <div className={cn('flex overflow-hidden', 'md:px-[140px] lg:px-[268px]')}>\n          <div className={cn('w-full flex', 'gap-3 md: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                    'md:min-w-[316px] md:max-w-[316px] lg:min-w-[404px] lg:max-w-[404px] lg:pt-4 lg:px-6 lg:pb-6',\n                    shape === 'round' ? 'rounded-2xl' : 'rounded-none'\n                  )}\n                >\n                  <div className={cn('mb-8 w-full flex justify-between md:mb-11 lg:mb-16')}>\n                    <div className=\"flex-1\">\n                      <h4 className=\"text-sm font-semibold md:text-lg\">{item?.title}</h4>\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                    <div className=\"size-10 overflow-hidden lg: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] lg: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 md:size-16 lg: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 lg: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,GA6BI,IAAAI,EAAA,6BA7BJC,EAAkB,iBAClBC,EAAmB,+BACnBC,EAAoB,uCACpBC,EAAoD,mCAoBpD,MAAMC,EAAoC,CAAC,CACzC,UAAAC,EAAY,GACZ,MAAAC,EAAQ,SACR,SAAAC,EAAW,CAAC,CACd,OAEI,mBACE,mBAAC,OAAI,aAAW,MAAG,SAAUF,CAAS,EACpC,mBAAC,OAAI,aAAW,MAAG,uBAAwB,6BAA6B,EACtE,mBAAC,OAAI,aAAW,MAAG,cAAe,kDAAkD,EACjF,SAAAE,GAAU,IAAI,CAACC,EAAMC,OAElB,QAAC,OAEC,aAAW,MACT,wFACA,8FACAH,IAAU,QAAU,cAAgB,cACtC,EAEA,qBAAC,OAAI,aAAW,MAAG,oDAAoD,EACrE,qBAAC,OAAI,UAAU,SACb,oBAAC,MAAG,UAAU,mCAAoC,SAAAE,GAAM,MAAM,KAC9D,OAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,mBAAC,QACC,EAAE,6oBACF,KAAK,UACP,EACF,GACF,KACA,OAAC,OAAI,UAAU,qCACb,oBAAC,UAAO,UAAU,gBAChB,oBAAC,eAAY,IAAKA,GAAM,OAAQ,KAChC,OAAC,kBAAgB,SAAAA,GAAM,MAAM,GAC/B,EACF,GACF,KACA,OAAC,KAAE,UAAU,mEACV,SAAAA,GAAM,aAAe,GACxB,KACA,QAAC,OAAI,aAAW,MAAG,2DAA4DF,IAAU,QAAU,gBAAkB,cAAc,EACjI,oBAAC,OAAI,UAAU,uDACb,mBAAC,EAAAI,QAAA,CACC,UAAU,sBACV,OAAQF,GAAM,IAChB,EACF,KACA,OAAC,KAAE,UAAU,uDACV,SAAAA,GAAM,UAAY,GACrB,GACF,IArCKC,CAsCP,CAEH,EACH,EACF,EACF,EACF,EAIJ,IAAOZ,EAAQO",
-  "names": ["Evaluate_exports", "__export", "Evaluate_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_picture", "import_avatar", "Evaluate", "className", "shape", "products", "item", "index", "Picture"]
+  "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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAsCI,IAAAI,EAAA,6BAtCJC,EAAkB,iBAClBC,EAAmB,+BACnBC,EAAoB,uCACpBC,EAAoD,mCAqBpD,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"]
 }

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})},f=(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 l=(e,t,r)=>(r=e!=null?g(N(e)):{},f(t||!e||!e.__esModule?n(r,"default",{value:e,enumerable:!0}):r,e)),L=e=>f(n({},"__esModule",{value:!0}),e);var v={};T(v,{Marquee:()=>u,MarqueeImageContent:()=>M,MarqueeList:()=>c,MarqueeTextContent:()=>q});module.exports=L(v);var s=require("react/jsx-runtime"),i=l(require("react")),m=require("../../helpers/utils.js"),d=l(require("react-fast-marquee")),y=require("react-fast-marquee"),p=require("../../components");const u=i.default.forwardRef(({children:e,...t},r)=>(0,s.jsx)(d.default,{ref:r,...t,children:e}));u.displayName="Marquee";const c=i.default.forwardRef(({className:e,children:t,...r},o)=>(0,s.jsx)("div",{className:(0,m.cn)("flex gap-6 items-center md:gap-16",e),ref:o,children:t}));c.displayName="MarqueeList";const M=({image:e,className:t})=>(0,s.jsx)(p.Picture,{source:e,className:(0,m.cn)("aspect-w-[120] w-[72px] aspect-h-[80] md:w-[120px]",t),imgClassName:"object-cover"});M.displayName="MarqueeImageContent";const q=i.default.forwardRef(({text:e,className:t},r)=>(0,s.jsx)(p.Text,{as:"div",ref:r,html:e,className:(0,m.cn)("size-14 text-nowrap flex items-center justify-center leading-[1.2] text-lines-2 font-medium",t)}));q.displayName="MarqueeTextContent";
+"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")),i=require("../../helpers/utils.js"),d=f(require("react-fast-marquee")),y=require("react-fast-marquee"),m=require("../../components");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";
 //# 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 { 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 md: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] md: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,EAAmB,kCACnBC,EAAuC,iCACvCA,EAAsD,8BACtDC,EAA8B,4BAE9B,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,oCAAqCE,CAAS,EAAG,IAAKF,EACtE,SAAAF,EACH,CAEH,EAEDT,EAAY,YAAc,cAO1B,MAAMD,EAAsB,CAAC,CAAE,MAAAe,EAAO,UAAAD,CAAU,OAE5C,OAAC,WACC,OAAQC,EACR,aAAW,MAAG,qDAAsDD,CAAS,EAC7E,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",
+  "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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,wBAAAC,EAAA,gBAAAC,EAAA,uBAAAC,IAAA,eAAAC,EAAAN,GASM,IAAAO,EAAA,6BATNC,EAAkB,oBAClBC,EAAmB,kCACnBC,EAAuC,iCACvCA,EAAsD,8BACtDC,EAA8B,4BAE9B,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_utils", "import_react_fast_marquee", "import_components", "React", "children", "props", "ref", "FastMarquee", "className", "image", "text"]
 }

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

@@ -1,40 +1,40 @@
-"use strict";var d=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var y=(x,t)=>{for(var m in t)d(x,m,{get:t[m],enumerable:!0})},f=(x,t,m,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of c(t))!b.call(x,l)&&l!==m&&d(x,l,{get:()=>t[l],enumerable:!(p=u(t,l))||p.enumerable});return x};var w=x=>f(d({},"__esModule",{value:!0}),x);var k={};y(k,{default:()=>h});module.exports=w(k);var e=require("react/jsx-runtime"),q=require("react"),s=require("../../components/index.js"),o=require("../../shared/Styles.js");const v=({title:x,description:t,backgroundImage:m,primaryButton:p,secondaryButton:l,shape:a="square",theme:r="light",className:n=""})=>{const i=()=>{},g=()=>{};return(0,e.jsxs)("section",{"data-ui-component-id":"MemberEquity",className:`
+"use strict";var d=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var k=(p,e)=>{for(var o in e)d(p,o,{get:e[o],enumerable:!0})},y=(p,e,o,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of u(e))!c.call(p,a)&&a!==o&&d(p,a,{get:()=>e[a],enumerable:!(l=b(e,a))||l.enumerable});return p};var f=p=>y(d({},"__esModule",{value:!0}),p);var h={};k(h,{default:()=>v});module.exports=f(h);var t=require("react/jsx-runtime"),q=require("react"),s=require("../../components/index.js"),n=require("../../shared/Styles.js");const w=({title:p,description:e,backgroundImage:o,primaryButton:l,secondaryButton:a,shape:x="square",theme:r="light",className:i=""})=>{const m=()=>{},g=()=>{};return(0,t.jsxs)("section",{"data-ui-component-id":"MemberEquity",className:`
         relative w-full overflow-hidden bg-[#242426]
-        ${a==="round"?"rounded-none sm:rounded-lg md:rounded-xl lg:rounded-2xl":""}
-        ${n}
-      `,children:[(0,e.jsx)("div",{className:"absolute inset-0 w-full h-full",style:{backgroundImage:`
+        ${x==="round"?"rounded-none tablet:rounded-lg laptop:rounded-xl desktop:rounded-2xl":""}
+        ${i}
+      `,children:[(0,t.jsx)("div",{className:"absolute inset-0 w-full h-full",style:{backgroundImage:`
             radial-gradient(circle at 70% 176%, rgba(84, 85, 87, 0) 72%, rgba(84, 85, 87, 1) 100%),
-            url(${m})
-          `,backgroundSize:"cover",backgroundPosition:"center"}}),(0,e.jsx)("div",{className:`
+            url(${o})
+          `,backgroundSize:"cover",backgroundPosition:"center"}}),(0,t.jsx)("div",{className:`
         relative w-full mx-auto
         aspect-[343/200] xs:aspect-[343/200]
-        sm:aspect-[343/200] 
-        md:aspect-[592/336]
-        lg:aspect-[800/448]
-        xl:aspect-[1000/560]
+        tablet:aspect-[343/200] 
+        laptop:aspect-[592/336]
+        desktop:aspect-[800/448]
+        lg-desktop:aspect-[1000/560]
         flex items-center
-      `,children:(0,e.jsxs)("div",{className:`
-          w-full px-4 sm:px-6 md:px-[76px] lg:px-[111px] xl:px-[139px]
-          flex flex-col gap-4 sm:gap-5 md:gap-6 lg:gap-7 xl:gap-8
-        `,children:[(0,e.jsxs)("div",{className:"flex flex-col gap-2 sm:gap-2 md:gap-3 lg:gap-3 xl:gap-4",children:[(0,e.jsx)("h2",{className:`
+      `,children:(0,t.jsxs)("div",{className:`
+          w-full px-4 tablet:px-6 laptop:px-[76px] desktop:px-[111px] lg-desktop:px-[139px]
+          flex flex-col gap-4 tablet:gap-5 laptop:gap-6 desktop:gap-7 lg-desktop:gap-8
+        `,children:[(0,t.jsxs)("div",{className:"flex flex-col gap-2 tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4",children:[(0,t.jsx)("h2",{className:`
               member-equity-title font-mont font-bold text-white tracking-[-0.04em]
-              text-xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-[32px]
+              text-xl tablet:text-2xl laptop:text-3xl desktop:text-4xl lg-desktop:text-[32px]
               leading-[1.2]
-              max-w-[280px] sm:max-w-[300px] md:max-w-[400px] lg:max-w-[500px] xl:max-w-[547px]
-            `,children:x}),(0,e.jsx)("p",{className:`
+              max-w-[280px] tablet:max-w-[300px] laptop:max-w-[400px] desktop:max-w-[500px] lg-desktop:max-w-[547px]
+            `,children:p}),(0,t.jsx)("p",{className:`
               member-equity-description font-pingfang font-semibold text-white tracking-[-0.02em]
-              text-sm sm:text-sm md:text-base lg:text-lg xl:text-lg
+              text-sm tablet:text-sm laptop:text-base desktop:text-lg lg-desktop:text-lg
               leading-[1.4]
-              max-w-[260px] sm:max-w-[286px] md:max-w-[350px] lg:max-w-[426px] xl:max-w-[547px]
-            `,children:t})]}),(0,e.jsxs)("div",{className:"flex items-center gap-3 sm:gap-3 md:gap-4 lg:gap-4 xl:gap-4",children:[(0,e.jsx)(s.Button,{theme:r,variant:"primary",onClick:i,className:`
-                member-equity-button-primary bg-transparent border-white border-[1px] text-white text-xs sm:text-sm md:text-sm lg:text-base xl:text-base
-                px-4 sm:px-5 md:px-6 lg:px-7 xl:px-7 hover:bg-white hover:text-black
-                py-2 sm:py-[10px] md:py-[11px] lg:py-[12px] xl:py-[14px]
-                ${a==="round"?"rounded-[16px] sm:rounded-[19px] md:rounded-[20px] lg:rounded-[22px] xl:rounded-[24px]":""}
-              `,children:p.text}),(0,e.jsx)(s.Button,{theme:r,variant:"secondary",onClick:g,className:`
-                member-equity-button-secondary text-xs sm:text-sm md:text-sm lg:text-base xl:text-base
-                px-4 sm:px-5 md:px-6 lg:px-7 xl:px-7
-                py-2 sm:py-[10px] md:py-[11px] lg:py-[12px] xl:py-[14px]
-                ${a==="round"?"rounded-[16px] sm:rounded-[19px] md:rounded-[20px] lg:rounded-[22px] xl:rounded-[24px]":""}
-              `,children:l.text})]})]})})]})};var h=(0,o.withStyles)(v);
+              max-w-[260px] tablet:max-w-[286px] laptop:max-w-[350px] desktop:max-w-[426px] lg-desktop:max-w-[547px]
+            `,children:e})]}),(0,t.jsxs)("div",{className:"flex items-center gap-3 tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4",children:[(0,t.jsx)(s.Button,{theme:r,variant:"primary",onClick:m,className:`
+                member-equity-button-primary bg-transparent border-white border-[1px] text-white text-xs tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base
+                px-4 tablet:px-5 laptop:px-6 desktop:px-7 lg-desktop:px-7 hover:bg-white hover:text-black
+                py-2 tablet:py-[10px] laptop:py-[11px] desktop:py-[12px] lg-desktop:py-[14px]
+                ${x==="round"?"rounded-[16px] tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px]":""}
+              `,children:l.text}),(0,t.jsx)(s.Button,{theme:r,variant:"secondary",onClick:g,className:`
+                member-equity-button-secondary text-xs tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base
+                px-4 tablet:px-5 laptop:px-6 desktop:px-7 lg-desktop:px-7
+                py-2 tablet:py-[10px] laptop:py-[11px] desktop:py-[12px] lg-desktop:py-[14px]
+                ${x==="round"?"rounded-[16px] tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px]":""}
+              `,children:a.text})]})]})})]})};var v=(0,n.withStyles)(w);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/MemberEquity/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Button } from '../../components/index.js';\nimport { withStyles } from '../../shared/Styles.js';\nimport type { MemberEquityProps } from './types.js';\n\nconst MemberEquity: React.FC<MemberEquityProps> = ({\n  title,\n  description,\n  backgroundImage,\n  primaryButton,\n  secondaryButton,\n  shape = 'square',\n  theme = 'light',\n  className = '',\n}) => {\n\n  const handleButtonPrimaryClick = () => {\n    // \u6267\u884C\u4E3B\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n\n  }\n\n  const handleButtonSecondaryClick = () => {\n    // \u6267\u884C\u526F\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n  }\n\n  return (\n    <section\n      data-ui-component-id=\"MemberEquity\"\n      className={`\n        relative w-full overflow-hidden bg-[#242426]\n        ${shape === 'round' ? 'rounded-none sm:rounded-lg md:rounded-xl lg:rounded-2xl' : ''}\n        ${className}\n      `}\n    >\n\n      <div\n        className=\"absolute inset-0 w-full h-full\"\n        style={{\n          backgroundImage: `\n            radial-gradient(circle at 70% 176%, rgba(84, 85, 87, 0) 72%, rgba(84, 85, 87, 1) 100%),\n            url(${backgroundImage})\n          `,\n          backgroundSize: 'cover',\n          backgroundPosition: 'center',\n        }}\n      />\n      <div className={`\n        relative w-full mx-auto\n        aspect-[343/200] xs:aspect-[343/200]\n        sm:aspect-[343/200] \n        md:aspect-[592/336]\n        lg:aspect-[800/448]\n        xl:aspect-[1000/560]\n        flex items-center\n      `}>\n        <div className={`\n          w-full px-4 sm:px-6 md:px-[76px] lg:px-[111px] xl:px-[139px]\n          flex flex-col gap-4 sm:gap-5 md:gap-6 lg:gap-7 xl:gap-8\n        `}>\n          <div className=\"flex flex-col gap-2 sm:gap-2 md:gap-3 lg:gap-3 xl:gap-4\">\n            <h2 className={`\n              member-equity-title font-mont font-bold text-white tracking-[-0.04em]\n              text-xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-[32px]\n              leading-[1.2]\n              max-w-[280px] sm:max-w-[300px] md:max-w-[400px] lg:max-w-[500px] xl:max-w-[547px]\n            `}>\n              {title}\n            </h2>\n            <p className={`\n              member-equity-description font-pingfang font-semibold text-white tracking-[-0.02em]\n              text-sm sm:text-sm md:text-base lg:text-lg xl:text-lg\n              leading-[1.4]\n              max-w-[260px] sm:max-w-[286px] md:max-w-[350px] lg:max-w-[426px] xl:max-w-[547px]\n            `}>\n              {description}\n            </p>\n          </div>\n\n          {/* \u6309\u94AE\u7EC4 */}\n          <div className=\"flex items-center gap-3 sm:gap-3 md:gap-4 lg:gap-4 xl:gap-4\">\n            <Button\n              theme={theme}\n              variant=\"primary\"\n              onClick={handleButtonPrimaryClick}\n              className={`\n                member-equity-button-primary bg-transparent border-white border-[1px] text-white text-xs sm:text-sm md:text-sm lg:text-base xl:text-base\n                px-4 sm:px-5 md:px-6 lg:px-7 xl:px-7 hover:bg-white hover:text-black\n                py-2 sm:py-[10px] md:py-[11px] lg:py-[12px] xl:py-[14px]\n                ${shape === 'round' ? 'rounded-[16px] sm:rounded-[19px] md:rounded-[20px] lg:rounded-[22px] xl:rounded-[24px]' : ''}\n              `}\n            >\n              {primaryButton.text}\n            </Button>\n            <Button\n              theme={theme}\n              variant=\"secondary\"\n              onClick={handleButtonSecondaryClick}\n              className={`\n                member-equity-button-secondary text-xs sm:text-sm md:text-sm lg:text-base xl:text-base\n                px-4 sm:px-5 md:px-6 lg:px-7 xl:px-7\n                py-2 sm:py-[10px] md:py-[11px] lg:py-[12px] xl:py-[14px]\n                ${shape === 'round' ? 'rounded-[16px] sm:rounded-[19px] md:rounded-[20px] lg:rounded-[22px] xl:rounded-[24px]' : ''}\n              `}\n            >\n              {secondaryButton.text}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default withStyles(MemberEquity); "],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAmCM,IAAAI,EAAA,6BAnCNC,EAAkB,iBAClBC,EAAuB,qCACvBC,EAA2B,kCAG3B,MAAMC,EAA4C,CAAC,CACjD,MAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,MAAAC,EAAQ,SACR,MAAAC,EAAQ,QACR,UAAAC,EAAY,EACd,IAAM,CAEJ,MAAMC,EAA2B,IAAM,CAGvC,EAEMC,EAA6B,IAAM,CAEzC,EAEA,SACE,QAAC,WACC,uBAAqB,eACrB,UAAW;AAAA;AAAA,UAEPJ,IAAU,QAAU,0DAA4D,EAAE;AAAA,UAClFE,CAAS;AAAA,QAIb,oBAAC,OACC,UAAU,iCACV,MAAO,CACL,gBAAiB;AAAA;AAAA,kBAETL,CAAe;AAAA,YAEvB,eAAgB,QAChB,mBAAoB,QACtB,EACF,KACA,OAAC,OAAI,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASd,oBAAC,OAAI,UAAW;AAAA;AAAA;AAAA,UAId,qBAAC,OAAI,UAAU,0DACb,oBAAC,MAAG,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,cAMZ,SAAAF,EACH,KACA,OAAC,KAAE,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,cAMX,SAAAC,EACH,GACF,KAGA,QAAC,OAAI,UAAU,8DACb,oBAAC,UACC,MAAOK,EACP,QAAQ,UACR,QAASE,EACT,UAAW;AAAA;AAAA;AAAA;AAAA,kBAIPH,IAAU,QAAU,yFAA2F,EAAE;AAAA,gBAGpH,SAAAF,EAAc,KACjB,KACA,OAAC,UACC,MAAOG,EACP,QAAQ,YACR,QAASG,EACT,UAAW;AAAA;AAAA;AAAA;AAAA,kBAIPJ,IAAU,QAAU,yFAA2F,EAAE;AAAA,gBAGpH,SAAAD,EAAgB,KACnB,GACF,GACF,EACF,GACF,CAEJ,EAEA,IAAOX,KAAQ,cAAWM,CAAY",
+  "sourcesContent": ["import React from 'react';\nimport { Button } from '../../components/index.js';\nimport { withStyles } from '../../shared/Styles.js';\nimport type { MemberEquityProps } from './types.js';\n\nconst MemberEquity: React.FC<MemberEquityProps> = ({\n  title,\n  description,\n  backgroundImage,\n  primaryButton,\n  secondaryButton,\n  shape = 'square',\n  theme = 'light',\n  className = '',\n}) => {\n\n  const handleButtonPrimaryClick = () => {\n    // \u6267\u884C\u4E3B\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n\n  }\n\n  const handleButtonSecondaryClick = () => {\n    // \u6267\u884C\u526F\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n  }\n\n  return (\n    <section\n      data-ui-component-id=\"MemberEquity\"\n      className={`\n        relative w-full overflow-hidden bg-[#242426]\n        ${shape === 'round' ? 'rounded-none tablet:rounded-lg laptop:rounded-xl desktop:rounded-2xl' : ''}\n        ${className}\n      `}\n    >\n\n      <div\n        className=\"absolute inset-0 w-full h-full\"\n        style={{\n          backgroundImage: `\n            radial-gradient(circle at 70% 176%, rgba(84, 85, 87, 0) 72%, rgba(84, 85, 87, 1) 100%),\n            url(${backgroundImage})\n          `,\n          backgroundSize: 'cover',\n          backgroundPosition: 'center',\n        }}\n      />\n      <div className={`\n        relative w-full mx-auto\n        aspect-[343/200] xs:aspect-[343/200]\n        tablet:aspect-[343/200] \n        laptop:aspect-[592/336]\n        desktop:aspect-[800/448]\n        lg-desktop:aspect-[1000/560]\n        flex items-center\n      `}>\n        <div className={`\n          w-full px-4 tablet:px-6 laptop:px-[76px] desktop:px-[111px] lg-desktop:px-[139px]\n          flex flex-col gap-4 tablet:gap-5 laptop:gap-6 desktop:gap-7 lg-desktop:gap-8\n        `}>\n          <div className=\"flex flex-col gap-2 tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4\">\n            <h2 className={`\n              member-equity-title font-mont font-bold text-white tracking-[-0.04em]\n              text-xl tablet:text-2xl laptop:text-3xl desktop:text-4xl lg-desktop:text-[32px]\n              leading-[1.2]\n              max-w-[280px] tablet:max-w-[300px] laptop:max-w-[400px] desktop:max-w-[500px] lg-desktop:max-w-[547px]\n            `}>\n              {title}\n            </h2>\n            <p className={`\n              member-equity-description font-pingfang font-semibold text-white tracking-[-0.02em]\n              text-sm tablet:text-sm laptop:text-base desktop:text-lg lg-desktop:text-lg\n              leading-[1.4]\n              max-w-[260px] tablet:max-w-[286px] laptop:max-w-[350px] desktop:max-w-[426px] lg-desktop:max-w-[547px]\n            `}>\n              {description}\n            </p>\n          </div>\n\n          {/* \u6309\u94AE\u7EC4 */}\n          <div className=\"flex items-center gap-3 tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4\">\n            <Button\n              theme={theme}\n              variant=\"primary\"\n              onClick={handleButtonPrimaryClick}\n              className={`\n                member-equity-button-primary bg-transparent border-white border-[1px] text-white text-xs tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base\n                px-4 tablet:px-5 laptop:px-6 desktop:px-7 lg-desktop:px-7 hover:bg-white hover:text-black\n                py-2 tablet:py-[10px] laptop:py-[11px] desktop:py-[12px] lg-desktop:py-[14px]\n                ${shape === 'round' ? 'rounded-[16px] tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px]' : ''}\n              `}\n            >\n              {primaryButton.text}\n            </Button>\n            <Button\n              theme={theme}\n              variant=\"secondary\"\n              onClick={handleButtonSecondaryClick}\n              className={`\n                member-equity-button-secondary text-xs tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base\n                px-4 tablet:px-5 laptop:px-6 desktop:px-7 lg-desktop:px-7\n                py-2 tablet:py-[10px] laptop:py-[11px] desktop:py-[12px] lg-desktop:py-[14px]\n                ${shape === 'round' ? 'rounded-[16px] tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px]' : ''}\n              `}\n            >\n              {secondaryButton.text}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default withStyles(MemberEquity); "],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAmCM,IAAAI,EAAA,6BAnCNC,EAAkB,iBAClBC,EAAuB,qCACvBC,EAA2B,kCAG3B,MAAMC,EAA4C,CAAC,CACjD,MAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,MAAAC,EAAQ,SACR,MAAAC,EAAQ,QACR,UAAAC,EAAY,EACd,IAAM,CAEJ,MAAMC,EAA2B,IAAM,CAGvC,EAEMC,EAA6B,IAAM,CAEzC,EAEA,SACE,QAAC,WACC,uBAAqB,eACrB,UAAW;AAAA;AAAA,UAEPJ,IAAU,QAAU,uEAAyE,EAAE;AAAA,UAC/FE,CAAS;AAAA,QAIb,oBAAC,OACC,UAAU,iCACV,MAAO,CACL,gBAAiB;AAAA;AAAA,kBAETL,CAAe;AAAA,YAEvB,eAAgB,QAChB,mBAAoB,QACtB,EACF,KACA,OAAC,OAAI,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASd,oBAAC,OAAI,UAAW;AAAA;AAAA;AAAA,UAId,qBAAC,OAAI,UAAU,+EACb,oBAAC,MAAG,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,cAMZ,SAAAF,EACH,KACA,OAAC,KAAE,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,cAMX,SAAAC,EACH,GACF,KAGA,QAAC,OAAI,UAAU,mFACb,oBAAC,UACC,MAAOK,EACP,QAAQ,UACR,QAASE,EACT,UAAW;AAAA;AAAA;AAAA;AAAA,kBAIPH,IAAU,QAAU,8GAAgH,EAAE;AAAA,gBAGzI,SAAAF,EAAc,KACjB,KACA,OAAC,UACC,MAAOG,EACP,QAAQ,YACR,QAASG,EACT,UAAW;AAAA;AAAA;AAAA;AAAA,kBAIPJ,IAAU,QAAU,8GAAgH,EAAE;AAAA,gBAGzI,SAAAD,EAAgB,KACnB,GACF,GACF,EACF,GACF,CAEJ,EAEA,IAAOX,KAAQ,cAAWM,CAAY",
   "names": ["MemberEquity_exports", "__export", "MemberEquity_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_Styles", "MemberEquity", "title", "description", "backgroundImage", "primaryButton", "secondaryButton", "shape", "theme", "className", "handleButtonPrimaryClick", "handleButtonSecondaryClick"]
 }

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

@@ -1,10 +1,10 @@
-"use strict";var h=Object.create;var s=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var B=(t,l)=>{for(var a in l)s(t,a,{get:l[a],enumerable:!0})},m=(t,l,a,n)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of N(l))!w.call(t,o)&&o!==a&&s(t,o,{get:()=>l[o],enumerable:!(n=D(l,o))||n.enumerable});return t};var p=(t,l,a)=>(a=t!=null?h(k(t)):{},m(l||!t||!t.__esModule?s(a,"default",{value:t,enumerable:!0}):a,t)),F=t=>m(s({},"__esModule",{value:!0}),t);var I={};B(I,{default:()=>S});module.exports=F(I);var e=require("react/jsx-runtime"),E=require("react"),i=require("../../helpers/utils"),c=p(require("../../components/picture")),d=p(require("../../components/button"));const C=({className:t="",shape:l="square",itemShape:a="square",products:n=[],primaryButton:o,secondaryButton:g,event:x})=>{const u=r=>{x?.primaryButton?.onClick?.(r)},f=r=>{x?.secondaryButton?.onClick(r)};return(0,e.jsx)(e.Fragment,{children:(0,e.jsx)("div",{className:(0,i.cn)("w-full",t),children:(0,e.jsx)("div",{className:(0,i.cn)("flex overflow-hidden","md:px-[140px] lg:px-[268px]"),children:(0,e.jsx)("div",{className:(0,i.cn)("w-full flex","gap-3 md:gap-4 overflow-x-auto overflow-y-hidden"),children:n?.map((r,b)=>(0,e.jsxs)("div",{className:(0,i.cn)("bg-[#EAEAEC] p-4 flex flex-col min-w-[288px] max-w-[288px]","md:min-w-[316px] md:max-w-[316px] lg:min-w-[404px] lg:max-w-[404px] lg:pt-4 lg:px-6 lg:pb-6",a==="round"?"rounded-2xl":"rounded-none"),children:[(0,e.jsx)("div",{className:(0,i.cn)("h-[137px] overflow-hidden relative inline-block mb-2","lg:mb-3 lg:h-[195px]"),children:(0,e.jsx)(c.default,{source:r?.img||"",className:"h-full [&_img]:w-auto object-cover flex justify-center"})}),(0,e.jsx)("div",{className:"mb-1 flex gap-1 flex-wrap lg:mb-2",children:r?.tagItems?.map((v,y)=>(0,e.jsx)("div",{className:"border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold rounded-3xl text-[#00BEFA] lg:text-base",children:v},y))}),(0,e.jsx)("p",{className:"flex-1 font-bold text-xl text-[#1D1D1F] leading-[1.2] tracking-[-0.04em] lg:text-2xl",children:r?.title||""}),(0,e.jsx)("h3",{className:"mt-1 mb-5 text-sm font-semibold text-[#1D1D1F] leading-[1.2] tracking-[-0.02em] lg:mt-2 lg:mb-6 lg:text-lg",children:r?.subTitle||""}),(0,e.jsxs)("div",{className:"mb-2 flex items-center",children:[(0,e.jsx)("div",{className:"font-bold text-xl text-[#1D1D1F] lg:text-2xl",children:r?.price||""}),(0,e.jsx)("div",{className:"ml-1 font-bold text-xl text-[#86868C] lg:text-2xl",children:r?.basePrice||""})]}),(0,e.jsxs)("div",{className:"flex items-center gap-3",children:[(0,e.jsx)(d.default,{variant:"primary",onClick:()=>u(r),className:`
-                        flex-1 bg-transparent border-[#1D1D1F] border box-border text-[#1D1D1F] text-xs md:text-sm lg:text-base
-                        px-4 md:px-6 lg:px-7 hover:bg-transparent hover:text-black py-2 md:py-2.5 lg:py-3 tracking-[-0.04em]
-                        ${l==="round"?"rounded-[20px] lg:rounded-3xl":""}
-                      `,children:o||""}),(0,e.jsx)(d.default,{variant:"secondary",onClick:()=>f(r),className:`
-                        flex-1 bg-[#1D1D1F] border-[#1D1D1F] border text-white box-border text-xs md:text-sm lg:text-base
-                        px-4 md:px-6 lg:px-7 py-2 md:py-2.5 lg:py-3 tracking-[-0.04em]
-                        ${l==="round"?"rounded-[20px] lg:rounded-3xl":""}
-                      `,children:g||""})]})]},b))})})})})};var S=C;
+"use strict";var y=Object.create;var d=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var B=(t,o)=>{for(var a in o)d(t,a,{get:o[a],enumerable:!0})},x=(t,o,a,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of D(o))!w.call(t,r)&&r!==a&&d(t,r,{get:()=>o[r],enumerable:!(l=h(o,r))||l.enumerable});return t};var m=(t,o,a)=>(a=t!=null?y(N(t)):{},x(o||!t||!t.__esModule?d(a,"default",{value:t,enumerable:!0}):a,t)),F=t=>x(d({},"__esModule",{value:!0}),t);var I={};B(I,{default:()=>S});module.exports=F(I);var e=require("react/jsx-runtime"),E=require("react"),p=require("../../helpers/utils"),c=m(require("../../components/picture")),i=m(require("../../components/button"));const C=({className:t="",shape:o="square",itemShape:a="square",products:l=[],primaryButton:r,secondaryButton:u,event:n})=>{const f=s=>{n?.primaryButton?.onClick?.(s)},k=s=>{n?.secondaryButton?.onClick(s)};return(0,e.jsx)(e.Fragment,{children:(0,e.jsx)("div",{className:(0,p.cn)("w-full",t),children:(0,e.jsx)("div",{className:(0,p.cn)("flex overflow-hidden"),children:(0,e.jsx)("div",{className:(0,p.cn)("w-full flex","gap-3 laptop:gap-4 overflow-x-auto overflow-y-hidden"),children:l?.map((s,b)=>(0,e.jsxs)("div",{className:(0,p.cn)("bg-[#EAEAEC] p-4 flex flex-col min-w-[288px] max-w-[288px]","laptop:min-w-[316px] laptop:max-w-[316px] desktop:min-w-[404px] desktop:max-w-[404px] desktop:pt-4 desktop:px-6 desktop:pb-6",a==="round"?"rounded-2xl":"rounded-none"),children:[(0,e.jsx)("div",{className:(0,p.cn)("h-[137px] overflow-hidden relative inline-block mb-2","desktop:mb-3 desktop:h-[195px]"),children:(0,e.jsx)(c.default,{source:s?.img||"",className:"h-full [&_img]:w-auto object-cover flex justify-center"})}),(0,e.jsx)("div",{className:"mb-1 flex gap-1 flex-wrap desktop:mb-2",children:s?.tagItems?.map((v,g)=>(0,e.jsx)("div",{className:"border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold rounded-3xl text-[#00BEFA] desktop:text-base",children:v},g))}),(0,e.jsx)("p",{className:"flex-1 font-bold text-xl text-[#1D1D1F] leading-[1.2] tracking-[-0.04em] desktop:text-2xl",children:s?.title||""}),(0,e.jsx)("h3",{className:"mt-1 mb-5 text-sm font-semibold text-[#1D1D1F] leading-[1.2] tracking-[-0.02em] desktop:mt-2 desktop:mb-6 desktop:text-lg",children:s?.subTitle||""}),(0,e.jsxs)("div",{className:"mb-2 flex items-center",children:[(0,e.jsx)("div",{className:"font-bold text-xl text-[#1D1D1F] desktop:text-2xl",children:s?.price||""}),(0,e.jsx)("div",{className:"ml-1 font-bold text-xl text-[#86868C] desktop:text-2xl",children:s?.basePrice||""})]}),(0,e.jsxs)("div",{className:"flex items-center gap-3",children:[(0,e.jsx)(i.default,{variant:"primary",onClick:()=>f(s),className:`
+                        flex-1 bg-transparent border-[#1D1D1F] border box-border text-[#1D1D1F] text-xs laptop:text-sm desktop:text-base
+                        px-4 laptop:px-6 desktop:px-7 hover:bg-transparent hover:text-black py-2 laptop:py-2.5 desktop:py-3 tracking-[-0.04em]
+                        ${o==="round"?"rounded-[20px] desktop:rounded-3xl":""}
+                      `,children:r||""}),(0,e.jsx)(i.default,{variant:"secondary",onClick:()=>k(s),className:`
+                        flex-1 bg-[#1D1D1F] border-[#1D1D1F] border text-white box-border text-xs laptop:text-sm desktop:text-base
+                        px-4 laptop:px-6 desktop:px-7 py-2 laptop:py-2.5 desktop:py-3 tracking-[-0.04em]
+                        ${o==="round"?"rounded-[20px] desktop:rounded-3xl":""}
+                      `,children:u||""})]})]},b))})})})})};var S=C;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/ShelfDisplay/index.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { cn } from '../../helpers/utils'\nimport Picture from '../../components/picture'\nimport Button from '../../components/button'\nexport interface ShelfDisplayItem {\n  /** \u4EA7\u54C1\u56FE\u7247*/\n  img: string\n  /** \u6298\u6263\u540E\u4EF7\u683C*/\n  price: string\n  title: string\n  /** \u6298\u6263\u524D\u4EF7\u683C*/\n  basePrice: string\n  subTitle: string\n  /** \u6807\u7B7E*/\n  tagItems: string[]\n}\n\nexport interface ShelfDisplayProps {\n  products: ShelfDisplayItem[]\n  /** \u5361\u7247\u5F62\u72B6 */\n  itemShape?: 'round' | 'square'\n  className?: string\n  /** \u4E3B\u9898\u8272*/\n  theme?: 'light' | 'dark'\n  /** \u6309\u94AE\u5F62\u72B6 */\n  shape?: 'round' | 'square'\n  /** \u4E3B\u6309\u94AE\u914D\u7F6E */\n  primaryButton?: string\n  /** \u526F\u6309\u94AE\u914D\u7F6E */\n  secondaryButton?: string\n  /** \u6309\u94AE\u4E8B\u4EF6*/\n  event?: {\n    primaryButton?: {\n      onClick: (v: any) => void\n    },\n    secondaryButton?: {\n      onClick: (v: any) => void\n    }\n  },\n}\n\nconst ShelfDisplay: React.FC<ShelfDisplayProps> = ({\n  className = '',\n  shape = 'square',\n  itemShape = 'square',\n  products = [],\n  primaryButton,\n  secondaryButton,\n  event\n}) => {\n\n  const onPrimaryButton = (params: ShelfDisplayItem) => {\n    event?.primaryButton?.onClick?.(params)\n  }\n\n  const onSecondaryButton = (params: ShelfDisplayItem) => {\n    event?.secondaryButton?.onClick(params)\n  }\n\n  return (\n    <>\n      <div className={cn('w-full', className)}>\n        <div className={cn('flex overflow-hidden', 'md:px-[140px] lg:px-[268px]')}>\n          <div className={cn('w-full flex', 'gap-3 md: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]',\n                    'md:min-w-[316px] md:max-w-[316px] lg:min-w-[404px] lg:max-w-[404px] lg:pt-4 lg:px-6 lg:pb-6',\n                    itemShape === 'round' ? 'rounded-2xl' : 'rounded-none'\n                  )}\n                >\n                  <div className={cn('h-[137px] overflow-hidden relative inline-block mb-2', 'lg:mb-3 lg:h-[195px]')}>\n                    <Picture\n                      source={item?.img || ''}\n                      className=\"h-full [&_img]:w-auto object-cover flex justify-center\"\n                    />\n                  </div>\n                  <div className=\"mb-1 flex gap-1 flex-wrap lg:mb-2\">\n                    {item?.tagItems?.map((tag, index) => {\n                      return (\n                        <div\n                          key={index}\n                          className=\"border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold rounded-3xl text-[#00BEFA] lg:text-base\"\n                        >\n                          {tag}\n                        </div>\n                      )\n                    })}\n                  </div>\n                  <p className=\"flex-1 font-bold text-xl text-[#1D1D1F] leading-[1.2] tracking-[-0.04em] lg:text-2xl\">\n                    {item?.title || ''}\n                  </p>\n                  <h3 className=\"mt-1 mb-5 text-sm font-semibold text-[#1D1D1F] leading-[1.2] tracking-[-0.02em] lg:mt-2 lg:mb-6 lg:text-lg\">\n                    {item?.subTitle || ''}\n                  </h3>\n                  <div className=\"mb-2 flex items-center\">\n                    <div className=\"font-bold text-xl text-[#1D1D1F] lg:text-2xl\">\n                      {item?.price || ''}\n                    </div>\n                    <div className=\"ml-1 font-bold text-xl text-[#86868C] lg:text-2xl\">\n                      {item?.basePrice || ''}\n                    </div>\n                  </div>\n                  {/* \u6309\u94AE\u7EC4 */}\n                  <div className=\"flex items-center gap-3\">\n                    <Button\n                      variant=\"primary\"\n                      onClick={() => onPrimaryButton(item)}\n                      className={`\n                        flex-1 bg-transparent border-[#1D1D1F] border box-border text-[#1D1D1F] text-xs md:text-sm lg:text-base\n                        px-4 md:px-6 lg:px-7 hover:bg-transparent hover:text-black py-2 md:py-2.5 lg:py-3 tracking-[-0.04em]\n                        ${shape === 'round' ? 'rounded-[20px] lg:rounded-3xl' : ''}\n                      `}\n                    >\n                      {primaryButton || ''}\n                    </Button>\n                    <Button\n                      variant=\"secondary\"\n                      onClick={() => onSecondaryButton(item)}\n                      className={`\n                        flex-1 bg-[#1D1D1F] border-[#1D1D1F] border text-white box-border text-xs md:text-sm lg:text-base\n                        px-4 md:px-6 lg:px-7 py-2 md:py-2.5 lg:py-3 tracking-[-0.04em]\n                        ${shape === 'round' ? 'rounded-[20px] lg:rounded-3xl' : ''}\n                      `}\n                    >\n                      {secondaryButton || ''}\n                    </Button>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default ShelfDisplay\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA4DI,IAAAI,EAAA,6BA5DJC,EAAkB,iBAClBC,EAAmB,+BACnBC,EAAoB,uCACpBC,EAAmB,sCAsCnB,MAAMC,EAA4C,CAAC,CACjD,UAAAC,EAAY,GACZ,MAAAC,EAAQ,SACR,UAAAC,EAAY,SACZ,SAAAC,EAAW,CAAC,EACZ,cAAAC,EACA,gBAAAC,EACA,MAAAC,CACF,IAAM,CAEJ,MAAMC,EAAmBC,GAA6B,CACpDF,GAAO,eAAe,UAAUE,CAAM,CACxC,EAEMC,EAAqBD,GAA6B,CACtDF,GAAO,iBAAiB,QAAQE,CAAM,CACxC,EAEA,SACE,mBACE,mBAAC,OAAI,aAAW,MAAG,SAAUR,CAAS,EACpC,mBAAC,OAAI,aAAW,MAAG,uBAAwB,6BAA6B,EACtE,mBAAC,OAAI,aAAW,MAAG,cAAe,kDAAkD,EACjF,SAAAG,GAAU,IAAI,CAACO,EAAMC,OAElB,QAAC,OAEC,aAAW,MACT,6DACA,8FACAT,IAAc,QAAU,cAAgB,cAC1C,EAEA,oBAAC,OAAI,aAAW,MAAG,uDAAwD,sBAAsB,EAC/F,mBAAC,EAAAU,QAAA,CACC,OAAQF,GAAM,KAAO,GACrB,UAAU,yDACZ,EACF,KACA,OAAC,OAAI,UAAU,oCACZ,SAAAA,GAAM,UAAU,IAAI,CAACG,EAAKF,OAEvB,OAAC,OAEC,UAAU,gGAET,SAAAE,GAHIF,CAIP,CAEH,EACH,KACA,OAAC,KAAE,UAAU,uFACV,SAAAD,GAAM,OAAS,GAClB,KACA,OAAC,MAAG,UAAU,6GACX,SAAAA,GAAM,UAAY,GACrB,KACA,QAAC,OAAI,UAAU,yBACb,oBAAC,OAAI,UAAU,+CACZ,SAAAA,GAAM,OAAS,GAClB,KACA,OAAC,OAAI,UAAU,oDACZ,SAAAA,GAAM,WAAa,GACtB,GACF,KAEA,QAAC,OAAI,UAAU,0BACb,oBAAC,EAAAI,QAAA,CACC,QAAQ,UACR,QAAS,IAAMP,EAAgBG,CAAI,EACnC,UAAW;AAAA;AAAA;AAAA,0BAGPT,IAAU,QAAU,gCAAkC,EAAE;AAAA,wBAG3D,SAAAG,GAAiB,GACpB,KACA,OAAC,EAAAU,QAAA,CACC,QAAQ,YACR,QAAS,IAAML,EAAkBC,CAAI,EACrC,UAAW;AAAA;AAAA;AAAA,0BAGPT,IAAU,QAAU,gCAAkC,EAAE;AAAA,wBAG3D,SAAAI,GAAmB,GACtB,GACF,IA/DKM,CAgEP,CAEH,EACH,EACF,EACF,EACF,CAEJ,EAEA,IAAOnB,EAAQO",
+  "sourcesContent": ["import React from 'react'\nimport { cn } from '../../helpers/utils'\nimport Picture from '../../components/picture'\nimport Button from '../../components/button'\nexport interface ShelfDisplayItem {\n  /** \u4EA7\u54C1\u56FE\u7247*/\n  img: string\n  /** \u6298\u6263\u540E\u4EF7\u683C*/\n  price: string\n  title: string\n  /** \u6298\u6263\u524D\u4EF7\u683C*/\n  basePrice: string\n  subTitle: string\n  /** \u6807\u7B7E*/\n  tagItems: string[]\n}\n\nexport interface ShelfDisplayProps {\n  products: ShelfDisplayItem[]\n  /** \u5361\u7247\u5F62\u72B6 */\n  itemShape?: 'round' | 'square'\n  className?: string\n  /** \u4E3B\u9898\u8272*/\n  theme?: 'light' | 'dark'\n  /** \u6309\u94AE\u5F62\u72B6 */\n  shape?: 'round' | 'square'\n  /** \u4E3B\u6309\u94AE\u914D\u7F6E */\n  primaryButton?: string\n  /** \u526F\u6309\u94AE\u914D\u7F6E */\n  secondaryButton?: string\n  /** \u6309\u94AE\u4E8B\u4EF6*/\n  event?: {\n    primaryButton?: {\n      onClick: (v: any) => void\n    },\n    secondaryButton?: {\n      onClick: (v: any) => void\n    }\n  },\n}\n\nconst ShelfDisplay: React.FC<ShelfDisplayProps> = ({\n  className = '',\n  shape = 'square',\n  itemShape = 'square',\n  products = [],\n  primaryButton,\n  secondaryButton,\n  event\n}) => {\n\n  const onPrimaryButton = (params: ShelfDisplayItem) => {\n    event?.primaryButton?.onClick?.(params)\n  }\n\n  const onSecondaryButton = (params: ShelfDisplayItem) => {\n    event?.secondaryButton?.onClick(params)\n  }\n\n  return (\n    <>\n      <div className={cn('w-full', className)}>\n        <div className={cn('flex overflow-hidden')}>\n          <div className={cn('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]',\n                    'laptop:min-w-[316px] laptop:max-w-[316px] desktop:min-w-[404px] desktop:max-w-[404px] desktop:pt-4 desktop:px-6 desktop:pb-6',\n                    itemShape === 'round' ? 'rounded-2xl' : 'rounded-none'\n                  )}\n                >\n                  <div className={cn('h-[137px] overflow-hidden relative inline-block mb-2', 'desktop:mb-3 desktop:h-[195px]')}>\n                    <Picture\n                      source={item?.img || ''}\n                      className=\"h-full [&_img]:w-auto object-cover flex justify-center\"\n                    />\n                  </div>\n                  <div className=\"mb-1 flex gap-1 flex-wrap desktop:mb-2\">\n                    {item?.tagItems?.map((tag, index) => {\n                      return (\n                        <div\n                          key={index}\n                          className=\"border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold rounded-3xl text-[#00BEFA] desktop:text-base\"\n                        >\n                          {tag}\n                        </div>\n                      )\n                    })}\n                  </div>\n                  <p className=\"flex-1 font-bold text-xl text-[#1D1D1F] leading-[1.2] tracking-[-0.04em] desktop:text-2xl\">\n                    {item?.title || ''}\n                  </p>\n                  <h3 className=\"mt-1 mb-5 text-sm font-semibold text-[#1D1D1F] leading-[1.2] tracking-[-0.02em] desktop:mt-2 desktop:mb-6 desktop:text-lg\">\n                    {item?.subTitle || ''}\n                  </h3>\n                  <div className=\"mb-2 flex items-center\">\n                    <div className=\"font-bold text-xl text-[#1D1D1F] desktop:text-2xl\">\n                      {item?.price || ''}\n                    </div>\n                    <div className=\"ml-1 font-bold text-xl text-[#86868C] desktop:text-2xl\">\n                      {item?.basePrice || ''}\n                    </div>\n                  </div>\n                  {/* \u6309\u94AE\u7EC4 */}\n                  <div className=\"flex items-center gap-3\">\n                    <Button\n                      variant=\"primary\"\n                      onClick={() => onPrimaryButton(item)}\n                      className={`\n                        flex-1 bg-transparent border-[#1D1D1F] border box-border text-[#1D1D1F] text-xs laptop:text-sm desktop:text-base\n                        px-4 laptop:px-6 desktop:px-7 hover:bg-transparent hover:text-black py-2 laptop:py-2.5 desktop:py-3 tracking-[-0.04em]\n                        ${shape === 'round' ? 'rounded-[20px] desktop:rounded-3xl' : ''}\n                      `}\n                    >\n                      {primaryButton || ''}\n                    </Button>\n                    <Button\n                      variant=\"secondary\"\n                      onClick={() => onSecondaryButton(item)}\n                      className={`\n                        flex-1 bg-[#1D1D1F] border-[#1D1D1F] border text-white box-border text-xs laptop:text-sm desktop:text-base\n                        px-4 laptop:px-6 desktop:px-7 py-2 laptop:py-2.5 desktop:py-3 tracking-[-0.04em]\n                        ${shape === 'round' ? 'rounded-[20px] desktop:rounded-3xl' : ''}\n                      `}\n                    >\n                      {secondaryButton || ''}\n                    </Button>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default ShelfDisplay\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA4DI,IAAAI,EAAA,6BA5DJC,EAAkB,iBAClBC,EAAmB,+BACnBC,EAAoB,uCACpBC,EAAmB,sCAsCnB,MAAMC,EAA4C,CAAC,CACjD,UAAAC,EAAY,GACZ,MAAAC,EAAQ,SACR,UAAAC,EAAY,SACZ,SAAAC,EAAW,CAAC,EACZ,cAAAC,EACA,gBAAAC,EACA,MAAAC,CACF,IAAM,CAEJ,MAAMC,EAAmBC,GAA6B,CACpDF,GAAO,eAAe,UAAUE,CAAM,CACxC,EAEMC,EAAqBD,GAA6B,CACtDF,GAAO,iBAAiB,QAAQE,CAAM,CACxC,EAEA,SACE,mBACE,mBAAC,OAAI,aAAW,MAAG,SAAUR,CAAS,EACpC,mBAAC,OAAI,aAAW,MAAG,sBAAsB,EACvC,mBAAC,OAAI,aAAW,MAAG,cAAe,sDAAsD,EACrF,SAAAG,GAAU,IAAI,CAACO,EAAMC,OAElB,QAAC,OAEC,aAAW,MACT,6DACA,+HACAT,IAAc,QAAU,cAAgB,cAC1C,EAEA,oBAAC,OAAI,aAAW,MAAG,uDAAwD,gCAAgC,EACzG,mBAAC,EAAAU,QAAA,CACC,OAAQF,GAAM,KAAO,GACrB,UAAU,yDACZ,EACF,KACA,OAAC,OAAI,UAAU,yCACZ,SAAAA,GAAM,UAAU,IAAI,CAACG,EAAKF,OAEvB,OAAC,OAEC,UAAU,qGAET,SAAAE,GAHIF,CAIP,CAEH,EACH,KACA,OAAC,KAAE,UAAU,4FACV,SAAAD,GAAM,OAAS,GAClB,KACA,OAAC,MAAG,UAAU,4HACX,SAAAA,GAAM,UAAY,GACrB,KACA,QAAC,OAAI,UAAU,yBACb,oBAAC,OAAI,UAAU,oDACZ,SAAAA,GAAM,OAAS,GAClB,KACA,OAAC,OAAI,UAAU,yDACZ,SAAAA,GAAM,WAAa,GACtB,GACF,KAEA,QAAC,OAAI,UAAU,0BACb,oBAAC,EAAAI,QAAA,CACC,QAAQ,UACR,QAAS,IAAMP,EAAgBG,CAAI,EACnC,UAAW;AAAA;AAAA;AAAA,0BAGPT,IAAU,QAAU,qCAAuC,EAAE;AAAA,wBAGhE,SAAAG,GAAiB,GACpB,KACA,OAAC,EAAAU,QAAA,CACC,QAAQ,YACR,QAAS,IAAML,EAAkBC,CAAI,EACrC,UAAW;AAAA;AAAA;AAAA,0BAGPT,IAAU,QAAU,qCAAuC,EAAE;AAAA,wBAGhE,SAAAI,GAAmB,GACtB,GACF,IA/DKM,CAgEP,CAEH,EACH,EACF,EACF,EACF,CAEJ,EAEA,IAAOnB,EAAQO",
   "names": ["ShelfDisplay_exports", "__export", "ShelfDisplay_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_picture", "import_button", "ShelfDisplay", "className", "shape", "itemShape", "products", "primaryButton", "secondaryButton", "event", "onPrimaryButton", "params", "onSecondaryButton", "item", "index", "Picture", "tag", "Button"]
 }

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

@@ -1,2 +1,2 @@
-"use strict";var g=Object.create;var x=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var D=(e,t)=>{for(var l in t)x(e,l,{get:t[l],enumerable:!0})},o=(e,t,l,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of y(t))!v.call(e,a)&&a!==l&&x(e,a,{get:()=>t[a],enumerable:!(p=c(t,a))||p.enumerable});return e};var N=(e,t,l)=>(l=e!=null?g(w(e)):{},o(t||!e||!e.__esModule?x(l,"default",{value:e,enumerable:!0}):l,e)),h=e=>o(x({},"__esModule",{value:!0}),e);var S={};D(S,{default:()=>u});module.exports=h(S);var m=require("react/jsx-runtime"),i=N(require("react")),r=require("../../helpers/utils.js"),s=require("../../components/index.js"),f=require("../../shared/Styles.js");const d=i.default.forwardRef(({title:e,features:t,className:l},p)=>(0,m.jsxs)("div",{ref:p,className:(0,r.cn)("flex flex-col items-start md:flex-row md:items-end justify-center md:justify-between text-center w-full","px-4 sm:px-6 md:px-8 lg:px-16 xl:px-32","gap-8 py-8 sm:py-10 md:py-12 lg:py-16 xl:py-20",l),children:[(0,m.jsx)(s.Heading,{as:"h2",size:2,weight:"bold",align:"left",className:"slogan-title text-[#1D1D1F] !leading-none text-[40px] md:text-[40px] lg:text-[48px] xl:text-[64px]",children:e}),t&&t.length>0&&(0,m.jsx)("div",{className:"flex flex-row w-full gap-3 max-w-[423px] items-center",children:t.slice(0,3).map((a,n)=>(0,m.jsxs)(i.default.Fragment,{children:[n>0&&(0,m.jsx)("div",{className:"self-stretch w-px bg-[#D9D9D9]"}),(0,m.jsx)("div",{className:"flex-1",children:(0,m.jsx)(s.Text,{align:"left",className:"slogan-feature-text font-medium line-clamp-3 md:line-clamp-2 text-[#1D1D1F] text-[12px] leading-[1.4] sm:text-[13px] md:text-[14px]",html:a})})]},n))})]}));d.displayName="Slogan";var u=(0,f.withStyles)(d);
+"use strict";var g=Object.create;var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var D=(t,e)=>{for(var l in e)s(t,l,{get:e[l],enumerable:!0})},n=(t,e,l,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of y(e))!v.call(t,a)&&a!==l&&s(t,a,{get:()=>e[a],enumerable:!(o=c(e,a))||o.enumerable});return t};var k=(t,e,l)=>(l=t!=null?g(w(t)):{},n(e||!t||!t.__esModule?s(l,"default",{value:t,enumerable:!0}):l,t)),N=t=>n(s({},"__esModule",{value:!0}),t);var h={};D(h,{default:()=>b});module.exports=N(h);var p=require("react/jsx-runtime"),i=k(require("react")),d=require("../../helpers/utils.js"),x=require("../../components/index.js"),f=require("../../shared/Styles.js");const r=i.default.forwardRef(({title:t,features:e,className:l},o)=>(0,p.jsxs)("div",{ref:o,className:(0,d.cn)("flex flex-col items-start laptop:flex-row laptop:items-end justify-center laptop:justify-between text-center w-full","px-4 tablet:px-6 laptop:px-8 desktop:px-16 lg-desktop:px-32","gap-8 py-8 tablet:py-10 laptop:py-12 desktop:py-16 lg-desktop:py-20",l),children:[(0,p.jsx)(x.Heading,{as:"h2",size:2,weight:"bold",align:"left",className:"slogan-title text-[#1D1D1F] !leading-none text-[40px] laptop:text-[40px] desktop:text-[48px] lg-desktop:text-[64px]",children:t}),e&&e.length>0&&(0,p.jsx)("div",{className:"flex flex-row w-full gap-3 max-w-[423px] items-center",children:e.slice(0,3).map((a,m)=>(0,p.jsxs)(i.default.Fragment,{children:[m>0&&(0,p.jsx)("div",{className:"self-stretch w-px bg-[#D9D9D9]"}),(0,p.jsx)("div",{className:"flex-1",children:(0,p.jsx)(x.Text,{align:"left",className:"slogan-feature-text font-medium line-clamp-3 laptop:line-clamp-2 text-[#1D1D1F] text-[12px] leading-[1.4] tablet:text-[13px] laptop:text-[14px]",html:a})})]},m))})]}));r.displayName="Slogan";var b=(0,f.withStyles)(r);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/Slogan/index.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { Heading, Text } from '../../components/index.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport type { SloganProps } from './types.js'\n\nconst Slogan = React.forwardRef<HTMLDivElement, SloganProps>(\n  ({ title, features, className }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex flex-col items-start md:flex-row md:items-end justify-center md:justify-between text-center w-full',\n          'px-4 sm:px-6 md:px-8 lg:px-16 xl:px-32',\n          'gap-8 py-8 sm:py-10 md:py-12 lg:py-16 xl:py-20',\n          className\n        )}\n      >\n        <Heading\n          as=\"h2\"\n          size={2}\n          weight={\"bold\"}\n          align={\"left\"}\n          className='slogan-title text-[#1D1D1F] !leading-none text-[40px] md:text-[40px] lg:text-[48px] xl:text-[64px]'\n        >\n          {title}\n        </Heading>\n        {features && features.length > 0 && (\n          <div className=\"flex flex-row w-full gap-3 max-w-[423px] items-center\">\n            {features.slice(0, 3).map((feature, index) => (\n              <React.Fragment key={index}>\n                {index > 0 && (\n                  <div className=\"self-stretch w-px bg-[#D9D9D9]\" />\n                )}\n                <div className=\"flex-1\">\n                  <Text \n                    align=\"left\" \n                    className=\"slogan-feature-text font-medium line-clamp-3 md:line-clamp-2 text-[#1D1D1F] text-[12px] leading-[1.4] sm:text-[13px] md:text-[14px]\" \n                    html={feature}\n                  />\n                </div>\n              </React.Fragment>\n            ))}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nSlogan.displayName = 'Slogan'\n\nexport default withStyles(Slogan)"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAkBQ,IAAAI,EAAA,6BAlBRC,EAAkB,oBAClBC,EAAmB,kCACnBC,EAA8B,qCAC9BC,EAA2B,kCAG3B,MAAMC,EAAS,EAAAC,QAAM,WACnB,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,UAAAC,CAAU,EAAGC,OAE7B,QAAC,OACC,IAAKA,EACL,aAAW,MACT,0GACA,yCACA,iDACAD,CACF,EAEA,oBAAC,WACC,GAAG,KACH,KAAM,EACN,OAAQ,OACR,MAAO,OACP,UAAU,qGAET,SAAAF,EACH,EACCC,GAAYA,EAAS,OAAS,MAC7B,OAAC,OAAI,UAAU,wDACZ,SAAAA,EAAS,MAAM,EAAG,CAAC,EAAE,IAAI,CAACG,EAASC,OAClC,QAAC,EAAAN,QAAM,SAAN,CACE,UAAAM,EAAQ,MACP,OAAC,OAAI,UAAU,iCAAiC,KAElD,OAAC,OAAI,UAAU,SACb,mBAAC,QACC,MAAM,OACN,UAAU,sIACV,KAAMD,EACR,EACF,IAVmBC,CAWrB,CACD,EACH,GAEJ,CAGN,EAEAP,EAAO,YAAc,SAErB,IAAOP,KAAQ,cAAWO,CAAM",
+  "sourcesContent": ["import React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { Heading, Text } from '../../components/index.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport type { SloganProps } from './types.js'\n\nconst Slogan = React.forwardRef<HTMLDivElement, SloganProps>(\n  ({ title, features, className }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex flex-col items-start laptop:flex-row laptop:items-end justify-center laptop:justify-between text-center w-full',\n          'px-4 tablet:px-6 laptop:px-8 desktop:px-16 lg-desktop:px-32',\n          'gap-8 py-8 tablet:py-10 laptop:py-12 desktop:py-16 lg-desktop:py-20',\n          className\n        )}\n      >\n        <Heading\n          as=\"h2\"\n          size={2}\n          weight={\"bold\"}\n          align={\"left\"}\n          className='slogan-title text-[#1D1D1F] !leading-none text-[40px] laptop:text-[40px] desktop:text-[48px] lg-desktop:text-[64px]'\n        >\n          {title}\n        </Heading>\n        {features && features.length > 0 && (\n          <div className=\"flex flex-row w-full gap-3 max-w-[423px] items-center\">\n            {features.slice(0, 3).map((feature, index) => (\n              <React.Fragment key={index}>\n                {index > 0 && (\n                  <div className=\"self-stretch w-px bg-[#D9D9D9]\" />\n                )}\n                <div className=\"flex-1\">\n                  <Text \n                    align=\"left\" \n                    className=\"slogan-feature-text font-medium line-clamp-3 laptop:line-clamp-2 text-[#1D1D1F] text-[12px] leading-[1.4] tablet:text-[13px] laptop:text-[14px]\" \n                    html={feature}\n                  />\n                </div>\n              </React.Fragment>\n            ))}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nSlogan.displayName = 'Slogan'\n\nexport default withStyles(Slogan)"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAkBQ,IAAAI,EAAA,6BAlBRC,EAAkB,oBAClBC,EAAmB,kCACnBC,EAA8B,qCAC9BC,EAA2B,kCAG3B,MAAMC,EAAS,EAAAC,QAAM,WACnB,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,UAAAC,CAAU,EAAGC,OAE7B,QAAC,OACC,IAAKA,EACL,aAAW,MACT,sHACA,8DACA,sEACAD,CACF,EAEA,oBAAC,WACC,GAAG,KACH,KAAM,EACN,OAAQ,OACR,MAAO,OACP,UAAU,sHAET,SAAAF,EACH,EACCC,GAAYA,EAAS,OAAS,MAC7B,OAAC,OAAI,UAAU,wDACZ,SAAAA,EAAS,MAAM,EAAG,CAAC,EAAE,IAAI,CAACG,EAASC,OAClC,QAAC,EAAAN,QAAM,SAAN,CACE,UAAAM,EAAQ,MACP,OAAC,OAAI,UAAU,iCAAiC,KAElD,OAAC,OAAI,UAAU,SACb,mBAAC,QACC,MAAM,OACN,UAAU,kJACV,KAAMD,EACR,EACF,IAVmBC,CAWrB,CACD,EACH,GAEJ,CAGN,EAEAP,EAAO,YAAc,SAErB,IAAOP,KAAQ,cAAWO,CAAM",
   "names": ["Slogan_exports", "__export", "Slogan_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_components", "import_Styles", "Slogan", "React", "title", "features", "className", "ref", "feature", "index"]
 }

package/dist/cjs/components/button.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var V=Object.create;var i=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var H=(e,t)=>{for(var r in t)i(e,r,{get:t[r],enumerable:!0})},f=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of z(t))!E.call(e,n)&&n!==r&&i(e,n,{get:()=>t[n],enumerable:!(o=B(t,n))||o.enumerable});return e};var c=(e,t,r)=>(r=e!=null?V(w(e)):{},f(t||!e||!e.__esModule?i(r,"default",{value:e,enumerable:!0}):r,e)),N=e=>f(i({},"__esModule",{value:!0}),e);var M={};H(M,{default:()=>L});module.exports=N(M);var a=require("react/jsx-runtime"),P=c(require("react")),u=require("@radix-ui/react-slot"),m=require("@radix-ui/react-visually-hidden"),d=require("class-variance-authority"),g=c(require("../icons/spinner.js")),y=require("../helpers/index.js");const R=(0,d.cva)("ring-offset-background focus-visible:ring-ring rounded-btn inline-flex items-center justify-center text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none",{variants:{variant:{nature:"border border-solid border-black",primary:"bg-btn-primary text-btn-primary-foreground hover:bg-btn-primary-active",secondary:"bg-btn-secondary text-btn-secondary-foreground hover:bg-btn-secondary-active hover:text-btn-secondary border border-solid",link:"text-primary underline-offset-4 hover:underline",ghost:"hover:bg-btn-primary hover:text-btn-primary-foreground"},size:{sm:"px-3 py-2 text-[12px]  leading-tight",base:"px-5 pt-[11px] pb-[10px] text-[14px]  leading-tight",lg:"px-7 pt-[15px] pb-[14px] text-[16px]  leading-tight",icon:"size-10 rounded-full  leading-tight"},hoverEffect:{none:"",slide:""},state:{default:"",disabled:"",loading:""},theme:{dark:"",light:""}},compoundVariants:[{variant:"primary",hoverEffect:"slide",class:'z-[1] before:-z-[1] before:rounded-btn hover:!bg-btn-primary before:bg-btn-primary-active relative overflow-hidden before:absolute before:inset-y-0  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[""] hover:before:translate-x-0'},{variant:"secondary",hoverEffect:"slide",class:'z-[1] before:-z-[1] before:rounded-btn hover:!bg-btn-secondary before:bg-btn-secondary-active relative overflow-hidden before:absolute before:inset-y-0  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[""] hover:before:translate-x-0'},{variant:"primary",state:"loading",class:"bg-btn-primary"},{variant:"secondary",state:"loading",class:"bg-btn-secondary disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground"},{variant:"primary",state:"disabled",class:"disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled-foreground"},{variant:"secondary",state:"disabled",class:"disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground"},{variant:"nature",theme:"dark",class:"bg-transparent text-black"},{variant:"nature",theme:"light",class:"bg-black text-white"}],defaultVariants:{variant:"primary",size:"base",hoverEffect:"none",state:"default",theme:"light"}}),C=(0,d.cva)("",{variants:{variant:{nature:"stroke-btn-primary-foreground",primary:"stroke-btn-primary-foreground",secondary:"stroke-btn-secondary-foreground",link:"stroke-primary",ghost:"stroke-primary"}},defaultVariants:{variant:"primary"}}),p=P.forwardRef(({asChild:e=!1,size:t="base",children:r,variant:o,theme:n="light",hoverEffect:v="none",className:h,disabled:b=!1,loading:s=!1,spinner:l,...x},k)=>(0,a.jsx)(e?u.Slot:"button",{disabled:b||s,className:(0,y.cn)(R({variant:o,size:t,hoverEffect:v,state:s?"loading":b?"disabled":"default",theme:n}),h),ref:k,...x,children:s?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0,children:r}),(0,a.jsx)("span",{className:"absolute",children:l||(0,a.jsx)(g.default,{className:C({variant:o})})}),(0,a.jsx)(m.VisuallyHidden,{children:r})]}):r}));p.displayName="Button";var L=p;
+"use strict";"use client";var V=Object.create;var i=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var H=(e,t)=>{for(var r in t)i(e,r,{get:t[r],enumerable:!0})},f=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of z(t))!E.call(e,n)&&n!==r&&i(e,n,{get:()=>t[n],enumerable:!(o=B(t,n))||o.enumerable});return e};var p=(e,t,r)=>(r=e!=null?V(w(e)):{},f(t||!e||!e.__esModule?i(r,"default",{value:e,enumerable:!0}):r,e)),N=e=>f(i({},"__esModule",{value:!0}),e);var M={};H(M,{default:()=>L});module.exports=N(M);var a=require("react/jsx-runtime"),P=p(require("react")),u=require("@radix-ui/react-slot"),m=require("@radix-ui/react-visually-hidden"),d=require("class-variance-authority"),y=p(require("../icons/spinner.js")),g=require("../helpers/index.js");const R=(0,d.cva)("ring-offset-background focus-visible:ring-ring rounded-btn inline-flex items-center justify-center text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none",{variants:{variant:{nature:"border border-solid border-black",primary:"bg-btn-primary text-btn-primary-foreground hover:bg-btn-primary-active",secondary:"bg-btn-secondary text-btn-secondary-foreground hover:bg-btn-secondary-active hover:text-btn-secondary border border-solid",link:"text-primary underline-offset-4 hover:underline",ghost:"hover:bg-btn-primary hover:text-btn-primary-foreground"},size:{sm:"px-3 py-2 text-[12px]  leading-tight",base:"px-5 pt-[11px] pb-[10px] text-[14px]  leading-tight",lg:"px-7 pt-[15px] pb-[14px] text-[16px]  leading-tight",icon:"size-10 rounded-full  leading-tight"},hoverEffect:{none:"",slide:""},state:{default:"",disabled:"",loading:""},theme:{dark:"",light:""}},compoundVariants:[{variant:"primary",hoverEffect:"slide",class:'z-[1] before:-z-[1] before:rounded-btn hover:!bg-btn-primary before:bg-btn-primary-active relative overflow-hidden before:absolute before:inset-y-0  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[""] hover:before:translate-x-0'},{variant:"secondary",hoverEffect:"slide",class:'z-[1] before:-z-[1] before:rounded-btn hover:!bg-btn-secondary before:bg-btn-secondary-active relative overflow-hidden before:absolute before:inset-y-0  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[""] hover:before:translate-x-0'},{variant:"primary",state:"loading",class:"bg-btn-primary"},{variant:"secondary",state:"loading",class:"bg-btn-secondary disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground"},{variant:"primary",state:"disabled",class:"disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled-foreground"},{variant:"secondary",state:"disabled",class:"disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground"},{variant:"nature",theme:"dark",class:"bg-transparent text-info-primary"},{variant:"nature",theme:"light",class:"bg-info-primary text-info-white"}],defaultVariants:{variant:"primary",size:"base",hoverEffect:"none",state:"default",theme:"light"}}),C=(0,d.cva)("",{variants:{variant:{nature:"stroke-btn-primary-foreground",primary:"stroke-btn-primary-foreground",secondary:"stroke-btn-secondary-foreground",link:"stroke-primary",ghost:"stroke-primary"}},defaultVariants:{variant:"primary"}}),c=P.forwardRef(({asChild:e=!1,size:t="base",children:r,variant:o,theme:n="light",hoverEffect:v="none",className:h,disabled:b=!1,loading:s=!1,spinner:l,...x},k)=>(0,a.jsx)(e?u.Slot:"button",{disabled:b||s,className:(0,g.cn)(R({variant:o,size:t,hoverEffect:v,state:s?"loading":b?"disabled":"default",theme:n}),h),ref:k,...x,children:s?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0,children:r}),(0,a.jsx)("span",{className:"absolute",children:l||(0,a.jsx)(y.default,{className:C({variant:o})})}),(0,a.jsx)(m.VisuallyHidden,{children:r})]}):r}));c.displayName="Button";var L=c;
 //# sourceMappingURL=button.js.map

package/dist/cjs/components/button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/button.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport Spinner from '../icons/spinner.js'\nimport { cn } from '../helpers/index.js'\n\n/**\n * Button Variants\n */\nconst buttonVariants = cva(\n  'ring-offset-background focus-visible:ring-ring rounded-btn inline-flex items-center justify-center text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none',\n  {\n    variants: {\n      variant: {\n        nature: 'border border-solid border-black',\n        primary: 'bg-btn-primary text-btn-primary-foreground hover:bg-btn-primary-active',\n        secondary:\n          'bg-btn-secondary text-btn-secondary-foreground hover:bg-btn-secondary-active hover:text-btn-secondary border border-solid',\n        link: 'text-primary underline-offset-4 hover:underline',\n        ghost: 'hover:bg-btn-primary hover:text-btn-primary-foreground',\n      },\n      size: {\n        sm: 'px-3 py-2 text-[12px]  leading-tight',\n        base: 'px-5 pt-[11px] pb-[10px] text-[14px]  leading-tight',\n        lg: 'px-7 pt-[15px] pb-[14px] text-[16px]  leading-tight',\n        icon: 'size-10 rounded-full  leading-tight',\n      },\n      /** hover \u72B6\u6001\u4E0B\u7684\u52A8\u753B\u6548\u679C,\u9700\u8981\u6CE8\u610F\u4E0D\u540Cvariant \u4E0B\u7684\u6548\u679C */\n      hoverEffect: {\n        none: '',\n        slide: '',\n      },\n      state: {\n        default: '',\n        disabled: '',\n        loading: '',\n      },\n      theme: {\n        dark: '',\n        light: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'primary',\n        hoverEffect: 'slide',\n        class:\n          'z-[1] before:-z-[1] before:rounded-btn hover:!bg-btn-primary before:bg-btn-primary-active relative overflow-hidden before:absolute before:inset-y-0  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'secondary',\n        hoverEffect: 'slide',\n        class:\n          'z-[1] before:-z-[1] before:rounded-btn hover:!bg-btn-secondary before:bg-btn-secondary-active relative overflow-hidden before:absolute before:inset-y-0  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'primary',\n        state: 'loading',\n        class: 'bg-btn-primary',\n      },\n      {\n        variant: 'secondary',\n        state: 'loading',\n        class: 'bg-btn-secondary disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground',\n      },\n      {\n        variant: 'primary',\n        state: 'disabled',\n        class: 'disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled-foreground',\n      },\n      {\n        variant: 'secondary',\n        state: 'disabled',\n        class: 'disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground',\n      },\n      {\n        variant: 'nature',\n        theme: 'dark',\n        class: 'bg-transparent text-black',\n      },\n      {\n        variant: 'nature',\n        theme: 'light',\n        class: 'bg-black text-white',\n      },\n    ],\n    defaultVariants: {\n      variant: 'primary',\n      size: 'base',\n      hoverEffect: 'none',\n      state: 'default',\n      theme: 'light',\n    },\n  }\n)\n\nconst loadingSvgVariants = cva('', {\n  variants: {\n    variant: {\n      nature: 'stroke-btn-primary-foreground',\n      primary: 'stroke-btn-primary-foreground',\n      secondary: 'stroke-btn-secondary-foreground',\n      link: 'stroke-primary',\n      ghost: 'stroke-primary',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n})\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n  VariantProps<typeof buttonVariants> {\n  /** \u8BBE\u7F6E\u6309\u94AE\u8F7D\u5165\u72B6\u6001  */\n  loading?: boolean\n  /** \u8BBE\u7F6E\u6309\u94AE\u5931\u6548\u72B6\u6001  */\n  disabled?: boolean\n  /** \u5B9A\u4E49\u81EA\u7EC4\u4EF6\u4F5C\u4E3A\u7236\u7EC4\u4EF6\u7684\u7C7B\u578B\uFF0C \u8BE6\u7EC6\u4F7F\u7528\u65B9\u5F0F\u8BF7\u53C2\u8003radix-ui */\n  asChild?: boolean\n  /** \u81EA\u5B9A\u4E49loading  */\n  spinner?: React.ReactNode\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      asChild = false,\n      size = 'base',\n      children,\n      variant,\n      theme = 'light',\n      hoverEffect = 'none',\n      className,\n      disabled = false,\n      loading = false,\n      spinner,\n      ...props\n    }: ButtonProps,\n    ref\n  ) => {\n    const Comp = asChild ? Slot : 'button'\n    const isInactive = disabled || loading\n    const state = loading ? 'loading' : disabled ? 'disabled' : 'default'\n\n    return (\n      <Comp\n        disabled={isInactive}\n        className={cn(buttonVariants({ variant, size, hoverEffect, state, theme }), className)}\n        ref={ref}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <span style={{ display: 'contents', visibility: 'hidden' }} aria-hidden>\n              {children}\n            </span>\n            <span className=\"absolute\">\n              {spinner ? (\n                spinner\n              ) : (\n                <Spinner\n                  className={loadingSvgVariants({\n                    variant,\n                  })}\n                />\n              )}\n            </span>\n            <VisuallyHidden>{children}</VisuallyHidden>\n          </>\n        ) : (\n          children\n        )}\n      </Comp>\n    )\n  }\n)\n\nButton.displayName = 'Button'\nexport default Button\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA4JU,IAAAI,EAAA,6BA1JVC,EAAuB,oBACvBC,EAAqB,gCACrBC,EAA+B,2CAC/BC,EAAuC,oCACvCC,EAAoB,kCACpBC,EAAmB,+BAKnB,MAAMC,KAAiB,OACrB,oPACA,CACE,SAAU,CACR,QAAS,CACP,OAAQ,mCACR,QAAS,yEACT,UACE,4HACF,KAAM,kDACN,MAAO,wDACT,EACA,KAAM,CACJ,GAAI,uCACJ,KAAM,sDACN,GAAI,sDACJ,KAAM,qCACR,EAEA,YAAa,CACX,KAAM,GACN,MAAO,EACT,EACA,MAAO,CACL,QAAS,GACT,SAAU,GACV,QAAS,EACX,EACA,MAAO,CACL,KAAM,GACN,MAAO,EACT,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,UACT,YAAa,QACb,MACE,+SACJ,EACA,CACE,QAAS,YACT,YAAa,QACb,MACE,mTACJ,EACA,CACE,QAAS,UACT,MAAO,UACP,MAAO,gBACT,EACA,CACE,QAAS,YACT,MAAO,UACP,MAAO,qGACT,EACA,CACE,QAAS,UACT,MAAO,WACP,MAAO,gFACT,EACA,CACE,QAAS,YACT,MAAO,WACP,MAAO,oFACT,EACA,CACE,QAAS,SACT,MAAO,OACP,MAAO,2BACT,EACA,CACE,QAAS,SACT,MAAO,QACP,MAAO,qBACT,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,OACN,YAAa,OACb,MAAO,UACP,MAAO,OACT,CACF,CACF,EAEMC,KAAqB,OAAI,GAAI,CACjC,SAAU,CACR,QAAS,CACP,OAAQ,gCACR,QAAS,gCACT,UAAW,kCACX,KAAM,iBACN,MAAO,gBACT,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CAAC,EAeKC,EAASR,EAAM,WACnB,CACE,CACE,QAAAS,EAAU,GACV,KAAAC,EAAO,OACP,SAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,QACR,YAAAC,EAAc,OACd,UAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EAAU,GACV,QAAAC,EACA,GAAGC,CACL,EACAC,OAOE,OALWX,EAAU,OAAO,SAK3B,CACC,SALeO,GAAYC,EAM3B,aAAW,MAAGX,EAAe,CAAE,QAAAM,EAAS,KAAAF,EAAM,YAAAI,EAAa,MALjDG,EAAU,UAAYD,EAAW,WAAa,UAKU,MAAAH,CAAM,CAAC,EAAGE,CAAS,EACrF,IAAKK,EACJ,GAAGD,EAEH,SAAAF,KACC,oBACE,oBAAC,QAAK,MAAO,CAAE,QAAS,WAAY,WAAY,QAAS,EAAG,cAAW,GACpE,SAAAN,EACH,KACA,OAAC,QAAK,UAAU,WACb,SAAAO,MAGC,OAAC,EAAAG,QAAA,CACC,UAAWd,EAAmB,CAC5B,QAAAK,CACF,CAAC,EACH,EAEJ,KACA,OAAC,kBAAgB,SAAAD,EAAS,GAC5B,EAEAA,EAEJ,CAGN,EAEAH,EAAO,YAAc,SACrB,IAAOX,EAAQW",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport Spinner from '../icons/spinner.js'\nimport { cn } from '../helpers/index.js'\n\n/**\n * Button Variants\n */\nconst buttonVariants = cva(\n  'ring-offset-background focus-visible:ring-ring rounded-btn inline-flex items-center justify-center text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none',\n  {\n    variants: {\n      variant: {\n        nature: 'border border-solid border-black',\n        primary: 'bg-btn-primary text-btn-primary-foreground hover:bg-btn-primary-active',\n        secondary:\n          'bg-btn-secondary text-btn-secondary-foreground hover:bg-btn-secondary-active hover:text-btn-secondary border border-solid',\n        link: 'text-primary underline-offset-4 hover:underline',\n        ghost: 'hover:bg-btn-primary hover:text-btn-primary-foreground',\n      },\n      size: {\n        sm: 'px-3 py-2 text-[12px]  leading-tight',\n        base: 'px-5 pt-[11px] pb-[10px] text-[14px]  leading-tight',\n        lg: 'px-7 pt-[15px] pb-[14px] text-[16px]  leading-tight',\n        icon: 'size-10 rounded-full  leading-tight',\n      },\n      /** hover \u72B6\u6001\u4E0B\u7684\u52A8\u753B\u6548\u679C,\u9700\u8981\u6CE8\u610F\u4E0D\u540Cvariant \u4E0B\u7684\u6548\u679C */\n      hoverEffect: {\n        none: '',\n        slide: '',\n      },\n      state: {\n        default: '',\n        disabled: '',\n        loading: '',\n      },\n      theme: {\n        dark: '',\n        light: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'primary',\n        hoverEffect: 'slide',\n        class:\n          'z-[1] before:-z-[1] before:rounded-btn hover:!bg-btn-primary before:bg-btn-primary-active relative overflow-hidden before:absolute before:inset-y-0  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'secondary',\n        hoverEffect: 'slide',\n        class:\n          'z-[1] before:-z-[1] before:rounded-btn hover:!bg-btn-secondary before:bg-btn-secondary-active relative overflow-hidden before:absolute before:inset-y-0  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'primary',\n        state: 'loading',\n        class: 'bg-btn-primary',\n      },\n      {\n        variant: 'secondary',\n        state: 'loading',\n        class: 'bg-btn-secondary disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground',\n      },\n      {\n        variant: 'primary',\n        state: 'disabled',\n        class: 'disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled-foreground',\n      },\n      {\n        variant: 'secondary',\n        state: 'disabled',\n        class: 'disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground',\n      },\n      {\n        variant: 'nature',\n        theme: 'dark',\n        class: 'bg-transparent text-info-primary',\n      },\n      {\n        variant: 'nature',\n        theme: 'light',\n        class: 'bg-info-primary text-info-white',\n      },\n    ],\n    defaultVariants: {\n      variant: 'primary',\n      size: 'base',\n      hoverEffect: 'none',\n      state: 'default',\n      theme: 'light',\n    },\n  }\n)\n\nconst loadingSvgVariants = cva('', {\n  variants: {\n    variant: {\n      nature: 'stroke-btn-primary-foreground',\n      primary: 'stroke-btn-primary-foreground',\n      secondary: 'stroke-btn-secondary-foreground',\n      link: 'stroke-primary',\n      ghost: 'stroke-primary',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n})\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n  VariantProps<typeof buttonVariants> {\n  /** \u8BBE\u7F6E\u6309\u94AE\u8F7D\u5165\u72B6\u6001  */\n  loading?: boolean\n  /** \u8BBE\u7F6E\u6309\u94AE\u5931\u6548\u72B6\u6001  */\n  disabled?: boolean\n  /** \u5B9A\u4E49\u81EA\u7EC4\u4EF6\u4F5C\u4E3A\u7236\u7EC4\u4EF6\u7684\u7C7B\u578B\uFF0C \u8BE6\u7EC6\u4F7F\u7528\u65B9\u5F0F\u8BF7\u53C2\u8003radix-ui */\n  asChild?: boolean\n  /** \u81EA\u5B9A\u4E49loading  */\n  spinner?: React.ReactNode\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      asChild = false,\n      size = 'base',\n      children,\n      variant,\n      theme = 'light',\n      hoverEffect = 'none',\n      className,\n      disabled = false,\n      loading = false,\n      spinner,\n      ...props\n    }: ButtonProps,\n    ref\n  ) => {\n    const Comp = asChild ? Slot : 'button'\n    const isInactive = disabled || loading\n    const state = loading ? 'loading' : disabled ? 'disabled' : 'default'\n\n    return (\n      <Comp\n        disabled={isInactive}\n        className={cn(buttonVariants({ variant, size, hoverEffect, state, theme }), className)}\n        ref={ref}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <span style={{ display: 'contents', visibility: 'hidden' }} aria-hidden>\n              {children}\n            </span>\n            <span className=\"absolute\">\n              {spinner ? (\n                spinner\n              ) : (\n                <Spinner\n                  className={loadingSvgVariants({\n                    variant,\n                  })}\n                />\n              )}\n            </span>\n            <VisuallyHidden>{children}</VisuallyHidden>\n          </>\n        ) : (\n          children\n        )}\n      </Comp>\n    )\n  }\n)\n\nButton.displayName = 'Button'\nexport default Button\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA4JU,IAAAI,EAAA,6BA1JVC,EAAuB,oBACvBC,EAAqB,gCACrBC,EAA+B,2CAC/BC,EAAuC,oCACvCC,EAAoB,kCACpBC,EAAmB,+BAKnB,MAAMC,KAAiB,OACrB,oPACA,CACE,SAAU,CACR,QAAS,CACP,OAAQ,mCACR,QAAS,yEACT,UACE,4HACF,KAAM,kDACN,MAAO,wDACT,EACA,KAAM,CACJ,GAAI,uCACJ,KAAM,sDACN,GAAI,sDACJ,KAAM,qCACR,EAEA,YAAa,CACX,KAAM,GACN,MAAO,EACT,EACA,MAAO,CACL,QAAS,GACT,SAAU,GACV,QAAS,EACX,EACA,MAAO,CACL,KAAM,GACN,MAAO,EACT,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,UACT,YAAa,QACb,MACE,+SACJ,EACA,CACE,QAAS,YACT,YAAa,QACb,MACE,mTACJ,EACA,CACE,QAAS,UACT,MAAO,UACP,MAAO,gBACT,EACA,CACE,QAAS,YACT,MAAO,UACP,MAAO,qGACT,EACA,CACE,QAAS,UACT,MAAO,WACP,MAAO,gFACT,EACA,CACE,QAAS,YACT,MAAO,WACP,MAAO,oFACT,EACA,CACE,QAAS,SACT,MAAO,OACP,MAAO,kCACT,EACA,CACE,QAAS,SACT,MAAO,QACP,MAAO,iCACT,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,OACN,YAAa,OACb,MAAO,UACP,MAAO,OACT,CACF,CACF,EAEMC,KAAqB,OAAI,GAAI,CACjC,SAAU,CACR,QAAS,CACP,OAAQ,gCACR,QAAS,gCACT,UAAW,kCACX,KAAM,iBACN,MAAO,gBACT,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CAAC,EAeKC,EAASR,EAAM,WACnB,CACE,CACE,QAAAS,EAAU,GACV,KAAAC,EAAO,OACP,SAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,QACR,YAAAC,EAAc,OACd,UAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EAAU,GACV,QAAAC,EACA,GAAGC,CACL,EACAC,OAOE,OALWX,EAAU,OAAO,SAK3B,CACC,SALeO,GAAYC,EAM3B,aAAW,MAAGX,EAAe,CAAE,QAAAM,EAAS,KAAAF,EAAM,YAAAI,EAAa,MALjDG,EAAU,UAAYD,EAAW,WAAa,UAKU,MAAAH,CAAM,CAAC,EAAGE,CAAS,EACrF,IAAKK,EACJ,GAAGD,EAEH,SAAAF,KACC,oBACE,oBAAC,QAAK,MAAO,CAAE,QAAS,WAAY,WAAY,QAAS,EAAG,cAAW,GACpE,SAAAN,EACH,KACA,OAAC,QAAK,UAAU,WACb,SAAAO,MAGC,OAAC,EAAAG,QAAA,CACC,UAAWd,EAAmB,CAC5B,QAAAK,CACF,CAAC,EACH,EAEJ,KACA,OAAC,kBAAgB,SAAAD,EAAS,GAC5B,EAEAA,EAEJ,CAGN,EAEAH,EAAO,YAAc,SACrB,IAAOX,EAAQW",
   "names": ["button_exports", "__export", "button_default", "__toCommonJS", "import_jsx_runtime", "React", "import_react_slot", "import_react_visually_hidden", "import_class_variance_authority", "import_spinner", "import_helpers", "buttonVariants", "loadingSvgVariants", "Button", "asChild", "size", "children", "variant", "theme", "hoverEffect", "className", "disabled", "loading", "spinner", "props", "ref", "Spinner"]
 }

package/dist/cjs/components/card.js

@@ -1,2 +1,2 @@
-"use strict";var x=Object.create;var n=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var D=(e,t)=>{for(var a in t)n(e,a,{get:t[a],enumerable:!0})},T=(e,t,a,H)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of L(t))!C.call(e,l)&&l!==a&&n(e,l,{get:()=>t[l],enumerable:!(H=v(t,l))||H.enumerable});return e};var R=(e,t,a)=>(a=e!=null?x(M(e)):{},T(t||!e||!e.__esModule?n(a,"default",{value:e,enumerable:!0}):a,e)),E=e=>T(n({},"__esModule",{value:!0}),e);var N={};D(N,{Card:()=>s,CardContent:()=>f,CardDescription:()=>c,CardFooter:()=>p,CardHeader:()=>m,CardTitle:()=>o});module.exports=E(N);var i=require("react/jsx-runtime"),d=R(require("react")),r=require("../helpers/index.js");const s=d.forwardRef(({className:e,...t},a)=>(0,i.jsx)("div",{ref:a,className:(0,r.cn)("bg-card text-card-foreground rounded-lg border shadow-sm",e),...t}));s.displayName="Card";const m=d.forwardRef(({className:e,...t},a)=>(0,i.jsx)("div",{ref:a,className:(0,r.cn)("min-xl:px-6 min-xl:pt-[32px] flex flex-col space-y-1.5 px-4 pt-6",e),...t}));m.displayName="CardHeader";const o=d.forwardRef(({className:e,...t},a)=>(0,i.jsx)("div",{ref:a,className:(0,r.cn)("text-2xl font-semibold leading-none tracking-tight",e),...t}));o.displayName="CardTitle";const c=d.forwardRef(({className:e,...t},a)=>(0,i.jsx)("div",{ref:a,className:(0,r.cn)("text-muted-foreground text-sm",e),...t}));c.displayName="CardDescription";const f=d.forwardRef(({className:e,...t},a)=>(0,i.jsx)("div",{ref:a,className:(0,r.cn)("min-xl:p-6 p-4 pt-0",e),...t}));f.displayName="CardContent";const p=d.forwardRef(({className:e,...t},a)=>(0,i.jsx)("div",{ref:a,className:(0,r.cn)("min-xl:px-6 min-xl:pb-[32px] flex items-center px-4 pb-6 pt-0",e),...t}));p.displayName="CardFooter";
+"use strict";var v=Object.create;var o=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var D=(e,t)=>{for(var a in t)o(e,a,{get:t[a],enumerable:!0})},T=(e,t,a,H)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of M(t))!C.call(e,i)&&i!==a&&o(e,i,{get:()=>t[i],enumerable:!(H=L(t,i))||H.enumerable});return e};var R=(e,t,a)=>(a=e!=null?v(x(e)):{},T(t||!e||!e.__esModule?o(a,"default",{value:e,enumerable:!0}):a,e)),g=e=>T(o({},"__esModule",{value:!0}),e);var E={};D(E,{Card:()=>l,CardContent:()=>c,CardDescription:()=>p,CardFooter:()=>f,CardHeader:()=>n,CardTitle:()=>m});module.exports=g(E);var d=require("react/jsx-runtime"),s=R(require("react")),r=require("../helpers/index.js");const l=s.forwardRef(({className:e,...t},a)=>(0,d.jsx)("div",{ref:a,className:(0,r.cn)("bg-card text-card-foreground rounded-lg border shadow-sm",e),...t}));l.displayName="Card";const n=s.forwardRef(({className:e,...t},a)=>(0,d.jsx)("div",{ref:a,className:(0,r.cn)("lg-desktop:px-6 lg-desktop:pt-[32px] flex flex-col space-y-1.5 px-4 pt-6",e),...t}));n.displayName="CardHeader";const m=s.forwardRef(({className:e,...t},a)=>(0,d.jsx)("div",{ref:a,className:(0,r.cn)("text-2xl font-semibold leading-none tracking-tight",e),...t}));m.displayName="CardTitle";const p=s.forwardRef(({className:e,...t},a)=>(0,d.jsx)("div",{ref:a,className:(0,r.cn)("text-muted-foreground text-sm",e),...t}));p.displayName="CardDescription";const c=s.forwardRef(({className:e,...t},a)=>(0,d.jsx)("div",{ref:a,className:(0,r.cn)("lg-desktop:p-6 p-4 pt-0",e),...t}));c.displayName="CardContent";const f=s.forwardRef(({className:e,...t},a)=>(0,d.jsx)("div",{ref:a,className:(0,r.cn)("lg-desktop:px-6 lg-desktop:pb-[32px] flex items-center px-4 pb-6 pt-0",e),...t}));f.displayName="CardFooter";
 //# sourceMappingURL=card.js.map