@anker-in/headless-ui 1.1.76 → 1.1.77-alpha.1775202008580

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

@@ -48,5 +48,40 @@ export type AccordionCardsType = Omit<React.HTMLAttributes<HTMLDivElement>, 'cla
         primaryButton?: (_v: any, _index: number) => void;
     };
 };
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    className?: string;
+    data: {
+        key?: string;
+        title?: string;
+        products: Array<ItemType>;
+        /** 按钮形状 */
+        shape?: "round" | "square";
+        /** 卡片形状 */
+        itemShape?: "round" | "square";
+        /** 主按钮配置 */
+        primaryButton?: string;
+        theme?: "light" | "dark";
+    };
+    /**
+     * 自动播放配置
+     */
+    autoplay?: {
+        /**
+         * 是否开启自动播放
+         */
+        enabled: boolean;
+        /**
+         * 是否循环播放
+         */
+        loop?: boolean;
+        /**
+         * 自动播放间隔时间，单位毫秒
+         */
+        interval?: number;
+    };
+    /** 按钮事件*/
+    event?: {
+        primaryButton?: (_v: any, _index: number) => void;
+    };
+} & React.RefAttributes<HTMLDivElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;

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

@@ -1,3 +1,5 @@
-declare const _default: any;
+import * as React from 'react';
+import type { ActivityScheduleProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<ActivityScheduleProps & React.RefAttributes<HTMLDivElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;
 export type { ActivityScheduleProps, ActivityScheduleData, ActivityScheduleItem } from './types.js';

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

@@ -54,6 +54,18 @@ interface AiuiContextType {
      * 文案配置，商户可通过此字段覆盖默认文案
      */
     copyWriting?: Record<string, string>;
+    /**
+     * 是否启用自动埋点（点击事件追踪），默认为 true
+     * 设置为 false 可关闭自动埋点，适用于需要完全自定义埋点的场景
+     *
+     * @default true
+     * @example
+     * // 关闭自动埋点
+     * <AiuiProvider trackingData={{ pageGroup: 'Home' }} autoTracking={false}>
+     *   {children}
+     * </AiuiProvider>
+     */
+    autoTracking?: boolean;
     /**
      * 自定义曝光回调。传入后会替代默认的 GA 埋点逻辑。
      *
@@ -72,7 +84,7 @@ interface AiuiContextType {
 }
 export declare const AiuiContext: React.Context<AiuiContextType>;
 export declare const useAiuiContext: () => AiuiContextType;
-declare const AiuiProvider: ({ children, ...rest }: {
+declare const AiuiProvider: ({ children, autoTracking, ...rest }: {
     children: React.ReactNode;
 } & AiuiContextType) => import("react/jsx-runtime").JSX.Element;
 export default AiuiProvider;

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

@@ -1,2 +1,2 @@
-"use strict";var p=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var k=(e,n)=>{for(var o in n)p(e,o,{get:n[o],enumerable:!0})},A=(e,n,o,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of v(n))!x.call(e,t)&&t!==o&&p(e,t,{get:()=>n[t],enumerable:!(s=f(n,t))||s.enumerable});return e};var C=e=>A(p({},"__esModule",{value:!0}),e);var P={};k(P,{AiuiContext:()=>d,default:()=>D,useAiuiContext:()=>E});module.exports=C(P);var g=require("react/jsx-runtime"),y=require("../../shared/track.js"),i=require("react");const d=(0,i.createContext)({trackingData:{},locale:void 0,copyWriting:{}}),E=()=>{const e=(0,i.useContext)(d);if(!e)throw new Error("useAiui must be used in <AiuiProvider>");return e},T=({children:e,...n})=>((0,i.useEffect)(()=>{const o=(t,a)=>{const r={};if(!a||!a.attributes)return r;for(const h of Array.from(a.attributes)){const u=h?.name;u?.startsWith("data-headless-")&&(r[u]=a.getAttribute(u))}const b=r?.["data-headless-sku"],l=r?.["data-headless-type-name"]?.split?.("#"),c=r?.["data-headless-title-desc-button"]?.split?.("#"),m=r?.["data-headless-nav-position"]?.split?.("#");(0,y.gaTrack)({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:n?.trackingData?.pageGroup||"Home Page",component_type:l?.[0]||"",component_name:l?.[1]||"",position:m?.[1]||"",navigation:m?.[0]||"",button_name:c?.[2]||"",SKU:b||"",component_title:c?.[0]||"",component_description:c?.[1]||""}})},s=new MutationObserver(()=>{document.querySelectorAll("[data-headless-type-name]").forEach(t=>{t.hasAttribute("data-headless-track-bound")||(t.addEventListener("click",a=>o(a,t)),t.setAttribute("data-headless-track-bound","true"))})});return s.observe(document.body,{childList:!0,subtree:!0}),document.querySelectorAll("[data-headless-type-name]").forEach(t=>{t.hasAttribute("data-headless-track-bound")||(t.addEventListener("click",a=>o(a,t)),t.setAttribute("data-headless-track-bound","true"))}),()=>s.disconnect()},[]),(0,g.jsx)(d.Provider,{value:n,children:e}));var D=T;
+"use strict";var i=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var y=(e,t)=>{for(var r in t)i(e,r,{get:t[r],enumerable:!0})},m=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of g(t))!l.call(e,o)&&o!==r&&i(e,o,{get:()=>t[o],enumerable:!(s=u(t,o))||s.enumerable});return e};var x=e=>m(i({},"__esModule",{value:!0}),e);var T={};y(T,{AiuiContext:()=>a,default:()=>A,useAiuiContext:()=>d});module.exports=x(T);var c=require("react/jsx-runtime"),n=require("react"),p=require("./useAutoTracking.js");const a=(0,n.createContext)({trackingData:{},locale:void 0,copyWriting:{}}),d=()=>{const e=(0,n.useContext)(a);if(!e)throw new Error("useAiui must be used in <AiuiProvider>");return e},C=({children:e,autoTracking:t=!0,...r})=>((0,p.useAutoTracking)(r?.trackingData,t),(0,c.jsx)(a.Provider,{value:r,children:e}));var A=C;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/AiuiProvider/index.tsx"],
-  "sourcesContent": ["import { gaTrack } from '../../shared/track.js'\nimport React, { createContext, useContext, useEffect } from 'react'\nimport type { CurrencyDisplayType } from '../../types/props.js'\n\n/**\n * Exposure tracking parameters\n */\nexport interface ExposureParams {\n  componentType: string\n  componentName: string\n  componentTitle?: string\n  componentDescription?: string\n  navigation?: string\n  pageGroup?: string\n  position?: number\n}\n\n/**\n * Callback function for custom exposure handling\n */\nexport type OnExposureCallback = (params: ExposureParams) => void\n\ninterface AiuiContextType {\n  /**\n   * \u5168\u5C40\u57CB\u70B9\u6570\u636E\uFF0C\u81F3\u5C11\u5E94\u5305\u542B pageGroup \u5B57\u6BB5\u7528\u4E8E\u533A\u5206\u9875\u9762\uFF0C\u5176\u4ED6\u5B57\u6BB5\u53EF\u6839\u636E\u9700\u8981\u6DFB\u52A0\n   */\n  trackingData: Record<string, any>\n  /**\n   * \u5F53\u524D\u8BED\u8A00\u73AF\u5883\uFF0C\u9ED8\u8BA4\u4E3A\u6D4F\u89C8\u5668\u8BED\u8A00\n   */\n  locale?: string\n  /**\n   * \u5F53\u524D\u9875\u9762\u8DEF\u5F84\uFF0C\u7528\u4E8E\u57CB\u70B9\u533A\u5206\u4E0D\u540C\u9875\u9762\uFF0C\u9ED8\u8BA4\u4E3A window.location.pathname\n   */\n  pathname?: string\n  /**\n   * \u5546\u6237\u81EA\u5B9A\u4E49\u7684\u5E97\u94FA\u57DF\u540D\uFF0C\u7528\u4E8E\u57CB\u70B9\u533A\u5206\u4E0D\u540C\u5546\u6237\uFF0C\u9ED8\u8BA4\u4E3A\u7A7A\u5B57\u7B26\u4E32\n   */\n  storeDomain?: string\n  /**\n   * \u7528\u6237\u662F\u5426\u767B\u5F55\n   */\n  isLogin?: boolean\n\n  /**\n   * \u7528\u6237\u662F\u5426\u4E3APlus\u4F1A\u5458\n   */\n  isPlusMember?: boolean\n  /**\n   * \u8D27\u5E01\u4EE3\u7801\uFF0C\u9ED8\u8BA4\u4E3AUSD\n   */\n  currencyCode?: string\n  /**\n   * \u8D27\u5E01\u663E\u793A\u65B9\u5F0F\uFF0C\u9ED8\u8BA4\u4E3Asymbol\uFF08\u7B26\u53F7\uFF09\uFF0C\u53EF\u9009\u503C\u5305\u62EC\uFF1A'symbol'\uFF08\u7B26\u53F7\uFF0C\u5982$\uFF09\u3001'code'\uFF08\u8D27\u5E01\u4EE3\u7801\uFF0C\u5982USD\uFF09\u548C'name'\uFF08\u8D27\u5E01\u540D\u79F0\uFF0C\u5982\u7F8E\u5143\uFF09\u3002\n   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#currencydisplay for more details\n   */\n  currencyDisplay?: CurrencyDisplayType\n  /**\n   * \u6587\u6848\u914D\u7F6E\uFF0C\u5546\u6237\u53EF\u901A\u8FC7\u6B64\u5B57\u6BB5\u8986\u76D6\u9ED8\u8BA4\u6587\u6848\n   */\n  copyWriting?: Record<string, string>\n  /**\n   * \u81EA\u5B9A\u4E49\u66DD\u5149\u56DE\u8C03\u3002\u4F20\u5165\u540E\u4F1A\u66FF\u4EE3\u9ED8\u8BA4\u7684 GA \u57CB\u70B9\u903B\u8F91\u3002\n   *\n   * @example\n   * <AiuiProvider\n   *   trackingData={{ pageGroup: 'Home Page' }}\n   *   onExposure={(params) => {\n   *     // \u4F7F\u7528\u5546\u6237\u81EA\u5DF1\u7684\u57CB\u70B9\u7CFB\u7EDF\u8BB0\u5F55\u66DD\u5149\u4E8B\u4EF6\n   *     ga.track('component_impression', params)\n   *   }}\n   * >\n   *   {children}\n   * </AiuiProvider>\n   */\n  onExposure?: OnExposureCallback\n}\n\nexport const AiuiContext = createContext<AiuiContextType>({\n  trackingData: {},\n  locale: undefined,\n  copyWriting: {},\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 context\n}\n\nconst AiuiProvider = ({\n  children,\n  ...rest\n}: {\n  children: React.ReactNode\n} & AiuiContextType) => {\n  useEffect(() => {\n    const handleTrackClick = (e: any, el: any) => {\n      // e?.stopPropagation?.()\n      const out: any = {}\n      if (!el || !el.attributes) return out\n      for (const attr of Array.from(el.attributes)) {\n        const name = (attr as any)?.name\n        if (name?.startsWith('data-headless-')) {\n          out[name] = el.getAttribute(name)\n        }\n      }\n      const sku = out?.['data-headless-sku']\n      const nameType = out?.['data-headless-type-name']?.split?.('#')\n      const titleDesc = out?.['data-headless-title-desc-button']?.split?.('#')\n      const navPosition = out?.['data-headless-nav-position']?.split?.('#')\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_click',\n        event_parameters: {\n          page_group: rest?.trackingData?.pageGroup || 'Home Page',\n          component_type: nameType?.[0] || '',\n          component_name: nameType?.[1] || '',\n          position: navPosition?.[1] || '',\n          navigation: navPosition?.[0] || '',\n          button_name: titleDesc?.[2] || '',\n          SKU: sku || '',\n          component_title: titleDesc?.[0] || '',\n          component_description: titleDesc?.[1] || '',\n        },\n      })\n    }\n    const observer = new MutationObserver(() => {\n      document.querySelectorAll('[data-headless-type-name]').forEach(el => {\n        if (!el.hasAttribute('data-headless-track-bound')) {\n          el.addEventListener('click', e => handleTrackClick(e, el))\n          el.setAttribute('data-headless-track-bound', 'true') // \u907F\u514D\u91CD\u590D\u7ED1\u5B9A\n        }\n      })\n    })\n    observer.observe(document.body, { childList: true, subtree: true })\n    // \u521D\u59CB\u5316\u4E00\u6B21\u73B0\u6709\u8282\u70B9\n    document.querySelectorAll('[data-headless-type-name]').forEach(el => {\n      if (!el.hasAttribute('data-headless-track-bound')) {\n        el.addEventListener('click', e => handleTrackClick(e, el))\n        el.setAttribute('data-headless-track-bound', 'true')\n      }\n    })\n    return () => observer.disconnect()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  return <AiuiContext.Provider value={rest}>{children}</AiuiContext.Provider>\n}\n\nexport default AiuiProvider\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,YAAAC,EAAA,mBAAAC,IAAA,eAAAC,EAAAL,GAqJS,IAAAM,EAAA,6BArJTC,EAAwB,iCACxBC,EAA4D,iBA6ErD,MAAMN,KAAc,iBAA+B,CACxD,aAAc,CAAC,EACf,OAAQ,OACR,YAAa,CAAC,CAChB,CAAC,EAEYE,EAAiB,IAAM,CAClC,MAAMK,KAAU,cAAWP,CAAW,EACtC,GAAI,CAACO,EACH,MAAM,IAAI,MAAM,wCAAwC,EAE1D,OAAOA,CACT,EAEMC,EAAe,CAAC,CACpB,SAAAC,EACA,GAAGC,CACL,QAGE,aAAU,IAAM,CACd,MAAMC,EAAmB,CAACC,EAAQC,IAAY,CAE5C,MAAMC,EAAW,CAAC,EAClB,GAAI,CAACD,GAAM,CAACA,EAAG,WAAY,OAAOC,EAClC,UAAWC,KAAQ,MAAM,KAAKF,EAAG,UAAU,EAAG,CAC5C,MAAMG,EAAQD,GAAc,KACxBC,GAAM,WAAW,gBAAgB,IACnCF,EAAIE,CAAI,EAAIH,EAAG,aAAaG,CAAI,EAEpC,CACA,MAAMC,EAAMH,IAAM,mBAAmB,EAC/BI,EAAWJ,IAAM,yBAAyB,GAAG,QAAQ,GAAG,EACxDK,EAAYL,IAAM,iCAAiC,GAAG,QAAQ,GAAG,EACjEM,EAAcN,IAAM,4BAA4B,GAAG,QAAQ,GAAG,KACpE,WAAQ,CACN,MAAO,WACP,WAAY,kBACZ,iBAAkB,CAChB,WAAYJ,GAAM,cAAc,WAAa,YAC7C,eAAgBQ,IAAW,CAAC,GAAK,GACjC,eAAgBA,IAAW,CAAC,GAAK,GACjC,SAAUE,IAAc,CAAC,GAAK,GAC9B,WAAYA,IAAc,CAAC,GAAK,GAChC,YAAaD,IAAY,CAAC,GAAK,GAC/B,IAAKF,GAAO,GACZ,gBAAiBE,IAAY,CAAC,GAAK,GACnC,sBAAuBA,IAAY,CAAC,GAAK,EAC3C,CACF,CAAC,CACH,EACME,EAAW,IAAI,iBAAiB,IAAM,CAC1C,SAAS,iBAAiB,2BAA2B,EAAE,QAAQR,GAAM,CAC9DA,EAAG,aAAa,2BAA2B,IAC9CA,EAAG,iBAAiB,QAASD,GAAKD,EAAiBC,EAAGC,CAAE,CAAC,EACzDA,EAAG,aAAa,4BAA6B,MAAM,EAEvD,CAAC,CACH,CAAC,EACD,OAAAQ,EAAS,QAAQ,SAAS,KAAM,CAAE,UAAW,GAAM,QAAS,EAAK,CAAC,EAElE,SAAS,iBAAiB,2BAA2B,EAAE,QAAQR,GAAM,CAC9DA,EAAG,aAAa,2BAA2B,IAC9CA,EAAG,iBAAiB,QAASD,GAAKD,EAAiBC,EAAGC,CAAE,CAAC,EACzDA,EAAG,aAAa,4BAA6B,MAAM,EAEvD,CAAC,EACM,IAAMQ,EAAS,WAAW,CAEnC,EAAG,CAAC,CAAC,KAEE,OAACrB,EAAY,SAAZ,CAAqB,MAAOU,EAAO,SAAAD,EAAS,GAGtD,IAAOR,EAAQO",
-  "names": ["AiuiProvider_exports", "__export", "AiuiContext", "AiuiProvider_default", "useAiuiContext", "__toCommonJS", "import_jsx_runtime", "import_track", "import_react", "context", "AiuiProvider", "children", "rest", "handleTrackClick", "e", "el", "out", "attr", "name", "sku", "nameType", "titleDesc", "navPosition", "observer"]
+  "sourcesContent": ["import React, { createContext, useContext } from 'react'\nimport type { CurrencyDisplayType } from '../../types/props.js'\nimport { useAutoTracking } from './useAutoTracking.js'\n\n/**\n * Exposure tracking parameters\n */\nexport interface ExposureParams {\n  componentType: string\n  componentName: string\n  componentTitle?: string\n  componentDescription?: string\n  navigation?: string\n  pageGroup?: string\n  position?: number\n}\n\n/**\n * Callback function for custom exposure handling\n */\nexport type OnExposureCallback = (params: ExposureParams) => void\n\ninterface AiuiContextType {\n  /**\n   * \u5168\u5C40\u57CB\u70B9\u6570\u636E\uFF0C\u81F3\u5C11\u5E94\u5305\u542B pageGroup \u5B57\u6BB5\u7528\u4E8E\u533A\u5206\u9875\u9762\uFF0C\u5176\u4ED6\u5B57\u6BB5\u53EF\u6839\u636E\u9700\u8981\u6DFB\u52A0\n   */\n  trackingData: Record<string, any>\n  /**\n   * \u5F53\u524D\u8BED\u8A00\u73AF\u5883\uFF0C\u9ED8\u8BA4\u4E3A\u6D4F\u89C8\u5668\u8BED\u8A00\n   */\n  locale?: string\n  /**\n   * \u5F53\u524D\u9875\u9762\u8DEF\u5F84\uFF0C\u7528\u4E8E\u57CB\u70B9\u533A\u5206\u4E0D\u540C\u9875\u9762\uFF0C\u9ED8\u8BA4\u4E3A window.location.pathname\n   */\n  pathname?: string\n  /**\n   * \u5546\u6237\u81EA\u5B9A\u4E49\u7684\u5E97\u94FA\u57DF\u540D\uFF0C\u7528\u4E8E\u57CB\u70B9\u533A\u5206\u4E0D\u540C\u5546\u6237\uFF0C\u9ED8\u8BA4\u4E3A\u7A7A\u5B57\u7B26\u4E32\n   */\n  storeDomain?: string\n  /**\n   * \u7528\u6237\u662F\u5426\u767B\u5F55\n   */\n  isLogin?: boolean\n\n  /**\n   * \u7528\u6237\u662F\u5426\u4E3APlus\u4F1A\u5458\n   */\n  isPlusMember?: boolean\n  /**\n   * \u8D27\u5E01\u4EE3\u7801\uFF0C\u9ED8\u8BA4\u4E3AUSD\n   */\n  currencyCode?: string\n  /**\n   * \u8D27\u5E01\u663E\u793A\u65B9\u5F0F\uFF0C\u9ED8\u8BA4\u4E3Asymbol\uFF08\u7B26\u53F7\uFF09\uFF0C\u53EF\u9009\u503C\u5305\u62EC\uFF1A'symbol'\uFF08\u7B26\u53F7\uFF0C\u5982$\uFF09\u3001'code'\uFF08\u8D27\u5E01\u4EE3\u7801\uFF0C\u5982USD\uFF09\u548C'name'\uFF08\u8D27\u5E01\u540D\u79F0\uFF0C\u5982\u7F8E\u5143\uFF09\u3002\n   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#currencydisplay for more details\n   */\n  currencyDisplay?: CurrencyDisplayType\n  /**\n   * \u6587\u6848\u914D\u7F6E\uFF0C\u5546\u6237\u53EF\u901A\u8FC7\u6B64\u5B57\u6BB5\u8986\u76D6\u9ED8\u8BA4\u6587\u6848\n   */\n  copyWriting?: Record<string, string>\n  /**\n   * \u662F\u5426\u542F\u7528\u81EA\u52A8\u57CB\u70B9\uFF08\u70B9\u51FB\u4E8B\u4EF6\u8FFD\u8E2A\uFF09\uFF0C\u9ED8\u8BA4\u4E3A true\n   * \u8BBE\u7F6E\u4E3A false \u53EF\u5173\u95ED\u81EA\u52A8\u57CB\u70B9\uFF0C\u9002\u7528\u4E8E\u9700\u8981\u5B8C\u5168\u81EA\u5B9A\u4E49\u57CB\u70B9\u7684\u573A\u666F\n   *\n   * @default true\n   * @example\n   * // \u5173\u95ED\u81EA\u52A8\u57CB\u70B9\n   * <AiuiProvider trackingData={{ pageGroup: 'Home' }} autoTracking={false}>\n   *   {children}\n   * </AiuiProvider>\n   */\n  autoTracking?: boolean\n  /**\n   * \u81EA\u5B9A\u4E49\u66DD\u5149\u56DE\u8C03\u3002\u4F20\u5165\u540E\u4F1A\u66FF\u4EE3\u9ED8\u8BA4\u7684 GA \u57CB\u70B9\u903B\u8F91\u3002\n   *\n   * @example\n   * <AiuiProvider\n   *   trackingData={{ pageGroup: 'Home Page' }}\n   *   onExposure={(params) => {\n   *     // \u4F7F\u7528\u5546\u6237\u81EA\u5DF1\u7684\u57CB\u70B9\u7CFB\u7EDF\u8BB0\u5F55\u66DD\u5149\u4E8B\u4EF6\n   *     ga.track('component_impression', params)\n   *   }}\n   * >\n   *   {children}\n   * </AiuiProvider>\n   */\n  onExposure?: OnExposureCallback\n}\n\nexport const AiuiContext = createContext<AiuiContextType>({\n  trackingData: {},\n  locale: undefined,\n  copyWriting: {},\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 context\n}\n\nconst AiuiProvider = ({\n  children,\n  autoTracking = true,\n  ...rest\n}: {\n  children: React.ReactNode\n} & AiuiContextType) => {\n  // \u4F7F\u7528\u81EA\u52A8\u57CB\u70B9 Hook\n  useAutoTracking(rest?.trackingData, autoTracking)\n\n  return <AiuiContext.Provider value={rest}>{children}</AiuiContext.Provider>\n}\n\nexport default AiuiProvider\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,YAAAC,EAAA,mBAAAC,IAAA,eAAAC,EAAAL,GAkHS,IAAAM,EAAA,6BAlHTC,EAAiD,iBAEjDC,EAAgC,gCAwFzB,MAAMN,KAAc,iBAA+B,CACxD,aAAc,CAAC,EACf,OAAQ,OACR,YAAa,CAAC,CAChB,CAAC,EAEYE,EAAiB,IAAM,CAClC,MAAMK,KAAU,cAAWP,CAAW,EACtC,GAAI,CAACO,EACH,MAAM,IAAI,MAAM,wCAAwC,EAE1D,OAAOA,CACT,EAEMC,EAAe,CAAC,CACpB,SAAAC,EACA,aAAAC,EAAe,GACf,GAAGC,CACL,QAIE,mBAAgBA,GAAM,aAAcD,CAAY,KAEzC,OAACV,EAAY,SAAZ,CAAqB,MAAOW,EAAO,SAAAF,EAAS,GAGtD,IAAOR,EAAQO",
+  "names": ["AiuiProvider_exports", "__export", "AiuiContext", "AiuiProvider_default", "useAiuiContext", "__toCommonJS", "import_jsx_runtime", "import_react", "import_useAutoTracking", "context", "AiuiProvider", "children", "autoTracking", "rest"]
 }

package/dist/cjs/biz-components/AiuiProvider/useAutoTracking.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 自动点击埋点 Hook
+ *
+ * 通过事件委托监听所有带有 `data-headless-type-name` 属性的元素点击事件
+ *
+ * @param trackingData - 埋点数据对象，包含 pageGroup 等字段
+ * @param enabled - 是否启用自动埋点，默认为 true
+ *
+ * @example
+ * ```tsx
+ * function App() {
+ *   useAutoTracking({ pageGroup: 'Home Page' }, true)
+ *   return <div>...</div>
+ * }
+ * ```
+ */
+export declare function useAutoTracking(trackingData: Record<string, any>, enabled?: boolean): void;

package/dist/cjs/biz-components/AiuiProvider/useAutoTracking.js

@@ -0,0 +1,2 @@
+"use strict";var u=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var k=(e,t)=>{for(var o in t)u(e,o,{get:t[o],enumerable:!0})},w=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of y(t))!h.call(e,n)&&n!==o&&u(e,n,{get:()=>t[n],enumerable:!(s=v(t,n))||s.enumerable});return e};var E=e=>w(u({},"__esModule",{value:!0}),e);var A={};k(A,{useAutoTracking:()=>b});module.exports=E(A);var r=require("react"),l=require("../../shared/track.js");function b(e,t=!0){const o=(0,r.useRef)(e);(0,r.useEffect)(()=>{o.current=e},[e]),(0,r.useEffect)(()=>{if(!t||typeof window>"u")return;const s="__headless_ui_tracking_bound__";if(window[s])return;const n=f=>{const i=f.target.closest("[data-headless-type-name]");if(!i)return;const a={};for(const g of Array.from(i.attributes)){const d=g?.name;d?.startsWith("data-headless-")&&(a[d]=i.getAttribute(d)||"")}const _=a["data-headless-sku"],m=a["data-headless-type-name"]?.split?.("#"),c=a["data-headless-title-desc-button"]?.split?.("#"),p=a["data-headless-nav-position"]?.split?.("#");(0,l.gaTrack)({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:o.current?.pageGroup||"Home Page",component_type:m?.[0]||"",component_name:m?.[1]||"",position:p?.[1]||"",navigation:p?.[0]||"",button_name:c?.[2]||"",SKU:_||"",component_title:c?.[0]||"",component_description:c?.[1]||""}})};return document.addEventListener("click",n),window[s]=!0,()=>{document.removeEventListener("click",n),delete window[s]}},[t])}
+//# sourceMappingURL=useAutoTracking.js.map

package/dist/cjs/biz-components/AiuiProvider/useAutoTracking.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/AiuiProvider/useAutoTracking.ts"],
+  "sourcesContent": ["import { useEffect, useRef } from 'react'\nimport { gaTrack } from '../../shared/track.js'\n\n/**\n * \u81EA\u52A8\u70B9\u51FB\u57CB\u70B9 Hook\n *\n * \u901A\u8FC7\u4E8B\u4EF6\u59D4\u6258\u76D1\u542C\u6240\u6709\u5E26\u6709 `data-headless-type-name` \u5C5E\u6027\u7684\u5143\u7D20\u70B9\u51FB\u4E8B\u4EF6\n *\n * @param trackingData - \u57CB\u70B9\u6570\u636E\u5BF9\u8C61\uFF0C\u5305\u542B pageGroup \u7B49\u5B57\u6BB5\n * @param enabled - \u662F\u5426\u542F\u7528\u81EA\u52A8\u57CB\u70B9\uFF0C\u9ED8\u8BA4\u4E3A true\n *\n * @example\n * ```tsx\n * function App() {\n *   useAutoTracking({ pageGroup: 'Home Page' }, true)\n *   return <div>...</div>\n * }\n * ```\n */\nexport function useAutoTracking(trackingData: Record<string, any>, enabled: boolean = true) {\n  // \u4F7F\u7528 ref \u4FDD\u5B58\u6700\u65B0\u7684 trackingData\uFF0C\u907F\u514D\u95ED\u5305\u9648\u65E7\n  const trackingDataRef = useRef(trackingData)\n\n  useEffect(() => {\n    trackingDataRef.current = trackingData\n  }, [trackingData])\n\n  useEffect(() => {\n    // \u5982\u679C\u5173\u95ED\u4E86\u81EA\u52A8\u57CB\u70B9\uFF0C\u76F4\u63A5\u8FD4\u56DE\n    if (!enabled) return\n\n    // SSR \u73AF\u5883\u68C0\u6D4B\n    if (typeof window === 'undefined') return\n\n    // \u5168\u5C40\u6807\u8BB0\uFF1A\u9632\u6B62\u591A\u4E2A Provider \u5B9E\u4F8B\u91CD\u590D\u7ED1\u5B9A\n    const TRACKING_KEY = '__headless_ui_tracking_bound__'\n    if ((window as any)[TRACKING_KEY]) return\n\n    /**\n     * \u4E8B\u4EF6\u59D4\u6258\u5904\u7406\u51FD\u6570\n     * \u70B9\u51FB\u4E8B\u4EF6\u5192\u6CE1\u5230 document\uFF0C\u68C0\u6D4B\u662F\u5426\u70B9\u51FB\u4E86\u8FFD\u8E2A\u5143\u7D20\n     */\n    const handleClick = (e: MouseEvent) => {\n      const target = e.target as Element\n      const el = target.closest('[data-headless-type-name]')\n      if (!el) return\n\n      // \u63D0\u53D6 data-headless-* \u5C5E\u6027\n      const out: Record<string, string> = {}\n      for (const attr of Array.from(el.attributes)) {\n        const name = (attr as Attr)?.name\n        if (name?.startsWith('data-headless-')) {\n          out[name] = el.getAttribute(name) || ''\n        }\n      }\n\n      // \u89E3\u6790\u8FFD\u8E2A\u6570\u636E\n      const sku = out['data-headless-sku']\n      const nameType = out['data-headless-type-name']?.split?.('#')\n      const titleDesc = out['data-headless-title-desc-button']?.split?.('#')\n      const navPosition = out['data-headless-nav-position']?.split?.('#')\n\n      // \u53D1\u9001 GA \u57CB\u70B9\u4E8B\u4EF6\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_click',\n        event_parameters: {\n          page_group: trackingDataRef.current?.pageGroup || 'Home Page',\n          component_type: nameType?.[0] || '',\n          component_name: nameType?.[1] || '',\n          position: navPosition?.[1] || '',\n          navigation: navPosition?.[0] || '',\n          button_name: titleDesc?.[2] || '',\n          SKU: sku || '',\n          component_title: titleDesc?.[0] || '',\n          component_description: titleDesc?.[1] || '',\n        },\n      })\n    }\n\n    // \u7ED1\u5B9A\u5168\u5C40\u70B9\u51FB\u4E8B\u4EF6\n    document.addEventListener('click', handleClick)\n    ;(window as any)[TRACKING_KEY] = true\n\n    // \u6E05\u7406\u51FD\u6570\n    return () => {\n      document.removeEventListener('click', handleClick)\n      delete (window as any)[TRACKING_KEY]\n    }\n  }, [enabled])\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAkC,iBAClCC,EAAwB,iCAkBjB,SAASH,EAAgBI,EAAmCC,EAAmB,GAAM,CAE1F,MAAMC,KAAkB,UAAOF,CAAY,KAE3C,aAAU,IAAM,CACdE,EAAgB,QAAUF,CAC5B,EAAG,CAACA,CAAY,CAAC,KAEjB,aAAU,IAAM,CAKd,GAHI,CAACC,GAGD,OAAO,OAAW,IAAa,OAGnC,MAAME,EAAe,iCACrB,GAAK,OAAeA,CAAY,EAAG,OAMnC,MAAMC,EAAeC,GAAkB,CAErC,MAAMC,EADSD,EAAE,OACC,QAAQ,2BAA2B,EACrD,GAAI,CAACC,EAAI,OAGT,MAAMC,EAA8B,CAAC,EACrC,UAAWC,KAAQ,MAAM,KAAKF,EAAG,UAAU,EAAG,CAC5C,MAAMG,EAAQD,GAAe,KACzBC,GAAM,WAAW,gBAAgB,IACnCF,EAAIE,CAAI,EAAIH,EAAG,aAAaG,CAAI,GAAK,GAEzC,CAGA,MAAMC,EAAMH,EAAI,mBAAmB,EAC7BI,EAAWJ,EAAI,yBAAyB,GAAG,QAAQ,GAAG,EACtDK,EAAYL,EAAI,iCAAiC,GAAG,QAAQ,GAAG,EAC/DM,EAAcN,EAAI,4BAA4B,GAAG,QAAQ,GAAG,KAGlE,WAAQ,CACN,MAAO,WACP,WAAY,kBACZ,iBAAkB,CAChB,WAAYL,EAAgB,SAAS,WAAa,YAClD,eAAgBS,IAAW,CAAC,GAAK,GACjC,eAAgBA,IAAW,CAAC,GAAK,GACjC,SAAUE,IAAc,CAAC,GAAK,GAC9B,WAAYA,IAAc,CAAC,GAAK,GAChC,YAAaD,IAAY,CAAC,GAAK,GAC/B,IAAKF,GAAO,GACZ,gBAAiBE,IAAY,CAAC,GAAK,GACnC,sBAAuBA,IAAY,CAAC,GAAK,EAC3C,CACF,CAAC,CACH,EAGA,gBAAS,iBAAiB,QAASR,CAAW,EAC5C,OAAeD,CAAY,EAAI,GAG1B,IAAM,CACX,SAAS,oBAAoB,QAASC,CAAW,EACjD,OAAQ,OAAeD,CAAY,CACrC,CACF,EAAG,CAACF,CAAO,CAAC,CACd",
+  "names": ["useAutoTracking_exports", "__export", "useAutoTracking", "__toCommonJS", "import_react", "import_track", "trackingData", "enabled", "trackingDataRef", "TRACKING_KEY", "handleClick", "e", "el", "out", "attr", "name", "sku", "nameType", "titleDesc", "navPosition"]
+}

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

@@ -1,2 +1,18 @@
-declare const _default: any;
+import type { Img } from '../../types/props.js';
+type AplusItem = {
+    img: Img;
+    mobileImg: Img;
+    title: string;
+    desc: string;
+    theme: 'light' | 'dark';
+};
+interface AplusDescType extends React.HTMLAttributes<HTMLDivElement> {
+    data: {
+        title: string;
+        img: Img;
+        mobileImg: Img;
+        list: AplusItem[];
+    };
+}
+declare const _default: import("react").ForwardRefExoticComponent<AplusDescType & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const _default: any;
+import type { BrandCardLinkProps } from './types.js';
+declare const _default: import("react").ForwardRefExoticComponent<BrandCardLinkProps & import("react").RefAttributes<HTMLDivElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const _default: any;
+import type { BrandEquityProps } from './types.js';
+declare const _default: import("react").ForwardRefExoticComponent<BrandEquityProps & import("react").RefAttributes<HTMLDivElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;

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

@@ -27,5 +27,5 @@ export interface CategoryProps extends React.HTMLAttributes<HTMLDivElement> {
     };
     key?: string;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<CategoryProps & React.RefAttributes<HTMLDivElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;

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

@@ -7,5 +7,11 @@ export type CreativeModuleDataType = {
     theme: 'light' | 'dark';
     span: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 };
-declare const _default: any;
+interface CreativeModuleType extends React.HTMLAttributes<HTMLDivElement> {
+    data: {
+        shape?: 'rounded' | 'square';
+        productsTab: CreativeModuleDataType[];
+    };
+}
+declare const _default: import("react").ForwardRefExoticComponent<CreativeModuleType & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -7,5 +7,10 @@ export type DownLoadDataType = {
     line: Img;
     icon: Img;
 };
-declare const _default: any;
+interface DownLoadType extends React.HTMLAttributes<HTMLDivElement> {
+    data: {
+        list: DownLoadDataType[];
+    };
+}
+declare const _default: import("react").ForwardRefExoticComponent<DownLoadType & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -29,5 +29,5 @@ export interface EvaluateProps extends React.HTMLAttributes<HTMLDivElement> {
     };
     key?: string;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<EvaluateProps & React.RefAttributes<HTMLDivElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;

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

@@ -1,4 +1,5 @@
-import type { FaqItem as ItemType, FaqSemanticName } from './types.js';
+import React from 'react';
+import type { FaqProps, FaqItem as ItemType, FaqSemanticName } from './types.js';
 interface FaqItemProps {
     data: ItemType;
     defaultOpen?: boolean;
@@ -8,6 +9,6 @@ declare const FaqItem: {
     ({ data, defaultOpen, classNames }: FaqItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<FaqProps & React.RefAttributes<HTMLDivElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;
 export { FaqItem };

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

@@ -1,2 +1,4 @@
-declare const _default: any;
+import React from 'react';
+import type { FeatureCardsProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<FeatureCardsProps & React.RefAttributes<HTMLDivElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;

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

@@ -1,2 +1,4 @@
-declare const _default: any;
+import React from 'react';
+import type { FeatureShowcaseProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<FeatureShowcaseProps & React.RefAttributes<HTMLDivElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;

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

@@ -1,2 +1,2 @@
-"use strict";"use client";var F=Object.create;var n=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:!0})},h=(e,t,r,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let p of B(t))!R.call(e,p)&&p!==r&&n(e,p,{get:()=>t[p],enumerable:!(l=I(t,p))||l.enumerable});return e};var k=(e,t,r)=>(r=e!=null?F(w(e)):{},h(t||!e||!e.__esModule?n(r,"default",{value:e,enumerable:!0}):r,e)),S=e=>h(n({},"__esModule",{value:!0}),e);var H={};C(H,{default:()=>E});module.exports=S(H);var a=require("react/jsx-runtime"),m=k(require("react")),s=require("../../helpers/index.js"),b=k(require("../../components/picture.js")),i=require("../../index.js");const M=e=>{const t=[{key:"lgDesktop",width:1920},{key:"desktop",width:1440},{key:"laptop",width:1024},{key:"pad",width:768},{key:"mobile",width:390}],r=t.filter(({key:l})=>e[l]?.url).map(({key:l,width:p})=>`${e[l].url} ${p}`);if(r.length>0)return r.join(", ");for(const{key:l}of t)if(e[l]?.url)return e[l].url;return""},D=(e,t)=>{const r=["desktop","laptop","pad","mobile","lgDesktop"];for(const l of r)if(e[l]?.alt)return e[l].alt;return t},N=(e="full")=>({full:"laptop:col-span-3","2/3":"laptop:col-span-2","1/3":"laptop:col-span-1"})[e],z=(e="full")=>e==="1/3"?"":"laptop:flex-row",T=(e="full")=>({full:"laptop:h-full laptop:w-2/3","2/3":"laptop:h-full laptop:w-1/2","1/3":"laptop:flex-1 h-[200px] lg-desktop:h-[240px]"})[e],x=m.forwardRef(({className:e,classNames:t={},data:r,onItemClick:l,...p},v)=>{const{title:g,subtitle:c,items:f}=r,y=m.useCallback((o,d)=>u=>{l?.(o,d,u)},[l]);return(0,a.jsxs)("div",{ref:v,className:(0,s.cn)("blog-posts-root","text-info-primary w-full",e,t.root),...p,children:[(g||c)&&(0,a.jsxs)("div",{className:(0,s.cn)("blog-posts-header mb-6",t.header),children:[g&&(0,a.jsx)(i.Heading,{as:"h2",size:4,html:g,className:(0,s.cn)("blog-posts-title",t.title)}),c&&(0,a.jsx)(i.Text,{as:"p",size:3,className:(0,s.cn)("",t?.subtitle),html:c})]}),(0,a.jsx)("div",{className:(0,s.cn)("blog-posts-grid","laptop:grid-cols-3 grid grid-cols-1 gap-4",t.grid),children:f.map((o,d)=>{const u=o.link?"a":"div",P=o.link?{href:o.link}:{};return(0,a.jsxs)(m.Fragment,{children:[(0,a.jsxs)(u,{...P,className:(0,s.cn)("blog-posts-card rounded-box","flex cursor-pointer flex-col gap-4","laptop:h-[336px] desktop:h-[448px] lg-desktop:h-[560px]","laptop:bg-container-secondary-0 laptop:p-4 desktop:p-6 lg-desktop:p-8","laptop:overflow-hidden laptop:transition-opacity ","bg-container-secondary-1",N(o.width||"full"),z(o.width||"full"),t.card),onClick:y(o,d),children:[(0,a.jsx)("div",{className:(0,s.cn)("blog-posts-card-image","relative w-full overflow-hidden","h-[200px] shrink-0",T(o.width||"full"),t.cardImage),children:(0,a.jsx)(b.default,{source:M(o.image),alt:D(o.image,o.title),className:"rounded-box h-full object-cover",imgClassName:"h-full"})}),(0,a.jsxs)("div",{className:(0,s.cn)("blog-posts-card-content","desktop:gap-6 flex flex-col justify-center gap-4",t.cardContent),children:[(0,a.jsxs)("div",{className:"desktop:gap-2 flex flex-col gap-1",children:[(0,a.jsx)(i.Heading,{size:2,as:"h6",className:(0,s.cn)("blog-posts-card-title line-clamp-3",t.cardTitle),html:o.title}),o.description&&(0,a.jsx)(i.Text,{className:(0,s.cn)("blog-posts-card-description desktop:text-[16px] lg-desktop:text-[18px] line-clamp-3 text-[14px]",t.cardDescription),html:o.description})]}),o.date&&(0,a.jsx)(i.Text,{className:(0,s.cn)("blog-posts-card-meta","text-info-tertiary desktop:text-[16px] lg-desktop:text-[18px] text-[14px]",t.cardMeta),html:o.date})]})]}),d<f.length-1&&(0,a.jsx)("div",{className:(0,s.cn)("blog-posts-separator","bg-lines-primary laptop:hidden h-px w-full",t.separator)})]},d)})})]})});x.displayName="FeaturedBlogPosts";var E=x;
+"use strict";"use client";var F=Object.create;var n=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var B=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:!0})},h=(e,t,r,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let p of w(t))!R.call(e,p)&&p!==r&&n(e,p,{get:()=>t[p],enumerable:!(l=I(t,p))||l.enumerable});return e};var k=(e,t,r)=>(r=e!=null?F(B(e)):{},h(t||!e||!e.__esModule?n(r,"default",{value:e,enumerable:!0}):r,e)),S=e=>h(n({},"__esModule",{value:!0}),e);var E={};C(E,{default:()=>L});module.exports=S(E);var a=require("react/jsx-runtime"),m=k(require("react")),s=require("../../helpers/index.js"),b=k(require("../../components/picture.js")),i=require("../../index.js"),j=require("../../shared/Styles.js");const M=e=>{const t=[{key:"lgDesktop",width:1920},{key:"desktop",width:1440},{key:"laptop",width:1024},{key:"pad",width:768},{key:"mobile",width:390}],r=t.filter(({key:l})=>e[l]?.url).map(({key:l,width:p})=>`${e[l].url} ${p}`);if(r.length>0)return r.join(", ");for(const{key:l}of t)if(e[l]?.url)return e[l].url;return""},D=(e,t)=>{const r=["desktop","laptop","pad","mobile","lgDesktop"];for(const l of r)if(e[l]?.alt)return e[l].alt;return t},N=(e="full")=>({full:"laptop:col-span-3","2/3":"laptop:col-span-2","1/3":"laptop:col-span-1"})[e],z=(e="full")=>e==="1/3"?"":"laptop:flex-row",T=(e="full")=>({full:"laptop:h-full laptop:w-2/3","2/3":"laptop:h-full laptop:w-1/2","1/3":"laptop:flex-1 h-[200px] lg-desktop:h-[240px]"})[e],x=m.forwardRef(({className:e,classNames:t={},data:r,onItemClick:l,...p},v)=>{const{title:g,subtitle:c,items:f}=r,y=m.useCallback((o,d)=>u=>{l?.(o,d,u)},[l]);return(0,a.jsxs)("div",{ref:v,className:(0,s.cn)("blog-posts-root","text-info-primary w-full",e,t.root),...p,children:[(g||c)&&(0,a.jsxs)("div",{className:(0,s.cn)("blog-posts-header mb-6",t.header),children:[g&&(0,a.jsx)(i.Heading,{as:"h2",size:4,html:g,className:(0,s.cn)("blog-posts-title",t.title)}),c&&(0,a.jsx)(i.Text,{as:"p",size:3,className:(0,s.cn)("",t?.subtitle),html:c})]}),(0,a.jsx)("div",{className:(0,s.cn)("blog-posts-grid","laptop:grid-cols-3 grid grid-cols-1 gap-4",t.grid),children:f.map((o,d)=>{const u=o.link?"a":"div",P=o.link?{href:o.link}:{};return(0,a.jsxs)(m.Fragment,{children:[(0,a.jsxs)(u,{...P,className:(0,s.cn)("blog-posts-card rounded-box","flex cursor-pointer flex-col gap-4","laptop:h-[336px] desktop:h-[448px] lg-desktop:h-[560px]","laptop:bg-container-secondary-0 laptop:p-4 desktop:p-6 lg-desktop:p-8","laptop:overflow-hidden laptop:transition-opacity ","bg-container-secondary-1",N(o.width||"full"),z(o.width||"full"),t.card),onClick:y(o,d),children:[(0,a.jsx)("div",{className:(0,s.cn)("blog-posts-card-image","relative w-full overflow-hidden","h-[200px] shrink-0",T(o.width||"full"),t.cardImage),children:(0,a.jsx)(b.default,{source:M(o.image),alt:D(o.image,o.title),className:"rounded-box h-full object-cover",imgClassName:"h-full"})}),(0,a.jsxs)("div",{className:(0,s.cn)("blog-posts-card-content","desktop:gap-6 flex flex-col justify-center gap-4",t.cardContent),children:[(0,a.jsxs)("div",{className:"desktop:gap-2 flex flex-col gap-1",children:[(0,a.jsx)(i.Heading,{size:2,as:"h6",className:(0,s.cn)("blog-posts-card-title line-clamp-3",t.cardTitle),html:o.title}),o.description&&(0,a.jsx)(i.Text,{className:(0,s.cn)("blog-posts-card-description desktop:text-[16px] lg-desktop:text-[18px] line-clamp-3 text-[14px]",t.cardDescription),html:o.description})]}),o.date&&(0,a.jsx)(i.Text,{className:(0,s.cn)("blog-posts-card-meta","text-info-tertiary desktop:text-[16px] lg-desktop:text-[18px] text-[14px]",t.cardMeta),html:o.date})]})]}),d<f.length-1&&(0,a.jsx)("div",{className:(0,s.cn)("blog-posts-separator","bg-lines-primary laptop:hidden h-px w-full",t.separator)})]},d)})})]})});x.displayName="FeaturedBlogPosts";var L=x;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/FeaturedBlogPosts/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport Picture from '../../components/picture.js'\nimport type { Img } from '../../types/props.js'\nimport { Heading, Text } from '../../index.js'\n\nexport type FeaturedBlogPostsSemanticName =\n  | 'root'\n  | 'header'\n  | 'title'\n  | 'subtitle'\n  | 'grid'\n  | 'card'\n  | 'cardImage'\n  | 'cardContent'\n  | 'cardTitle'\n  | 'cardDescription'\n  | 'cardMeta'\n  | 'separator'\n\n/**\n * \u5361\u7247\u5BBD\u5EA6\u6BD4\u4F8B\n */\nexport type FeaturedBlogPostSpan = 'full' | '2/3' | '1/3'\n\n/**\n * \u535A\u6587\u5361\u7247\u9879\u6570\u636E\u63A5\u53E3\n */\nexport interface FeaturedBlogPostItem {\n  /** \u5C01\u9762\u56FE\u7247 */\n  image: {\n    mobile?: Img\n    pad?: Img\n    laptop?: Img\n    desktop?: Img\n    lgDesktop?: Img\n  }\n  /** \u6587\u7AE0\u6807\u9898 */\n  title: string\n  /** \u6587\u7AE0\u63CF\u8FF0 */\n  description?: string\n  /** \u65E5\u671F\u4FE1\u606F\uFF08\u5206\u7C7B\u00B7\u65E5\u671F\u00B7\u4F5C\u8005\uFF09 */\n  date?: string\n  /** \u6587\u7AE0\u94FE\u63A5 */\n  link?: string\n  /** \u5361\u7247\u5BBD\u5EA6\u6BD4\u4F8B\uFF0C\u9ED8\u8BA4 full */\n  width?: FeaturedBlogPostSpan\n}\n\n/**\n * FeaturedBlogPosts \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface FeaturedBlogPostsData {\n  /** \u4E3B\u6807\u9898 */\n  title?: string\n  /** \u526F\u6807\u9898 */\n  subtitle?: string\n  /** \u535A\u6587\u5217\u8868 */\n  items: FeaturedBlogPostItem[]\n}\n\nexport interface FeaturedBlogPostsProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: FeaturedBlogPostsData\n  /** \u8BED\u4E49\u5316\u7C7B\u540D\u8986\u76D6 */\n  classNames?: Partial<Record<FeaturedBlogPostsSemanticName, string>>\n  /** \u5361\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onItemClick?: (item: FeaturedBlogPostItem, index: number, event: React.MouseEvent) => void\n}\n\n/**\n * \u54CD\u5E94\u5F0F\u56FE\u7247\u7C7B\u578B\n */\ntype ResponsiveImage = FeaturedBlogPostItem['image']\n\n/**\n * \u5C06\u54CD\u5E94\u5F0F\u56FE\u7247\u5BF9\u8C61\u8F6C\u4E3A Picture source \u683C\u5F0F\u5B57\u7B26\u4E32\n * \u683C\u5F0F: \"url1 1920, url2 1440, url3 1024, url4 768, url5 390\"\n */\nconst getImageSource = (image: ResponsiveImage): string => {\n  const breakpoints: { key: keyof ResponsiveImage; width: number }[] = [\n    { key: 'lgDesktop', width: 1920 },\n    { key: 'desktop', width: 1440 },\n    { key: 'laptop', width: 1024 },\n    { key: 'pad', width: 768 },\n    { key: 'mobile', width: 390 },\n  ]\n\n  const sources = breakpoints\n    .filter(({ key }) => image[key]?.url)\n    .map(({ key, width }) => `${image[key]!.url} ${width}`)\n\n  // \u5982\u679C\u6709 sources\uFF0C\u8FD4\u56DE\u62FC\u63A5\u7ED3\u679C\uFF1B\u5426\u5219\u8FD4\u56DE\u7B2C\u4E00\u4E2A\u6709\u6548\u7684 url\n  if (sources.length > 0) {\n    return sources.join(', ')\n  }\n\n  // fallback: \u8FD4\u56DE\u4EFB\u610F\u4E00\u4E2A\u6709\u6548\u7684 url\n  for (const { key } of breakpoints) {\n    if (image[key]?.url) return image[key]!.url\n  }\n\n  return ''\n}\n\n/**\n * \u4ECE\u54CD\u5E94\u5F0F\u56FE\u7247\u5BF9\u8C61\u83B7\u53D6 alt \u6587\u672C\n */\nconst getImageAlt = (image: ResponsiveImage, fallback: string): string => {\n  const keys: (keyof ResponsiveImage)[] = ['desktop', 'laptop', 'pad', 'mobile', 'lgDesktop']\n  for (const key of keys) {\n    if (image[key]?.alt) return image[key]!.alt!\n  }\n  return fallback\n}\n\n/**\n * \u6839\u636E span \u83B7\u53D6\u5361\u7247 grid \u5217\u6570 (laptop+)\n */\nconst getSpanClass = (span: FeaturedBlogPostSpan = 'full') => {\n  const spanMap: Record<FeaturedBlogPostSpan, string> = {\n    full: 'laptop:col-span-3',\n    '2/3': 'laptop:col-span-2',\n    '1/3': 'laptop:col-span-1',\n  }\n  return spanMap[span]\n}\n\n/**\n * \u6839\u636E span \u83B7\u53D6\u5361\u7247\u5E03\u5C40\u65B9\u5411 (laptop+)\n * 1/3: \u4E0A\u4E0B\u5E03\u5C40\uFF0C\u5176\u4ED6: \u5DE6\u53F3\u5E03\u5C40\n */\nconst getLayoutClass = (span: FeaturedBlogPostSpan = 'full') => {\n  return span === '1/3' ? '' : 'laptop:flex-row'\n}\n\n/**\n * \u6839\u636E span \u83B7\u53D6\u56FE\u7247\u5C3A\u5BF8\u6837\u5F0F (laptop+)\n * full: \u5DE6\u53F3\u5E03\u5C40\uFF0C\u56FE\u7247\u5BBD\u5EA6\u5360 2/3\n * 2/3: \u5DE6\u53F3\u5E03\u5C40\uFF0C\u56FE\u7247\u5BBD\u5EA6\u5360 1/2\n * 1/3: \u4E0A\u4E0B\u5E03\u5C40\uFF0C\u56FE\u7247\u9AD8\u5EA6\u586B\u6EE1\u5269\u4F59\u7A7A\u95F4\n */\nconst getImageSizeClass = (span: FeaturedBlogPostSpan = 'full') => {\n  const sizeMap: Record<FeaturedBlogPostSpan, string> = {\n    full: 'laptop:h-full laptop:w-2/3',\n    '2/3': 'laptop:h-full laptop:w-1/2',\n    '1/3': 'laptop:flex-1 h-[200px] lg-desktop:h-[240px]',\n  }\n  return sizeMap[span]\n}\n\n/**\n * FeaturedBlogPosts - \u7CBE\u9009\u535A\u6587\n *\n * @description \u5C55\u793A\u7ECF\u8FC7\u7B5B\u9009\u7684\u4F18\u8D28\u6587\u7AE0\uFF0C\u652F\u6301\u4E0D\u540C\u5BBD\u5EA6\u548C\u5E03\u5C40\u7684\u5361\u7247\u7EC4\u5408\n */\nconst FeaturedBlogPosts = React.forwardRef<HTMLDivElement, FeaturedBlogPostsProps>(\n  ({ className, classNames = {}, data, onItemClick, ...props }, ref) => {\n    const { title, subtitle, items } = data\n\n    const handleCardClick = React.useCallback(\n      (item: FeaturedBlogPostItem, index: number) => (event: React.MouseEvent) => {\n        onItemClick?.(item, index, event)\n      },\n      [onItemClick]\n    )\n\n    return (\n      <div\n        ref={ref}\n        className={cn('blog-posts-root', 'text-info-primary w-full', className, classNames.root)}\n        {...props}\n      >\n        {/* \u6807\u9898\u533A\u57DF */}\n        {(title || subtitle) && (\n          <div className={cn('blog-posts-header mb-6', classNames.header)}>\n            {title && <Heading as=\"h2\" size={4} html={title} className={cn('blog-posts-title', classNames.title)} />}\n            {subtitle && <Text as=\"p\" size={3} className={cn('', classNames?.subtitle)} html={subtitle} />}\n          </div>\n        )}\n        <div className={cn('blog-posts-grid', 'laptop:grid-cols-3 grid grid-cols-1 gap-4', classNames.grid)}>\n          {items.map((item, index) => {\n            const CardWrapper = item.link ? 'a' : 'div'\n            const cardProps = item.link ? { href: item.link } : {}\n\n            return (\n              <React.Fragment key={index}>\n                <CardWrapper\n                  {...cardProps}\n                  className={cn(\n                    'blog-posts-card rounded-box',\n                    'flex cursor-pointer flex-col gap-4',\n                    'laptop:h-[336px] desktop:h-[448px] lg-desktop:h-[560px]',\n                    'laptop:bg-container-secondary-0 laptop:p-4 desktop:p-6 lg-desktop:p-8',\n                    'laptop:overflow-hidden laptop:transition-opacity ',\n                    'bg-container-secondary-1',\n                    getSpanClass(item.width || 'full'),\n                    getLayoutClass(item.width || 'full'),\n                    classNames.card\n                  )}\n                  onClick={handleCardClick(item, index)}\n                >\n                  {/* \u56FE\u7247 */}\n                  <div\n                    className={cn(\n                      'blog-posts-card-image',\n                      'relative w-full overflow-hidden',\n                      'h-[200px] shrink-0',\n                      getImageSizeClass(item.width || 'full'),\n                      classNames.cardImage\n                    )}\n                  >\n                    <Picture\n                      source={getImageSource(item.image)}\n                      alt={getImageAlt(item.image, item.title)}\n                      className=\"rounded-box h-full object-cover\"\n                      imgClassName=\"h-full\"\n                    />\n                  </div>\n\n                  {/* \u5185\u5BB9 */}\n                  <div\n                    className={cn(\n                      'blog-posts-card-content',\n                      'desktop:gap-6 flex flex-col justify-center gap-4',\n                      classNames.cardContent\n                    )}\n                  >\n                    <div className=\"desktop:gap-2 flex flex-col gap-1\">\n                      <Heading\n                        size={2}\n                        as=\"h6\"\n                        className={cn('blog-posts-card-title line-clamp-3', classNames.cardTitle)}\n                        html={item.title}\n                      />\n\n                      {item.description && (\n                        <Text\n                          className={cn(\n                            'blog-posts-card-description desktop:text-[16px] lg-desktop:text-[18px] line-clamp-3 text-[14px]',\n                            classNames.cardDescription\n                          )}\n                          html={item.description}\n                        />\n                      )}\n                    </div>\n                    {item.date && (\n                      <Text\n                        className={cn(\n                          'blog-posts-card-meta',\n                          'text-info-tertiary desktop:text-[16px] lg-desktop:text-[18px] text-[14px]',\n                          classNames.cardMeta\n                        )}\n                        html={item.date}\n                      />\n                    )}\n                  </div>\n                </CardWrapper>\n\n                {/* \u5206\u5272\u7EBF - \u4EC5 mobile/tablet \u663E\u793A */}\n                {index < items.length - 1 && (\n                  <div\n                    className={cn(\n                      'blog-posts-separator',\n                      'bg-lines-primary laptop:hidden h-px w-full',\n                      classNames.separator\n                    )}\n                  />\n                )}\n              </React.Fragment>\n            )\n          })}\n        </div>\n      </div>\n    )\n  }\n)\n\nFeaturedBlogPosts.displayName = 'FeaturedBlogPosts'\nexport default FeaturedBlogPosts\n"],
-  "mappings": "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",
-  "names": ["FeaturedBlogPosts_exports", "__export", "FeaturedBlogPosts_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_picture", "import__", "getImageSource", "image", "breakpoints", "sources", "key", "width", "getImageAlt", "fallback", "keys", "getSpanClass", "span", "getLayoutClass", "getImageSizeClass", "FeaturedBlogPosts", "className", "classNames", "data", "onItemClick", "props", "ref", "title", "subtitle", "items", "handleCardClick", "item", "index", "event", "CardWrapper", "cardProps", "Picture"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport Picture from '../../components/picture.js'\nimport type { Img } from '../../types/props.js'\nimport { Heading, Text } from '../../index.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nexport type FeaturedBlogPostsSemanticName =\n  | 'root'\n  | 'header'\n  | 'title'\n  | 'subtitle'\n  | 'grid'\n  | 'card'\n  | 'cardImage'\n  | 'cardContent'\n  | 'cardTitle'\n  | 'cardDescription'\n  | 'cardMeta'\n  | 'separator'\n\n/**\n * \u5361\u7247\u5BBD\u5EA6\u6BD4\u4F8B\n */\nexport type FeaturedBlogPostSpan = 'full' | '2/3' | '1/3'\n\n/**\n * \u535A\u6587\u5361\u7247\u9879\u6570\u636E\u63A5\u53E3\n */\nexport interface FeaturedBlogPostItem {\n  /** \u5C01\u9762\u56FE\u7247 */\n  image: {\n    mobile?: Img\n    pad?: Img\n    laptop?: Img\n    desktop?: Img\n    lgDesktop?: Img\n  }\n  /** \u6587\u7AE0\u6807\u9898 */\n  title: string\n  /** \u6587\u7AE0\u63CF\u8FF0 */\n  description?: string\n  /** \u65E5\u671F\u4FE1\u606F\uFF08\u5206\u7C7B\u00B7\u65E5\u671F\u00B7\u4F5C\u8005\uFF09 */\n  date?: string\n  /** \u6587\u7AE0\u94FE\u63A5 */\n  link?: string\n  /** \u5361\u7247\u5BBD\u5EA6\u6BD4\u4F8B\uFF0C\u9ED8\u8BA4 full */\n  width?: FeaturedBlogPostSpan\n}\n\n/**\n * FeaturedBlogPosts \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface FeaturedBlogPostsData {\n  /** \u4E3B\u6807\u9898 */\n  title?: string\n  /** \u526F\u6807\u9898 */\n  subtitle?: string\n  /** \u535A\u6587\u5217\u8868 */\n  items: FeaturedBlogPostItem[]\n}\n\nexport interface FeaturedBlogPostsProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: FeaturedBlogPostsData\n  /** \u8BED\u4E49\u5316\u7C7B\u540D\u8986\u76D6 */\n  classNames?: Partial<Record<FeaturedBlogPostsSemanticName, string>>\n  /** \u5361\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onItemClick?: (item: FeaturedBlogPostItem, index: number, event: React.MouseEvent) => void\n}\n\n/**\n * \u54CD\u5E94\u5F0F\u56FE\u7247\u7C7B\u578B\n */\ntype ResponsiveImage = FeaturedBlogPostItem['image']\n\n/**\n * \u5C06\u54CD\u5E94\u5F0F\u56FE\u7247\u5BF9\u8C61\u8F6C\u4E3A Picture source \u683C\u5F0F\u5B57\u7B26\u4E32\n * \u683C\u5F0F: \"url1 1920, url2 1440, url3 1024, url4 768, url5 390\"\n */\nconst getImageSource = (image: ResponsiveImage): string => {\n  const breakpoints: { key: keyof ResponsiveImage; width: number }[] = [\n    { key: 'lgDesktop', width: 1920 },\n    { key: 'desktop', width: 1440 },\n    { key: 'laptop', width: 1024 },\n    { key: 'pad', width: 768 },\n    { key: 'mobile', width: 390 },\n  ]\n\n  const sources = breakpoints\n    .filter(({ key }) => image[key]?.url)\n    .map(({ key, width }) => `${image[key]!.url} ${width}`)\n\n  // \u5982\u679C\u6709 sources\uFF0C\u8FD4\u56DE\u62FC\u63A5\u7ED3\u679C\uFF1B\u5426\u5219\u8FD4\u56DE\u7B2C\u4E00\u4E2A\u6709\u6548\u7684 url\n  if (sources.length > 0) {\n    return sources.join(', ')\n  }\n\n  // fallback: \u8FD4\u56DE\u4EFB\u610F\u4E00\u4E2A\u6709\u6548\u7684 url\n  for (const { key } of breakpoints) {\n    if (image[key]?.url) return image[key]!.url\n  }\n\n  return ''\n}\n\n/**\n * \u4ECE\u54CD\u5E94\u5F0F\u56FE\u7247\u5BF9\u8C61\u83B7\u53D6 alt \u6587\u672C\n */\nconst getImageAlt = (image: ResponsiveImage, fallback: string): string => {\n  const keys: (keyof ResponsiveImage)[] = ['desktop', 'laptop', 'pad', 'mobile', 'lgDesktop']\n  for (const key of keys) {\n    if (image[key]?.alt) return image[key]!.alt!\n  }\n  return fallback\n}\n\n/**\n * \u6839\u636E span \u83B7\u53D6\u5361\u7247 grid \u5217\u6570 (laptop+)\n */\nconst getSpanClass = (span: FeaturedBlogPostSpan = 'full') => {\n  const spanMap: Record<FeaturedBlogPostSpan, string> = {\n    full: 'laptop:col-span-3',\n    '2/3': 'laptop:col-span-2',\n    '1/3': 'laptop:col-span-1',\n  }\n  return spanMap[span]\n}\n\n/**\n * \u6839\u636E span \u83B7\u53D6\u5361\u7247\u5E03\u5C40\u65B9\u5411 (laptop+)\n * 1/3: \u4E0A\u4E0B\u5E03\u5C40\uFF0C\u5176\u4ED6: \u5DE6\u53F3\u5E03\u5C40\n */\nconst getLayoutClass = (span: FeaturedBlogPostSpan = 'full') => {\n  return span === '1/3' ? '' : 'laptop:flex-row'\n}\n\n/**\n * \u6839\u636E span \u83B7\u53D6\u56FE\u7247\u5C3A\u5BF8\u6837\u5F0F (laptop+)\n * full: \u5DE6\u53F3\u5E03\u5C40\uFF0C\u56FE\u7247\u5BBD\u5EA6\u5360 2/3\n * 2/3: \u5DE6\u53F3\u5E03\u5C40\uFF0C\u56FE\u7247\u5BBD\u5EA6\u5360 1/2\n * 1/3: \u4E0A\u4E0B\u5E03\u5C40\uFF0C\u56FE\u7247\u9AD8\u5EA6\u586B\u6EE1\u5269\u4F59\u7A7A\u95F4\n */\nconst getImageSizeClass = (span: FeaturedBlogPostSpan = 'full') => {\n  const sizeMap: Record<FeaturedBlogPostSpan, string> = {\n    full: 'laptop:h-full laptop:w-2/3',\n    '2/3': 'laptop:h-full laptop:w-1/2',\n    '1/3': 'laptop:flex-1 h-[200px] lg-desktop:h-[240px]',\n  }\n  return sizeMap[span]\n}\n\n/**\n * FeaturedBlogPosts - \u7CBE\u9009\u535A\u6587\n *\n * @description \u5C55\u793A\u7ECF\u8FC7\u7B5B\u9009\u7684\u4F18\u8D28\u6587\u7AE0\uFF0C\u652F\u6301\u4E0D\u540C\u5BBD\u5EA6\u548C\u5E03\u5C40\u7684\u5361\u7247\u7EC4\u5408\n */\nconst FeaturedBlogPosts = React.forwardRef<HTMLDivElement, FeaturedBlogPostsProps>(\n  ({ className, classNames = {}, data, onItemClick, ...props }, ref) => {\n    const { title, subtitle, items } = data\n\n    const handleCardClick = React.useCallback(\n      (item: FeaturedBlogPostItem, index: number) => (event: React.MouseEvent) => {\n        onItemClick?.(item, index, event)\n      },\n      [onItemClick]\n    )\n\n    return (\n      <div\n        ref={ref}\n        className={cn('blog-posts-root', 'text-info-primary w-full', className, classNames.root)}\n        {...props}\n      >\n        {/* \u6807\u9898\u533A\u57DF */}\n        {(title || subtitle) && (\n          <div className={cn('blog-posts-header mb-6', classNames.header)}>\n            {title && <Heading as=\"h2\" size={4} html={title} className={cn('blog-posts-title', classNames.title)} />}\n            {subtitle && <Text as=\"p\" size={3} className={cn('', classNames?.subtitle)} html={subtitle} />}\n          </div>\n        )}\n        <div className={cn('blog-posts-grid', 'laptop:grid-cols-3 grid grid-cols-1 gap-4', classNames.grid)}>\n          {items.map((item, index) => {\n            const CardWrapper = item.link ? 'a' : 'div'\n            const cardProps = item.link ? { href: item.link } : {}\n\n            return (\n              <React.Fragment key={index}>\n                <CardWrapper\n                  {...cardProps}\n                  className={cn(\n                    'blog-posts-card rounded-box',\n                    'flex cursor-pointer flex-col gap-4',\n                    'laptop:h-[336px] desktop:h-[448px] lg-desktop:h-[560px]',\n                    'laptop:bg-container-secondary-0 laptop:p-4 desktop:p-6 lg-desktop:p-8',\n                    'laptop:overflow-hidden laptop:transition-opacity ',\n                    'bg-container-secondary-1',\n                    getSpanClass(item.width || 'full'),\n                    getLayoutClass(item.width || 'full'),\n                    classNames.card\n                  )}\n                  onClick={handleCardClick(item, index)}\n                >\n                  {/* \u56FE\u7247 */}\n                  <div\n                    className={cn(\n                      'blog-posts-card-image',\n                      'relative w-full overflow-hidden',\n                      'h-[200px] shrink-0',\n                      getImageSizeClass(item.width || 'full'),\n                      classNames.cardImage\n                    )}\n                  >\n                    <Picture\n                      source={getImageSource(item.image)}\n                      alt={getImageAlt(item.image, item.title)}\n                      className=\"rounded-box h-full object-cover\"\n                      imgClassName=\"h-full\"\n                    />\n                  </div>\n\n                  {/* \u5185\u5BB9 */}\n                  <div\n                    className={cn(\n                      'blog-posts-card-content',\n                      'desktop:gap-6 flex flex-col justify-center gap-4',\n                      classNames.cardContent\n                    )}\n                  >\n                    <div className=\"desktop:gap-2 flex flex-col gap-1\">\n                      <Heading\n                        size={2}\n                        as=\"h6\"\n                        className={cn('blog-posts-card-title line-clamp-3', classNames.cardTitle)}\n                        html={item.title}\n                      />\n\n                      {item.description && (\n                        <Text\n                          className={cn(\n                            'blog-posts-card-description desktop:text-[16px] lg-desktop:text-[18px] line-clamp-3 text-[14px]',\n                            classNames.cardDescription\n                          )}\n                          html={item.description}\n                        />\n                      )}\n                    </div>\n                    {item.date && (\n                      <Text\n                        className={cn(\n                          'blog-posts-card-meta',\n                          'text-info-tertiary desktop:text-[16px] lg-desktop:text-[18px] text-[14px]',\n                          classNames.cardMeta\n                        )}\n                        html={item.date}\n                      />\n                    )}\n                  </div>\n                </CardWrapper>\n\n                {/* \u5206\u5272\u7EBF - \u4EC5 mobile/tablet \u663E\u793A */}\n                {index < items.length - 1 && (\n                  <div\n                    className={cn(\n                      'blog-posts-separator',\n                      'bg-lines-primary laptop:hidden h-px w-full',\n                      classNames.separator\n                    )}\n                  />\n                )}\n              </React.Fragment>\n            )\n          })}\n        </div>\n      </div>\n    )\n  }\n)\n\nFeaturedBlogPosts.displayName = 'FeaturedBlogPosts'\nexport default FeaturedBlogPosts\n"],
+  "mappings": "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",
+  "names": ["FeaturedBlogPosts_exports", "__export", "FeaturedBlogPosts_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_picture", "import__", "import_Styles", "getImageSource", "image", "breakpoints", "sources", "key", "width", "getImageAlt", "fallback", "keys", "getSpanClass", "span", "getLayoutClass", "getImageSizeClass", "FeaturedBlogPosts", "className", "classNames", "data", "onItemClick", "props", "ref", "title", "subtitle", "items", "handleCardClick", "item", "index", "event", "CardWrapper", "cardProps", "Picture"]
 }

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

@@ -10,5 +10,12 @@ export type FeaturesDataType = {
     textTwo: string;
     icon: Img;
 };
-declare const _default: any;
+declare const _default: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    data: {
+        title: string;
+        img: Img;
+        mobileImg: Img;
+        list: FeaturesDataType[];
+    };
+} & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -1,2 +1,8 @@
-declare const _default: any;
+interface FootChargerType extends React.HTMLAttributes<HTMLDivElement> {
+    data: {
+        title: string;
+        text: string;
+    };
+}
+declare const _default: import("react").ForwardRefExoticComponent<FootChargerType & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const _default: any;
+import type { FooterNavigationProps } from './types.js';
+declare const _default: import("react").ForwardRefExoticComponent<FooterNavigationProps & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -1,8 +1,14 @@
+import * as React from 'react';
 import type { Img } from '../../types/props.js';
 export type GiftBoxDataType = {
     img: Img;
     mobileImg: Img;
     title: string;
 };
