@anker-in/headless-ui 0.0.27-alpha.13 → 0.0.27-alpha.130

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/AccordionCards/index.tsx"],
-  "sourcesContent": ["import { useState, useEffect, useRef } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\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\n  const getRef = (index: number, el: HTMLDivElement) => {\n    if (el) {\n      accordionRef.current[index] = el\n    }\n  }\n\n  const handleTransitionEnd = (index: number) => {\n    const current = { ...refWidth.current, [index]: true }\n    setCurrentWidth(current)\n    refWidth.current = current\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 gap-4 overflow-x-auto w-full h-[400px]', className)}>\n        {products?.map((item, idx) => (\n          <div key={idx} className=\"grow-0 shrink-0 basis-[296px] bg-[#FFFFFF] border border-solid border-[#dddddd]\">\n            <Picture className=\"w-full h-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('h-[336px] gap-4 flex w-full overflow-hidden laptop:h-[448px] desktop:h-[560px]', 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 => el && getRef(idx, el)}\n            className={cn('relative overflow-hidden cursor-pointer', itemShape === 'round' ? 'rounded-2xl' : '')}\n            onMouseEnter={() => setHoverIndex(idx)}\n            onMouseLeave={() => {\n              setHoverIndex(null)\n              const current = { ...refWidth.current, [idx]: false }\n              setCurrentWidth(current)\n              refWidth.current = current\n            }}\n          >\n            <Picture source={item?.img} className=\"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover\" />\n            {currentWidth?.[idx] ? (\n              <div\n                className={cn(\n                  'absolute left-0 right-0 bottom-0 px-6 pb-6 overflow-hidden flex justify-between items-end',\n                  'transition-all duration-[50ms] delay-[300ms]',\n                  isExpanded ? 'opacity-100' : 'opacity-0'\n                )}\n              >\n                <div className=\"mr-1 flex-1 overflow-hidden\">\n                  <p className=\"mb-1 text-xl font-bold text-[#FFFFFF] laptop:text-2xl desktop:text-[32px]\">\n                    {item?.title}\n                  </p>\n                  <h3 className=\"text-sm font-medium text-[#FFFFFF] desktop:text-lg\">{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                    'mb-1.5 overflow-hidden bg-transparent text-[#FFFFFF] font-bold text-sm desktop:text-base',\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": "AAqFY,cAAAA,EAuCI,QAAAC,MAvCJ,oBArFZ,OAAS,YAAAC,EAAU,aAAAC,EAAW,UAAAC,MAAc,QAC5C,OAAS,MAAAC,MAAU,yBACnB,OAAOC,MAAa,8BACpB,OAAOC,MAAY,6BAGnB,SAASC,GAAiB,CACxB,KAAM,CAACC,EAAOC,CAAQ,EAAIR,EAAS,QAAQ,YAAc,CAAC,EAC1D,OAAAC,EAAU,IAAM,CACd,MAAMQ,EAAW,IAAMD,EAAS,QAAQ,YAAc,CAAC,EACvD,eAAQ,iBAAiB,SAAUC,CAAQ,EACpC,IAAM,QAAQ,oBAAoB,SAAUA,CAAQ,CAC7D,EAAG,CAAC,CAAC,EACEF,GAAS,GAClB,CA0BA,MAAMG,EAAiB,CAAC,CACtB,SAAAC,EAAW,CAAC,EACZ,UAAAC,EAAY,GACZ,MAAAC,EAAQ,SACR,UAAAC,EAAY,SACZ,MAAAC,EACA,cAAAC,EAAgB,EAClB,IAA0B,CACxB,MAAMC,EAAWX,EAAe,EAC1B,CAACY,EAAYC,CAAa,EAAInB,EAAwB,IAAI,EAC1D,CAACoB,EAAcC,CAAe,EAAIrB,EAAqC,CAAC,CAAC,EAEzEsB,EAAepB,EAAyB,CAAC,CAAC,EAC1CqB,EAAWrB,EAAmC,CAAC,CAAC,EAEhDsB,EAAS,CAACC,EAAeC,IAAuB,CAChDA,IACFJ,EAAa,QAAQG,CAAK,EAAIC,EAElC,EAEMC,EAAuBF,GAAkB,CAC7C,MAAMG,EAAU,CAAE,GAAGL,EAAS,QAAS,CAACE,CAAK,EAAG,EAAK,EACrDJ,EAAgBO,CAAO,EACvBL,EAAS,QAAUK,CACrB,EAeA,OAbA3B,EAAU,IAAM,CACd,MAAM4B,EAAUP,EAAa,QAC7B,OAAAO,GAAS,QAAQ,CAACC,EAAML,IAAU,CAChCK,EAAK,iBAAiB,gBAAiB,IAAMH,EAAoBF,CAAK,CAAC,CACzE,CAAC,EACM,IAAM,CACXI,GAAS,QAAQ,CAACC,EAAML,IAAU,CAChCK,EAAK,oBAAoB,gBAAiB,IAAMH,EAAoBF,CAAK,CAAC,CAC5E,CAAC,CACH,CACF,EAAG,CAAC,CAAC,EAGDR,EAEAnB,EAAC,OAAI,UAAWK,EAAG,8CAA+CS,CAAS,EACxE,SAAAD,GAAU,IAAI,CAACmB,EAAMC,IACpBjC,EAAC,OAAc,UAAU,kFACvB,SAAAA,EAACM,EAAA,CAAQ,UAAU,iEAAiE,OAAQ0B,GAAM,IAAK,GAD/FC,CAEV,CACD,EACH,EAMFjC,EAAC,OAAI,UAAWK,EAAG,iFAAkFS,CAAS,EAC3G,SAAAD,GAAU,IAAI,CAACmB,EAAMC,IAAQ,CAC5B,MAAMC,EAAad,IAAea,EAElC,OACEhC,EAAC,OAEC,MAAO,CACL,KALYiC,EAAa,EAAI,EAM7B,WAAY,sBACd,EACA,IAAKN,GAAMA,GAAMF,EAAOO,EAAKL,CAAE,EAC/B,UAAWvB,EAAG,0CAA2CW,IAAc,QAAU,cAAgB,EAAE,EACnG,aAAc,IAAMK,EAAcY,CAAG,EACrC,aAAc,IAAM,CAClBZ,EAAc,IAAI,EAClB,MAAMS,EAAU,CAAE,GAAGL,EAAS,QAAS,CAACQ,CAAG,EAAG,EAAM,EACpDV,EAAgBO,CAAO,EACvBL,EAAS,QAAUK,CACrB,EAEA,UAAA9B,EAACM,EAAA,CAAQ,OAAQ0B,GAAM,IAAK,UAAU,iEAAiE,EACtGV,IAAeW,CAAG,EACjBhC,EAAC,OACC,UAAWI,EACT,4FACA,+CACA6B,EAAa,cAAgB,WAC/B,EAEA,UAAAjC,EAAC,OAAI,UAAU,8BACb,UAAAD,EAAC,KAAE,UAAU,4EACV,SAAAgC,GAAM,MACT,EACAhC,EAAC,MAAG,UAAU,qDAAsD,SAAAgC,GAAM,SAAS,GACrF,EACAhC,EAACO,EAAA,CACC,KAAK,KACL,YAAY,QACZ,QAAQ,YACR,QAAS,IAAMU,GAAO,eAAe,UAAUe,CAAI,EACnD,UAAW3B,EACT,2FACAU,IAAU,QAAU,cAAgB,EACtC,EAEC,SAAAG,EACH,GACF,EACE,OA3CCe,CA4CP,CAEJ,CAAC,EACH,CAEJ,EAEA,IAAOE,EAAQvB",
-  "names": ["jsx", "jsxs", "useState", "useEffect", "useRef", "cn", "Picture", "Button", "useWindowWidth", "width", "setWidth", "onResize", "AccordionCards", "products", "className", "shape", "itemShape", "event", "primaryButton", "isMobile", "hoverIndex", "setHoverIndex", "currentWidth", "setCurrentWidth", "accordionRef", "refWidth", "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 SwiperBox from '../SwiperBox/index.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport React, { useState, useEffect, useRef, useCallback, useImperativeHandle } from 'react'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { useExposure } from '../../hooks/useEXposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\n\nconst componentType = 'image'\nconst componentName = 'scene_banner'\n\n/** Hook\uFF1A\u76D1\u542C\u7A97\u53E3\u5BBD\u5EA6 */\ntype ItemType = {\n  /** \u6807\u9898\u6587\u672C */\n  title: string\n  /** \u56FE\u7247*/\n  img: {\n    url: string\n  }\n  /** \u5185\u5BB9\u8282\u70B9 */\n  subTitle: string\n  link?: string\n}\n\ntype AccordionCardsType = {\n  className?: string\n  data: {\n    key?: string\n    title?: string\n    products: Array<ItemType>\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    theme?: 'light' | 'dark'\n  }\n  /** \u6309\u94AE\u4E8B\u4EF6*/\n  event?: {\n    primaryButton?: (v: any, index: number) => void\n  }\n}\n\nconst AccordionCards = React.forwardRef<HTMLDivElement, AccordionCardsType>(({ data, className = '', event }, ref) => {\n  const [hoverIndex, setHoverIndex] = useState<number | null>(0)\n  const [currentWidth, setCurrentWidth] = useState<{ [key: number]: boolean }>({ 0: true })\n\n  const accordionRef = useRef<HTMLDivElement[]>([])\n  const enterRef = useRef<{ [key: number]: boolean }>({ 0: true })\n  const isAnimation = useRef<boolean>(false)\n\n  const { trackingData } = useAiuiContext()\n  const { profileActivated } = trackingData\n  const innerRef = useRef<HTMLDivElement>(null)\n  useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n  useExposure(innerRef, {\n    componentType,\n    componentName,\n    componentTitle: data?.title,\n    memberActiveStatus: profileActivated ? 'active' : 'not active',\n  })\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      isAnimation.current = false\n      setCurrentWidth({ [index]: true })\n    }\n  }\n\n  useEffect(() => {\n    const element = accordionRef.current\n    element?.forEach((item, index) => {\n      if (!index) {\n        item.style.flex = '8 1 0%'\n        item.style.transition = 'all 0.6s'\n      } else {\n        item.style.flex = '1 1 0%'\n        item.style.transition = 'all 0.6s'\n      }\n      item.addEventListener('transitionend', () => {\n        handleTransitionEnd(index)\n      })\n    })\n    return () => {\n      element?.forEach((item, index) => {\n        item.removeEventListener('transitionend', () => handleTransitionEnd(index))\n      })\n    }\n  }, [])\n\n  const MobileItem = ({ data, configuration }: { data: ItemType; configuration?: any }) => {\n    return (\n      <div\n        className={cn(\n          'bg-container-secondary-1 relative w-full shrink-0 grow-0 overflow-hidden border border-solid',\n          configuration?.itemShape === 'round' ? 'rounded-2xl' : ''\n        )}\n      >\n        <Picture className=\"size-full object-cover [&_img]:h-full [&_img]:object-cover\" source={data?.img?.url} />\n        <div className={cn('absolute inset-x-0 bottom-0 flex flex-col overflow-hidden px-4 pb-4')}>\n          <div className=\"tablet:mb-6 mb-4 flex-1 overflow-hidden\">\n            <p className=\"text-info-primary text-2xl font-bold leading-[1.2]\">{data?.title}</p>\n            <h3 className=\"text-info-primary line-clamp-2 text-sm font-semibold\">{data?.subTitle}</h3>\n          </div>\n          <a href={data.link} onClick={() => configuration?.event?.primaryButton(data, configuration)}>\n            <Button variant=\"secondary\" className={cn('text-info-primary text-sm font-bold')}>\n              {configuration?.primaryButton}\n            </Button>\n          </a>\n        </div>\n      </div>\n    )\n  }\n\n  const handleSwiperItemClick = useCallback(\n    (idx: number) => {\n      if (hoverIndex === idx || isAnimation.current) return\n      isAnimation.current = true\n      // \u66F4\u65B0 ref \u72B6\u6001\n      enterRef.current = { [idx]: true }\n      // \u66F4\u65B0\u5BBD\u5EA6\u76F8\u5173\u72B6\u6001\n      setHoverIndex(idx)\n    },\n    [hoverIndex, isAnimation]\n  )\n\n  return (\n    <>\n      {data?.title && <Title data={{ title: data?.title }} />}\n      <div ref={innerRef} className={cn('laptop:block hidden', { 'aiui-dark': data?.theme === 'dark' })}>\n        <div\n          className={cn(\n            'lg-desktop:h-[560px] desktop:h-[448px] flex h-[336px] w-full gap-4 overflow-hidden',\n            className\n          )}\n        >\n          {data?.products?.map((item, idx) => {\n            const isExpanded = hoverIndex === idx\n            const flexValue = isExpanded ? 8 : 1\n            const isShowContent = currentWidth?.[idx] && isExpanded\n            return (\n              <div\n                key={idx}\n                style={{\n                  flex: flexValue,\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={() => handleSwiperItemClick(idx)}\n                onMouseLeave={() => {\n                  isAnimation.current = false\n                }}\n                onClick={() => handleSwiperItemClick(idx)}\n              >\n                <Picture\n                  source={item?.img?.url}\n                  className=\"size-full object-cover [&_img]:h-full [&_img]:object-cover\"\n                />\n                <div\n                  className={cn(\n                    'absolute inset-x-0 bottom-0 flex w-full translate-x-4 items-end justify-between overflow-hidden px-8 pb-8',\n                    isShowContent ? 'translate-x-0 opacity-100 transition-transform ease-out' : 'opacity-0'\n                  )}\n                >\n                  <div className=\"mr-16 flex-1 overflow-hidden\">\n                    <p className=\"laptop:text-2xl desktop:text-[32px] text-info-primary mb-1 text-xl font-bold\">\n                      {item?.title}\n                    </p>\n                    <h3 className=\"desktop:text-lg text-info-primary line-clamp-2 text-sm font-semibold\">\n                      {item?.subTitle}\n                    </h3>\n                  </div>\n                  <a\n                    href={trackUrlRef(item?.link, `$${componentType}_$${componentName}`)}\n                    onClick={() => event?.primaryButton?.(data, idx)}\n                  >\n                    <Button variant=\"secondary\" className={cn('desktop:text-base mb-1.5 text-sm font-bold')}>\n                      {data?.primaryButton}\n                    </Button>\n                  </a>\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      </div>\n      <div className={cn('laptop:hidden block', { 'aiui-dark': data?.theme === 'dark' })}>\n        <SwiperBox\n          className={cn('h-[400px] !overflow-visible', className)}\n          id={'AccordionCards' + data?.key}\n          data={{\n            list: data?.products,\n            configuration: {\n              shape: data?.shape,\n              itemShape: data?.itemShape,\n              primaryButton: data?.primaryButton,\n              event: event,\n            },\n          }}\n          Slide={MobileItem}\n          breakpoints={{\n            0: {\n              spaceBetween: 12,\n              freeMode: false,\n              slidesPerView: 1,\n            },\n            374: {\n              spaceBetween: 12,\n              freeMode: false,\n              slidesPerView: 1.1,\n            },\n            768: {\n              spaceBetween: 16,\n              freeMode: false,\n              slidesPerView: 2.3,\n            },\n          }}\n        />\n      </div>\n    </>\n  )\n})\nexport default withStyles(AccordionCards)\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "Title", "cn", "Picture", "Button", "SwiperBox", "withStyles", "React", "useState", "useEffect", "useRef", "useCallback", "useImperativeHandle", "useAiuiContext", "useExposure", "trackUrlRef", "componentType", "componentName", "AccordionCards", "data", "className", "event", "ref", "hoverIndex", "setHoverIndex", "currentWidth", "setCurrentWidth", "accordionRef", "enterRef", "isAnimation", "trackingData", "profileActivated", "innerRef", "getRef", "index", "el", "handleTransitionEnd", "element", "item", "MobileItem", "configuration", "handleSwiperItemClick", "idx", "isExpanded", "flexValue", "isShowContent", "AccordionCards_default"]
 }

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface AiuiContextType {
+    trackingData: Record<string, any>;
+}
+export declare const AiuiContext: React.Context<AiuiContextType>;
+export declare const useAiuiContext: () => AiuiContextType;
+declare const AiuiProvider: ({ children, trackingData, }: {
+    children: React.ReactNode;
+} & AiuiContextType) => import("react/jsx-runtime").JSX.Element;
+export default AiuiProvider;

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

@@ -0,0 +1,2 @@
+import{jsx as u}from"react/jsx-runtime";import{createContext as r,useContext as i}from"react";const t=r({trackingData:{}}),x=()=>{if(!i(t))throw new Error("useAiui must be used in <AiuiProvider>");return i(t)},n=({children:e,trackingData:o})=>u(t.Provider,{value:{trackingData:o},children:e});var d=n;export{t as AiuiContext,d as default,x as useAiuiContext};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/AiuiProvider/index.tsx"],
+  "sourcesContent": ["import React, { createContext, useContext } from 'react'\n\ninterface AiuiContextType {\n  trackingData: Record<string, any>\n}\n\nexport const AiuiContext = createContext<AiuiContextType>({\n  trackingData: {},\n})\n\nexport const useAiuiContext = () => {\n  const context = useContext(AiuiContext)\n  if (!context) {\n    throw new Error('useAiui must be used in <AiuiProvider>')\n  }\n  return useContext(AiuiContext)\n}\n\nconst AiuiProvider = ({\n  children,\n  trackingData,\n}: {\n  children: React.ReactNode\n} & AiuiContextType) => {\n  return (\n    <AiuiContext.Provider\n      value={{\n        trackingData,\n      }}\n    >\n      {children}\n    </AiuiContext.Provider>\n  )\n}\n\nexport default AiuiProvider\n"],
+  "mappings": "AAyBI,cAAAA,MAAA,oBAzBJ,OAAgB,iBAAAC,EAAe,cAAAC,MAAkB,QAM1C,MAAMC,EAAcF,EAA+B,CACxD,aAAc,CAAC,CACjB,CAAC,EAEYG,EAAiB,IAAM,CAElC,GAAI,CADYF,EAAWC,CAAW,EAEpC,MAAM,IAAI,MAAM,wCAAwC,EAE1D,OAAOD,EAAWC,CAAW,CAC/B,EAEME,EAAe,CAAC,CACpB,SAAAC,EACA,aAAAC,CACF,IAIIP,EAACG,EAAY,SAAZ,CACC,MAAO,CACL,aAAAI,CACF,EAEC,SAAAD,EACH,EAIJ,IAAOE,EAAQH",
+  "names": ["jsx", "createContext", "useContext", "AiuiContext", "useAiuiContext", "AiuiProvider", "children", "trackingData", "AiuiProvider_default"]
+}

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

