@anker-in/headless-ui 0.0.27-alpha.27 → 0.0.27-alpha.28

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/AccordionCards/index.tsx"],
-  "sourcesContent": ["'use client'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport { useState, useEffect, useRef } from 'react'\n\n/** Hook\uFF1A\u76D1\u542C\u7A97\u53E3\u5BBD\u5EA6 */\nfunction useWindowWidth() {\n  const [width, setWidth] = useState(window?.innerWidth || 0)\n  useEffect(() => {\n    const onResize = () => setWidth(window?.innerWidth || 0)\n    window?.addEventListener('resize', onResize)\n    return () => window?.removeEventListener('resize', onResize)\n  }, [])\n  return width <= 768\n}\n\ntype AccordionCardsType = {\n  products: Array<{\n    /** \u6807\u9898\u6587\u672C */\n    title: string\n    /** \u56FE\u7247*/\n    img: string\n    /** \u5185\u5BB9\u8282\u70B9 */\n    subTitle: string\n  }>\n  className?: string\n  /** \u6309\u94AE\u5F62\u72B6 */\n  shape?: 'round' | 'square'\n  /** \u5361\u7247\u5F62\u72B6 */\n  itemShape?: 'round' | 'square'\n  /** \u4E3B\u6309\u94AE\u914D\u7F6E */\n  primaryButton?: string\n  /** \u6309\u94AE\u4E8B\u4EF6*/\n  event?: {\n    primaryButton?: {\n      onClick: (v: any) => void\n    }\n  }\n}\n\nconst AccordionCards = ({\n  products = [],\n  className = '',\n  shape = 'square',\n  itemShape = 'square',\n  event,\n  primaryButton = '',\n}: AccordionCardsType) => {\n  const isMobile = useWindowWidth()\n  const [hoverIndex, setHoverIndex] = useState<number | null>(null)\n  const [currentWidth, setCurrentWidth] = useState<{ [key: number]: boolean }>({})\n\n  const accordionRef = useRef<HTMLDivElement[]>([])\n  const refWidth = useRef<{ [key: number]: boolean }>({})\n  const enterRef = useRef<{ [key: number]: boolean }>({})\n\n  const getRef = (index: number, el: HTMLDivElement) => {\n    if (el) {\n      accordionRef.current[index] = el\n    }\n  }\n\n  const handleTransitionEnd = (index: number) => {\n    if (enterRef.current?.[index]) {\n      const current = { ...refWidth.current, [index]: true }\n      setCurrentWidth(current)\n      refWidth.current = current\n    }\n  }\n\n  useEffect(() => {\n    const element = accordionRef.current\n    element?.forEach((item, index) => {\n      item.addEventListener('transitionend', () => handleTransitionEnd(index))\n    })\n    return () => {\n      element?.forEach((item, index) => {\n        item.removeEventListener('transitionend', () => handleTransitionEnd(index))\n      })\n    }\n  }, [])\n\n  // \u79FB\u52A8\u7AEF\n  if (isMobile) {\n    return (\n      <div className={cn('flex h-[400px] w-full gap-4 overflow-x-auto', className)}>\n        {products?.map((item, idx) => (\n          <div key={idx} className=\"shrink-0 grow-0 basis-[296px] border border-solid border-[#dddddd] bg-[#FFFFFF]\">\n            <Picture className=\"size-full object-cover [&_img]:h-full [&_img]:object-cover\" source={item?.img} />\n          </div>\n        ))}\n      </div>\n    )\n  }\n\n  // \u684C\u9762\u7AEF\n  return (\n    <div className={cn('laptop:h-[448px] desktop:h-[560px] flex h-[336px] w-full gap-4 overflow-hidden', className)}>\n      {products?.map((item, idx) => {\n        const isExpanded = hoverIndex === idx\n        const flexValue = isExpanded ? 6 : 1\n        return (\n          <div\n            key={idx}\n            style={{\n              flex: flexValue,\n              transition: 'all 0.3s ease-in-out',\n            }}\n            ref={(el: HTMLDivElement | null) => {\n              if (el) getRef(idx, el)\n            }}\n            className={cn('relative cursor-pointer overflow-hidden', itemShape === 'round' ? 'rounded-2xl' : '')}\n            onMouseEnter={() => {\n              setHoverIndex(idx)\n              enterRef.current[idx] = true\n            }}\n            onMouseLeave={() => {\n              setHoverIndex(null)\n              const current = { ...refWidth.current, [idx]: false }\n              setCurrentWidth(current)\n              refWidth.current = current\n              enterRef.current[idx] = false\n            }}\n          >\n            <Picture source={item?.img} className=\"size-full object-cover [&_img]:h-full [&_img]:object-cover\" />\n            {currentWidth?.[idx] ? (\n              <div\n                className={cn(\n                  'absolute inset-x-0 bottom-0 flex items-end justify-between overflow-hidden px-6 pb-6',\n                  'transition-all delay-300 duration-[50ms]',\n                  isExpanded ? 'opacity-100' : 'opacity-0'\n                )}\n              >\n                <div className=\"mr-1 flex-1 overflow-hidden\">\n                  <p className=\"laptop:text-2xl desktop:text-[32px] mb-1 text-xl font-bold text-[#FFFFFF]\">\n                    {item?.title}\n                  </p>\n                  <h3 className=\"desktop:text-lg text-sm font-medium text-[#FFFFFF]\">{item?.subTitle}</h3>\n                </div>\n                <Button\n                  size=\"sm\"\n                  hoverEffect=\"slide\"\n                  variant=\"secondary\"\n                  onClick={() => event?.primaryButton?.onClick?.(item)}\n                  className={cn(\n                    'desktop:text-base mb-1.5 overflow-hidden border-[#FFFFFF] bg-transparent text-sm font-bold text-[#FFFFFF]',\n                    shape === 'round' ? 'rounded-2xl' : ''\n                  )}\n                >\n                  {primaryButton}\n                </Button>\n              </div>\n            ) : null}\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\nexport default AccordionCards\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "cn", "Picture", "Button", "useState", "useEffect", "useRef", "useWindowWidth", "width", "setWidth", "onResize", "AccordionCards", "products", "className", "shape", "itemShape", "event", "primaryButton", "isMobile", "hoverIndex", "setHoverIndex", "currentWidth", "setCurrentWidth", "accordionRef", "refWidth", "enterRef", "getRef", "index", "el", "handleTransitionEnd", "current", "element", "item", "idx", "isExpanded", "AccordionCards_default"]
+  "sourcesContent": ["'use client'\nimport Title from '../Title/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport { useState, useEffect, useRef } from 'react'\n\n/** Hook\uFF1A\u76D1\u542C\u7A97\u53E3\u5BBD\u5EA6 */\nfunction useWindowWidth() {\n  const [width, setWidth] = useState(typeof window !== 'undefined' ? window?.innerWidth : 0)\n  useEffect(() => {\n    const onResize = () => setWidth(window?.innerWidth || 0)\n    window?.addEventListener('resize', onResize)\n    return () => window?.removeEventListener('resize', onResize)\n  }, [])\n  return width <= 768\n}\n\ntype AccordionCardsType = {\n  className?: string\n  data: {\n    title?: string\n    items: Array<{\n      /** \u6807\u9898\u6587\u672C */\n      title: string\n      /** \u56FE\u7247*/\n      img: string\n      /** \u5185\u5BB9\u8282\u70B9 */\n      subTitle: string\n    }>\n    /** \u6309\u94AE\u5F62\u72B6 */\n    shape?: 'round' | 'square'\n    /** \u5361\u7247\u5F62\u72B6 */\n    itemShape?: 'round' | 'square'\n    /** \u4E3B\u6309\u94AE\u914D\u7F6E */\n    primaryButton?: string\n  }\n  /** \u6309\u94AE\u4E8B\u4EF6*/\n  event?: {\n    primaryButton?: {\n      onClick: (v: any) => void\n    }\n  }\n}\n\nconst AccordionCards = ({\n  data,\n  className = '',\n  event\n}: AccordionCardsType) => {\n  const isMobile = useWindowWidth()\n  const [hoverIndex, setHoverIndex] = useState<number | null>(null)\n  const [currentWidth, setCurrentWidth] = useState<{ [key: number]: boolean }>({})\n\n  const accordionRef = useRef<HTMLDivElement[]>([])\n  const refWidth = useRef<{ [key: number]: boolean }>({})\n  const enterRef = useRef<{ [key: number]: boolean }>({})\n\n  const getRef = (index: number, el: HTMLDivElement) => {\n    if (el) {\n      accordionRef.current[index] = el\n    }\n  }\n\n  const handleTransitionEnd = (index: number) => {\n    if (enterRef.current?.[index]) {\n      const current = { ...refWidth.current, [index]: true }\n      setCurrentWidth(current)\n      refWidth.current = current\n    }\n  }\n\n  useEffect(() => {\n    const element = accordionRef.current\n    element?.forEach((item, index) => {\n      item.addEventListener('transitionend', () => handleTransitionEnd(index))\n    })\n    return () => {\n      element?.forEach((item, index) => {\n        item.removeEventListener('transitionend', () => handleTransitionEnd(index))\n      })\n    }\n  }, [])\n\n  // \u79FB\u52A8\u7AEF\n  if (isMobile) {\n    return (\n      <>\n        {data?.title && <Title data={{ title: data?.title }} />}\n        <div className={cn('flex h-[400px] w-full gap-4 overflow-x-auto', className)}>\n          {data?.items?.map((item, idx) => (\n            <div key={idx} className=\"shrink-0 grow-0 basis-[296px] border border-solid border-[#dddddd] bg-[#FFFFFF]\">\n              <Picture className=\"size-full object-cover [&_img]:h-full [&_img]:object-cover\" source={item?.img} />\n            </div>\n          ))}\n        </div>\n      </>\n    )\n  }\n\n  // \u684C\u9762\u7AEF\n  return (\n    <>\n      {data?.title && <Title data={{ title: data?.title }} />}\n      <div className={cn('laptop:h-[448px] desktop:h-[560px] flex h-[336px] w-full gap-4 overflow-hidden', className)}>\n        {data?.items?.map((item, idx) => {\n          const isExpanded = hoverIndex === idx\n          const flexValue = isExpanded ? 6 : 1\n          return (\n            <div\n              key={idx}\n              style={{\n                flex: flexValue,\n                transition: 'all 0.3s ease-in-out',\n              }}\n              ref={(el: HTMLDivElement | null) => {\n                if (el) getRef(idx, el)\n              }}\n              className={cn(\n                'relative cursor-pointer overflow-hidden',\n                data?.itemShape === 'round' ? 'rounded-2xl' : ''\n              )}\n              onMouseEnter={() => {\n                setHoverIndex(idx)\n                enterRef.current[idx] = true\n              }}\n              onMouseLeave={() => {\n                setHoverIndex(null)\n                const current = { ...refWidth.current, [idx]: false }\n                setCurrentWidth(current)\n                refWidth.current = current\n                enterRef.current[idx] = false\n              }}\n            >\n              <Picture source={item?.img} className=\"size-full object-cover [&_img]:h-full [&_img]:object-cover\" />\n              {currentWidth?.[idx] ? (\n                <div\n                  className={cn(\n                    'absolute inset-x-0 bottom-0 flex items-end justify-between overflow-hidden px-6 pb-6',\n                    'transition-all delay-300 duration-[50ms]',\n                    isExpanded ? 'opacity-100' : 'opacity-0'\n                  )}\n                >\n                  <div className=\"mr-1 flex-1 overflow-hidden\">\n                    <p className=\"laptop:text-2xl desktop:text-[32px] mb-1 text-xl font-bold text-[#FFFFFF]\">\n                      {item?.title}\n                    </p>\n                    <h3 className=\"desktop:text-lg text-sm font-medium text-[#FFFFFF]\">{item?.subTitle}</h3>\n                  </div>\n                  <Button\n                    size=\"sm\"\n                    hoverEffect=\"slide\"\n                    variant=\"secondary\"\n                    onClick={() => event?.primaryButton?.onClick?.(item)}\n                    className={cn(\n                      'desktop:text-base mb-1.5 overflow-hidden border-[#FFFFFF] bg-transparent text-sm font-bold text-[#FFFFFF]',\n                      data?.shape === 'round' ? 'rounded-2xl' : ''\n                    )}\n                  >\n                    {data?.primaryButton}\n                  </Button>\n                </div>\n              ) : null}\n            </div>\n          )\n        })}\n      </div>\n    </>\n  )\n}\n\nexport default AccordionCards\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "Title", "cn", "Picture", "Button", "useState", "useEffect", "useRef", "useWindowWidth", "width", "setWidth", "onResize", "AccordionCards", "data", "className", "event", "isMobile", "hoverIndex", "setHoverIndex", "currentWidth", "setCurrentWidth", "accordionRef", "refWidth", "enterRef", "getRef", "index", "el", "handleTransitionEnd", "current", "element", "item", "idx", "isExpanded", "AccordionCards_default"]
 }

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

@@ -7,7 +7,7 @@ export interface BrandEquityItem {
     avatarList?: string[];
 }
 export interface BrandEquityProps extends ComponentCommonProps {
-    items: BrandEquityItem[];
+    data: BrandEquityItem[];
     itemShape?: 'round' | 'square';
     className?: string;
     theme?: 'light' | 'dark';

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

@@ -1,2 +1,2 @@
-"use client";import{jsx as e,jsxs as o}from"react/jsx-runtime";import"react";import{cn as a}from"../../helpers/utils.js";import d from"../../components/picture.js";import{withStyles as c}from"../../shared/Styles.js";const m=({items:p=[],itemShape:i="square",className:r=""})=>e("div",{className:a("brand-equity-wrapper w-full bg-[#F7F8F9]",r),children:e("div",{className:a("grid gap-3 px-4","tablet:px-8 tablet:grid-cols-2 grid-cols-1","laptop:gap-4 laptop:px-[140px] laptop:grid-cols-10","desktop:px-[175px] lg-desktop:px-[268px]"),children:p.map((t,s)=>o("div",{className:a("brand-equity-item","flex flex-col bg-white p-4","desktop:p-6","desktop:gap-16 gap-12","laptop:col-span-3",{"laptop:col-span-4":[0,5,6,11].includes(s)},i==="round"?"rounded-[16px]":"rounded-none"),children:[o("div",{className:"flex items-center justify-between gap-3",children:[e("h3",{className:"text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F] 2xl:text-lg",children:t.title}),t.avatarList?.length?e("div",{className:"flex -space-x-2",children:t.avatarList.map((l,n)=>e("div",{className:a("size-[30px] overflow-hidden rounded-full border-2 border-white","relative inline-block","lg-desktop:size-[36px]"),children:e(d,{source:l,className:"size-full object-cover"})},n))}):e("span",{className:"text-[#1D1D1F]",children:t.icon})]}),e("p",{className:"text-xl font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F] 2xl:text-2xl",children:t.description})]},s))})});var b=c(m);export{b as default};
+"use client";import{jsx as e,jsxs as s}from"react/jsx-runtime";import"react";import{cn as a}from"../../helpers/utils.js";import d from"../../components/picture.js";import{withStyles as c}from"../../shared/Styles.js";const m=({data:i=[],itemShape:o="square",className:l=""})=>e("div",{className:a("brand-equity-wrapper w-full bg-[#F7F8F9]",l),children:e("div",{className:a("grid gap-3","tablet:grid-cols-2 grid-cols-1","laptop:gap-4 laptop:grid-cols-10"),children:i.map((t,r)=>s("div",{className:a("brand-equity-item","flex flex-col bg-white p-4","desktop:p-6","desktop:gap-16 gap-12","laptop:col-span-3",{"laptop:col-span-4":[0,5,6,11].includes(r)},o==="round"?"rounded-[16px]":"rounded-none"),children:[s("div",{className:"flex items-center justify-between gap-3",children:[e("h3",{className:"text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F] 2xl:text-lg",children:t.title}),t.avatarList?.length?e("div",{className:"flex -space-x-2",children:t.avatarList.map((p,n)=>e("div",{className:a("size-[30px] overflow-hidden rounded-full border-2 border-white","relative inline-block","lg-desktop:size-[36px]"),children:e(d,{source:p,className:"size-full object-cover"})},n))}):e("span",{className:"text-[#1D1D1F]",children:t.icon})]}),e("p",{className:"text-xl font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F] 2xl:text-2xl",children:t.description})]},r))})});var b=c(m);export{b as default};
 //# sourceMappingURL=BrandEquity.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/BrandEquity/BrandEquity.tsx"],
-  "sourcesContent": ["'use client'\nimport React from 'react'\n\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport type { ComponentCommonProps } 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', className = '' }) => {\n  return (\n    <div className={cn('brand-equity-wrapper w-full bg-[#F7F8F9]', className)}>\n      <div\n        className={cn(\n          'grid gap-3 px-4',\n          'tablet:px-8 tablet:grid-cols-2 grid-cols-1',\n          'laptop:gap-4 laptop:px-[140px] laptop:grid-cols-10',\n          'desktop:px-[175px] lg-desktop:px-[268px]'\n        )}\n      >\n        {items.map((item, index) => (\n          <div\n            key={index}\n            className={cn(\n              'brand-equity-item',\n              'flex flex-col bg-white p-4',\n              'desktop:p-6',\n              'desktop:gap-16 gap-12',\n              'laptop:col-span-3',\n              {\n                ['laptop:col-span-4']: [0, 5, 6, 11].includes(index),\n              },\n              itemShape === 'round' ? 'rounded-[16px]' : 'rounded-none'\n            )}\n          >\n            <div className=\"flex items-center justify-between gap-3\">\n              <h3 className=\"text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F] 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] overflow-hidden rounded-full border-2 border-white',\n                        'relative inline-block',\n                        'lg-desktop:size-[36px]'\n                      )}\n                    >\n                      <Picture source={avatarUrl} className=\"size-full object-cover\" />\n                    </div>\n                  ))}\n                </div>\n              ) : (\n                <span className=\"text-[#1D1D1F]\">{item.icon}</span>\n              )}\n            </div>\n            <p className=\"text-xl font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F] 2xl:text-2xl\">\n              {item.description}\n            </p>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport default withStyles(BrandEquity)\n"],
-  "mappings": "aAgDY,OACE,OAAAA,EADF,QAAAC,MAAA,oBA/CZ,MAAkB,QAElB,OAAS,MAAAC,MAAU,yBACnB,OAAOC,MAAa,8BACpB,OAAS,cAAAC,MAAkB,yBAiB3B,MAAMC,EAA0C,CAAC,CAAE,MAAAC,EAAQ,CAAC,EAAG,UAAAC,EAAY,SAAU,UAAAC,EAAY,EAAG,IAEhGR,EAAC,OAAI,UAAWE,EAAG,2CAA4CM,CAAS,EACtE,SAAAR,EAAC,OACC,UAAWE,EACT,kBACA,6CACA,qDACA,0CACF,EAEC,SAAAI,EAAM,IAAI,CAACG,EAAMC,IAChBT,EAAC,OAEC,UAAWC,EACT,oBACA,6BACA,cACA,wBACA,oBACA,CACG,oBAAsB,CAAC,EAAG,EAAG,EAAG,EAAE,EAAE,SAASQ,CAAK,CACrD,EACAH,IAAc,QAAU,iBAAmB,cAC7C,EAEA,UAAAN,EAAC,OAAI,UAAU,0CACb,UAAAD,EAAC,MAAG,UAAU,oFACX,SAAAS,EAAK,MACR,EACCA,EAAK,YAAY,OAChBT,EAAC,OAAI,UAAU,kBACZ,SAAAS,EAAK,WAAW,IAAI,CAACE,EAAmBD,IACvCV,EAAC,OAEC,UAAWE,EACT,iEACA,wBACA,wBACF,EAEA,SAAAF,EAACG,EAAA,CAAQ,OAAQQ,EAAW,UAAU,yBAAyB,GAP1DD,CAQP,CACD,EACH,EAEAV,EAAC,QAAK,UAAU,iBAAkB,SAAAS,EAAK,KAAK,GAEhD,EACAT,EAAC,KAAE,UAAU,iFACV,SAAAS,EAAK,YACR,IAtCKC,CAuCP,CACD,EACH,EACF,EAIJ,IAAOE,EAAQR,EAAWC,CAAW",
-  "names": ["jsx", "jsxs", "cn", "Picture", "withStyles", "BrandEquity", "items", "itemShape", "className", "item", "index", "avatarUrl", "BrandEquity_default"]
+  "sourcesContent": ["'use client'\nimport React from 'react'\n\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport type { ComponentCommonProps } 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  data: BrandEquityItem[]\n  itemShape?: 'round' | 'square'\n  className?: string\n  theme?: 'light' | 'dark'\n}\n\nconst BrandEquity: React.FC<BrandEquityProps> = ({ data = [], itemShape = 'square', className = '' }) => {\n  return (\n    <div className={cn('brand-equity-wrapper w-full bg-[#F7F8F9]', className)}>\n      <div className={cn('grid gap-3', 'tablet:grid-cols-2 grid-cols-1', 'laptop:gap-4 laptop:grid-cols-10')}>\n        {data.map((item, index) => (\n          <div\n            key={index}\n            className={cn(\n              'brand-equity-item',\n              'flex flex-col bg-white p-4',\n              'desktop:p-6',\n              'desktop:gap-16 gap-12',\n              'laptop:col-span-3',\n              {\n                ['laptop:col-span-4']: [0, 5, 6, 11].includes(index),\n              },\n              itemShape === 'round' ? 'rounded-[16px]' : 'rounded-none'\n            )}\n          >\n            <div className=\"flex items-center justify-between gap-3\">\n              <h3 className=\"text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F] 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] overflow-hidden rounded-full border-2 border-white',\n                        'relative inline-block',\n                        'lg-desktop:size-[36px]'\n                      )}\n                    >\n                      <Picture source={avatarUrl} className=\"size-full object-cover\" />\n                    </div>\n                  ))}\n                </div>\n              ) : (\n                <span className=\"text-[#1D1D1F]\">{item.icon}</span>\n              )}\n            </div>\n            <p className=\"text-xl font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F] 2xl:text-2xl\">\n              {item.description}\n            </p>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport default withStyles(BrandEquity)\n"],
+  "mappings": "aAyCY,OACE,OAAAA,EADF,QAAAC,MAAA,oBAxCZ,MAAkB,QAElB,OAAS,MAAAC,MAAU,yBACnB,OAAOC,MAAa,8BACpB,OAAS,cAAAC,MAAkB,yBAiB3B,MAAMC,EAA0C,CAAC,CAAE,KAAAC,EAAO,CAAC,EAAG,UAAAC,EAAY,SAAU,UAAAC,EAAY,EAAG,IAE/FR,EAAC,OAAI,UAAWE,EAAG,2CAA4CM,CAAS,EACtE,SAAAR,EAAC,OAAI,UAAWE,EAAG,aAAc,iCAAkC,kCAAkC,EAClG,SAAAI,EAAK,IAAI,CAACG,EAAMC,IACfT,EAAC,OAEC,UAAWC,EACT,oBACA,6BACA,cACA,wBACA,oBACA,CACG,oBAAsB,CAAC,EAAG,EAAG,EAAG,EAAE,EAAE,SAASQ,CAAK,CACrD,EACAH,IAAc,QAAU,iBAAmB,cAC7C,EAEA,UAAAN,EAAC,OAAI,UAAU,0CACb,UAAAD,EAAC,MAAG,UAAU,oFACX,SAAAS,EAAK,MACR,EACCA,EAAK,YAAY,OAChBT,EAAC,OAAI,UAAU,kBACZ,SAAAS,EAAK,WAAW,IAAI,CAACE,EAAmBD,IACvCV,EAAC,OAEC,UAAWE,EACT,iEACA,wBACA,wBACF,EAEA,SAAAF,EAACG,EAAA,CAAQ,OAAQQ,EAAW,UAAU,yBAAyB,GAP1DD,CAQP,CACD,EACH,EAEAV,EAAC,QAAK,UAAU,iBAAkB,SAAAS,EAAK,KAAK,GAEhD,EACAT,EAAC,KAAE,UAAU,iFACV,SAAAS,EAAK,YACR,IAtCKC,CAuCP,CACD,EACH,EACF,EAIJ,IAAOE,EAAQR,EAAWC,CAAW",
+  "names": ["jsx", "jsxs", "cn", "Picture", "withStyles", "BrandEquity", "data", "itemShape", "className", "item", "index", "avatarUrl", "BrandEquity_default"]
 }

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

@@ -1,16 +1,24 @@
-import React from 'react';
 export interface CategoryItem {
     /** 产品图片*/
     img: string;
     title: string;
 }
 export interface CategoryProps {
-    products: CategoryItem[];
     className?: string;
     /** 主题色*/
     theme?: 'light' | 'dark';
-    /** 卡片形状 */
-    shape?: 'round' | 'square';
+    data: {
+        items: CategoryItem[];
+        /** 卡片形状 */
+        shape?: 'round' | 'square';
+        title?: string;
+    };
+    key?: string;
 }
-declare const Category: React.FC<CategoryProps>;
-export default Category;
+declare const _default: {
+    (props: Omit<CategoryProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
+        className?: string;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/Category/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\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> = ({ className = '', shape = 'square', products = [] }) => {\n  return (\n    <>\n      <div className={cn('w-full', className)}>\n        <div className={cn('flex overflow-hidden')}>\n          <div className={cn('flex w-full', 'laptop:gap-4 gap-3 overflow-x-auto overflow-y-hidden')}>\n            {products?.map((item, index) => {\n              return (\n                <div\n                  key={index}\n                  className={cn(\n                    'box-border flex min-w-[167px] max-w-[167px] flex-col overflow-hidden bg-[#EAEAEC] p-4',\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 className=\"w-full object-cover\" source={item?.img} />\n                  <p className=\"desktop:text-lg flex-1 text-center text-sm font-semibold\">{item?.title}</p>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default Category\n"],
-  "mappings": "aAsBI,mBAAAA,EAcc,OAAAC,EARF,QAAAC,MANZ,oBArBJ,MAAkB,QAClB,OAAS,MAAAC,MAAU,yBACnB,OAAOC,MAAa,8BAiBpB,MAAMC,EAAoC,CAAC,CAAE,UAAAC,EAAY,GAAI,MAAAC,EAAQ,SAAU,SAAAC,EAAW,CAAC,CAAE,IAEzFP,EAAAD,EAAA,CACE,SAAAC,EAAC,OAAI,UAAWE,EAAG,SAAUG,CAAS,EACpC,SAAAL,EAAC,OAAI,UAAWE,EAAG,sBAAsB,EACvC,SAAAF,EAAC,OAAI,UAAWE,EAAG,cAAe,sDAAsD,EACrF,SAAAK,GAAU,IAAI,CAACC,EAAMC,IAElBR,EAAC,OAEC,UAAWC,EACT,wFACA,+GACAI,IAAU,QAAU,iBAAmB,cACzC,EAEA,UAAAN,EAACG,EAAA,CAAQ,UAAU,sBAAsB,OAAQK,GAAM,IAAK,EAC5DR,EAAC,KAAE,UAAU,2DAA4D,SAAAQ,GAAM,MAAM,IARhFC,CASP,CAEH,EACH,EACF,EACF,EACF,EAIJ,IAAOC,EAAQN",
-  "names": ["Fragment", "jsx", "jsxs", "cn", "Picture", "Category", "className", "shape", "products", "item", "index", "Category_default"]
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport Title from '../Title/index.js'\nimport SwiperBox from '../SwiperBox/index.js'\n\nexport interface CategoryItem {\n  /** \u4EA7\u54C1\u56FE\u7247*/\n  img: string\n  title: string\n}\n\nexport interface CategoryProps {\n  className?: string\n  /** \u4E3B\u9898\u8272*/\n  theme?: 'light' | 'dark'\n  data: {\n    items: CategoryItem[]\n    /** \u5361\u7247\u5F62\u72B6 */\n    shape?: 'round' | 'square'\n    title?: string\n  }\n  key?: string\n}\n\nconst CategoryItem = ({ data, configuration }: { data: CategoryItem; configuration?: any }) => {\n  return (\n    <div\n      className={cn(\n        'box-border flex w-full flex-col overflow-hidden bg-[#EAEAEC]',\n        'laptop:p-6 desktop:p-8 p-4 hover:bg-[#FFFFFF] cursor-pointer',\n        configuration?.shape === 'round' ? 'rounded-[16px]' : 'rounded-none'\n      )}\n    >\n      <Picture className=\"w-full object-cover\" source={data?.img} />\n      <p className=\"desktop:text-lg flex-1 text-center text-sm font-semibold\">{data?.title}</p>\n    </div>\n  )\n}\n\nconst Category: React.FC<CategoryProps> = ({ data, className = '', key }) => {\n  return (\n    <div className={cn('w-full', className)}>\n      {data?.title && <Title data={{ title: data?.title }} />}\n      <SwiperBox\n        className=\"!overflow-visible\"\n        id={'Category' + key}\n        data={{ list: data?.items, configuration: { shape: data?.shape } }}\n        Slide={CategoryItem}\n        breakpoints={{\n          0: {\n            spaceBetween: '12px',\n            freeMode: false,\n            slidesPerView: 1,\n          },\n          374: {\n            spaceBetween: '12px',\n            freeMode: false,\n            slidesPerView: 2.3,\n          },\n          768: {\n            spaceBetween: '16px',\n            freeMode: false,\n            slidesPerView: 5,\n          },\n        }}\n      />\n    </div>\n  )\n}\n\nexport default withStyles(Category)\n"],
+  "mappings": "aA6BI,OAOE,OAAAA,EAPF,QAAAC,MAAA,oBA5BJ,MAAkB,QAClB,OAAS,MAAAC,MAAU,yBACnB,OAAOC,MAAa,8BACpB,OAAS,cAAAC,MAAkB,yBAC3B,OAAOC,MAAW,oBAClB,OAAOC,MAAe,wBAqBtB,MAAMC,EAAe,CAAC,CAAE,KAAAC,EAAM,cAAAC,CAAc,IAExCR,EAAC,OACC,UAAWC,EACT,+DACA,+DACAO,GAAe,QAAU,QAAU,iBAAmB,cACxD,EAEA,UAAAT,EAACG,EAAA,CAAQ,UAAU,sBAAsB,OAAQK,GAAM,IAAK,EAC5DR,EAAC,KAAE,UAAU,2DAA4D,SAAAQ,GAAM,MAAM,GACvF,EAIEE,EAAoC,CAAC,CAAE,KAAAF,EAAM,UAAAG,EAAY,GAAI,IAAAC,CAAI,IAEnEX,EAAC,OAAI,UAAWC,EAAG,SAAUS,CAAS,EACnC,UAAAH,GAAM,OAASR,EAACK,EAAA,CAAM,KAAM,CAAE,MAAOG,GAAM,KAAM,EAAG,EACrDR,EAACM,EAAA,CACC,UAAU,oBACV,GAAI,WAAaM,EACjB,KAAM,CAAE,KAAMJ,GAAM,MAAO,cAAe,CAAE,MAAOA,GAAM,KAAM,CAAE,EACjE,MAAOD,EACP,YAAa,CACX,EAAG,CACD,aAAc,OACd,SAAU,GACV,cAAe,CACjB,EACA,IAAK,CACH,aAAc,OACd,SAAU,GACV,cAAe,GACjB,EACA,IAAK,CACH,aAAc,OACd,SAAU,GACV,cAAe,CACjB,CACF,EACF,GACF,EAIJ,IAAOM,EAAQT,EAAWM,CAAQ",
+  "names": ["jsx", "jsxs", "cn", "Picture", "withStyles", "Title", "SwiperBox", "CategoryItem", "data", "configuration", "Category", "className", "key", "Category_default"]
 }

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

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface EvaluateItem {
     /** 产品图片*/
     img: string;
@@ -9,12 +8,21 @@ export interface EvaluateItem {
     rating: number;
 }
 export interface EvaluateProps {
-    products: EvaluateItem[];
     className?: string;
     /** 主题色*/
     theme?: 'light' | 'dark';
-    /** 形状 */
-    shape?: 'round' | 'square';
+    data: {
+        title?: string;
+        items: EvaluateItem[];
+        /** 形状 */
+        shape?: 'round' | 'square';
+    };
+    key?: string;
 }
-declare const Evaluate: React.FC<EvaluateProps>;
-export default Evaluate;
+declare const _default: {
+    (props: Omit<EvaluateProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
+        className?: string;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;

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

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

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

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

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

@@ -1,11 +1,14 @@
 import React from 'react';
 export interface GraphicProps {
     className?: string;
-    items: {
-        imgUrl: string;
-        title: string;
-        textColor?: string;
-    }[];
+    data: {
+        title?: string;
+        items?: {
+            imgUrl: string;
+            title: string;
+            textColor?: string;
+        }[];
+    };
     shape?: 'round' | 'square';
 }
 declare const _default: {

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/Marquee/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { default as FastMarquee } from 'react-fast-marquee'\nimport { type MarqueeProps as FastMarqueeProps } from 'react-fast-marquee'\nimport { Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\n\nconst Marquee = React.forwardRef<HTMLDivElement, FastMarqueeProps>(({ children, ...props }, ref) => {\n  return (\n    <FastMarquee ref={ref} {...props}>\n      {children}\n    </FastMarquee>\n  )\n})\n\nMarquee.displayName = 'Marquee'\n\ninterface MarqueeListProps {\n  children?: React.ReactNode\n  className?: string\n}\n\nconst MarqueeList = React.forwardRef<HTMLDivElement, MarqueeListProps>(({ className, children, ...props }, ref) => {\n  return (\n    <div className={cn('laptop:gap-16 flex items-center gap-6', className)} ref={ref}>\n      {children}\n    </div>\n  )\n})\n\nMarqueeList.displayName = 'MarqueeList'\n\ninterface MarqueeImageContentProps {\n  image: string\n  className?: string\n}\n\nconst MarqueeImageContent = ({ image, className }: MarqueeImageContentProps) => {\n  return (\n    <Picture\n      source={image}\n      className={cn('aspect-w-[120] aspect-h-[80] laptop:w-[120px] w-[72px]', className)}\n      imgClassName=\"object-cover\"\n    />\n  )\n}\n\nMarqueeImageContent.displayName = 'MarqueeImageContent'\n\ninterface MarqueeTextContentProps {\n  text: string\n  className?: string\n}\n\nconst MarqueeTextContent = React.forwardRef<HTMLDivElement, MarqueeTextContentProps>(({ text, className }, ref) => {\n  return (\n    <Text\n      as=\"div\"\n      ref={ref}\n      html={text}\n      className={cn(\n        'text-lines-2 flex size-14 items-center justify-center text-nowrap font-medium leading-[1.2]',\n        className\n      )}\n    />\n  )\n})\n\nMarqueeTextContent.displayName = 'MarqueeTextContent'\n\nexport { Marquee, MarqueeList, MarqueeImageContent, MarqueeTextContent }\nexport type { FastMarqueeProps, MarqueeListProps, MarqueeImageContentProps, MarqueeTextContentProps }\n"],
-  "mappings": "aASI,cAAAA,MAAA,oBARJ,OAAOC,MAAW,QAClB,OAAS,WAAWC,MAAmB,qBACvC,MAAsD,qBACtD,OAAS,WAAAC,EAAS,QAAAC,MAAY,4BAC9B,OAAS,MAAAC,MAAU,yBAEnB,MAAMC,EAAUL,EAAM,WAA6C,CAAC,CAAE,SAAAM,EAAU,GAAGC,CAAM,EAAGC,IAExFT,EAACE,EAAA,CAAY,IAAKO,EAAM,GAAGD,EACxB,SAAAD,EACH,CAEH,EAEDD,EAAQ,YAAc,UAOtB,MAAMI,EAAcT,EAAM,WAA6C,CAAC,CAAE,UAAAU,EAAW,SAAAJ,EAAU,GAAGC,CAAM,EAAGC,IAEvGT,EAAC,OAAI,UAAWK,EAAG,wCAAyCM,CAAS,EAAG,IAAKF,EAC1E,SAAAF,EACH,CAEH,EAEDG,EAAY,YAAc,cAO1B,MAAME,EAAsB,CAAC,CAAE,MAAAC,EAAO,UAAAF,CAAU,IAE5CX,EAACG,EAAA,CACC,OAAQU,EACR,UAAWR,EAAG,yDAA0DM,CAAS,EACjF,aAAa,eACf,EAIJC,EAAoB,YAAc,sBAOlC,MAAME,EAAqBb,EAAM,WAAoD,CAAC,CAAE,KAAAc,EAAM,UAAAJ,CAAU,EAAGF,IAEvGT,EAACI,EAAA,CACC,GAAG,MACH,IAAKK,EACL,KAAMM,EACN,UAAWV,EACT,8FACAM,CACF,EACF,CAEH,EAEDG,EAAmB,YAAc",
-  "names": ["jsx", "React", "FastMarquee", "Picture", "Text", "cn", "Marquee", "children", "props", "ref", "MarqueeList", "className", "MarqueeImageContent", "image", "MarqueeTextContent", "text"]
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport FastMarquee from 'react-fast-marquee'\nimport { type MarqueeProps as FastMarqueeProps } from 'react-fast-marquee'\nimport { Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withStyles } from '../../shared/Styles.js'\n\nconst Marquee = ({ children, ...props }: FastMarqueeProps) => {\n  return <FastMarquee {...props}>{children}</FastMarquee>\n}\nMarquee.displayName = 'Marquee'\n\ninterface MarqueeListProps {\n  children?: React.ReactNode\n  className?: string\n}\n\nconst MarqueeList = React.forwardRef<HTMLDivElement, MarqueeListProps>(({ className, children, ...props }, ref) => {\n  return (\n    <div className={cn('laptop:gap-16 flex items-center gap-6', className)} ref={ref}>\n      {children}\n    </div>\n  )\n})\n\nMarqueeList.displayName = 'MarqueeList'\n\ninterface MarqueeImageContentProps {\n  data: {\n    image: string\n  }\n  className?: string\n}\n\nconst MarqueeImageContent = ({ data: { image }, className }: MarqueeImageContentProps) => {\n  return (\n    <Picture\n      source={image}\n      className={cn('laptop:h-[80px] laptop:w-[120px] h-[48px] w-[72px]', className)}\n      imgClassName=\"object-cover\"\n    />\n  )\n}\n\nMarqueeImageContent.displayName = 'MarqueeImageContent'\n\ninterface MarqueeTextContentProps {\n  data: {\n    text: string\n  }\n  className?: string\n}\n\nconst MarqueeTextContent = React.forwardRef<HTMLDivElement, MarqueeTextContentProps>(\n  ({ data: { text }, className }, ref) => {\n    return (\n      <Text\n        as=\"div\"\n        ref={ref}\n        html={text}\n        className={cn(\n          'text-lines-2 flex size-14 items-center justify-center text-nowrap font-medium leading-[1.2]',\n          className\n        )}\n      />\n    )\n  }\n)\n\nMarqueeTextContent.displayName = 'MarqueeTextContent'\n\nexport default withStyles(Marquee)\nexport { MarqueeList, MarqueeImageContent, MarqueeTextContent }\nexport type { FastMarqueeProps, MarqueeListProps, MarqueeImageContentProps, MarqueeTextContentProps }\n"],
+  "mappings": "aASS,cAAAA,MAAA,oBART,OAAOC,MAAW,QAClB,OAAOC,MAAiB,qBACxB,MAAsD,qBACtD,OAAS,WAAAC,EAAS,QAAAC,MAAY,4BAC9B,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAE3B,MAAMC,EAAU,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAM,IAC7BT,EAACE,EAAA,CAAa,GAAGO,EAAQ,SAAAD,EAAS,EAE3CD,EAAQ,YAAc,UAOtB,MAAMG,EAAcT,EAAM,WAA6C,CAAC,CAAE,UAAAU,EAAW,SAAAH,EAAU,GAAGC,CAAM,EAAGG,IAEvGZ,EAAC,OAAI,UAAWK,EAAG,wCAAyCM,CAAS,EAAG,IAAKC,EAC1E,SAAAJ,EACH,CAEH,EAEDE,EAAY,YAAc,cAS1B,MAAMG,EAAsB,CAAC,CAAE,KAAM,CAAE,MAAAC,CAAM,EAAG,UAAAH,CAAU,IAEtDX,EAACG,EAAA,CACC,OAAQW,EACR,UAAWT,EAAG,qDAAsDM,CAAS,EAC7E,aAAa,eACf,EAIJE,EAAoB,YAAc,sBASlC,MAAME,EAAqBd,EAAM,WAC/B,CAAC,CAAE,KAAM,CAAE,KAAAe,CAAK,EAAG,UAAAL,CAAU,EAAGC,IAE5BZ,EAACI,EAAA,CACC,GAAG,MACH,IAAKQ,EACL,KAAMI,EACN,UAAWX,EACT,8FACAM,CACF,EACF,CAGN,EAEAI,EAAmB,YAAc,qBAEjC,IAAOE,EAAQX,EAAWC,CAAO",
+  "names": ["jsx", "React", "FastMarquee", "Picture", "Text", "cn", "withStyles", "Marquee", "children", "props", "MarqueeList", "className", "ref", "MarqueeImageContent", "image", "MarqueeTextContent", "text", "Marquee_default"]
 }

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

@@ -1,6 +1,6 @@
-import type { TestimonialSectionProps } from './types.js';
+import type { MediaPlayerMultiProps } from './types.js';
 declare const _default: {
-    (props: Omit<TestimonialSectionProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
+    (props: Omit<MediaPlayerMultiProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
         className?: string;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;

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

@@ -1,2 +1,2 @@
-"use client";import{jsx as e,jsxs as l}from"react/jsx-runtime";import"react";import{cn as s}from"../../helpers/utils.js";import{withStyles as d}from"../../shared/Styles.js";import{Picture as m}from"../../components/index.js";import r from"../Title/index.js";const c=({data:{items:o=[],title:a},className:i=""})=>l("div",{className:i,children:[a&&e(r,{data:{title:a}}),e("div",{className:s("flex gap-4 overflow-x-auto",i),children:o.map((t,p)=>l("div",{className:s("w-swiper-1/2 tablet:flex-row flex shrink-0 flex-col overflow-hidden","lg-desktop:h-[480px] desktop:h-[384px] laptop:h-[360px] h-[360px]"),children:[l("div",{className:"tablet:w-[49%] relative w-full flex-none",children:[e(m,{source:t.backgroundImage,alt:t.name,className:"size-full",imgClassName:"w-full h-full object-cover"}),e("div",{className:"absolute bottom-6 right-6 flex items-center justify-center",children:e("div",{className:"tablet:size-12 flex size-10 items-center justify-center rounded-full bg-white bg-opacity-20",children:e("svg",{width:"12",height:"14",viewBox:"0 0 12 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M12 7L0 14L0 0L12 7Z",fill:"white"})})})})]}),l("div",{className:"tablet:gap-[60px] tablet:p-6 flex flex-col gap-[30px] bg-white p-4",children:[l("div",{className:"flex flex-col gap-2",children:[e("h3",{className:"lg-desktop:text-lg text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]",children:t.name}),e("p",{className:"lg-desktop:text-lg text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]",children:t.description})]}),e("p",{className:"lg-desktop:text-2xl text-lg font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]",children:t.quote})]})]},p))})]});var u=d(c);export{u as default};
+"use client";import{jsx as e,jsxs as l}from"react/jsx-runtime";import"react";import{cn as o}from"../../helpers/utils.js";import{withStyles as m}from"../../shared/Styles.js";import{Picture as r}from"../../components/index.js";import d from"../Title/index.js";import p from"../SwiperBox/index.js";const f=({data:t})=>l("div",{className:o("tablet:max-w-full w-full max-w-[296px] overflow-hidden","tablet:flex-row flex shrink-0 flex-col ","lg-desktop:h-[480px] desktop:h-[384px] laptop:h-[360px] h-auto"),children:[l("div",{className:"tablet:w-[49%] relative w-full flex-none",children:[e(r,{source:t.backgroundImage,alt:t.name,className:"size-full",imgClassName:"w-full h-full object-cover"}),e("div",{className:"absolute bottom-6 right-6",children:e("div",{className:"tablet:size-12 flex size-10 items-center justify-center rounded-full bg-white bg-opacity-20",children:e("svg",{width:"12",height:"14",viewBox:"0 0 12 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M12 7L0 14L0 0L12 7Z",fill:"white"})})})})]}),l("div",{className:"tablet:gap-[60px] tablet:p-6 flex min-h-[200px] flex-col justify-between gap-4 bg-white p-4",children:[l("div",{className:"flex flex-col gap-2",children:[e("h3",{className:"lg-desktop:text-lg text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]",children:t.name}),e("p",{className:"lg-desktop:text-lg text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]",children:t.description})]}),e("p",{className:"lg-desktop:text-2xl tablet:h-[65%] min-h-[100px] text-lg font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]",children:t.quote})]})]}),n=({data:{items:t=[],title:i},className:a="",key:s})=>l("div",{className:a,children:[i&&e(d,{data:{title:i}}),e(p,{className:"!overflow-visible",id:"MediaPlayerMultiSwiper"+s,data:{list:t},Slide:f})]});var y=m(n);export{y as default};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/MediaPlayerMulti/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport { Picture } from '../../components/index.js'\nimport Title from '../Title/index.js'\n\nimport type { TestimonialSectionProps } from './types.js'\n\nconst MediaPlayerMulti: React.FC<TestimonialSectionProps> = ({ data: { items = [], title }, className = '' }) => {\n  return (\n    <div className={className}>\n      {title && <Title data={{ title }} />}\n      <div className={cn('flex gap-4 overflow-x-auto', className)}>\n        {items.map((item, index) => (\n          <div\n            key={index}\n            className={cn(\n              'w-swiper-1/2 tablet:flex-row flex shrink-0 flex-col overflow-hidden',\n              'lg-desktop:h-[480px] desktop:h-[384px] laptop:h-[360px] h-[360px]'\n            )}\n          >\n            <div className=\"tablet:w-[49%] relative w-full flex-none\">\n              <Picture\n                source={item.backgroundImage}\n                alt={item.name}\n                className=\"size-full\"\n                imgClassName=\"w-full h-full object-cover\"\n              />\n              <div className=\"absolute bottom-6 right-6 flex items-center justify-center\">\n                <div className=\"tablet:size-12 flex size-10 items-center justify-center rounded-full bg-white bg-opacity-20\">\n                  <svg width=\"12\" height=\"14\" viewBox=\"0 0 12 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M12 7L0 14L0 0L12 7Z\" fill=\"white\" />\n                  </svg>\n                </div>\n              </div>\n            </div>\n\n            <div className=\"tablet:gap-[60px] tablet:p-6 flex flex-col gap-[30px] bg-white p-4\">\n              <div className=\"flex flex-col gap-2\">\n                <h3 className=\"lg-desktop:text-lg text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n                  {item.name}\n                </h3>\n                <p className=\"lg-desktop:text-lg text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n                  {item.description}\n                </p>\n              </div>\n\n              <p className=\"lg-desktop:text-2xl text-lg font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]\">\n                {item.quote}\n              </p>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport default withStyles(MediaPlayerMulti)\n"],
-  "mappings": "aAYgB,cAAAA,EAUJ,QAAAC,MAVI,oBAXhB,MAAkB,QAClB,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAC3B,OAAS,WAAAC,MAAe,4BACxB,OAAOC,MAAW,oBAIlB,MAAMC,EAAsD,CAAC,CAAE,KAAM,CAAE,MAAAC,EAAQ,CAAC,EAAG,MAAAC,CAAM,EAAG,UAAAC,EAAY,EAAG,IAEvGR,EAAC,OAAI,UAAWQ,EACb,UAAAD,GAASR,EAACK,EAAA,CAAM,KAAM,CAAE,MAAAG,CAAM,EAAG,EAClCR,EAAC,OAAI,UAAWE,EAAG,6BAA8BO,CAAS,EACvD,SAAAF,EAAM,IAAI,CAACG,EAAMC,IAChBV,EAAC,OAEC,UAAWC,EACT,sEACA,mEACF,EAEA,UAAAD,EAAC,OAAI,UAAU,2CACb,UAAAD,EAACI,EAAA,CACC,OAAQM,EAAK,gBACb,IAAKA,EAAK,KACV,UAAU,YACV,aAAa,6BACf,EACAV,EAAC,OAAI,UAAU,6DACb,SAAAA,EAAC,OAAI,UAAU,8FACb,SAAAA,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAC,QAAK,EAAE,uBAAuB,KAAK,QAAQ,EAC9C,EACF,EACF,GACF,EAEAC,EAAC,OAAI,UAAU,qEACb,UAAAA,EAAC,OAAI,UAAU,sBACb,UAAAD,EAAC,MAAG,UAAU,yFACX,SAAAU,EAAK,KACR,EACAV,EAAC,KAAE,UAAU,yFACV,SAAAU,EAAK,YACR,GACF,EAEAV,EAAC,KAAE,UAAU,wFACV,SAAAU,EAAK,MACR,GACF,IAnCKC,CAoCP,CACD,EACH,GACF,EAIJ,IAAOC,EAAQT,EAAWG,CAAgB",
-  "names": ["jsx", "jsxs", "cn", "withStyles", "Picture", "Title", "MediaPlayerMulti", "items", "title", "className", "item", "index", "MediaPlayerMulti_default"]
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport { Picture, Container } from '../../components/index.js'\nimport Title from '../Title/index.js'\nimport SwiperBox from '../SwiperBox/index.js'\n\nimport type { MediaPlayerMultiProps, MediaPlayerItemProps } from './types.js'\n\nconst MediaPlayerItem = ({ data }: { data: MediaPlayerItemProps }) => {\n  return (\n    <div\n      className={cn(\n        'tablet:max-w-full w-full max-w-[296px] overflow-hidden',\n        'tablet:flex-row flex shrink-0 flex-col ',\n        'lg-desktop:h-[480px] desktop:h-[384px] laptop:h-[360px] h-auto'\n      )}\n    >\n      <div className=\"tablet:w-[49%] relative w-full flex-none\">\n        <Picture\n          source={data.backgroundImage}\n          alt={data.name}\n          className=\"size-full\"\n          imgClassName=\"w-full h-full object-cover\"\n        />\n        <div className=\"absolute bottom-6 right-6\">\n          <div className=\"tablet:size-12 flex size-10 items-center justify-center rounded-full bg-white bg-opacity-20\">\n            <svg width=\"12\" height=\"14\" viewBox=\"0 0 12 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M12 7L0 14L0 0L12 7Z\" fill=\"white\" />\n            </svg>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"tablet:gap-[60px] tablet:p-6 flex min-h-[200px] flex-col justify-between gap-4 bg-white p-4\">\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"lg-desktop:text-lg text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n            {data.name}\n          </h3>\n          <p className=\"lg-desktop:text-lg text-sm font-medium leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n            {data.description}\n          </p>\n        </div>\n\n        <p className=\"lg-desktop:text-2xl tablet:h-[65%] min-h-[100px] text-lg font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]\">\n          {data.quote}\n        </p>\n      </div>\n    </div>\n  )\n}\n\nconst MediaPlayerMulti: React.FC<MediaPlayerMultiProps> = ({ data: { items = [], title }, className = '', key }) => {\n  return (\n    <div className={className}>\n      {title && <Title data={{ title }} />}\n      <SwiperBox\n        className=\"!overflow-visible\"\n        id={'MediaPlayerMultiSwiper' + key}\n        data={{ list: items }}\n        Slide={MediaPlayerItem}\n      />\n    </div>\n  )\n}\n\nexport default withStyles(MediaPlayerMulti)\n"],
+  "mappings": "aAmBM,OACE,OAAAA,EADF,QAAAC,MAAA,oBAlBN,MAAkB,QAClB,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAC3B,OAAS,WAAAC,MAA0B,4BACnC,OAAOC,MAAW,oBAClB,OAAOC,MAAe,wBAItB,MAAMC,EAAkB,CAAC,CAAE,KAAAC,CAAK,IAE5BP,EAAC,OACC,UAAWC,EACT,yDACA,0CACA,gEACF,EAEA,UAAAD,EAAC,OAAI,UAAU,2CACb,UAAAD,EAACI,EAAA,CACC,OAAQI,EAAK,gBACb,IAAKA,EAAK,KACV,UAAU,YACV,aAAa,6BACf,EACAR,EAAC,OAAI,UAAU,4BACb,SAAAA,EAAC,OAAI,UAAU,8FACb,SAAAA,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAC,QAAK,EAAE,uBAAuB,KAAK,QAAQ,EAC9C,EACF,EACF,GACF,EAEAC,EAAC,OAAI,UAAU,8FACb,UAAAA,EAAC,OAAI,UAAU,sBACb,UAAAD,EAAC,MAAG,UAAU,yFACX,SAAAQ,EAAK,KACR,EACAR,EAAC,KAAE,UAAU,yFACV,SAAAQ,EAAK,YACR,GACF,EAEAR,EAAC,KAAE,UAAU,qHACV,SAAAQ,EAAK,MACR,GACF,GACF,EAIEC,EAAoD,CAAC,CAAE,KAAM,CAAE,MAAAC,EAAQ,CAAC,EAAG,MAAAC,CAAM,EAAG,UAAAC,EAAY,GAAI,IAAAC,CAAI,IAE1GZ,EAAC,OAAI,UAAWW,EACb,UAAAD,GAASX,EAACK,EAAA,CAAM,KAAM,CAAE,MAAAM,CAAM,EAAG,EAClCX,EAACM,EAAA,CACC,UAAU,oBACV,GAAI,yBAA2BO,EAC/B,KAAM,CAAE,KAAMH,CAAM,EACpB,MAAOH,EACT,GACF,EAIJ,IAAOO,EAAQX,EAAWM,CAAgB",
+  "names": ["jsx", "jsxs", "cn", "withStyles", "Picture", "Title", "SwiperBox", "MediaPlayerItem", "data", "MediaPlayerMulti", "items", "title", "className", "key", "MediaPlayerMulti_default"]
 }

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

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

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

@@ -1,7 +1,7 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import"react";import{Button as a,Heading as g,Text as b}from"../../components/index.js";import{withStyles as y}from"../../shared/Styles.js";const k=({data:p,className:d=""})=>{const{title:l,description:s,backgroundImage:i,mobileBackgroundImage:r,primaryButton:n,secondaryButton:u,theme:c,shape:o}=p,m=()=>{},x=()=>{};return t("section",{"data-ui-component-id":"MemberEquity",className:`
-        ${c==="dark"?"aiui-dark":""}
-        relative w-full overflow-hidden bg-[#242426]
-        ${o==="rounded"?"tablet:rounded-lg laptop:rounded-xl desktop:rounded-2xl rounded-none":""}
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import"react";import{Button as o,Heading as g,Text as b}from"../../components/index.js";import{withStyles as y}from"../../shared/Styles.js";const k=({data:p,className:d=""})=>{const{title:s,description:l,backgroundImage:i,mobileBackgroundImage:r,primaryButton:n,secondaryButton:c,theme:u,shape:a}=p,m=()=>{},x=()=>{};return t("section",{"data-ui-component-id":"MemberEquity",className:`
+        ${u==="dark"?"aiui-dark":""}
+        relative 
+        ${a==="rounded"?"rounded-box":""}
         ${d}
       `,children:[e("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:block absolute inset-0 hidden size-full object-cover",children:e("source",{src:i,type:"video/mp4"})}),e("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:hidden absolute inset-0 size-full object-cover",children:e("source",{src:r,type:"video/mp4"})}),e("div",{className:`
         xs:aspect-[343/200] tablet:aspect-[343/200] laptop:aspect-[592/336]
@@ -14,11 +14,11 @@
       `,children:t("div",{className:`
           tablet:px-6 laptop:px-[76px] desktop:px-[111px] lg-desktop:px-[139px] tablet:gap-5 laptop:gap-6
           desktop:gap-7 lg-desktop:gap-8 flex w-full flex-col gap-4 px-4
-        `,children:[t("div",{className:"tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4 flex flex-col gap-2",children:[e(g,{as:"h2",size:5,className:"member-equity-title ",children:l}),e(b,{size:3,className:"member-equity-description",html:s})]}),t("div",{className:"tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex items-center gap-3",children:[e(a,{variant:"secondary",onClick:x,className:`
+        `,children:[t("div",{className:"tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4 flex flex-col gap-2",children:[e(g,{as:"h2",size:5,className:"member-equity-title ",children:s}),e(b,{size:3,className:"member-equity-description",html:l})]}),t("div",{className:"tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex items-center gap-3",children:[e(o,{variant:"secondary",onClick:x,className:`
                 member-equity-button-secondary 
-                ${o==="rounded"?"tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]":""}
-              `,children:u.text}),e(a,{variant:"primary",onClick:m,className:`
+                ${a==="rounded"?"tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]":""}
+              `,children:c.text}),e(o,{variant:"primary",onClick:m,className:`
                 member-equity-button-primary 
-                ${o==="rounded"?"tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]":""}
+                ${a==="rounded"?"tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]":""}
               `,children:n.text})]})]})})]})};var q=y(k);export{q as default};
 //# sourceMappingURL=index.js.map