-declare const _default: any;
+interface GiftBoxType extends React.HTMLAttributes<HTMLDivElement> {
+    data: {
+        list: GiftBoxDataType[];
+    };
+}
+declare const _default: React.ForwardRefExoticComponent<GiftBoxType & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,3 +1,5 @@
-declare const _default: any;
+import * as React from 'react';
+import type { GiftShelfProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<GiftShelfProps & React.RefAttributes<HTMLDivElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;
 export type { GiftShelfProps, GiftShelfData, GiftShelfItem, GiftShelfProduct, CountdownConfig, ResponsiveBackgroundImage, } from './types.js';

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

@@ -1,3 +1,5 @@
-declare const _default: any;
+import * as React from 'react';
+import type { GiftTierShelfProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<GiftTierShelfProps & React.RefAttributes<HTMLDivElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;
 export type { GiftTierShelfProps, GiftTierShelfData, GiftTierItem, GiftTierProduct } from './types.js';

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

@@ -30,5 +30,5 @@ export interface GraphicProps extends ComponentCommonProps, React.HTMLAttributes
         itemTheme?: Theme;
     };
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<GraphicProps & React.RefAttributes<HTMLDivElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;

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

@@ -17,6 +17,6 @@ interface GraphicAttractionBlockProps extends React.HTMLAttributes<HTMLElement>
         attractionItems?: AttractionItem[];
     };
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<GraphicAttractionBlockProps & React.RefAttributes<HTMLElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;
 export type { GraphicAttractionBlockProps };

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