@@ -1,21 +1,7 @@
 import React from 'react';
-import type { ComponentCommonProps } from '../../types/props.js';
-export interface BrandEquityItem {
-    icon?: React.ReactNode;
-    title: string;
-    description: string;
-    avatarList?: string[];
-}
-export interface BrandEquityProps extends ComponentCommonProps {
-    items: BrandEquityItem[];
-    itemShape?: 'round' | 'square';
+import type { BrandEquityProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<BrandEquityProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
     className?: string;
-    theme?: 'light' | 'dark';
-}
-declare const _default: {
-    (props: Omit<BrandEquityProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
-        className?: string;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+    data?: Record<string, any>;
+}, "ref"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,2 +1,2 @@
-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=({items:p=[],itemShape:r="square",className:i=""})=>e("div",{className:a("brand-equity-wrapper w-full bg-[#F7F8F9]",i),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,o)=>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(o)},r==="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((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})]},o))})});var b=c(m);export{b as default};
+"use client";import{jsx as t,jsxs as c}from"react/jsx-runtime";import{forwardRef as w,useEffect as N,useRef as f,useState as E,useImperativeHandle as S}from"react";import{cn as i}from"../../helpers/utils.js";import v from"../../components/picture.js";import{withStyles as q}from"../../shared/Styles.js";import{useMediaQuery as M}from"react-responsive";import{useExposure as D}from"../../hooks/useEXposure.js";import{useAiuiContext as A}from"../AiuiProvider/index.js";import{Swiper as B,SwiperSlide as I}from"swiper/react";import{Pagination as P,FreeMode as j,Mousewheel as T}from"swiper/modules";const H="copy",L="store_benefits",R=(e,o)=>{const a=[];for(let r=0;r<e.length;r+=o)a.push(e.slice(r,r+o));return a},z=w(({data:{items:e=[],itemShape:o},className:a},r)=>{const[s,y]=E(!1),m=M({query:"(max-width: 768px)"}),d=f(null),{trackingData:g}=A(),{profileActivated:b}=g,n=f(null);S(r,()=>n.current),D(n,{componentType:H,componentName:L,memberActiveStatus:b?"active":"not active"}),N(()=>{y(m)},[m]);const k=s?R(e,3):e;return t("div",{ref:n,className:i("brand-equity-wrapper w-full",a),children:s?c(B,{className:i(a),modules:[j,T,P],freeMode:!0,mousewheel:{forceToAxis:!0},pagination:{clickable:!0,el:d.current},breakpoints:{0:{spaceBetween:12}},children:[k?.map((l,p)=>t(I,{className:"!flex flex-col gap-3",children:Array.isArray(l)&&l?.map((h,u)=>t(x,{data:h,itemShape:o,index:u},u))},"SwiperSlide"+p)),t("div",{ref:d,className:"mt-3 flex justify-center"})]}):t("div",{className:i("grid grid-cols-1 gap-3","tablet:grid-cols-2","laptop:gap-4 laptop:grid-cols-10"),children:e.map((l,p)=>t(x,{data:l,itemShape:o,index:p},p))})})}),x=({data:e,itemShape:o,index:a})=>c("div",{className:i("brand-equity-item","flex w-full flex-col bg-white p-4","desktop:p-6 desktop:gap-16 gap-12","laptop:col-span-3 lg-desktop:p-8",{"laptop:col-span-4":[0,5,6,11].includes(a)},o==="round"?"rounded-2xl":"rounded-none"),children:[c("div",{className:"lg-desktop:h-[36px] flex h-[30px] items-center justify-between gap-3",children:[t("h3",{className:"lg-desktop:text-[18px] text-[14px] font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]",children:e.title}),e.type==="avatar"?t("div",{className:"flex -space-x-2",children:e?.avatarList?.map((r,s)=>t("div",{className:i("size-[30px] overflow-hidden rounded-full border-2 border-white","relative inline-block","lg-desktop:size-[36px]"),children:t(v,{source:r.avatar.url,alt:r.avatar?.alt,className:"size-full object-cover"})},s))}):t(v,{className:"lg-desktop:size-[36px] size-[30px] shrink-0 object-cover",source:e.icon?.url,alt:e.icon?.alt,imgClassName:"w-full h-full object-cover"})]}),t("p",{className:"lg-desktop:text-[24px] text-[20px] font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]",children:e.description})]});var W=q(z);export{W 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": ["import 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": "AA+CY,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, { forwardRef, useEffect, useRef, useState, useImperativeHandle } from 'react'\n\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport type { BrandEquityProps, BrandEquityItemProps } from './types.js'\n\nimport type { Img } from '../../types/props.js'\nimport { useMediaQuery } from 'react-responsive'\nimport { useExposure } from '../../hooks/useEXposure.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Pagination, FreeMode, Mousewheel } from 'swiper/modules'\n\nconst componentType = 'copy'\nconst componentName = 'store_benefits'\n\nconst chunkArray = (arr: BrandEquityItemProps[], size: number) => {\n  const chunks = []\n  for (let i = 0; i < arr.length; i += size) {\n    chunks.push(arr.slice(i, i + size))\n  }\n  return chunks\n}\n\nconst BrandEquity = forwardRef<HTMLDivElement, BrandEquityProps>(\n  ({ data: { items = [], itemShape }, className }, ref) => {\n    const [isMobile, setIsMobile] = useState(false)\n    const mediaQuery = useMediaQuery({ query: '(max-width: 768px)' })\n    const paginationRef = useRef<HTMLDivElement>(null)\n    const { trackingData } = useAiuiContext()\n    const { profileActivated } = trackingData\n    const innerRef = useRef<HTMLDivElement>(null)\n    useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n    useExposure(innerRef, {\n      componentType,\n      componentName,\n      memberActiveStatus: profileActivated ? 'active' : 'not active',\n    })\n\n    useEffect(() => {\n      setIsMobile(mediaQuery)\n    }, [mediaQuery])\n\n    const itemsArray = isMobile ? chunkArray(items, 3) : items\n    return (\n      <div ref={innerRef} className={cn('brand-equity-wrapper w-full', className)}>\n        {isMobile ? (\n          <Swiper\n            className={cn(className)}\n            modules={[FreeMode, Mousewheel, Pagination]}\n            freeMode={true}\n            mousewheel={{\n              forceToAxis: true,\n            }}\n            pagination={{\n              clickable: true,\n              el: paginationRef.current,\n            }}\n            breakpoints={{\n              0: {\n                spaceBetween: 12,\n              },\n            }}\n          >\n            {itemsArray?.map((item, jIndex) => (\n              <SwiperSlide key={'SwiperSlide' + jIndex} className=\"!flex flex-col gap-3\">\n                {Array.isArray(item) &&\n                  item?.map((item, index) => (\n                    <BrandEquityItem key={index} data={item} itemShape={itemShape} index={index} />\n                  ))}\n              </SwiperSlide>\n            ))}\n            <div ref={paginationRef} className=\"mt-3 flex justify-center\"></div>\n          </Swiper>\n        ) : (\n          <div className={cn('grid grid-cols-1 gap-3', 'tablet:grid-cols-2', 'laptop:gap-4 laptop:grid-cols-10')}>\n            {items.map((item, index) => (\n              <BrandEquityItem key={index} data={item} itemShape={itemShape} index={index} />\n            ))}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nconst BrandEquityItem = ({\n  data,\n  itemShape,\n  index,\n}: {\n  data: BrandEquityItemProps\n  itemShape?: 'round' | 'square'\n  index: number\n}) => {\n  return (\n    <div\n      className={cn(\n        'brand-equity-item',\n        'flex w-full flex-col bg-white p-4',\n        'desktop:p-6 desktop:gap-16 gap-12',\n        'laptop:col-span-3 lg-desktop:p-8',\n        {\n          ['laptop:col-span-4']: [0, 5, 6, 11].includes(index),\n        },\n        itemShape === 'round' ? 'rounded-2xl' : 'rounded-none'\n      )}\n    >\n      <div className=\"lg-desktop:h-[36px] flex h-[30px] items-center justify-between gap-3\">\n        <h3 className=\"lg-desktop:text-[18px] text-[14px] font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n          {data.title}\n        </h3>\n        {data.type === 'avatar' ? (\n          <div className=\"flex -space-x-2\">\n            {data?.avatarList?.map((item: { avatar: Img }, index: number) => (\n              <div\n                key={index}\n                className={cn(\n                  'size-[30px] overflow-hidden rounded-full border-2 border-white',\n                  'relative inline-block',\n                  'lg-desktop:size-[36px]'\n                )}\n              >\n                <Picture source={item.avatar.url} alt={item.avatar?.alt} className=\"size-full object-cover\" />\n              </div>\n            ))}\n          </div>\n        ) : (\n          <Picture\n            className=\"lg-desktop:size-[36px] size-[30px] shrink-0 object-cover\"\n            source={data.icon?.url}\n            alt={data.icon?.alt}\n            imgClassName=\"w-full h-full object-cover\"\n          />\n        )}\n      </div>\n      <p className=\"lg-desktop:text-[24px] text-[20px] font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]\">\n        {data.description}\n      </p>\n    </div>\n  )\n}\n\nexport default withStyles(BrandEquity)\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "forwardRef", "useEffect", "useRef", "useState", "useImperativeHandle", "cn", "Picture", "withStyles", "useMediaQuery", "useExposure", "useAiuiContext", "Swiper", "SwiperSlide", "Pagination", "FreeMode", "Mousewheel", "componentType", "componentName", "chunkArray", "arr", "size", "chunks", "i", "BrandEquity", "items", "itemShape", "className", "ref", "isMobile", "setIsMobile", "mediaQuery", "paginationRef", "trackingData", "profileActivated", "innerRef", "itemsArray", "item", "jIndex", "index", "BrandEquityItem", "data", "BrandEquity_default"]
 }

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

@@ -0,0 +1,17 @@
+import type { ComponentCommonProps, Img } from '../../types/props.js';
+export interface BrandEquityItemProps {
+    icon?: Img;
+    type?: 'icon' | 'avatar';
+    title: string;
+    description: string;
+    avatarList?: {
+        avatar: Img;
+    }[];
+}
+export interface BrandEquityProps extends ComponentCommonProps {
+    data: {
+        items: BrandEquityItemProps[];
+        itemShape?: 'round' | 'square';
+    };
+    className?: string;
+}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import 'swiper/css';
+import 'swiper/css/pagination';
+export interface SwiperBoxProps {
+    data: {
+        list: any[];
+        configuration?: any;
+    };
+    pagination?: any;
+    id: string;
+    className?: string;
+    breakpoints?: Record<number, Object>;
+    Slide: React.ComponentType<{
+        data: any;
+        configuration?: any;
+    }>;
+}
+declare const SwiperBox: React.ForwardRefExoticComponent<SwiperBoxProps & React.RefAttributes<HTMLDivElement>>;
+export default SwiperBox;

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

@@ -0,0 +1,2 @@
+"use client";import{jsx as e}from"react/jsx-runtime";import n from"react";import{Swiper as p,SwiperSlide as l}from"swiper/react";import{Pagination as d,FreeMode as f,Mousewheel as c}from"swiper/modules";import"swiper/css";import"swiper/css/pagination";const r=n.forwardRef(({data:i,Slide:o,id:a,pagination:w})=>e(p,{freeMode:!0,mousewheel:{forceToAxis:!0},pagination:{clickable:!0,dynamicBullets:!0},className:"!overflow-visible",modules:[f,c,d],breakpoints:{0:{spaceBetween:16,freeMode:!1,slidesPerView:1},376:{spaceBetween:16,freeMode:!1,slidesPerView:1},767:{spaceBetween:16,freeMode:!1,slidesPerView:4},1441:{spaceBetween:16,freeMode:!1,slidesPerView:6}},children:i?.list?.map((t,s)=>e(l,{className:"!h-[unset]",children:e(o,{data:t,configuration:i?.configuration})},a+"SwiperSlide"+s))}));r.displayName="SwiperBox";var B=r;export{B as default};
+//# sourceMappingURL=SwiperCategory.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/Category/SwiperCategory.tsx"],
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Pagination, FreeMode, Mousewheel } from 'swiper/modules'\nimport 'swiper/css'\nimport 'swiper/css/pagination' // \u5206\u9875\u5668\u6837\u5F0F\n\nexport interface SwiperBoxProps {\n  data: {\n    list: any[]\n    configuration?: any\n  }\n  pagination?: any\n  id: string\n  className?: string\n  breakpoints?: Record<number, Object>\n  Slide: React.ComponentType<{ data: any; configuration?: any }>\n}\n\nconst SwiperBox = React.forwardRef<HTMLDivElement, SwiperBoxProps>(({ data, Slide, id, pagination }) => {\n  return (\n    <Swiper\n      freeMode={true}\n      mousewheel={{\n        forceToAxis: true,\n      }}\n      pagination={{\n        clickable: true,\n        dynamicBullets: true,\n      }}\n      className=\"!overflow-visible\"\n      modules={[FreeMode, Mousewheel, Pagination]}\n      breakpoints={{\n        0: {\n          spaceBetween: 16,\n          freeMode: false,\n          slidesPerView: 1,\n        },\n        376: {\n          spaceBetween: 16,\n          freeMode: false,\n          slidesPerView: 1,\n        },\n        767: {\n          spaceBetween: 16,\n          freeMode: false,\n          slidesPerView: 4,\n        },\n        1441: {\n          spaceBetween: 16,\n          freeMode: false,\n          slidesPerView: 6,\n        },\n      }}\n    >\n      {data?.list?.map((item, jIndex) => (\n        <SwiperSlide key={id + 'SwiperSlide' + jIndex} className=\"!h-[unset]\">\n          <Slide data={item} configuration={data?.configuration} />\n        </SwiperSlide>\n      ))}\n    </Swiper>\n  )\n})\n\nSwiperBox.displayName = 'SwiperBox'\n\nexport default SwiperBox\n"],
+  "mappings": "aAyDU,cAAAA,MAAA,oBAxDV,OAAOC,MAAW,QAClB,OAAS,UAAAC,EAAQ,eAAAC,MAAmB,eACpC,OAAS,cAAAC,EAAY,YAAAC,EAAU,cAAAC,MAAkB,iBACjD,MAAO,aACP,MAAO,wBAcP,MAAMC,EAAYN,EAAM,WAA2C,CAAC,CAAE,KAAAO,EAAM,MAAAC,EAAO,GAAAC,EAAI,WAAAC,CAAW,IAE9FX,EAACE,EAAA,CACC,SAAU,GACV,WAAY,CACV,YAAa,EACf,EACA,WAAY,CACV,UAAW,GACX,eAAgB,EAClB,EACA,UAAU,oBACV,QAAS,CAACG,EAAUC,EAAYF,CAAU,EAC1C,YAAa,CACX,EAAG,CACD,aAAc,GACd,SAAU,GACV,cAAe,CACjB,EACA,IAAK,CACH,aAAc,GACd,SAAU,GACV,cAAe,CACjB,EACA,IAAK,CACH,aAAc,GACd,SAAU,GACV,cAAe,CACjB,EACA,KAAM,CACJ,aAAc,GACd,SAAU,GACV,cAAe,CACjB,CACF,EAEC,SAAAI,GAAM,MAAM,IAAI,CAACI,EAAMC,IACtBb,EAACG,EAAA,CAA8C,UAAU,aACvD,SAAAH,EAACS,EAAA,CAAM,KAAMG,EAAM,cAAeJ,GAAM,cAAe,GADvCE,EAAK,cAAgBG,CAEvC,CACD,EACH,CAEH,EAEDN,EAAU,YAAc,YAExB,IAAOO,EAAQP",
+  "names": ["jsx", "React", "Swiper", "SwiperSlide", "Pagination", "FreeMode", "Mousewheel", "SwiperBox", "data", "Slide", "id", "pagination", "item", "jIndex", "SwiperCategory_default"]
+}

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

@@ -1,16 +1,34 @@
 import React from 'react';
 export interface CategoryItem {
     /** 产品图片*/
-    img: string;
-    title: string;
+    image: any;
+    name: string;
+    link?: string;
 }
 export interface CategoryProps {
-    products: CategoryItem[];
     className?: string;
     /** 主题色*/
-    theme?: 'light' | 'dark';
-    /** 卡片形状 */
-    shape?: 'round' | 'square';
+    data: {
+        isShowSelect: boolean;
+        products: CategoryItem[];
+        productData: CategoryItem[];
+        /** 卡片形状 */
+        shape?: 'round' | 'square';
+        title?: string;
+        theme?: 'light' | 'dark';
+    };
+    buildData?: {
+        categories: any[];
+        products: any[];
+    };
+    /** 按钮事件*/
+    event?: {
+        primaryButton?: (v: any, index: number) => void;
+    };
+    key?: string;
 }
-declare const Category: React.FC<CategoryProps>;
-export default Category;
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<CategoryProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
+    className?: string;
+    data?: Record<string, any>;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

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

@@ -1,2 +1,2 @@
-import{Fragment as m,jsx as e,jsxs as i}from"react/jsx-runtime";import"react";import{cn as o}from"../../helpers/utils.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("w-full flex","gap-3 laptop:gap-4 overflow-x-auto overflow-y-hidden"),children:p?.map((t,l)=>i("div",{className:o("bg-[#EAEAEC] p-4 flex flex-col min-w-[167px] max-w-[167px] box-border overflow-hidden","laptop:min-w-[205px] laptop:max-w-[205px] desktop:min-w-[264px] desktop:max-w-[264px] laptop:p-6 desktop:p-8",a==="round"?"rounded-[16px]":"rounded-none"),children:[e(s,{className:"w-full object-cover",source:t?.img}),e("p",{className:"flex-1 text-sm text-center font-semibold desktop:text-lg",children:t?.title})]},l))})})})});var g=d;export{g as default};
+"use client";import{Fragment as x,jsx as t,jsxs as n}from"react/jsx-runtime";import b,{useImperativeHandle as k,useRef as N}from"react";import{cn as i}from"../../helpers/utils.js";import s from"../../components/picture.js";import{withStyles as C}from"../../shared/Styles.js";import w from"../Title/index.js";import f from"./SwiperCategory.js";import{useExposure as I}from"../../hooks/useEXposure.js";import{useAiuiContext as _}from"../AiuiProvider/index.js";import{trackUrlRef as u}from"../../shared/trackUrlRef.js";const c="image",m="category_banner",$=(e,o)=>{const r=[];for(let a=0;a<e.length;a+=o)r.push(e.slice(a,a+o));return r},S=({data:e,configuration:o})=>n("div",{className:i("tablet:h-[120px] laptop:h-[144px] desktop:h-[192px] lg-desktop:h-[240px]","tablet:p-3 laptop:p-4 desktop:p-6 lg-desktop:p-8","bg-container-secondary-1 hover:bg-info-white group box-border flex size-full cursor-pointer flex-col overflow-hidden duration-300",o?.shape==="round"?"rounded-2xl":"rounded-none"),children:[t("div",{className:"transition-all duration-300 group-hover:scale-110",children:t("a",{href:u(e?.link,`$${c}_$${m}`),onClick:()=>o?.event?.primaryButton(e,o?.index),children:t(s,{source:e?.image?.url||e?.image,className:"laptop:size-[88px] tablet:size-[72px] desktop:size-[116px] lg-desktop:size-[146px] m-auto flex justify-center object-cover [&_img]:h-full [&_img]:w-auto [&_img]:object-cover"})})}),t("p",{className:"tablet:text-lg text-info-primary box-border line-clamp-2 flex-1 text-center text-sm font-bold",children:e?.name})]}),j=({data:e,configuration:o})=>n("div",{className:i("bg-container-secondary-1 box-border max-h-[126px] w-full overflow-hidden","hover:bg-info-white cursor-pointer px-3 py-4 duration-300",o?.shape==="round"?"rounded-2xl":"rounded-none"),children:[t("a",{href:u(e?.link,`$${c}_$${m}`),onClick:()=>o?.event?.primaryButton(e,o?.index),children:t(s,{className:"m-auto mb-2 flex size-[72px] justify-center object-cover [&_img]:h-full [&_img]:w-auto [&_img]:object-cover",source:e?.image?.url||e?.image})}),t("p",{className:"text-info-primary flex-1 truncate text-center text-sm font-bold",children:e?.name})]},`${e?.name}`),z=({data:e,configuration:o})=>n("div",{className:i("tablet:p-3 laptop:p-4 desktop:p-6 lg-desktop:p-8 h-auto","hover:bg-info-white bg-container-secondary-1 group box-border flex-1 shrink-0 cursor-pointer overflow-hidden duration-300",o?.shape==="round"?"rounded-2xl":"rounded-none"),children:[t("div",{className:"transition-all duration-300 group-hover:scale-110",children:t("a",{href:u(e?.link,`$${c}_$${m}`),onClick:()=>o?.event?.primaryButton(e,o?.index),children:t(s,{className:"laptop:size-[88px] tablet:size-[72px] desktop:size-[116px] lg-desktop:size-[146px] m-auto flex justify-center object-cover [&_img]:h-full [&_img]:w-auto [&_img]:object-cover",source:e?.image?.url||e?.image})})}),t("p",{className:"tablet:text-lg text-info-primary text-center text-sm font-bold",children:e?.name})]}),D=({data:e,configuration:o,index:r})=>n("div",{className:i("bg-container-secondary-1 box-border flex w-full shrink-0 flex-col items-center justify-center overflow-hidden","hover:bg-info-white cursor-pointer p-4",r===0?"aspect-h-[252] row-span-2":"aspect-h-[120]",o?.shape==="round"?"rounded-2xl":"rounded-none"),children:[t("a",{href:e?.link||"",onClick:()=>o?.event?.primaryButton(e,o?.index),children:t(s,{source:e?.image?.url||e?.image,className:i("mb-2 flex h-full justify-center object-cover [&_img]:h-full [&_img]:w-auto [&_img]:object-cover",r===0?"max-h-[146px] overflow-hidden":"max-h-[72px] max-w-[72px]")})}),t("p",{className:"text-info-primary line-clamp-2 text-center text-sm font-bold",children:e?.name})]}),B=({data:e,configuration:o})=>t("div",{className:"grid grid-cols-2 gap-3",children:e?.map((r,a)=>t(j,{data:r,configuration:o},a))}),T=({data:e,configuration:o})=>n(x,{children:[t("div",{className:"tablet:block hidden",children:t("div",{className:"mx-auto flex w-full gap-4",children:e?.map((r,a)=>t(z,{data:r,configuration:o},a))})}),t("div",{className:"tablet:hidden block",children:t("div",{className:"grid grid-cols-2 gap-3",children:e?.map((r,a)=>t(D,{index:a,data:r,configuration:o},a))})})]}),M=b.forwardRef((e,o)=>{const{data:r,className:a="",key:g,event:d}=e,l=r?.isShowSelect?r?.products:r?.productData,v=l?.length<=5,p=N(null);k(o,()=>p.current);const{trackingData:h}=_(),{profileActivated:y}=h;return I(p,{componentType:c,componentName:m,componentTitle:r?.title,memberActiveStatus:y?"active":"not active"}),n("div",{ref:p,className:i("w-full overflow-hidden",a,{"aiui-dark":r?.theme==="dark"}),children:[r?.title&&t(w,{data:{title:r?.title},className:"text-4xl"}),v?t(T,{data:l,configuration:{shape:r?.shape,event:d}}):n(x,{children:[t("div",{className:"tablet:block hidden",children:t(f,{id:`Category${g}`,Slide:S,data:{list:l,configuration:{shape:r?.shape,event:d}}})}),t("div",{className:"tablet:hidden block",children:t(f,{id:`Category1${g}`,Slide:B,data:{list:$(l,6),configuration:{shape:r?.shape,event:d}}})}),t("div",{className:"h-7"})]})]})});var G=C(M);export{G as default};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/Category/index.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { cn } from '../../helpers/utils.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> = ({\n  className = '',\n  shape = 'square',\n  products = [],\n}) => {\n  return (\n    <>\n      <div className={cn('w-full', className)}>\n        <div className={cn('flex overflow-hidden')}>\n          <div className={cn('w-full flex', 'gap-3 laptop:gap-4 overflow-x-auto overflow-y-hidden')}>\n            {products?.map((item, index) => {\n              return (\n                <div\n                  key={index}\n                  className={cn(\n                    'bg-[#EAEAEC] p-4 flex flex-col min-w-[167px] max-w-[167px] box-border overflow-hidden',\n                    'laptop:min-w-[205px] laptop:max-w-[205px] desktop:min-w-[264px] desktop:max-w-[264px] laptop:p-6 desktop:p-8',\n                    shape === 'round' ? 'rounded-[16px]' : 'rounded-none'\n                  )}\n                >\n                  <Picture\n                    className=\"w-full object-cover\"\n                    source={item?.img}\n                  />\n                  <p className=\"flex-1 text-sm text-center font-semibold desktop:text-lg\">\n                    {item?.title}\n                  </p>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default Category\n"],
-  "mappings": "AAyBI,mBAAAA,EAcc,OAAAC,EARF,QAAAC,MANZ,oBAzBJ,MAAkB,QAClB,OAAS,MAAAC,MAAU,yBACnB,OAAOC,MAAa,8BAiBpB,MAAMC,EAAoC,CAAC,CACzC,UAAAC,EAAY,GACZ,MAAAC,EAAQ,SACR,SAAAC,EAAW,CAAC,CACd,IAEIP,EAAAD,EAAA,CACE,SAAAC,EAAC,OAAI,UAAWE,EAAG,SAAUG,CAAS,EACpC,SAAAL,EAAC,OAAI,UAAWE,EAAG,sBAAsB,EACvC,SAAAF,EAAC,OAAI,UAAWE,EAAG,cAAe,sDAAsD,EACrF,SAAAK,GAAU,IAAI,CAACC,EAAMC,IAElBR,EAAC,OAEC,UAAWC,EACT,wFACA,+GACAI,IAAU,QAAU,iBAAmB,cACzC,EAEA,UAAAN,EAACG,EAAA,CACC,UAAU,sBACV,OAAQK,GAAM,IAChB,EACAR,EAAC,KAAE,UAAU,2DACV,SAAAQ,GAAM,MACT,IAbKC,CAcP,CAEH,EACH,EACF,EACF,EACF,EAIJ,IAAOC,EAAQN",
-  "names": ["Fragment", "jsx", "jsxs", "cn", "Picture", "Category", "className", "shape", "products", "item", "index", "Category_default"]
+  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef } 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 './SwiperCategory.js'\nimport { useExposure } from '../../hooks/useEXposure.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\n\nconst componentType = 'image'\nconst componentName = 'category_banner'\n\nexport interface CategoryItem {\n  /** \u4EA7\u54C1\u56FE\u7247*/\n  image: any\n  name: string\n  link?: string\n}\n\nexport interface CategoryProps {\n  className?: string\n  /** \u4E3B\u9898\u8272*/\n  data: {\n    isShowSelect: boolean\n    products: CategoryItem[]\n    productData: CategoryItem[]\n    /** \u5361\u7247\u5F62\u72B6 */\n    shape?: 'round' | 'square'\n    title?: string\n    theme?: 'light' | 'dark'\n  }\n  buildData?: {\n    categories: any[]\n    products: any[]\n  }\n  /** \u6309\u94AE\u4E8B\u4EF6*/\n  event?: {\n    primaryButton?: (v: any, index: number) => void\n  }\n  key?: string\n}\n\nconst chunkArray = (arr: any[], size: number) => {\n  const chunks = []\n  for (let i = 0; i < arr.length; i += size) {\n    chunks.push(arr.slice(i, i + size))\n  }\n  return chunks\n}\n\nconst CategoryPcItem = ({ data, configuration }: { data: CategoryItem; configuration?: any }) => {\n  return (\n    <div\n      className={cn(\n        'tablet:h-[120px] laptop:h-[144px] desktop:h-[192px] lg-desktop:h-[240px]',\n        'tablet:p-3 laptop:p-4 desktop:p-6 lg-desktop:p-8',\n        'bg-container-secondary-1 hover:bg-info-white group box-border flex size-full cursor-pointer flex-col overflow-hidden duration-300',\n        configuration?.shape === 'round' ? 'rounded-2xl' : 'rounded-none'\n      )}\n    >\n      <div className=\"transition-all duration-300 group-hover:scale-110\">\n        <a\n          href={trackUrlRef(data?.link, `$${componentType}_$${componentName}`)}\n          onClick={() => configuration?.event?.primaryButton(data, configuration?.index)}\n        >\n          <Picture\n            source={data?.image?.url || data?.image}\n            className=\"laptop:size-[88px] tablet:size-[72px] desktop:size-[116px] lg-desktop:size-[146px] m-auto flex justify-center object-cover [&_img]:h-full [&_img]:w-auto [&_img]:object-cover\"\n          />\n        </a>\n      </div>\n      <p className=\"tablet:text-lg text-info-primary box-border line-clamp-2 flex-1 text-center text-sm font-bold\">\n        {data?.name}\n      </p>\n    </div>\n  )\n}\n\n// \u79FB\u52A8\u7AEF\nconst SingleItem = ({ data, configuration }: { data: CategoryItem; configuration?: any }) => {\n  return (\n    <div\n      key={`${data?.name}`}\n      className={cn(\n        'bg-container-secondary-1 box-border max-h-[126px] w-full overflow-hidden',\n        'hover:bg-info-white cursor-pointer px-3 py-4 duration-300',\n        configuration?.shape === 'round' ? 'rounded-2xl' : 'rounded-none'\n      )}\n    >\n      <a\n        href={trackUrlRef(data?.link, `$${componentType}_$${componentName}`)}\n        onClick={() => configuration?.event?.primaryButton(data, configuration?.index)}\n      >\n        <Picture\n          className=\"m-auto mb-2 flex size-[72px] justify-center object-cover [&_img]:h-full [&_img]:w-auto [&_img]:object-cover\"\n          source={data?.image?.url || data?.image}\n        />\n      </a>\n      <p className=\"text-info-primary flex-1 truncate text-center text-sm font-bold\">{data?.name}</p>\n    </div>\n  )\n}\n\n// soundcore pc\u5C55\u793A\nconst SinglePcCategoryItem = ({ data, configuration }: { data: CategoryItem; configuration?: any }) => {\n  return (\n    <div\n      className={cn(\n        'tablet:p-3 laptop:p-4 desktop:p-6 lg-desktop:p-8 h-auto',\n        'hover:bg-info-white bg-container-secondary-1 group box-border flex-1 shrink-0 cursor-pointer overflow-hidden duration-300',\n        configuration?.shape === 'round' ? 'rounded-2xl' : 'rounded-none'\n      )}\n    >\n      <div className=\"transition-all duration-300 group-hover:scale-110\">\n        <a\n          href={trackUrlRef(data?.link, `$${componentType}_$${componentName}`)}\n          onClick={() => configuration?.event?.primaryButton(data, configuration?.index)}\n        >\n          <Picture\n            className=\"laptop:size-[88px] tablet:size-[72px] desktop:size-[116px] lg-desktop:size-[146px] m-auto flex justify-center object-cover [&_img]:h-full [&_img]:w-auto [&_img]:object-cover\"\n            source={data?.image?.url || data?.image}\n          />\n        </a>\n      </div>\n      <p className=\"tablet:text-lg text-info-primary text-center text-sm font-bold\">{data?.name}</p>\n    </div>\n  )\n}\n\n// soundcore mobile\u5C55\u793A\nconst SingleMobileCategoryItem = ({\n  data,\n  configuration,\n  index,\n}: {\n  data: CategoryItem\n  configuration?: any\n  index: number\n}) => {\n  return (\n    <div\n      className={cn(\n        'bg-container-secondary-1 box-border flex w-full shrink-0 flex-col items-center justify-center overflow-hidden',\n        'hover:bg-info-white cursor-pointer p-4',\n        index === 0 ? 'aspect-h-[252] row-span-2' : 'aspect-h-[120]',\n        configuration?.shape === 'round' ? 'rounded-2xl' : 'rounded-none'\n      )}\n    >\n      <a href={data?.link || ''} onClick={() => configuration?.event?.primaryButton(data, configuration?.index)}>\n        <Picture\n          source={data?.image?.url || data?.image}\n          className={cn(\n            'mb-2 flex h-full justify-center object-cover [&_img]:h-full [&_img]:w-auto [&_img]:object-cover',\n            index === 0 ? 'max-h-[146px] overflow-hidden' : 'max-h-[72px] max-w-[72px]'\n          )}\n        />\n      </a>\n      <p className=\"text-info-primary line-clamp-2 text-center text-sm font-bold\">{data?.name}</p>\n    </div>\n  )\n}\n\n// \u5176\u5B83\u54C1\u724Cmobile\u5C55\u793A\nconst CategoryMobileItem = ({ data, configuration }: { data: CategoryItem[]; configuration?: any }) => {\n  return (\n    <div className=\"grid grid-cols-2 gap-3\">\n      {data?.map((item, index) => {\n        return <SingleItem key={index} data={item} configuration={configuration} />\n      })}\n    </div>\n  )\n}\n\n// soundcore\u5C55\u793A\nconst SoundCoreCategoryItem = ({ data, configuration }: { data: CategoryItem[]; configuration?: any }) => {\n  return (\n    <>\n      <div className=\"tablet:block hidden\">\n        <div className=\"mx-auto flex w-full gap-4\">\n          {data?.map((item, index) => {\n            return <SinglePcCategoryItem key={index} data={item} configuration={configuration} />\n          })}\n        </div>\n      </div>\n      <div className=\"tablet:hidden block\">\n        <div className=\"grid grid-cols-2 gap-3\">\n          {data?.map((item, index) => {\n            return <SingleMobileCategoryItem key={index} index={index} data={item} configuration={configuration} />\n          })}\n        </div>\n      </div>\n    </>\n  )\n}\n\nconst Category = React.forwardRef<HTMLDivElement, CategoryProps>((props, ref) => {\n  const { data, className = '', key, event } = props\n  // soundcore\u54C1\u724C\u54C1\u7C7B\u4E0D\u8D85\u8FC75\u4E2A\uFF0C\u5355\u72EC\u505A\u6837\u5F0F\u5904\u7406\n  const currentData = data?.isShowSelect ? data?.products : data?.productData\n  const isSoundCore = currentData?.length <= 5\n\n  const innerRef = useRef<HTMLDivElement>(null)\n  useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n  const { trackingData } = useAiuiContext()\n  const { profileActivated } = trackingData\n  useExposure(innerRef, {\n    componentType,\n    componentName,\n    componentTitle: data?.title,\n    memberActiveStatus: profileActivated ? 'active' : 'not active',\n  })\n\n  return (\n    <div ref={innerRef} className={cn('w-full overflow-hidden', className, { 'aiui-dark': data?.theme === 'dark' })}>\n      {data?.title && <Title data={{ title: data?.title }} className=\"text-4xl\" />}\n      {isSoundCore ? (\n        <SoundCoreCategoryItem data={currentData} configuration={{ shape: data?.shape, event: event }} />\n      ) : (\n        <>\n          <div className=\"tablet:block hidden\">\n            <SwiperBox\n              id={`Category${key}`}\n              Slide={CategoryPcItem}\n              data={{ list: currentData, configuration: { shape: data?.shape, event: event } }}\n            />\n          </div>\n          <div className=\"tablet:hidden block\">\n            <SwiperBox\n              id={`Category1${key}`}\n              Slide={CategoryMobileItem}\n              data={{ list: chunkArray(currentData, 6), configuration: { shape: data?.shape, event: event } }}\n            />\n          </div>\n          <div className=\"h-7\" />\n        </>\n      )}\n    </div>\n  )\n})\n\nexport default withStyles(Category)\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "React", "useImperativeHandle", "useRef", "cn", "Picture", "withStyles", "Title", "SwiperBox", "useExposure", "useAiuiContext", "trackUrlRef", "componentType", "componentName", "chunkArray", "arr", "size", "chunks", "i", "CategoryPcItem", "data", "configuration", "SingleItem", "SinglePcCategoryItem", "SingleMobileCategoryItem", "index", "CategoryMobileItem", "item", "SoundCoreCategoryItem", "Category", "props", "ref", "className", "key", "event", "currentData", "isSoundCore", "innerRef", "trackingData", "profileActivated", "Category_default"]
 }

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