@@ -8,5 +8,11 @@ export type GraphicMoreDataType = {
     fullWidth: 'true' | 'false';
     span: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 };
-declare const _default: any;
+interface GraphicMoreType extends React.HTMLAttributes<HTMLDivElement> {
+    data: {
+        shape?: 'rounded' | 'square';
+        productsTab: GraphicMoreDataType[];
+    };
+}
+declare const _default: import("react").ForwardRefExoticComponent<GraphicMoreType & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
-import type { GraphicOverlayProps } from './types';
-declare const _default: any;
+import React from 'react';
+import type { GraphicOverlayProps, Item } from './types';
+declare const _default: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    data: {
+        shape?: import("../../types/props").Shape;
+        items: ({
+            width?: "full" | "half" | "one-third";
+        } & Item)[];
+    };
+} & React.RefAttributes<HTMLDivElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;
 export type { GraphicOverlayProps };

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

@@ -1,2 +1,4 @@
-declare const _default: any;
+import React from 'react';
+import type { HeaderNavigationProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<HeaderNavigationProps & React.RefAttributes<HTMLDivElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;

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

@@ -1,3 +1,7 @@
+import React from 'react';
+import type { HeroBannerProps } from './types.js';
 export type HeroBannerSemanticName = 'root' | 'title' | 'subtitle' | 'buttonGroup' | 'primaryButton' | 'secondaryButton' | 'captionGroup';
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<HeroBannerProps & {
+    classNames?: Partial<Record<HeroBannerSemanticName, string>>;
+} & React.RefAttributes<HTMLDivElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;

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

@@ -1,2 +1,4 @@
-declare const _default: any;
+import React from 'react';
+import type { ImageTextFeatureProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<ImageTextFeatureProps & React.RefAttributes<HTMLDivElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;

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

@@ -1,2 +1,4 @@
-declare const _default: any;
+import React from 'react';
+import type { ImageWithTextProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<ImageWithTextProps & React.RefAttributes<HTMLDivElement> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps>>;
 export default _default;

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

@@ -75,5 +75,5 @@ export interface KspProps extends Omit<React.HTMLAttributes<HTMLElement>, 'class
     /** 语义化类名配置 */
     classNames?: KspClassNames;
 }
-declare const _default: any;
+declare const _default: import("react").ForwardRefExoticComponent<KspProps & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & import("react").RefAttributes<any>>;
 export default _default;

package/dist/cjs/biz-components/Listing/components/PaidShipping/index.d.ts

@@ -1,2 +1,12 @@
-declare const _default: any;
+import type { Product, ProductVariant } from '../../types/product';
+import type { DeliveryCustom } from './type';
+declare const _default: import("react").ForwardRefExoticComponent<{
+    metafields: any;
+    productList: Array<Product & {
+        variant: ProductVariant;
+    }>;
+    variant: ProductVariant;
+    onShippingInfoChange: (deliveryCustom: DeliveryCustom) => void;
+    className?: string;
+} & Partial<import("../../../../shared/Styles.js").StylesProps & import("../../../../shared/Styles.js").ContainerProps> & import("react").RefAttributes<any>>;
 export default _default;