@@ -1,20 +1,38 @@
 import React from 'react';
+import type { ContainerProps, Theme } from '../../types/props.js';
 export interface EvaluateItem {
     /** 产品图片*/
-    img: string;
+    img: {
+        url: string;
+    };
     title: string;
     subTitle: string;
     description: string;
-    avatar?: string;
+    avatar?: {
+        url: string;
+    };
     rating: number;
+    link?: string;
 }
 export interface EvaluateProps {
-    products: EvaluateItem[];
     className?: string;
-    /** 主题色*/
-    theme?: 'light' | 'dark';
-    /** 形状 */
-    shape?: 'round' | 'square';
+    data: {
+        title?: string;
+        products: EvaluateItem[];
+        /** 形状 */
+        shape?: 'round' | 'square';
+        /** 主题色*/
+        theme?: Theme;
+        containerProps?: ContainerProps;
+    };
+    /** 按钮事件*/
+    event?: {
+        primaryButton?: (v: any, index: number) => void;
+    };
+    key?: string;
 }
-declare const Evaluate: React.FC<EvaluateProps>;
-export default Evaluate;
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<EvaluateProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
+    className?: string;
+    data?: Record<string, any>;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

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

@@ -1,2 +1,2 @@
-import{Fragment as x,jsx as e,jsxs as l}from"react/jsx-runtime";import"react";import{cn as a}from"../../helpers/utils.js";import n from"../../components/picture.js";import{Avatar as m,AvatarImage as v,AvatarFallback as c}from"../../components/avatar.js";const f=({className:r="",shape:s="square",products:o=[]})=>{const i=t=>t?Array.from(new Array(Number(t)))||[]:[];return e(x,{children:e("div",{className:a("w-full",r),children:e("div",{className:a("flex overflow-hidden"),children:e("div",{className:a("w-full flex","gap-3 laptop:gap-4 overflow-x-auto overflow-y-hidden"),children:o?.map((t,d)=>l("div",{className:a("bg-[#EAEAEC] p-4 flex flex-col min-w-[288px] max-w-[288px] box-border overflow-hidden","laptop:min-w-[316px] laptop:max-w-[316px] desktop:min-w-[404px] desktop:max-w-[404px] desktop:pt-4 desktop:px-6 desktop:pb-6",s==="round"?"rounded-2xl":"rounded-none"),children:[l("div",{className:a("mb-8 w-full flex justify-between laptop:mb-11 desktop:mb-16"),children:[l("div",{className:"flex-1",children:[e("h4",{className:"text-sm font-semibold laptop:text-lg",children:t?.title}),e("div",{className:"mt-1 flex items-center",children:i(t?.rating)?.map?.((u,p)=>e("div",{className:"mr-1",children:e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e("path",{d:"M7.32745 1.36274C7.60256 0.805304 8.39744 0.805305 8.67255 1.36274L10.1766 4.41035C10.2859 4.63171 10.4971 4.78514 10.7413 4.82063L14.1046 5.30934C14.7197 5.39873 14.9654 6.15471 14.5202 6.58861L12.0866 8.96084C11.9098 9.13315 11.8292 9.3814 11.8709 9.62469L12.4454 12.9743C12.5505 13.587 11.9074 14.0542 11.3572 13.765L8.349 12.1835C8.13051 12.0686 7.86949 12.0686 7.65099 12.1835L4.64282 13.765C4.0926 14.0542 3.44953 13.587 3.55461 12.9743L4.12912 9.62469C4.17085 9.3814 4.09019 9.13315 3.91342 8.96084L1.47976 6.58861C1.03462 6.15471 1.28025 5.39873 1.89542 5.30934L5.25866 4.82063C5.50294 4.78514 5.71412 4.63171 5.82336 4.41035L7.32745 1.36274Z",fill:"#F77234"})})},p))})]}),e("div",{className:"size-10 overflow-hidden desktop:size-12",children:l(m,{className:"w-full h-full",children:[e(v,{src:t?.avatar}),e(c,{children:t?.title})]})})]}),e("p",{className:"flex-1 line-clamp-6 font-bold text-xl text-[#1D1D1F] desktop:text-2xl",children:t?.description||""}),l("div",{className:a("mt-11 p-3 flex items-center bg-[#F7F8F9] overflow-hidden",s==="round"?"rounded-[8px]":"rounded-none"),children:[e("div",{className:"flex items-center mr-3 size-12 laptop:size-16 desktop:size-20",children:e(n,{className:"w-full object-cover",source:t?.img})}),e("p",{className:"flex-1 text-sm font-semibold line-clamp-2 desktop:text-lg",children:t?.subTitle||""})]})]},d))})})})})};var k=f;export{k as default};
+"use client";import{Fragment as F,jsx as e,jsxs as i}from"react/jsx-runtime";import x,{useImperativeHandle as h,useRef as g}from"react";import b from"../Title/index.js";import{cn as o}from"../../helpers/utils.js";import k from"../../components/picture.js";import N from"../SwiperBox/index.js";import{withStyles as y}from"../../shared/Styles.js";import{Avatar as C,AvatarImage as L,AvatarFallback as E}from"../../components/avatar.js";import{Container as P}from"../../components/container.js";import{useAiuiContext as A}from"../AiuiProvider/index.js";import{useExposure as T}from"../../hooks/useEXposure.js";import{trackUrlRef as B}from"../../shared/trackUrlRef.js";const p="copy",d="product_review",M=({data:t,configuration:r})=>{const l=s=>s?Array.from(new Array(Number(s)))||[]:[];return i("div",{className:o("bg-container-secondary-1 tablet:hover:bg-info-white box-border flex w-full cursor-pointer flex-col overflow-hidden p-4 duration-300",r?.shape==="round"?"rounded-2xl":"rounded-none","lg-desktop:h-[480px] desktop:h-[384px] h-[360px]"),children:[i("div",{className:o("laptop:mb-11 desktop:mb-16 mb-16 flex w-full justify-between"),children:[i("div",{className:"flex-1",children:[e("h4",{className:"laptop:text-lg text-sm font-bold",children:t?.title}),e("div",{className:"mt-1 flex items-center",children:l(t?.rating)?.map?.((s,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:e(C,{className:"size-full",isAdaptation:!t?.avatar?.url,children:t?.avatar?.url?i(F,{children:[e(L,{src:t?.avatar?.url}),e(E,{children:t?.title})]}):t?.title})})]}),e("p",{className:"desktop:text-2xl text-info-primary desktop:line-clamp-3 line-clamp-5 h-fit flex-1 break-words text-xl font-bold",children:t?.description||""}),e("a",{href:B(t?.link,`$${p}_$${d}`),onClick:()=>{r?.event?.primaryButton(t,r?.index)},children:i("div",{className:o("mt-3 flex items-center overflow-hidden bg-[#F7F8F9] p-3",r?.shape==="round"?"rounded-lg":"rounded-none"),children:[e("div",{className:"laptop:size-16 desktop:size-20 mr-3 flex size-12 items-center",children:e(k,{className:"w-full object-cover",source:t?.img?.url})}),e("p",{className:"lg-desktop:text-lg line-clamp-2 flex-1 text-sm font-bold",children:t?.subTitle||""})]})})]})},z=x.forwardRef(({className:t="",data:r,key:l,...s},a)=>{const{products:c,title:n,theme:v,...f}=r,m=g(null);h(a,()=>m.current);const{trackingData:u}=A(),{profileActivated:w}=u;return T(m,{componentType:p,componentName:d,memberActiveStatus:w?"active":"not active",componentTitle:n}),e("div",{className:t,ref:m,children:e("div",{className:"evaluate-box",children:e(P,{...r?.containerProps||{},className:"overflow-hidden",children:i("div",{ref:a,className:o("w-full",t,{"aiui-dark":v==="dark"}),children:[n&&e(b,{data:{title:n}}),e(N,{className:"!overflow-visible",id:"Evaluate"+l,data:{list:c,configuration:{...f}},Slide:M,breakpoints:{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:1.1},768:{spaceBetween:16,freeMode:!1,slidesPerView:2.3},1024:{spaceBetween:16,freeMode:!1,slidesPerView:3.1},1440:{spaceBetween:16,freeMode:!1,slidesPerView:4}}})]})})})})});var Z=y(z);export{Z as default};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/Evaluate/index.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport { Avatar, AvatarImage, AvatarFallback } from '../../components/avatar.js'\n\nexport interface EvaluateItem {\n  /** \u4EA7\u54C1\u56FE\u7247*/\n  img: string\n  title: string\n  subTitle: string\n  description: string\n  avatar?: string\n  rating: number\n}\n\nexport interface EvaluateProps {\n  products: EvaluateItem[]\n  className?: string\n  /** \u4E3B\u9898\u8272*/\n  theme?: 'light' | 'dark'\n  /** \u5F62\u72B6 */\n  shape?: 'round' | 'square'\n}\n\nconst Evaluate: React.FC<EvaluateProps> = ({\n  className = '',\n  shape = 'square',\n  products = [],\n}) => {\n\n  const handleRating = (num: number) => {\n    if (num) {\n      return Array.from(new Array(Number(num))) || []\n    }\n    return []\n  }\n\n  return (\n    <>\n      <div className={cn('w-full', className)}>\n        <div className={cn('flex overflow-hidden')}>\n          <div className={cn('w-full flex', 'gap-3 laptop:gap-4 overflow-x-auto overflow-y-hidden')}>\n            {products?.map((item, index) => {\n              return (\n                <div\n                  key={index}\n                  className={cn(\n                    'bg-[#EAEAEC] p-4 flex flex-col min-w-[288px] max-w-[288px] box-border overflow-hidden',\n                    'laptop:min-w-[316px] laptop:max-w-[316px] desktop:min-w-[404px] desktop:max-w-[404px] desktop:pt-4 desktop:px-6 desktop:pb-6',\n                    shape === 'round' ? 'rounded-2xl' : 'rounded-none'\n                  )}\n                >\n                  <div className={cn('mb-8 w-full flex justify-between laptop:mb-11 desktop:mb-16')}>\n                    <div className=\"flex-1\">\n                      <h4 className=\"text-sm font-semibold laptop:text-lg\">{item?.title}</h4>\n                      <div className=\"mt-1 flex items-center\">\n                      {\n                        handleRating(item?.rating)?.map?.((_, index) => {\n                          return <div key={index} className=\"mr-1\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                              <path\n                                d=\"M7.32745 1.36274C7.60256 0.805304 8.39744 0.805305 8.67255 1.36274L10.1766 4.41035C10.2859 4.63171 10.4971 4.78514 10.7413 4.82063L14.1046 5.30934C14.7197 5.39873 14.9654 6.15471 14.5202 6.58861L12.0866 8.96084C11.9098 9.13315 11.8292 9.3814 11.8709 9.62469L12.4454 12.9743C12.5505 13.587 11.9074 14.0542 11.3572 13.765L8.349 12.1835C8.13051 12.0686 7.86949 12.0686 7.65099 12.1835L4.64282 13.765C4.0926 14.0542 3.44953 13.587 3.55461 12.9743L4.12912 9.62469C4.17085 9.3814 4.09019 9.13315 3.91342 8.96084L1.47976 6.58861C1.03462 6.15471 1.28025 5.39873 1.89542 5.30934L5.25866 4.82063C5.50294 4.78514 5.71412 4.63171 5.82336 4.41035L7.32745 1.36274Z\"\n                                fill=\"#F77234\"\n                              />\n                            </svg>\n                          </div>\n                        })\n                      }\n                      </div>\n                    </div>\n                    <div className=\"size-10 overflow-hidden desktop:size-12\">\n                      <Avatar className=\"w-full h-full\">\n                        <AvatarImage src={item?.avatar} />\n                        <AvatarFallback>{item?.title}</AvatarFallback>\n                      </Avatar>\n                    </div>\n                  </div>\n                  <p className=\"flex-1 line-clamp-6 font-bold text-xl text-[#1D1D1F] desktop:text-2xl\">\n                    {item?.description || ''}\n                  </p>\n                  <div className={cn('mt-11 p-3 flex items-center bg-[#F7F8F9] overflow-hidden', shape === 'round' ? 'rounded-[8px]' : 'rounded-none')}>\n                    <div className=\"flex items-center mr-3 size-12 laptop:size-16 desktop:size-20\">\n                      <Picture\n                        className=\"w-full object-cover\"\n                        source={item?.img}\n                      />\n                    </div>\n                    <p className=\"flex-1 text-sm font-semibold line-clamp-2 desktop:text-lg\">\n                      {item?.subTitle || ''}\n                    </p>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default Evaluate\n"],
-  "mappings": "AAsCI,mBAAAA,EAgBkB,OAAAC,EADF,QAAAC,MAfhB,oBAtCJ,MAAkB,QAClB,OAAS,MAAAC,MAAU,yBACnB,OAAOC,MAAa,8BACpB,OAAS,UAAAC,EAAQ,eAAAC,EAAa,kBAAAC,MAAsB,6BAqBpD,MAAMC,EAAoC,CAAC,CACzC,UAAAC,EAAY,GACZ,MAAAC,EAAQ,SACR,SAAAC,EAAW,CAAC,CACd,IAAM,CAEJ,MAAMC,EAAgBC,GAChBA,EACK,MAAM,KAAK,IAAI,MAAM,OAAOA,CAAG,CAAC,CAAC,GAAK,CAAC,EAEzC,CAAC,EAGV,OACEZ,EAAAD,EAAA,CACE,SAAAC,EAAC,OAAI,UAAWE,EAAG,SAAUM,CAAS,EACpC,SAAAR,EAAC,OAAI,UAAWE,EAAG,sBAAsB,EACvC,SAAAF,EAAC,OAAI,UAAWE,EAAG,cAAe,sDAAsD,EACrF,SAAAQ,GAAU,IAAI,CAACG,EAAMC,IAElBb,EAAC,OAEC,UAAWC,EACT,wFACA,+HACAO,IAAU,QAAU,cAAgB,cACtC,EAEA,UAAAR,EAAC,OAAI,UAAWC,EAAG,6DAA6D,EAC9E,UAAAD,EAAC,OAAI,UAAU,SACb,UAAAD,EAAC,MAAG,UAAU,uCAAwC,SAAAa,GAAM,MAAM,EAClEb,EAAC,OAAI,UAAU,yBAEb,SAAAW,EAAaE,GAAM,MAAM,GAAG,MAAM,CAACE,EAAGD,IAC7Bd,EAAC,OAAgB,UAAU,OAChC,SAAAA,EAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,SAAAA,EAAC,QACC,EAAE,6oBACF,KAAK,UACP,EACF,GANec,CAOjB,CACD,EAEH,GACF,EACAd,EAAC,OAAI,UAAU,0CACb,SAAAC,EAACG,EAAA,CAAO,UAAU,gBAChB,UAAAJ,EAACK,EAAA,CAAY,IAAKQ,GAAM,OAAQ,EAChCb,EAACM,EAAA,CAAgB,SAAAO,GAAM,MAAM,GAC/B,EACF,GACF,EACAb,EAAC,KAAE,UAAU,wEACV,SAAAa,GAAM,aAAe,GACxB,EACAZ,EAAC,OAAI,UAAWC,EAAG,2DAA4DO,IAAU,QAAU,gBAAkB,cAAc,EACjI,UAAAT,EAAC,OAAI,UAAU,gEACb,SAAAA,EAACG,EAAA,CACC,UAAU,sBACV,OAAQU,GAAM,IAChB,EACF,EACAb,EAAC,KAAE,UAAU,4DACV,SAAAa,GAAM,UAAY,GACrB,GACF,IA7CKC,CA8CP,CAEH,EACH,EACF,EACF,EACF,CAEJ,EAEA,IAAOE,EAAQT",
-  "names": ["Fragment", "jsx", "jsxs", "cn", "Picture", "Avatar", "AvatarImage", "AvatarFallback", "Evaluate", "className", "shape", "products", "handleRating", "num", "item", "index", "_", "Evaluate_default"]
+  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef } from 'react'\nimport Title from '../Title/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport { Avatar, AvatarImage, AvatarFallback } from '../../components/avatar.js'\nimport { Container } from '../../components/container.js'\nimport type { ContainerProps, Theme, Shape } from '../../types/props.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { useExposure } from '../../hooks/useEXposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\n\nconst componentType = 'copy'\nconst componentName = 'product_review'\n\nexport interface EvaluateItem {\n  /** \u4EA7\u54C1\u56FE\u7247*/\n  img: {\n    url: string\n  }\n  title: string\n  subTitle: string\n  description: string\n  avatar?: {\n    url: string\n  }\n  rating: number\n  link?: string\n}\n\nexport interface EvaluateProps {\n  className?: string\n  data: {\n    title?: string\n    products: EvaluateItem[]\n    /** \u5F62\u72B6 */\n    shape?: 'round' | 'square'\n    /** \u4E3B\u9898\u8272*/\n    theme?: Theme\n    containerProps?: ContainerProps\n  }\n  /** \u6309\u94AE\u4E8B\u4EF6*/\n  event?: {\n    primaryButton?: (v: any, index: number) => void\n  }\n  key?: string\n}\n\nconst EvaluateItem = ({ data, configuration }: { data: EvaluateItem; configuration?: any }) => {\n  const handleRating = (num: number) => {\n    if (num) {\n      return Array.from(new Array(Number(num))) || []\n    }\n    return []\n  }\n\n  return (\n    <div\n      className={cn(\n        'bg-container-secondary-1 tablet:hover:bg-info-white box-border flex w-full cursor-pointer flex-col overflow-hidden p-4 duration-300',\n        configuration?.shape === 'round' ? 'rounded-2xl' : 'rounded-none',\n        'lg-desktop:h-[480px] desktop:h-[384px] h-[360px]'\n      )}\n    >\n      <div className={cn('laptop:mb-11 desktop:mb-16 mb-16 flex w-full justify-between')}>\n        <div className=\"flex-1\">\n          <h4 className=\"laptop:text-lg text-sm font-bold\">{data?.title}</h4>\n          <div className=\"mt-1 flex items-center\">\n            {handleRating(data?.rating)?.map?.((_, index) => {\n              return (\n                <div key={index} className=\"mr-1\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path\n                      d=\"M7.32745 1.36274C7.60256 0.805304 8.39744 0.805305 8.67255 1.36274L10.1766 4.41035C10.2859 4.63171 10.4971 4.78514 10.7413 4.82063L14.1046 5.30934C14.7197 5.39873 14.9654 6.15471 14.5202 6.58861L12.0866 8.96084C11.9098 9.13315 11.8292 9.3814 11.8709 9.62469L12.4454 12.9743C12.5505 13.587 11.9074 14.0542 11.3572 13.765L8.349 12.1835C8.13051 12.0686 7.86949 12.0686 7.65099 12.1835L4.64282 13.765C4.0926 14.0542 3.44953 13.587 3.55461 12.9743L4.12912 9.62469C4.17085 9.3814 4.09019 9.13315 3.91342 8.96084L1.47976 6.58861C1.03462 6.15471 1.28025 5.39873 1.89542 5.30934L5.25866 4.82063C5.50294 4.78514 5.71412 4.63171 5.82336 4.41035L7.32745 1.36274Z\"\n                      fill=\"#F77234\"\n                    />\n                  </svg>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n        <div className=\"desktop:size-12 size-10 overflow-hidden\">\n          <Avatar className=\"size-full\" isAdaptation={!data?.avatar?.url}>\n            {data?.avatar?.url ? (\n              <>\n                <AvatarImage src={data?.avatar?.url} />\n                <AvatarFallback>{data?.title}</AvatarFallback>\n              </>\n            ) : (\n              data?.title\n            )}\n          </Avatar>\n        </div>\n      </div>\n      <p className=\"desktop:text-2xl text-info-primary desktop:line-clamp-3 line-clamp-5 h-fit flex-1 break-words text-xl font-bold\">\n        {data?.description || ''}\n      </p>\n      <a\n        href={trackUrlRef(data?.link, `$${componentType}_$${componentName}`)}\n        onClick={() => {\n          configuration?.event?.primaryButton(data, configuration?.index)\n        }}\n      >\n        <div\n          className={cn(\n            'mt-3 flex items-center overflow-hidden bg-[#F7F8F9] p-3',\n            configuration?.shape === 'round' ? 'rounded-lg' : 'rounded-none'\n          )}\n        >\n          <div className=\"laptop:size-16 desktop:size-20 mr-3 flex size-12 items-center\">\n            <Picture className=\"w-full object-cover\" source={data?.img?.url} />\n          </div>\n          <p className=\"lg-desktop:text-lg line-clamp-2 flex-1 text-sm font-bold\">{data?.subTitle || ''}</p>\n        </div>\n      </a>\n    </div>\n  )\n}\n\nconst Evaluate = React.forwardRef<HTMLDivElement, EvaluateProps>(({ className = '', data, key, ...rest }, ref) => {\n  const { products, title, theme, ...ohter } = data\n  const innerRef = useRef<HTMLDivElement>(null)\n  useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n  const { trackingData } = useAiuiContext()\n  const { profileActivated } = trackingData\n\n  useExposure(innerRef, {\n    componentType,\n    componentName,\n    memberActiveStatus: profileActivated ? 'active' : 'not active',\n    componentTitle: title,\n  })\n\n  return (\n    <div className={className} ref={innerRef}>\n      <div className=\"evaluate-box\">\n        <Container {...(data?.containerProps || {})} className=\"overflow-hidden\">\n          <div ref={ref} className={cn('w-full', className, { 'aiui-dark': theme === 'dark' })}>\n            {title && <Title data={{ title: title }} />}\n            <SwiperBox\n              className=\"!overflow-visible\"\n              id={'Evaluate' + key}\n              data={{ list: products, configuration: { ...ohter } }}\n              Slide={EvaluateItem}\n              breakpoints={{\n                0: {\n                  spaceBetween: 12,\n                  freeMode: false,\n                  slidesPerView: 1,\n                },\n                374: {\n                  spaceBetween: 12,\n                  freeMode: false,\n                  slidesPerView: 1.1,\n                },\n                768: {\n                  spaceBetween: 16,\n                  freeMode: false,\n                  slidesPerView: 2.3,\n                },\n                1024: {\n                  spaceBetween: 16,\n                  freeMode: false,\n                  slidesPerView: 3.1,\n                },\n                1440: {\n                  spaceBetween: 16,\n                  freeMode: false,\n                  slidesPerView: 4,\n                },\n              }}\n            />\n          </div>\n        </Container>\n      </div>\n    </div>\n  )\n})\n\nexport default withStyles(Evaluate)\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "React", "useImperativeHandle", "useRef", "Title", "cn", "Picture", "SwiperBox", "withStyles", "Avatar", "AvatarImage", "AvatarFallback", "Container", "useAiuiContext", "useExposure", "trackUrlRef", "componentType", "componentName", "EvaluateItem", "data", "configuration", "handleRating", "num", "_", "index", "Evaluate", "className", "key", "rest", "ref", "products", "title", "theme", "ohter", "innerRef", "trackingData", "profileActivated", "Evaluate_default"]
 }

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

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