@anker-in/headless-ui 1.1.84 → 1.1.86

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

@@ -0,0 +1,2 @@
+"use strict";var o=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var p=(e,n)=>{for(var i in n)o(e,i,{get:n[i],enumerable:!0})},d=(e,n,i,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of a(n))!g.call(e,t)&&t!==i&&o(e,t,{get:()=>n[t],enumerable:!(r=s(n,t))||r.enumerable});return e};var c=e=>d(o({},"__esModule",{value:!0}),e);var C={};p(C,{DEFAULT_CHANCE_METHODS:()=>l,isChanceMethod:()=>f,isPrize:()=>m,isWinningInfo:()=>h});module.exports=c(C);const l=[{methodKey:"default-share",type:"share",title:"Share on your socials",description:"Share this event on your social media",buttonText:"Redeem now",onLoginRequired:()=>{alert("Please log in to share and get a chance!")},onClick:()=>{console.warn("ChanceMethod.onClick not implemented. Please provide a custom onClick handler.")},disabled:!1},{methodKey:"default-points",type:"points",title:"Spend 100 points",description:"Use your reward points to get a chance",buttonText:"Redeem now",onLoginRequired:()=>{alert("Please log in to share and get a chance!")},onClick:()=>{console.warn("ChanceMethod.onClick not implemented. Please provide a custom onClick handler.")},disabled:!1},{methodKey:"default-refer",type:"refer",title:"Refer a friend",description:"Invite your friends to join",buttonText:"Redeem now",onLoginRequired:()=>{alert("Please log in to share and get a chance!")},onClick:()=>{console.warn("ChanceMethod.onClick not implemented. Please provide a custom onClick handler.")},disabled:!1}];function m(e){return typeof e=="object"&&e!==null&&"prizeKey"in e&&"name"in e&&"image"in e&&typeof e.prizeKey=="string"&&typeof e.name=="string"&&typeof e.image=="object"}function f(e){return typeof e=="object"&&e!==null&&"methodKey"in e&&"type"in e&&"title"in e&&"description"in e&&"onClick"in e&&typeof e.methodKey=="string"&&typeof e.type=="string"&&typeof e.title=="string"&&typeof e.description=="string"&&typeof e.onClick=="function"}function h(e){return typeof e=="object"&&e!==null&&"winningKey"in e&&"userName"in e&&"prizeName"in e&&typeof e.winningKey=="string"&&typeof e.userName=="string"&&typeof e.prizeName=="string"}
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/LotteryShared/types.ts"],
+  "sourcesContent": ["/**\n * \u62BD\u5956\u7EC4\u4EF6\u5171\u4EAB\u7C7B\u578B\u5B9A\u4E49\n *\n * \u5305\u542B\u6240\u6709\u62BD\u5956\u7EC4\u4EF6\uFF08WheelLottery, ProductLottery \u7B49\uFF09\u5171\u7528\u7684\u7C7B\u578B\u3001\u63A5\u53E3\u548C\u5E38\u91CF\u3002\n *\n * @module LotterySharedTypes\n * @date 2026-04-07\n */\n\nimport type { Theme, Img } from '../../types/props.js'\n\n// Re-export Theme and Img for convenience\nexport type { Theme, Img }\n\n// ============================================================================\n// \u6838\u5FC3\u5B9E\u4F53\u7C7B\u578B\n// ============================================================================\n\n/**\n * \u5956\u54C1\uFF08Prize\uFF09\n *\n * \u4EE3\u8868\u62BD\u5956\u6D3B\u52A8\u4E2D\u7684\u4E00\u4E2A\u5956\u54C1\uFF0C\u5305\u542B\u663E\u793A\u6240\u9700\u7684\u6240\u6709\u4FE1\u606F\u3002\n *\n * @example\n * ```tsx\n * const prize: Prize = {\n *   prizeKey: 'prize-001',\n *   name: 'Anker Prime Charger (100W, 3 Ports, GaN)',\n *   image: { url: 'https://images.unsplash.com/photo-123', alt: 'Charger' },\n *   rank: '1st',\n *   price: '$79.99'\n * }\n * ```\n */\nexport interface Prize {\n  /**\n   * \u552F\u4E00\u6807\u8BC6\u7B26\uFF0C\u7528\u4E8E React key \u548C\u4E2D\u5956\u7ED3\u679C\u5339\u914D\n   */\n  prizeKey: string\n\n  /**\n   * \u5956\u54C1\u540D\u79F0\uFF0C\u663E\u793A\u5728\u8F6C\u76D8\u548C\u5956\u6C60\u4E2D\n   * @maxLength 100\n   */\n  name: string\n\n  /**\n   * \u5956\u54C1\u56FE\u7247\u5BF9\u8C61\uFF0C\u5305\u542B url \u548C alt\n   */\n  image: Img\n\n  /**\n   * \u6392\u540D\u6807\u8BC6\uFF0C\u4EC5\u5728 Prize Pool \u4E2D\u663E\u793A\n   * @optional\n   */\n  rank?: '1st' | '2nd' | '3rd'\n\n  /**\n   * \u4EF7\u683C\u6216\u6298\u6263\u4FE1\u606F\uFF0C\u663E\u793A\u5728\u5956\u6C60\u4E2D\n   * @example \"$99.99\" | \"12% Off\"\n   * @optional\n   */\n  price?: string\n}\n\n/**\n * \u4E2D\u5956\u4FE1\u606F\uFF08WinningInfo\uFF09\n *\n * \u4EE3\u8868\u4E00\u6761\u4E2D\u5956\u8BB0\u5F55\uFF0C\u7528\u4E8E\u5E95\u90E8\u6EDA\u52A8\u6761\u5C55\u793A\uFF0C\u8425\u9020\u6D3B\u52A8\u6C1B\u56F4\u3002\n *\n * @example\n * ```tsx\n * const winningInfo: WinningInfo = {\n *   winningKey: 'win-001',\n *   userName: 'Shuqi***',\n *   prizeName: '12% Off Discount',\n *   timestamp: 1702800000000\n * }\n * ```\n */\nexport interface WinningInfo {\n  /**\n   * \u552F\u4E00\u6807\u8BC6\u7B26\n   */\n  winningKey: string\n\n  /**\n   * \u7528\u6237\u540D\uFF08\u5DF2\u8131\u654F\uFF09\uFF0C\u5982 \"Shuqi***\"\n   * @note \u5047\u8BBE\u4F20\u5165\u7684\u7528\u6237\u540D\u5DF2\u7ECF\u8FC7\u8131\u654F\u5904\u7406\uFF0C\u7EC4\u4EF6\u5185\u90E8\u4E0D\u518D\u5904\u7406\n   */\n  userName: string\n\n  /**\n   * \u4E2D\u5956\u5956\u54C1\u540D\u79F0\n   */\n  prizeName: string\n\n  /**\n   * \u4E2D\u5956\u65F6\u95F4\u6233\uFF08\u6BEB\u79D2\uFF09\n   * @optional\n   */\n  timestamp?: number\n}\n\n/**\n * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u7C7B\u578B\n */\nexport type ChanceMethodType = 'share' | 'points' | 'refer' | string\n\n/**\n * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u72B6\u6001\n */\nexport type ChanceMethodStatus = 'pending' | 'completed' | 'used'\n\n/**\n * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\uFF08ChanceMethod\uFF09\n *\n * \u4EE3\u8868\u4E00\u79CD\u83B7\u53D6\u62BD\u5956\u673A\u4F1A\u7684\u65B9\u5F0F\uFF0C\u652F\u6301\u7075\u6D3B\u914D\u7F6E\uFF08\u5206\u4EAB\u3001\u79EF\u5206\u3001\u63A8\u8350\u7B49\uFF09\u3002\n *\n * @example\n * ```tsx\n * const chanceMethod: ChanceMethod = {\n *   methodKey: 'share-001',\n *   type: 'share',\n *   title: 'Share on your socials',\n *   description: 'Share this event on your social media',\n *   buttonText: 'Redeem now',\n *   onClick: () => console.log('Share clicked'),\n *   disabled: false,\n *   status: 'pending'\n * }\n * ```\n */\nexport interface ChanceMethod {\n  /**\n   * \u552F\u4E00\u6807\u8BC6\u7B26\n   */\n  methodKey: string\n\n  /**\n   * \u65B9\u5F0F\u7C7B\u578B\uFF0C\u652F\u6301\u9884\u5B9A\u4E49\u7C7B\u578B\uFF08'share', 'points', 'refer'\uFF09\u6216\u81EA\u5B9A\u4E49\u7C7B\u578B\n   */\n  type: ChanceMethodType\n\n  /**\n   * \u65B9\u5F0F\u6807\u9898\uFF0C\u5982 \"Share on your socials\"\n   */\n  title: string\n\n  /**\n   * \u8BE6\u7EC6\u8BF4\u660E\u6587\u5B57\n   */\n  description: string\n\n  /**\n   * \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 \"Redeem now\"\n   * @default \"Redeem now\"\n   * @optional\n   */\n  buttonText?: string\n\n  completed?: string\n\n  used?: string\n\n  /**\n   * \u672A\u767B\u5F55\u65F6\u70B9\u51FB GO \u6309\u94AE\u7684\u56DE\u8C03\n   * @example\n   * ```tsx\n   * onLoginRequired={() => {\n   *   // \u6253\u5F00\u767B\u5F55\u5F39\u7A97\u6216\u8DF3\u8F6C\u767B\u5F55\u9875\n   *   router.push('/login')\n   * }}\n   * ```\n   */\n  onLoginRequired?: () => void\n\n  /**\n   * \u70B9\u51FB\u6309\u94AE\u65F6\u7684\u56DE\u8C03\u51FD\u6570\n   * @note \u4E1A\u52A1\u903B\u8F91\uFF08\u5982\u79EF\u5206\u6263\u9664\u3001\u5206\u4EAB\u9A8C\u8BC1\uFF09\u7531\u7236\u7EC4\u4EF6\u5904\u7406\n   */\n  onClick: () => void\n\n  /**\n   * \u662F\u5426\u7981\u7528\u8BE5\u65B9\u5F0F\n   * @default false\n   * @optional\n   */\n  disabled?: boolean\n\n  /**\n   * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u7684\u72B6\u6001\n   * - pending: \u672A\u5B8C\u6210\uFF08\u9ED8\u8BA4\u72B6\u6001\uFF09\n   * - completed: \u5DF2\u5B8C\u6210/\u5DF2\u83B7\u5F97\n   * - used: \u5DF2\u4F7F\u7528\n   * @default \"pending\"\n   * @optional\n   */\n  status?: ChanceMethodStatus\n\n  /**\n   * \u662F\u5426\u663E\u793A\u52A0\u8F7D\u72B6\u6001\n   * @default false\n   * @optional\n   */\n  loading?: boolean\n\n  /**\n   * \u662F\u5426\u5728\u70B9\u51FB\u65F6\u6253\u5F00\u5206\u4EAB\u5F39\u7A97\n   * @default false\n   * @optional\n   */\n  openShareModal?: boolean\n}\n\n/**\n * \u7528\u6237\u6570\u636E\uFF08UserData\uFF09\n *\n * \u4EE3\u8868\u5F53\u524D\u7528\u6237\u7684\u62BD\u5956\u76F8\u5173\u6570\u636E\n *\n * @example\n * ```tsx\n * const userData: UserData = {\n *   isLoggedIn: true,\n *   availableChances: 3,\n *   wonPrizes: [\n *     { id: 'prize-001', name: 'Charger', image: 'https://...', timestamp: 1702800000000 }\n *   ]\n * }\n * ```\n */\nexport interface UserData {\n  /**\n   * \u7528\u6237\u662F\u5426\u5DF2\u767B\u5F55\n   */\n  isLoggedIn: boolean\n\n  /**\n   * \u5F53\u524D\u53EF\u4F7F\u7528\u7684\u62BD\u5956\u6B21\u6570\n   * @default 0\n   */\n  availableChances: number\n\n  /**\n   * \u603B\u673A\u4F1A\u6570\uFF08\u7528\u4E8E\u663E\u793A\u8FDB\u5EA6\uFF0C\u4F8B\u5982 \"3/5\"\uFF09\n   * @default undefined\n   * @optional\n   */\n  totalChances?: number\n\n  /**\n   * \u5DF2\u83B7\u5F97\u7684\u5956\u54C1\u5217\u8868\n   * @optional\n   */\n  wonPrizes?: Array<Prize & { timestamp?: number }>\n\n  /**  * \u7528\u6237\u7535\u5B50\u90AE\u7BB1\uFF08\u53EF\u9009\uFF0C\u7528\u4E8E\u53D1\u9001\u4E2D\u5956\u901A\u77E5\u7B49\uFF09\n   * @optional\n   */\n  email?: string\n}\n\n/**\n * \u7F13\u52A8\u51FD\u6570\u7C7B\u578B\n */\nexport type EasingFunction = 'ease-out' | 'ease-in-out' | 'linear'\n\n// ============================================================================\n// \u516C\u5171\u6587\u6848\u914D\u7F6E\u7C7B\u578B\n// ============================================================================\n\n/**\n * \u590D\u5236\u64CD\u4F5C\u76F8\u5173\u6587\u6848\u914D\u7F6E\uFF08\u516C\u5171\u7C7B\u578B\uFF09\n * \u7528\u4E8E\u6240\u6709\u5305\u542B\u590D\u5236\u529F\u80FD\u7684\u7EC4\u4EF6\n */\nexport interface CopyTextConfig {\n  /**\n   * \u590D\u5236\u6309\u94AE\u6587\u672C\n   * @default \"COPY\"\n   */\n  copyText?: string\n\n  /**\n   * \u590D\u5236\u6210\u529F\u540E\u7684\u6309\u94AE\u6587\u672C\n   * @default \"COPIED\"\n   */\n  copiedText?: string\n}\n\n/**\n * \u4F18\u60E0\u7801\u76F8\u5173\u914D\u7F6E\uFF08\u516C\u5171\u7C7B\u578B\uFF09\n * \u7528\u4E8E\u6240\u6709\u5C55\u793A\u4F18\u60E0\u7801\u7684\u7EC4\u4EF6\n */\nexport interface CouponConfig {\n  /**\n   * \u4EE3\u7801\u6587\u672C\u524D\u7F00\n   * @default \"CODE:\"\n   */\n  codeText?: string\n\n  /**\n   * \u4F18\u60E0\u7801\n   */\n  couponCode?: string\n\n  /**\n   * \u4F18\u60E0\u7801\u8FC7\u671F\u65F6\u95F4\n   */\n  expiresAt?: string\n\n  /**\n   * \u4F18\u60E0\u5238\u6298\u6263\u6587\u672C\uFF08\u4F8B\u5982 \"20%\"\uFF09\n   */\n  couponDiscount?: string\n\n  /**\n   * \u4F18\u60E0\u5238\u5355\u4F4D\u6587\u672C\n   * @default \"Off\"\n   */\n  couponUnit?: string\n}\n\n/**\n * \u5956\u52B1\u65F6\u95F4\u6587\u6848\u914D\u7F6E\uFF08\u516C\u5171\u7C7B\u578B\uFF09\n */\nexport interface PrizeTimeTextConfig {\n  /**\n   * \u5956\u52B1\u65F6\u95F4\u6587\u672C\u524D\u7F00\n   * @default \"Prize time:\"\n   */\n  prizeText?: string\n}\n\n/**\n * \u4E2D\u5956\u5F39\u7A97\u914D\u7F6E\uFF08WinnerModalConfig\uFF09\n *\n * \u7528\u4E8E\u914D\u7F6E\u4E2D\u5956\u5F39\u7A97\u7684\u5C55\u793A\u5185\u5BB9\uFF0C\u901A\u5E38\u7531\u62BD\u5956\u63A5\u53E3\u8FD4\u56DE\u63D0\u4F9B\n *\n * @example\n * ```tsx\n * const winnerModalConfig: WinnerModalConfig = {\n *   title: 'Congratulations!',\n *   prizeTitle: 'Anker Prime Charger',\n *   prizeImage: 'https://...',\n *   prizeDescription: 'High-speed charging for all your devices',\n *   learnMoreUrl: 'https://...',\n *   learnMoreText: 'View Details',\n *   couponCode: 'ANKER2024',\n *   expiresAt: '2024-12-31',\n *   couponDiscount: '20%',\n *   couponUnit: 'Off',\n *   confirmText: 'Claim Now'\n * }\n * ```\n */\nexport interface WinnerModalConfig extends CopyTextConfig, CouponConfig, PrizeTimeTextConfig {\n  /**\n   * \u4E2D\u5956\u5F39\u7A97\u6807\u9898\n   * @default \"You Have Won\"\n   * @optional\n   */\n  title?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97\u5956\u54C1\u6807\u9898\uFF08\u4F18\u5148\u7EA7\u9AD8\u4E8E prize.name\uFF09\n   * @optional\n   */\n  prizeTitle?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97\u5956\u54C1\u56FE\u7247 URL\uFF08\u4F18\u5148\u7EA7\u9AD8\u4E8E prize.image\uFF09\n   * @optional\n   */\n  prizeImage?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97\u5956\u54C1\u8BE6\u60C5\u63CF\u8FF0\n   * @optional\n   */\n  prizeDescription?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97 Learn More \u94FE\u63A5\n   * @optional\n   */\n  learnMoreUrl?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97 Learn More \u6309\u94AE\u6587\u672C\n   * @default \"Learn More\"\n   * @optional\n   */\n  learnMoreText?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97\u786E\u8BA4\u6309\u94AE\u6587\u672C\n   * @default \"Okay, Got It\"\n   * @optional\n   */\n  confirmText?: string\n\n  /** \u786E\u8BA4\u6309\u94AE\u8DF3\u8F6C\u94FE\u63A5\uFF0C\u914D\u7F6E\u540E\u70B9\u51FB\u6309\u94AE\u5C06\u5728\u65B0\u6807\u7B7E\u9875\u6253\u5F00\u6B64\u94FE\u63A5 @optional */\n  confirmUrl?: string\n}\n\n/**\n * Rules \u5F39\u7A97\u914D\u7F6E\n *\n * @example\n * ```tsx\n * rulesModalConfig={{\n *   rulesData: [\n *     { item: '$100 instead of $200, 10 tickets/day.' },\n *     { item: '$100 for $120, 50 tickets/day.' }\n *   ],\n *   rulesText: 'Game Rules',\n *   rulesTitle: 'Activity Rules'\n * }}\n * ```\n */\nexport interface RulesModalConfig {\n  /**\n   * \u89C4\u5219\u6570\u636E\u5217\u8868\n   * @optional\n   */\n  rulesData?: Array<{\n    /**\n     * \u89C4\u5219\u9879\u5185\u5BB9\n     */\n    item: string\n  }>\n\n  /**\n   * Rules \u6309\u94AE\u6587\u672C\n   * @default \"Rules\"\n   * @optional\n   */\n  rulesText?: string\n\n  /**\n   * \u5F39\u7A97\u6807\u9898\n   * @default \"Rules\"\n   * @optional\n   */\n  rulesTitle?: string\n}\n\n/**\n * My Rewards \u5F39\u7A97\u914D\u7F6E\n *\n * @example\n * ```tsx\n * myRewardsModalConfig={{\n *   rewardsData: [\n *     {\n *       id: '1',\n *       name: 'Anker Charger',\n *       code: 'ANKER2024',\n *       status: 'Available',\n *       prizeTime: '2024-01-01',\n *       showCopyCode: true\n *     }\n *   ],\n *   myRewardsText: 'My Prizes',\n *   codeText: 'CODE:',\n *   copyText: 'COPY',\n *   prizeText: 'Prize time:',\n *   emptyText: 'No rewards yet'\n * }}\n * ```\n */\nexport interface MyRewardsModalConfig extends CopyTextConfig, PrizeTimeTextConfig {\n  /**\n   * \u5956\u52B1\u6570\u636E\u5217\u8868\n   * @optional\n   */\n  rewardsData?: Array<{\n    /**\n     * \u5956\u52B1 ID\n     */\n    id: string\n    /**\n     * \u5956\u52B1\u540D\u79F0\n     */\n    name: string\n    /**\n     * \u4F18\u60E0\u7801\uFF08\u53EF\u9009\uFF09\n     */\n    code?: string\n    /**\n     * \u72B6\u6001\n     */\n    status: 'Available' | 'Expired' | 'Used'\n    /**\n     * \u5956\u52B1\u65F6\u95F4\n     */\n    prizeTime?: string\n    /**\n     * \u662F\u5426\u53EF\u590D\u5236\u7801\n     */\n    showCopyCode?: boolean\n  }>\n\n  /**\n   * My Rewards \u6309\u94AE\u6587\u672C\n   * @default \"My Rewards\"\n   * @optional\n   */\n  myRewardsText?: string\n\n  /**\n   * \u5F39\u7A97\u6807\u9898\n   * @default \"My Rewards\"\n   * @optional\n   */\n  myRewardsTitle?: string\n\n  /**\n   * \u4EE3\u7801\u6587\u672C\u524D\u7F00\n   * @default \"CODE:\"\n   * @optional\n   */\n  codeText?: string\n\n  /**\n   * \u7A7A\u72B6\u6001\u63D0\u793A\u6587\u672C\n   * @default \"No rewards yet\"\n   * @optional\n   */\n  emptyText?: string\n}\n\n/**\n * \u9519\u8BEF\u5F39\u7A97\u914D\u7F6E\n * @example\n * ```tsx\n * errorModalConfig={{\n *  title: 'Oops!',\n *  message: 'Something went wrong during the lottery process.',\n * confirmText: 'OK, I get'\n * }}\n * ```\n */\nexport interface ErrorModalConfig {\n  /**\n   * \u5F39\u7A97\u6807\u9898\n   * @default \"Oops!\"\n   * @optional\n   */\n  title?: string\n  /**\n   * \u9519\u8BEF\u6D88\u606F\u5185\u5BB9\n   * @default \"Something went wrong during the lottery process.\"\n   * @optional\n   */\n  message?: string\n  /**\n   * \u786E\u8BA4\u6309\u94AE\u6587\u672C\n   * @default \"OK, I get\"\n   * @optional\n   */\n  confirmText?: string\n}\n\n/**\n * \u793E\u4EA4\u5E73\u53F0\u7C7B\u578B\n */\nexport type SocialPlatform = 'facebook' | 'twitter' | 'instagram' | 'linkedin' | 'tiktok' | 'youtube'\n\n/**\n * \u793E\u4EA4\u5E73\u53F0\u914D\u7F6E\n */\nexport interface SharePlatformConfig {\n  /**\n   * \u5E73\u53F0\u7C7B\u578B\n   */\n  platform: SocialPlatform\n\n  /**\n   * \u5E73\u53F0\u540D\u79F0\n   */\n  name: string\n\n  /**\n   * \u5206\u4EAB URL\uFF08\u53EF\u9009\uFF0C\u5982\u679C\u63D0\u4F9B\u5219\u76F4\u63A5\u8DF3\u8F6C\uFF09\n   */\n  url?: string\n\n  /**\n   * \u70B9\u51FB\u56DE\u8C03\uFF08\u5982\u679C\u63D0\u4F9B url \u5219\u6B64\u56DE\u8C03\u4F1A\u5728\u8DF3\u8F6C\u524D\u6267\u884C\uFF09\n   */\n  onClick?: () => void\n\n  /**\n   * \u662F\u5426\u7981\u7528\n   */\n  disabled?: boolean\n}\n\n/**\n * \u5206\u4EAB\u5F39\u7A97\u914D\u7F6E\n */\nexport interface ShareModalConfig {\n  /**\n   * \u5F39\u7A97\u6807\u9898\n   * @default \"Share to Get More Chances\"\n   */\n  title?: string\n\n  /**\n   * \u526F\u6807\u9898/\u5F15\u5BFC\u6587\u6848\n   * @default \"Share to Play Again Keep Trying! You Could Still Win Big!\"\n   */\n  subtitle?: string\n\n  /**\n   * \u5E95\u90E8\u63D0\u793A\u6587\u6848\n   * @default \"Note: Maximum of 3 times per participant.\"\n   */\n  note?: string\n\n  /**\n   * \u793E\u4EA4\u5E73\u53F0\u914D\u7F6E\u5217\u8868\n   */\n  platforms?: SharePlatformConfig[]\n\n  /**\n   * \u5206\u4EAB\u6210\u529F\u56DE\u8C03\n   */\n  onShareSuccess?: (platform: SocialPlatform) => void\n}\n\n// ============================================================================\n// \u5B50\u7EC4\u4EF6 Props \u63A5\u53E3\n// ============================================================================\n\n/**\n * PrizePool \u5956\u54C1\u6C60\u7EC4\u4EF6 Props\n */\nexport interface PrizePoolProps {\n  /**\n   * \u4E3B\u9898\u6A21\u5F0F\n   * @optional\n   */\n  theme?: Theme\n\n  /**\n   * \u5956\u54C1\u5217\u8868(\u901A\u5E38\u662F\u5168\u90E8 8 \u4E2A\u5956\u54C1)\n   */\n  prizes: Prize[]\n\n  /**\n   * \u6807\u9898\u6587\u672C\n   * @default \"Prize Pool\"\n   */\n  title?: string\n\n  /**\n   * \u4E2D\u5956\u4EBA\u540D\u5355\u6570\u636E\n   * @optional\n   */\n  winningInfos?: WinningInfo[]\n\n  /**\n   * \u81EA\u5B9A\u4E49\u7C7B\u540D\n   */\n  className?: string\n}\n\n/** \u6D3B\u52A8\u673A\u5236\u6A21\u5F0F */\nexport type ChanceMechanismType = 'methods' | 'input'\n\n/** \u8F93\u5165\u6846\u914D\u7F6E\uFF08\u4EC5 mechanismType='input' \u65F6\u4F7F\u7528\uFF09 */\nexport interface ChanceInputConfig {\n  /** \u8F93\u5165\u6846\u5360\u4F4D\u6587\u672C @default \"Enter your order number\" */\n  placeholder?: string\n  /** \u63D0\u4EA4\u6309\u94AE\u6587\u6848 @default \"Spin and Win\" */\n  submitText?: string\n  /** \u8F93\u5165\u503C\u63D0\u4EA4\u56DE\u8C03 */\n  onSubmit?: (value: string) => void | Promise<void>\n  /** \u662F\u5426\u6B63\u5728\u63D0\u4EA4 */\n  isSubmitting?: boolean\n  /** \u8F93\u5165\u6846\u7C7B\u578B @default \"text\" */\n  inputType?: 'text' | 'email' | 'number'\n  /** \u9A8C\u8BC1\u6B63\u5219 (\u53EF\u9009) */\n  validationPattern?: string\n  /** \u9A8C\u8BC1\u5931\u8D25\u63D0\u793A\u6587\u6848 */\n  validationErrorText?: string\n  /** \u8F93\u5165\u6846\u9ED8\u8BA4\u503C\uFF08\u5982\u767B\u5F55\u7528\u6237 email\uFF0C\u652F\u6301\u5F02\u6B65\u586B\u5145\uFF09 @optional */\n  defaultValue?: string\n}\n\n/**\n * ChanceMethods \u83B7\u53D6\u673A\u4F1A\u7EC4\u4EF6 Props\n */\nexport interface ChanceMethodsProps {\n  /**\n   * \u4E3B\u9898\u6A21\u5F0F\n   * @optional\n   */\n  theme?: Theme\n\n  /**\n   * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u5217\u8868\n   */\n  methods: ChanceMethod[]\n\n  /**\n   * \u6807\u9898\u6587\u672C\n   * @default \"Want more chances to win?\"\n   */\n  title?: string\n\n  /**\n   * \u526F\u6807\u9898(\u53EF\u9009)\n   */\n  subtitle?: string\n\n  /**\n   * \u5E95\u90E8\u63D0\u793A\u6587\u672C(\u53EF\u9009)\n   */\n  footerNote?: string\n\n  /**\n   * \u767B\u5F55\u7528\u6237\u6570\u636E\uFF08\u53EF\u9009\uFF09\n   * @optional\n   */\n  userData?: UserData\n\n  /**\n   * \u6253\u5F00\u5206\u4EAB\u5F39\u7A97\u56DE\u8C03\uFF08\u53EF\u9009\uFF09\n   * @optional\n   */\n  onOpenShareModal?: () => void\n\n  /**\n   * \u5FBD\u7AE0\u6587\u6848\n   * @default \"Chance +1\"\n   */\n  chanceBadgeText?: string\n\n  /**\n   * \u5DF2\u5B8C\u6210\u72B6\u6001\u6587\u6848\n   * @default \"Completed\"\n   */\n  completedText?: string\n\n  /**\n   * \u5DF2\u4F7F\u7528\u72B6\u6001\u6587\u6848\n   * @default \"Used\"\n   */\n  usedText?: string\n\n  /**\n   * \u52A0\u8F7D\u4E2D\u6587\u6848\n   * @default \"Loading...\"\n   */\n  loadingText?: string\n\n  /**\n   * \u81EA\u5B9A\u4E49\u7C7B\u540D\n   */\n  className?: string\n\n  /** \u6D3B\u52A8\u673A\u5236\u6A21\u5F0F @default 'methods' */\n  mechanismType?: ChanceMechanismType\n  /** \u8F93\u5165\u6846\u914D\u7F6E\uFF08\u4EC5 mechanismType='input' \u65F6\u4F7F\u7528\uFF09 */\n  inputConfig?: ChanceInputConfig\n}\n\n/**\n * WinnerModal \u4E2D\u5956\u5F39\u7A97\u7EC4\u4EF6 Props\n */\nexport interface WinnerModalProps extends CopyTextConfig, CouponConfig, PrizeTimeTextConfig {\n  /**\n   * \u662F\u5426\u663E\u793A\u5F39\u7A97\n   */\n  isOpen: boolean\n\n  /**\n   * \u4E2D\u5956\u5956\u54C1\u4FE1\u606F\n   */\n  prize: Prize | null\n\n  /**\n   * \u5F39\u7A97\u6807\u9898\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4 \"You Have Won\"\uFF09\n   */\n  title?: string\n\n  /**\n   * \u5956\u54C1\u6807\u9898\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4\u4F7F\u7528 prize.name\uFF09\n   */\n  prizeTitle?: string\n\n  /**\n   * \u5956\u54C1\u56FE\u7247 URL\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4\u4F7F\u7528 prize.image\uFF09\n   */\n  prizeImage?: string\n\n  /**\n   * \u5956\u54C1\u8BE6\u60C5\u63CF\u8FF0\uFF08\u53EF\u9009\uFF09\n   */\n  prizeDescription?: string\n\n  /**\n   * Learn More \u94FE\u63A5\uFF08\u53EF\u9009\uFF09\n   */\n  learnMoreUrl?: string\n\n  /**\n   * Learn More \u6309\u94AE\u6587\u672C\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4 \"Learn More\"\uFF09\n   */\n  learnMoreText?: string\n\n  /**\n   * \u590D\u5236\u7801\u70B9\u51FB\u56DE\u8C03\n   */\n  onCopyCode?: (code: string) => void\n\n  /**\n   * \u5173\u95ED\u5F39\u7A97\u56DE\u8C03\n   */\n  onClose: () => void\n\n  /**\n   * \u786E\u8BA4\u6309\u94AE\u6587\u672C\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4 \"Okay, Got It\"\uFF09\n   */\n  confirmText?: string\n\n  /** \u786E\u8BA4\u6309\u94AE\u8DF3\u8F6C\u94FE\u63A5 @optional */\n  confirmUrl?: string\n\n  /**\n   * \u786E\u8BA4\u6309\u94AE\u70B9\u51FB\u56DE\u8C03\uFF08\u53EF\u9009\uFF09\n   */\n  onConfirm?: () => void\n\n  /**\n   * \u81EA\u5B9A\u4E49\u7C7B\u540D\n   */\n  className?: string\n}\n\n// ============================================================================\n// \u9ED8\u8BA4\u914D\u7F6E\n// ============================================================================\n\n/**\n * \u9ED8\u8BA4\u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\uFF083\u79CD\uFF09\n * @note \u7236\u7EC4\u4EF6\u9700\u8981\u8986\u76D6 onClick \u56DE\u8C03\u4EE5\u5B9E\u73B0\u5177\u4F53\u4E1A\u52A1\u903B\u8F91\n */\nexport const DEFAULT_CHANCE_METHODS: ChanceMethod[] = [\n  {\n    methodKey: 'default-share',\n    type: 'share',\n    title: 'Share on your socials',\n    description: 'Share this event on your social media',\n    buttonText: 'Redeem now',\n    onLoginRequired: () => {\n      alert('Please log in to share and get a chance!')\n    },\n    onClick: () => {\n      console.warn('ChanceMethod.onClick not implemented. Please provide a custom onClick handler.')\n    },\n    disabled: false,\n  },\n  {\n    methodKey: 'default-points',\n    type: 'points',\n    title: 'Spend 100 points',\n    description: 'Use your reward points to get a chance',\n    buttonText: 'Redeem now',\n    onLoginRequired: () => {\n      alert('Please log in to share and get a chance!')\n    },\n    onClick: () => {\n      console.warn('ChanceMethod.onClick not implemented. Please provide a custom onClick handler.')\n    },\n    disabled: false,\n  },\n  {\n    methodKey: 'default-refer',\n    type: 'refer',\n    title: 'Refer a friend',\n    description: 'Invite your friends to join',\n    buttonText: 'Redeem now',\n    onLoginRequired: () => {\n      alert('Please log in to share and get a chance!')\n    },\n    onClick: () => {\n      console.warn('ChanceMethod.onClick not implemented. Please provide a custom onClick handler.')\n    },\n    disabled: false,\n  },\n]\n\n// ============================================================================\n// \u7C7B\u578B\u5B88\u536B\n// ============================================================================\n\n/**\n * \u68C0\u67E5\u662F\u5426\u4E3A\u6709\u6548\u7684 Prize \u5BF9\u8C61\n * @param value \u5F85\u68C0\u67E5\u7684\u503C\n * @returns \u662F\u5426\u4E3A\u6709\u6548\u7684 Prize\n */\nexport function isPrize(value: unknown): value is Prize {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'prizeKey' in value &&\n    'name' in value &&\n    'image' in value &&\n    typeof (value as Prize).prizeKey === 'string' &&\n    typeof (value as Prize).name === 'string' &&\n    typeof (value as Prize).image === 'object'\n  )\n}\n\n/**\n * \u68C0\u67E5\u662F\u5426\u4E3A\u6709\u6548\u7684 ChanceMethod \u5BF9\u8C61\n * @param value \u5F85\u68C0\u67E5\u7684\u503C\n * @returns \u662F\u5426\u4E3A\u6709\u6548\u7684 ChanceMethod\n */\nexport function isChanceMethod(value: unknown): value is ChanceMethod {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'methodKey' in value &&\n    'type' in value &&\n    'title' in value &&\n    'description' in value &&\n    'onClick' in value &&\n    typeof (value as ChanceMethod).methodKey === 'string' &&\n    typeof (value as ChanceMethod).type === 'string' &&\n    typeof (value as ChanceMethod).title === 'string' &&\n    typeof (value as ChanceMethod).description === 'string' &&\n    typeof (value as ChanceMethod).onClick === 'function'\n  )\n}\n\n/**\n * \u68C0\u67E5\u662F\u5426\u4E3A\u6709\u6548\u7684 WinningInfo \u5BF9\u8C61\n * @param value \u5F85\u68C0\u67E5\u7684\u503C\n * @returns \u662F\u5426\u4E3A\u6709\u6548\u7684 WinningInfo\n */\nexport function isWinningInfo(value: unknown): value is WinningInfo {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'winningKey' in value &&\n    'userName' in value &&\n    'prizeName' in value &&\n    typeof (value as WinningInfo).winningKey === 'string' &&\n    typeof (value as WinningInfo).userName === 'string' &&\n    typeof (value as WinningInfo).prizeName === 'string'\n  )\n}\n\n// ============================================================================\n// \u5BFC\u51FA\u7C7B\u578B\u522B\u540D\uFF08\u7528\u4E8E\u7B80\u5316\u4F7F\u7528\uFF09\n// ============================================================================\n\n/**\n * \u62BD\u5956\u56DE\u8C03\u51FD\u6570\u7C7B\u578B\n */\nexport type OnSpinEndCallback = (prize: Prize) => void\n\n/**\n * \u83B7\u53D6\u673A\u4F1A\u70B9\u51FB\u56DE\u8C03\u51FD\u6570\u7C7B\u578B\n */\nexport type OnChanceMethodClick = () => void\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,4BAAAE,EAAA,mBAAAC,EAAA,YAAAC,EAAA,kBAAAC,IAAA,eAAAC,EAAAN,GAm1BO,MAAME,EAAyC,CACpD,CACE,UAAW,gBACX,KAAM,QACN,MAAO,wBACP,YAAa,wCACb,WAAY,aACZ,gBAAiB,IAAM,CACrB,MAAM,0CAA0C,CAClD,EACA,QAAS,IAAM,CACb,QAAQ,KAAK,gFAAgF,CAC/F,EACA,SAAU,EACZ,EACA,CACE,UAAW,iBACX,KAAM,SACN,MAAO,mBACP,YAAa,yCACb,WAAY,aACZ,gBAAiB,IAAM,CACrB,MAAM,0CAA0C,CAClD,EACA,QAAS,IAAM,CACb,QAAQ,KAAK,gFAAgF,CAC/F,EACA,SAAU,EACZ,EACA,CACE,UAAW,gBACX,KAAM,QACN,MAAO,iBACP,YAAa,8BACb,WAAY,aACZ,gBAAiB,IAAM,CACrB,MAAM,0CAA0C,CAClD,EACA,QAAS,IAAM,CACb,QAAQ,KAAK,gFAAgF,CAC/F,EACA,SAAU,EACZ,CACF,EAWO,SAASE,EAAQG,EAAgC,CACtD,OACE,OAAOA,GAAU,UACjBA,IAAU,MACV,aAAcA,GACd,SAAUA,GACV,UAAWA,GACX,OAAQA,EAAgB,UAAa,UACrC,OAAQA,EAAgB,MAAS,UACjC,OAAQA,EAAgB,OAAU,QAEtC,CAOO,SAASJ,EAAeI,EAAuC,CACpE,OACE,OAAOA,GAAU,UACjBA,IAAU,MACV,cAAeA,GACf,SAAUA,GACV,UAAWA,GACX,gBAAiBA,GACjB,YAAaA,GACb,OAAQA,EAAuB,WAAc,UAC7C,OAAQA,EAAuB,MAAS,UACxC,OAAQA,EAAuB,OAAU,UACzC,OAAQA,EAAuB,aAAgB,UAC/C,OAAQA,EAAuB,SAAY,UAE/C,CAOO,SAASF,EAAcE,EAAsC,CAClE,OACE,OAAOA,GAAU,UACjBA,IAAU,MACV,eAAgBA,GAChB,aAAcA,GACd,cAAeA,GACf,OAAQA,EAAsB,YAAe,UAC7C,OAAQA,EAAsB,UAAa,UAC3C,OAAQA,EAAsB,WAAc,QAEhD",
+  "names": ["types_exports", "__export", "DEFAULT_CHANCE_METHODS", "isChanceMethod", "isPrize", "isWinningInfo", "__toCommonJS", "value"]
+}

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

@@ -1,5 +1,6 @@
 import React from 'react';
-import type { MarqueeItemProps, MarqueeImageContentProps, MarqueeTextContentProps } from './type.js';
+import type { MarqueeProps, MarqueeItemProps, MarqueeImageContentProps, MarqueeTextContentProps } from './type.js';
+import { type SwiperRef } from 'swiper/react';
 declare const MarqueeItem: {
     ({ data, configuration }: MarqueeItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
@@ -9,6 +10,6 @@ declare const MarqueeImageContent: {
     displayName: string;
 };
 declare const MarqueeTextContent: React.ForwardRefExoticComponent<MarqueeTextContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<Omit<MarqueeProps & React.RefAttributes<SwiperRef>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & React.RefAttributes<SwiperRef>>;
 export default _default;
 export { MarqueeItem, MarqueeImageContent, MarqueeTextContent };

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

@@ -33,5 +33,5 @@ export interface MarqueeReviewProps extends React.HTMLAttributes<HTMLElement> {
     /** 评论数据 */
     data: MarqueeReviewData;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<Omit<MarqueeReviewProps, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & React.RefAttributes<unknown>>;
 export default _default;

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

@@ -1,5 +1,6 @@
+import * as React from 'react';
 import 'swiper/css/pagination';
 import type { MediaEndorsementProps, MediaEndorsementData, MediaEndorsementItem, MediaEndorsementSemanticName } from './types.js';
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<Omit<MediaEndorsementProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;
 export type { MediaEndorsementProps, MediaEndorsementData, MediaEndorsementItem, MediaEndorsementSemanticName };

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

@@ -1,4 +1,4 @@
-"use strict";"use client";var R=Object.create;var u=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var _=(t,e)=>{for(var i in e)u(t,i,{get:e[i],enumerable:!0})},v=(t,e,i,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of j(e))!H.call(t,s)&&s!==i&&u(t,s,{get:()=>e[s],enumerable:!(n=V(e,s))||n.enumerable});return t};var q=(t,e,i)=>(i=t!=null?R(A(t)):{},v(e||!t||!t.__esModule?u(i,"default",{value:t,enumerable:!0}):i,t)),Q=t=>v(u({},"__esModule",{value:!0}),t);var $={};_($,{default:()=>O});module.exports=Q($);var r=require("react/jsx-runtime"),x=q(require("react")),y=require("class-variance-authority"),l=require("swiper/react"),m=require("swiper/modules"),E=require("react-responsive"),K=require("swiper/css/pagination"),d=require("../../helpers/index.js"),p=require("../../index.js"),S=require("../../shared/Styles.js");const M=3;function F(t,e){const i=[];for(let n=0;n<t.length;n+=e)i.push(t.slice(n,n+e));return i}const G=(0,y.cva)("rounded-box lg-desktop:h-[240px] desktop:px-6 bg-container-secondary-0 flex h-[200px] flex-col justify-start gap-[26px] p-4",{variants:{theme:{light:"",dark:""},rounded:{true:"rounded-card",false:""}},defaultVariants:{theme:"light",rounded:!1}}),k=x.forwardRef(({className:t,classNames:e={},data:i,onItemClick:n,...s},N)=>{const{title:f,subtitle:b,items:g,theme:h="light",rounded:I=!1,layout:T="grid"}=i,D=(0,E.useMediaQuery)({query:"(max-width: 767px)"}),P=x.useCallback((a,o)=>c=>{n?.(a,o,c)},[n]),w=(a,o)=>(0,r.jsxs)("div",{className:(0,d.cn)("media-endorsement-card text-info-primary",G({theme:h,rounded:I}),e.card),onClick:P(a,o),"aria-label":a.mediaName?`${a.mediaName} endorsement`:void 0,children:[(0,r.jsx)("div",{className:(0,d.cn)("media-endorsement-card-icon rounded-full","lg-desktop::size-14 flex size-12 items-center justify-center overflow-hidden",e.cardIcon),children:(0,r.jsx)("img",{src:a.icon.url,alt:a.icon.alt||a.mediaName||"Media logo",className:"size-full object-contain",loading:"lazy"})}),(0,r.jsx)(p.Heading,{size:2,as:"h6",className:(0,d.cn)("media-endorsement-card-quote line-clamp-4",e.cardQuote),children:a.text})]},o),z=()=>{const a=F(g,M);return(0,r.jsx)(l.Swiper,{className:(0,d.cn)("media-endorsement-mobile-swiper","w-full !overflow-visible pb-8",e.carousel),modules:[m.Pagination],slidesPerView:1,spaceBetween:12,pagination:{clickable:!0,bulletClass:"media-endorsement-bullet",bulletActiveClass:"media-endorsement-bullet-active"},children:a.map((o,c)=>(0,r.jsx)(l.SwiperSlide,{className:"!h-auto",children:(0,r.jsx)("div",{className:"flex flex-col gap-3",children:o.map((C,B)=>{const L=c*M+B;return w(C,L)})})},c))})};return(0,r.jsxs)("div",{ref:N,className:(0,d.cn)("media-endorsement-root text-info-primary","w-full",t,e.root,{"aiui-dark":h==="dark"}),...s,children:[(0,r.jsx)("style",{children:`
+"use strict";"use client";var V=Object.create;var u=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var j=(t,e)=>{for(var o in e)u(t,o,{get:e[o],enumerable:!0})},x=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of A(e))!_.call(t,s)&&s!==o&&u(t,s,{get:()=>e[s],enumerable:!(n=z(e,s))||n.enumerable});return t};var q=(t,e,o)=>(o=t!=null?V(H(t)):{},x(e||!t||!t.__esModule?u(o,"default",{value:t,enumerable:!0}):o,t)),Q=t=>x(u({},"__esModule",{value:!0}),t);var $={};j($,{default:()=>O});module.exports=Q($);var r=require("react/jsx-runtime"),v=q(require("react")),y=require("class-variance-authority"),l=require("swiper/react"),m=require("swiper/modules"),E=require("react-responsive"),K=require("swiper/css/pagination"),d=require("../../helpers/index.js"),p=require("../../index.js"),S=require("../../shared/Styles.js");const M=3;function F(t,e){const o=[];for(let n=0;n<t.length;n+=e)o.push(t.slice(n,n+e));return o}const G=(0,y.cva)("rounded-box lg-desktop:h-[240px] desktop:px-6 bg-container-secondary-0 flex h-[200px] flex-col justify-start gap-[26px] p-4",{variants:{theme:{light:"",dark:""},rounded:{true:"rounded-card",false:""}},defaultVariants:{theme:"light",rounded:!1}}),k=v.forwardRef(({className:t,classNames:e={},data:o,onItemClick:n,...s},N)=>{const{title:f,subtitle:b,items:g,theme:w="light",rounded:I=!1,layout:T="grid"}=o,D=(0,E.useMediaQuery)({query:"(max-width: 767px)"}),P=v.useCallback((a,i)=>c=>{n?.(a,i,c)},[n]),h=(a,i)=>(0,r.jsxs)("div",{className:(0,d.cn)("media-endorsement-card text-info-primary",G({theme:w,rounded:I}),e.card),onClick:P(a,i),"aria-label":a.mediaName?`${a.mediaName} endorsement`:void 0,children:[(0,r.jsx)("div",{className:(0,d.cn)("media-endorsement-card-icon rounded-full","lg-desktop::h-14 flex h-12 w-auto  items-center overflow-hidden",e.cardIcon),children:(0,r.jsx)("img",{src:a.icon.url,alt:a.icon.alt||a.mediaName||"Media logo",className:"lg-desktop::h-12 h-[42px] w-auto object-contain",loading:"lazy"})}),(0,r.jsx)(p.Heading,{size:2,as:"h6",className:(0,d.cn)("media-endorsement-card-quote line-clamp-4",e.cardQuote),children:a.text})]},i),C=()=>{const a=F(g,M);return(0,r.jsx)(l.Swiper,{className:(0,d.cn)("media-endorsement-mobile-swiper","w-full !overflow-visible pb-8",e.carousel),modules:[m.Pagination],slidesPerView:1,spaceBetween:12,pagination:{clickable:!0,bulletClass:"media-endorsement-bullet",bulletActiveClass:"media-endorsement-bullet-active"},children:a.map((i,c)=>(0,r.jsx)(l.SwiperSlide,{className:"!h-auto",children:(0,r.jsx)("div",{className:"flex flex-col gap-3",children:i.map((B,L)=>{const R=c*M+L;return h(B,R)})})},c))})};return(0,r.jsxs)("div",{ref:N,className:(0,d.cn)("media-endorsement-root text-info-primary","w-full",t,e.root,{"aiui-dark":w==="dark"}),...s,children:[(0,r.jsx)("style",{children:`
           .media-endorsement-bullet {
             display: inline-block;
             width: 8px;
@@ -19,5 +19,5 @@
             right: 0;
             text-align: center;
           }
-        `}),(f||b)&&(0,r.jsxs)("div",{className:(0,d.cn)("media-endorsement-header mb-6",e.header),children:[f&&(0,r.jsx)(p.Heading,{as:"h2",size:4,html:f,className:(0,d.cn)("media-endorsement-title",e.title)}),b&&(0,r.jsx)(p.Text,{as:"p",size:3,className:(0,d.cn)("",e?.subtitle),html:b})]}),T==="carousel"?(0,r.jsx)(l.Swiper,{className:(0,d.cn)("media-endorsement-carousel","w-full !overflow-visible",e.carousel),modules:[m.FreeMode,m.Mousewheel],freeMode:!0,mousewheel:{forceToAxis:!0},slidesPerView:"auto",spaceBetween:12,breakpoints:{768:{spaceBetween:16}},children:g.map((a,o)=>(0,r.jsx)(l.SwiperSlide,{className:"tablet:!w-[320px] laptop:!w-[360px] desktop:!w-[404px] !w-[280px]",children:w(a,o)},o))}):D?z():(0,r.jsx)("div",{className:(0,d.cn)("media-endorsement-grid","laptop:grid-cols-2 laptop:gap-4 desktop:grid-cols-3 tablet:grid-cols-2 grid grid-cols-1 gap-3",e.grid),children:g.map((a,o)=>w(a,o))})]})});k.displayName="MediaEndorsement";var O=(0,S.withLayout)(k);
+        `}),(f||b)&&(0,r.jsxs)("div",{className:(0,d.cn)("media-endorsement-header mb-6",e.header),children:[f&&(0,r.jsx)(p.Heading,{as:"h2",size:4,html:f,className:(0,d.cn)("media-endorsement-title",e.title)}),b&&(0,r.jsx)(p.Text,{as:"p",size:3,className:(0,d.cn)("",e?.subtitle),html:b})]}),T==="carousel"?(0,r.jsx)(l.Swiper,{className:(0,d.cn)("media-endorsement-carousel","w-full !overflow-visible",e.carousel),modules:[m.FreeMode,m.Mousewheel],freeMode:!0,mousewheel:{forceToAxis:!0},slidesPerView:"auto",spaceBetween:12,breakpoints:{768:{spaceBetween:16}},children:g.map((a,i)=>(0,r.jsx)(l.SwiperSlide,{className:"tablet:!w-[320px] laptop:!w-[360px] desktop:!w-[404px] !w-[280px]",children:h(a,i)},i))}):D?C():(0,r.jsx)("div",{className:(0,d.cn)("media-endorsement-grid","laptop:grid-cols-2 laptop:gap-4 desktop:grid-cols-3 tablet:grid-cols-2 grid grid-cols-1 gap-3",e.grid),children:g.map((a,i)=>h(a,i))})]})});k.displayName="MediaEndorsement";var O=(0,S.withLayout)(k);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/MediaEndorsement/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cva } from 'class-variance-authority'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { FreeMode, Mousewheel, Pagination } from 'swiper/modules'\nimport { useMediaQuery } from 'react-responsive'\nimport 'swiper/css/pagination'\nimport { cn } from '../../helpers/index.js'\nimport type {\n  MediaEndorsementProps,\n  MediaEndorsementData,\n  MediaEndorsementItem,\n  MediaEndorsementSemanticName,\n} from './types.js'\nimport { Heading, Text } from '../../index.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nconst MOBILE_ITEMS_PER_SLIDE = 3\n\n// Helper to chunk array into groups\nfunction chunkArray<T>(array: T[], size: number): T[][] {\n  const result: T[][] = []\n  for (let i = 0; i < array.length; i += size) {\n    result.push(array.slice(i, i + size))\n  }\n  return result\n}\n\n/**\n * \u5361\u7247\u5BB9\u5668\u53D8\u4F53\n */\nconst cardVariants = cva(\n  'rounded-box lg-desktop:h-[240px] desktop:px-6 bg-container-secondary-0 flex h-[200px] flex-col justify-start gap-[26px] p-4',\n  {\n    variants: {\n      theme: {\n        light: '',\n        dark: '',\n      },\n      rounded: {\n        true: 'rounded-card',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n      rounded: false,\n    },\n  }\n)\n\n/**\n * MediaEndorsement - \u5A92\u4F53\u80CC\u4E66\n *\n * @description \u5A92\u4F53\u80CC\u4E66\u7EC4\u4EF6\u7684\u4F5C\u7528\u662F\u901A\u8FC7\u5C55\u793A\u7B2C\u4E09\u65B9\u5A92\u4F53\u7684\u8BC4\u4EF7\u6216\u62A5\u9053\uFF0C\u63D0\u5347\u54C1\u724C\u6216\u4EA7\u54C1\u7684\u53EF\u4FE1\u5EA6\u548C\u5F71\u54CD\u529B\n */\nconst MediaEndorsement = React.forwardRef<HTMLDivElement, MediaEndorsementProps>(\n  ({ className, classNames = {}, data, onItemClick, ...props }, ref) => {\n    const { title, subtitle, items, theme = 'light', rounded = false, layout = 'grid' } = data\n    const isMobile = useMediaQuery({ query: '(max-width: 767px)' })\n\n    const handleCardClick = React.useCallback(\n      (item: MediaEndorsementItem, index: number) => (event: React.MouseEvent) => {\n        onItemClick?.(item, index, event)\n      },\n      [onItemClick]\n    )\n\n    const renderCard = (item: MediaEndorsementItem, index: number) => (\n      <div\n        key={index}\n        className={cn('media-endorsement-card text-info-primary', cardVariants({ theme, rounded }), classNames.card)}\n        onClick={handleCardClick(item, index)}\n        aria-label={item.mediaName ? `${item.mediaName} endorsement` : undefined}\n      >\n        {/* \u5A92\u4F53 Logo */}\n        <div\n          className={cn(\n            'media-endorsement-card-icon rounded-full',\n            'lg-desktop::size-14 flex size-12 items-center justify-center overflow-hidden',\n            classNames.cardIcon\n          )}\n        >\n          <img\n            src={item.icon.url}\n            alt={item.icon.alt || item.mediaName || 'Media logo'}\n            className=\"size-full object-contain\"\n            loading=\"lazy\"\n          />\n        </div>\n\n        {/* \u5F15\u7528\u6587\u6848 */}\n        <Heading size={2} as={'h6'} className={cn('media-endorsement-card-quote line-clamp-4', classNames.cardQuote)}>\n          {item.text}\n        </Heading>\n      </div>\n    )\n\n    // Mobile swiper for grid layout\n    const renderMobileGridSwiper = () => {\n      const chunkedItems = chunkArray(items, MOBILE_ITEMS_PER_SLIDE)\n      return (\n        <Swiper\n          className={cn('media-endorsement-mobile-swiper', 'w-full !overflow-visible pb-8', classNames.carousel)}\n          modules={[Pagination]}\n          slidesPerView={1}\n          spaceBetween={12}\n          pagination={{\n            clickable: true,\n            bulletClass: 'media-endorsement-bullet',\n            bulletActiveClass: 'media-endorsement-bullet-active',\n          }}\n        >\n          {chunkedItems.map((group, slideIndex) => (\n            <SwiperSlide key={slideIndex} className=\"!h-auto\">\n              <div className=\"flex flex-col gap-3\">\n                {group.map((item, itemIndex) => {\n                  const globalIndex = slideIndex * MOBILE_ITEMS_PER_SLIDE + itemIndex\n                  return renderCard(item, globalIndex)\n                })}\n              </div>\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      )\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn('media-endorsement-root text-info-primary', 'w-full', className, classNames.root, {\n          'aiui-dark': theme === 'dark',\n        })}\n        {...props}\n      >\n        <style>{`\n          .media-endorsement-bullet {\n            display: inline-block;\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: #D9D9D9;\n            margin: 0 4px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n          }\n          .media-endorsement-bullet-active {\n            background: var(--info-primary-color);\n          }\n          .media-endorsement-mobile-swiper .swiper-pagination {\n            position: absolute;\n            bottom: -28px;\n            left: 0;\n            right: 0;\n            text-align: center;\n          }\n        `}</style>\n        {/* \u6807\u9898\u533A\u57DF */}\n        {(title || subtitle) && (\n          <div className={cn('media-endorsement-header mb-6', classNames.header)}>\n            {title && (\n              <Heading as=\"h2\" size={4} html={title} className={cn('media-endorsement-title', classNames.title)} />\n            )}\n            {subtitle && <Text as=\"p\" size={3} className={cn('', classNames?.subtitle)} html={subtitle} />}\n          </div>\n        )}\n        {layout === 'carousel' ? (\n          <Swiper\n            className={cn('media-endorsement-carousel', 'w-full !overflow-visible', classNames.carousel)}\n            modules={[FreeMode, Mousewheel]}\n            freeMode={true}\n            mousewheel={{ forceToAxis: true }}\n            slidesPerView=\"auto\"\n            spaceBetween={12}\n            breakpoints={{\n              768: { spaceBetween: 16 },\n            }}\n          >\n            {items.map((item, index) => (\n              <SwiperSlide key={index} className=\"tablet:!w-[320px] laptop:!w-[360px] desktop:!w-[404px] !w-[280px]\">\n                {renderCard(item, index)}\n              </SwiperSlide>\n            ))}\n          </Swiper>\n        ) : isMobile ? (\n          renderMobileGridSwiper()\n        ) : (\n          <div\n            className={cn(\n              'media-endorsement-grid',\n              'laptop:grid-cols-2 laptop:gap-4 desktop:grid-cols-3 tablet:grid-cols-2 grid grid-cols-1 gap-3',\n              classNames.grid\n            )}\n          >\n            {items.map((item, index) => renderCard(item, index))}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nMediaEndorsement.displayName = 'MediaEndorsement'\n\nexport default withLayout(MediaEndorsement)\nexport type { MediaEndorsementProps, MediaEndorsementData, MediaEndorsementItem, MediaEndorsementSemanticName }\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cva } from 'class-variance-authority'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { FreeMode, Mousewheel, Pagination } from 'swiper/modules'\nimport { useMediaQuery } from 'react-responsive'\nimport 'swiper/css/pagination'\nimport { cn } from '../../helpers/index.js'\nimport type {\n  MediaEndorsementProps,\n  MediaEndorsementData,\n  MediaEndorsementItem,\n  MediaEndorsementSemanticName,\n} from './types.js'\nimport { Heading, Text } from '../../index.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nconst MOBILE_ITEMS_PER_SLIDE = 3\n\n// Helper to chunk array into groups\nfunction chunkArray<T>(array: T[], size: number): T[][] {\n  const result: T[][] = []\n  for (let i = 0; i < array.length; i += size) {\n    result.push(array.slice(i, i + size))\n  }\n  return result\n}\n\n/**\n * \u5361\u7247\u5BB9\u5668\u53D8\u4F53\n */\nconst cardVariants = cva(\n  'rounded-box lg-desktop:h-[240px] desktop:px-6 bg-container-secondary-0 flex h-[200px] flex-col justify-start gap-[26px] p-4',\n  {\n    variants: {\n      theme: {\n        light: '',\n        dark: '',\n      },\n      rounded: {\n        true: 'rounded-card',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n      rounded: false,\n    },\n  }\n)\n\n/**\n * MediaEndorsement - \u5A92\u4F53\u80CC\u4E66\n *\n * @description \u5A92\u4F53\u80CC\u4E66\u7EC4\u4EF6\u7684\u4F5C\u7528\u662F\u901A\u8FC7\u5C55\u793A\u7B2C\u4E09\u65B9\u5A92\u4F53\u7684\u8BC4\u4EF7\u6216\u62A5\u9053\uFF0C\u63D0\u5347\u54C1\u724C\u6216\u4EA7\u54C1\u7684\u53EF\u4FE1\u5EA6\u548C\u5F71\u54CD\u529B\n */\nconst MediaEndorsement = React.forwardRef<HTMLDivElement, MediaEndorsementProps>(\n  ({ className, classNames = {}, data, onItemClick, ...props }, ref) => {\n    const { title, subtitle, items, theme = 'light', rounded = false, layout = 'grid' } = data\n    const isMobile = useMediaQuery({ query: '(max-width: 767px)' })\n\n    const handleCardClick = React.useCallback(\n      (item: MediaEndorsementItem, index: number) => (event: React.MouseEvent) => {\n        onItemClick?.(item, index, event)\n      },\n      [onItemClick]\n    )\n\n    const renderCard = (item: MediaEndorsementItem, index: number) => (\n      <div\n        key={index}\n        className={cn('media-endorsement-card text-info-primary', cardVariants({ theme, rounded }), classNames.card)}\n        onClick={handleCardClick(item, index)}\n        aria-label={item.mediaName ? `${item.mediaName} endorsement` : undefined}\n      >\n        {/* \u5A92\u4F53 Logo */}\n        <div\n          className={cn(\n            'media-endorsement-card-icon rounded-full',\n            'lg-desktop::h-14 flex h-12 w-auto  items-center overflow-hidden',\n            classNames.cardIcon\n          )}\n        >\n          <img\n            src={item.icon.url}\n            alt={item.icon.alt || item.mediaName || 'Media logo'}\n            className=\"lg-desktop::h-12 h-[42px] w-auto object-contain\"\n            loading=\"lazy\"\n          />\n        </div>\n\n        {/* \u5F15\u7528\u6587\u6848 */}\n        <Heading size={2} as={'h6'} className={cn('media-endorsement-card-quote line-clamp-4', classNames.cardQuote)}>\n          {item.text}\n        </Heading>\n      </div>\n    )\n\n    // Mobile swiper for grid layout\n    const renderMobileGridSwiper = () => {\n      const chunkedItems = chunkArray(items, MOBILE_ITEMS_PER_SLIDE)\n      return (\n        <Swiper\n          className={cn('media-endorsement-mobile-swiper', 'w-full !overflow-visible pb-8', classNames.carousel)}\n          modules={[Pagination]}\n          slidesPerView={1}\n          spaceBetween={12}\n          pagination={{\n            clickable: true,\n            bulletClass: 'media-endorsement-bullet',\n            bulletActiveClass: 'media-endorsement-bullet-active',\n          }}\n        >\n          {chunkedItems.map((group, slideIndex) => (\n            <SwiperSlide key={slideIndex} className=\"!h-auto\">\n              <div className=\"flex flex-col gap-3\">\n                {group.map((item, itemIndex) => {\n                  const globalIndex = slideIndex * MOBILE_ITEMS_PER_SLIDE + itemIndex\n                  return renderCard(item, globalIndex)\n                })}\n              </div>\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      )\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn('media-endorsement-root text-info-primary', 'w-full', className, classNames.root, {\n          'aiui-dark': theme === 'dark',\n        })}\n        {...props}\n      >\n        <style>{`\n          .media-endorsement-bullet {\n            display: inline-block;\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: #D9D9D9;\n            margin: 0 4px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n          }\n          .media-endorsement-bullet-active {\n            background: var(--info-primary-color);\n          }\n          .media-endorsement-mobile-swiper .swiper-pagination {\n            position: absolute;\n            bottom: -28px;\n            left: 0;\n            right: 0;\n            text-align: center;\n          }\n        `}</style>\n        {/* \u6807\u9898\u533A\u57DF */}\n        {(title || subtitle) && (\n          <div className={cn('media-endorsement-header mb-6', classNames.header)}>\n            {title && (\n              <Heading as=\"h2\" size={4} html={title} className={cn('media-endorsement-title', classNames.title)} />\n            )}\n            {subtitle && <Text as=\"p\" size={3} className={cn('', classNames?.subtitle)} html={subtitle} />}\n          </div>\n        )}\n        {layout === 'carousel' ? (\n          <Swiper\n            className={cn('media-endorsement-carousel', 'w-full !overflow-visible', classNames.carousel)}\n            modules={[FreeMode, Mousewheel]}\n            freeMode={true}\n            mousewheel={{ forceToAxis: true }}\n            slidesPerView=\"auto\"\n            spaceBetween={12}\n            breakpoints={{\n              768: { spaceBetween: 16 },\n            }}\n          >\n            {items.map((item, index) => (\n              <SwiperSlide key={index} className=\"tablet:!w-[320px] laptop:!w-[360px] desktop:!w-[404px] !w-[280px]\">\n                {renderCard(item, index)}\n              </SwiperSlide>\n            ))}\n          </Swiper>\n        ) : isMobile ? (\n          renderMobileGridSwiper()\n        ) : (\n          <div\n            className={cn(\n              'media-endorsement-grid',\n              'laptop:grid-cols-2 laptop:gap-4 desktop:grid-cols-3 tablet:grid-cols-2 grid grid-cols-1 gap-3',\n              classNames.grid\n            )}\n          >\n            {items.map((item, index) => renderCard(item, index))}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nMediaEndorsement.displayName = 'MediaEndorsement'\n\nexport default withLayout(MediaEndorsement)\nexport type { MediaEndorsementProps, MediaEndorsementData, MediaEndorsementItem, MediaEndorsementSemanticName }\n"],
+  "mappings": "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",
   "names": ["MediaEndorsement_exports", "__export", "MediaEndorsement_default", "__toCommonJS", "import_jsx_runtime", "React", "import_class_variance_authority", "import_react", "import_modules", "import_react_responsive", "import_pagination", "import_helpers", "import__", "import_Styles", "MOBILE_ITEMS_PER_SLIDE", "chunkArray", "array", "size", "result", "i", "cardVariants", "MediaEndorsement", "className", "classNames", "data", "onItemClick", "props", "ref", "title", "subtitle", "items", "theme", "rounded", "layout", "isMobile", "handleCardClick", "item", "index", "event", "renderCard", "renderMobileGridSwiper", "chunkedItems", "group", "slideIndex", "itemIndex", "globalIndex"]
 }

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

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

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

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

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

@@ -1,2 +1,8 @@
-declare const _default: any;
+import React from 'react';
+import type { MediaPlayerBaseProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<Omit<MediaPlayerBaseProps & React.RefAttributes<{
+    mediaPlayerStickyRef: HTMLDivElement;
+}>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & React.RefAttributes<{
+    mediaPlayerStickyRef: HTMLDivElement;
+}>>;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { MediaSceneSwitcherProps } from './types.js';
 import 'swiper/css';
-declare const _default: any;
+declare const _default: import("react").ForwardRefExoticComponent<Omit<MediaSceneSwitcherProps & import("react").RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;

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

@@ -54,5 +54,5 @@ export interface MediaSceneSwitcherV2Props extends React.HTMLAttributes<HTMLDivE
     /** 场景切换回调 */
     onSceneChange?: (index: number, scene: MediaSceneSwitcherV2Item) => void;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<Omit<MediaSceneSwitcherV2Props & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;

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

@@ -114,5 +114,5 @@ export interface MediaShelfComponent extends React.ForwardRefExoticComponent<Med
     /** 独立的 ProductCard 组件 */
     ProductCard: typeof ProductCard;
 }
-declare const MediaShelfWithProductCard: MediaShelfComponent;
-export default MediaShelfWithProductCard;
+declare const MediaShelfWrapped: React.ForwardRefExoticComponent<Omit<MediaShelfProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & React.RefAttributes<HTMLDivElement>>;
+export default MediaShelfWrapped;

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

@@ -1,2 +1,2 @@
-"use strict";"use client";var q=Object.create;var M=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var G=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var K=(e,t)=>{for(var i in t)M(e,i,{get:t[i],enumerable:!0})},V=(e,t,i,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of _(t))!J.call(e,r)&&r!==i&&M(e,r,{get:()=>t[r],enumerable:!(l=Z(t,r))||l.enumerable});return e};var z=(e,t,i)=>(i=e!=null?q(G(e)):{},V(t||!e||!e.__esModule?M(i,"default",{value:e,enumerable:!0}):i,e)),Q=e=>V(M({},"__esModule",{value:!0}),e);var oe={};K(oe,{default:()=>te,useMediaShelfContext:()=>j});module.exports=Q(oe);var o=require("react/jsx-runtime"),s=z(require("react")),h=require("../../helpers/index.js"),a=require("../../components/index.js"),S=require("swiper/react"),I=require("swiper/modules"),ie=require("swiper/css"),ae=require("swiper/css/navigation"),R=z(require("./ProductCard.js")),W=require("../../hooks/useExposure.js");const U="shelf",X="media_shelf",Y=({disabled:e})=>(0,o.jsxs)("svg",{width:"56",height:"56",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"text-info-primary laptop:block lg-desktop:size-[56px] hidden size-[40px]",children:[(0,o.jsx)("path",{d:"M0 28C0 43.464 12.536 56 28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28Z",fill:"currentColor",fillOpacity:e?"0.2":"0.6"}),(0,o.jsx)("path",{d:"M31 22L25 28L31 34",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),ee=({disabled:e})=>(0,o.jsxs)("svg",{width:"56",height:"56",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"text-info-primary laptop:block lg-desktop:size-[56px] hidden size-[40px]",children:[(0,o.jsx)("path",{d:"M0 28C0 12.536 12.536 0 28 0C43.464 0 56 12.536 56 28C56 43.464 43.464 56 28 56C12.536 56 0 43.464 0 28Z",fill:"currentColor",fillOpacity:e?"0.2":"0.6"}),(0,o.jsx)("path",{d:"M25 22L31 28L25 34",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),A=s.createContext(null),j=()=>{const e=s.useContext(A);if(!e)throw new Error("useMediaShelfContext must be used within an MediaShelfProvider");return e},H=s.forwardRef(({products:e,className:t},i)=>{const{copy:l,stockDisplayMode:r,stockThresholdValue:u,onLearnMore:v,onShopNow:B,onAddToCart:m,classNames:P,secondaryButtonText:k,primaryButtonText:D,secondaryButtonFun:L,primaryButtonFun:N,showOriginalPrice:E,showTags:F}=j(),b=s.useId().replace(/:/g,""),C=`swiper-button-next-custom-${b}`,w=`swiper-button-prev-custom-${b}`,[p,y]=s.useState({isBeginning:!0,isEnd:!1}),T=s.useRef(null),f=s.useCallback(()=>{const n=T.current;if(!n?.slides||n.slides.length===0)return;n.slides.forEach(d=>{d.style.height="auto"});const g=Array.from(n.slides).map(d=>d.scrollHeight),x=Math.max(...g);x>0&&n.slides.forEach(d=>{d.style.height=`${x}px`})},[]);return s.useEffect(()=>{const n=()=>{requestAnimationFrame(f)};return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[f]),e?.length===0?null:(0,o.jsx)("div",{ref:i,className:t,children:(0,o.jsxs)("div",{className:"relative",children:[(0,o.jsx)(S.Swiper,{modules:[I.Navigation],spaceBetween:16,slidesPerView:"auto",navigation:{nextEl:`.${C}`,prevEl:`.${w}`},onSwiper:n=>{T.current=n,y({isBeginning:n.isBeginning,isEnd:n.isEnd}),setTimeout(f,100)},onSlideChange:n=>{y({isBeginning:n.isBeginning,isEnd:n.isEnd})},className:"!overflow-visible",breakpoints:{0:{spaceBetween:12,slidesPerView:1.2},768:{spaceBetween:12,slidesPerView:e.length<=2?2:2.3},1024:{spaceBetween:16,slidesPerView:Math.min(3,e.length)}},children:e.map((n,g)=>(0,o.jsx)(S.SwiperSlide,{className:"tablet:!max-w-[50%] overflow-hidden",children:(0,o.jsx)(R.default,{product:n,className:"box-border w-full max-w-full",stockDisplayMode:r,stockThresholdValue:u,onLearnMore:v,onShopNow:B,onAddToCart:m,classNames:P,secondaryButtonText:k,primaryButtonText:D,secondaryButtonFun:L,primaryButtonFun:N,showOriginalPrice:E,copy:l,showTags:F})},n.shopify_id+"-"+n.sku||g))}),(0,o.jsx)("button",{className:(0,h.cn)(`${w} tablet:block absolute left-4 top-1/2 z-10 hidden -translate-y-1/2`,{"tablet:hidden":e.length<=2,"laptop:hidden":e.length<=3}),"aria-label":l?.previousSlideLabel,disabled:p.isBeginning,children:(0,o.jsx)(Y,{disabled:p.isBeginning})}),(0,o.jsx)("button",{className:(0,h.cn)(`${C} tablet:block absolute right-4 top-1/2 z-10 hidden -translate-y-1/2`,{"tablet:hidden":e.length<=2,"laptop:hidden":e.length<=3}),"aria-label":l?.nextSlideLabel,disabled:p.isEnd,children:(0,o.jsx)(ee,{disabled:p.isEnd})})]})})});H.displayName="ProductsList";const O=s.forwardRef(({className:e,data:t,onLearnMore:i,onShopNow:l,onAddToCart:r,classNames:u,...v},B)=>{const m=s.useRef(null);(0,W.useExposure)(m,{componentType:U,componentName:X,componentTitle:t.title,componentDescription:t.description}),s.useImperativeHandle(B,()=>m.current);const{theme:P="light",codeChannel:k,showMemberPrice:D=!0,showDiscount:L=!0,showTags:N=!0,stockDisplayMode:E,stockThresholdValue:F,showOriginalPrice:b=!0,secondaryButtonText:C,primaryButtonText:w,secondaryButtonFun:p,primaryButtonFun:y,isShowTab:T=!0,copy:f}=t,g={codeChannel:k,showMemberPrice:D,showDiscount:L,showTags:N,stockDisplayMode:E,stockThresholdValue:F,showOriginalPrice:b,onLearnMore:i,onShopNow:l,onAddToCart:r,classNames:u,secondaryButtonText:C,secondaryButtonFun:p,primaryButtonText:w,primaryButtonFun:y,copy:f||{}},x=t.productsTab&&t.productsTab.length>0,d=T&&x;return(0,o.jsx)(A.Provider,{value:g,children:(0,o.jsxs)("div",{ref:m,className:(0,h.cn)("w-full",{"aiui-dark":P==="dark"},e,u?.root),...v,children:[t.title&&(0,o.jsx)(a.Heading,{as:"h2",html:t.title,size:4,className:(0,h.cn)("text-info-primary mb-4",u?.title)}),t.description&&(0,o.jsx)(a.Text,{size:3,as:"p",html:t.description,className:(0,h.cn)("text-info-primary mb-6",u?.description)}),(0,o.jsxs)(a.Tabs,{defaultValue:t.productsTab?.[0]?.id,className:"w-full",children:[d&&(0,o.jsx)(a.TabsList,{className:"mb-6",children:t.productsTab?.map(c=>(0,o.jsx)(a.TabsTrigger,{value:c.id,children:c.tab},"tab-"+c.id))}),d?t.productsTab?.map(c=>(0,o.jsx)(a.TabsContent,{value:c.id,children:(0,o.jsx)(H,{products:c.data})},"tab-content-"+c.id)):(0,o.jsx)(H,{products:t.productsCard})]})]})})});O.displayName="MediaShelf";const $=O;$.ProductCard=R.default;var te=$;
+"use strict";"use client";var Z=Object.create;var M=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var J=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var Q=(e,t)=>{for(var i in t)M(e,i,{get:t[i],enumerable:!0})},V=(e,t,i,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of G(t))!K.call(e,r)&&r!==i&&M(e,r,{get:()=>t[r],enumerable:!(l=_(t,r))||l.enumerable});return e};var z=(e,t,i)=>(i=e!=null?Z(J(e)):{},V(t||!e||!e.__esModule?M(i,"default",{value:e,enumerable:!0}):i,e)),U=e=>V(M({},"__esModule",{value:!0}),e);var ie={};Q(ie,{default:()=>ne,useMediaShelfContext:()=>q});module.exports=U(ie);var o=require("react/jsx-runtime"),s=z(require("react")),h=require("../../helpers/index.js"),I=require("../../shared/Styles.js"),a=require("../../components/index.js"),S=require("swiper/react"),W=require("swiper/modules"),se=require("swiper/css"),re=require("swiper/css/navigation"),R=z(require("./ProductCard.js")),j=require("../../hooks/useExposure.js");const X="shelf",Y="media_shelf",ee=({disabled:e})=>(0,o.jsxs)("svg",{width:"56",height:"56",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"text-info-primary laptop:block lg-desktop:size-[56px] hidden size-[40px]",children:[(0,o.jsx)("path",{d:"M0 28C0 43.464 12.536 56 28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28Z",fill:"currentColor",fillOpacity:e?"0.2":"0.6"}),(0,o.jsx)("path",{d:"M31 22L25 28L31 34",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),te=({disabled:e})=>(0,o.jsxs)("svg",{width:"56",height:"56",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"text-info-primary laptop:block lg-desktop:size-[56px] hidden size-[40px]",children:[(0,o.jsx)("path",{d:"M0 28C0 12.536 12.536 0 28 0C43.464 0 56 12.536 56 28C56 43.464 43.464 56 28 56C12.536 56 0 43.464 0 28Z",fill:"currentColor",fillOpacity:e?"0.2":"0.6"}),(0,o.jsx)("path",{d:"M25 22L31 28L25 34",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),A=s.createContext(null),q=()=>{const e=s.useContext(A);if(!e)throw new Error("useMediaShelfContext must be used within an MediaShelfProvider");return e},H=s.forwardRef(({products:e,className:t},i)=>{const{copy:l,stockDisplayMode:r,stockThresholdValue:u,onLearnMore:v,onShopNow:B,onAddToCart:m,classNames:P,secondaryButtonText:k,primaryButtonText:D,secondaryButtonFun:L,primaryButtonFun:N,showOriginalPrice:E,showTags:F}=q(),b=s.useId().replace(/:/g,""),C=`swiper-button-next-custom-${b}`,w=`swiper-button-prev-custom-${b}`,[p,y]=s.useState({isBeginning:!0,isEnd:!1}),T=s.useRef(null),f=s.useCallback(()=>{const n=T.current;if(!n?.slides||n.slides.length===0)return;n.slides.forEach(d=>{d.style.height="auto"});const g=Array.from(n.slides).map(d=>d.scrollHeight),x=Math.max(...g);x>0&&n.slides.forEach(d=>{d.style.height=`${x}px`})},[]);return s.useEffect(()=>{const n=()=>{requestAnimationFrame(f)};return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[f]),e?.length===0?null:(0,o.jsx)("div",{ref:i,className:t,children:(0,o.jsxs)("div",{className:"relative",children:[(0,o.jsx)(S.Swiper,{modules:[W.Navigation],spaceBetween:16,slidesPerView:"auto",navigation:{nextEl:`.${C}`,prevEl:`.${w}`},onSwiper:n=>{T.current=n,y({isBeginning:n.isBeginning,isEnd:n.isEnd}),setTimeout(f,100)},onSlideChange:n=>{y({isBeginning:n.isBeginning,isEnd:n.isEnd})},className:"!overflow-visible",breakpoints:{0:{spaceBetween:12,slidesPerView:1.2},768:{spaceBetween:12,slidesPerView:e.length<=2?2:2.3},1024:{spaceBetween:16,slidesPerView:Math.min(3,e.length)}},children:e.map((n,g)=>(0,o.jsx)(S.SwiperSlide,{className:"tablet:!max-w-[50%] overflow-hidden",children:(0,o.jsx)(R.default,{product:n,className:"box-border w-full max-w-full",stockDisplayMode:r,stockThresholdValue:u,onLearnMore:v,onShopNow:B,onAddToCart:m,classNames:P,secondaryButtonText:k,primaryButtonText:D,secondaryButtonFun:L,primaryButtonFun:N,showOriginalPrice:E,copy:l,showTags:F})},n.shopify_id+"-"+n.sku||g))}),(0,o.jsx)("button",{className:(0,h.cn)(`${w} tablet:block absolute left-4 top-1/2 z-10 hidden -translate-y-1/2`,{"tablet:hidden":e.length<=2,"laptop:hidden":e.length<=3}),"aria-label":l?.previousSlideLabel,disabled:p.isBeginning,children:(0,o.jsx)(ee,{disabled:p.isBeginning})}),(0,o.jsx)("button",{className:(0,h.cn)(`${C} tablet:block absolute right-4 top-1/2 z-10 hidden -translate-y-1/2`,{"tablet:hidden":e.length<=2,"laptop:hidden":e.length<=3}),"aria-label":l?.nextSlideLabel,disabled:p.isEnd,children:(0,o.jsx)(te,{disabled:p.isEnd})})]})})});H.displayName="ProductsList";const O=s.forwardRef(({className:e,data:t,onLearnMore:i,onShopNow:l,onAddToCart:r,classNames:u,...v},B)=>{const m=s.useRef(null);(0,j.useExposure)(m,{componentType:X,componentName:Y,componentTitle:t.title,componentDescription:t.description}),s.useImperativeHandle(B,()=>m.current);const{theme:P="light",codeChannel:k,showMemberPrice:D=!0,showDiscount:L=!0,showTags:N=!0,stockDisplayMode:E,stockThresholdValue:F,showOriginalPrice:b=!0,secondaryButtonText:C,primaryButtonText:w,secondaryButtonFun:p,primaryButtonFun:y,isShowTab:T=!0,copy:f}=t,g={codeChannel:k,showMemberPrice:D,showDiscount:L,showTags:N,stockDisplayMode:E,stockThresholdValue:F,showOriginalPrice:b,onLearnMore:i,onShopNow:l,onAddToCart:r,classNames:u,secondaryButtonText:C,secondaryButtonFun:p,primaryButtonText:w,primaryButtonFun:y,copy:f||{}},x=t.productsTab&&t.productsTab.length>0,d=T&&x;return(0,o.jsx)(A.Provider,{value:g,children:(0,o.jsxs)("div",{ref:m,className:(0,h.cn)("w-full",{"aiui-dark":P==="dark"},e,u?.root),...v,children:[t.title&&(0,o.jsx)(a.Heading,{as:"h2",html:t.title,size:4,className:(0,h.cn)("text-info-primary mb-4",u?.title)}),t.description&&(0,o.jsx)(a.Text,{size:3,as:"p",html:t.description,className:(0,h.cn)("text-info-primary mb-6",u?.description)}),(0,o.jsxs)(a.Tabs,{defaultValue:t.productsTab?.[0]?.id,className:"w-full",children:[d&&(0,o.jsx)(a.TabsList,{className:"mb-6",children:t.productsTab?.map(c=>(0,o.jsx)(a.TabsTrigger,{value:c.id,children:c.tab},"tab-"+c.id))}),d?t.productsTab?.map(c=>(0,o.jsx)(a.TabsContent,{value:c.id,children:(0,o.jsx)(H,{products:c.data})},"tab-content-"+c.id)):(0,o.jsx)(H,{products:t.productsCard})]})]})})});O.displayName="MediaShelf";const $=O;$.ProductCard=R.default;const oe=(0,I.withLayout)($);var ne=oe;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/MediaShelf/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Text, Heading, Tabs, TabsList, TabsTrigger, TabsContent } from '../../components/index.js'\n\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Navigation } from 'swiper/modules'\n\n// Import Swiper styles\nimport 'swiper/css'\nimport 'swiper/css/navigation'\nimport type {\n  ButtonFunctionType,\n  CopyConfig,\n  ProductCardData,\n  ProductTab,\n  StockDisplayMode,\n  MediaShelfSemanticName,\n} from './types.js'\nimport ProductCard from './ProductCard.js'\nimport { useExposure } from '../../hooks/useExposure.js'\n\nconst componentType = 'shelf'\nconst componentName = 'media_shelf'\n\nconst PrevIcon = ({ disabled }: { disabled: boolean }) => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"text-info-primary laptop:block lg-desktop:size-[56px] hidden size-[40px]\"\n  >\n    <path\n      d=\"M0 28C0 43.464 12.536 56 28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28Z\"\n      fill=\"currentColor\"\n      fillOpacity={disabled ? '0.2' : '0.6'}\n    />\n    <path d=\"M31 22L25 28L31 34\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst NextIcon = ({ disabled }: { disabled: boolean }) => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"text-info-primary laptop:block lg-desktop:size-[56px] hidden size-[40px]\"\n  >\n    <path\n      d=\"M0 28C0 12.536 12.536 0 28 0C43.464 0 56 12.536 56 28C56 43.464 43.464 56 28 56C12.536 56 0 43.464 0 28Z\"\n      fill=\"currentColor\"\n      fillOpacity={disabled ? '0.2' : '0.6'}\n    />\n    <path d=\"M25 22L31 28L25 34\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\n/**\n * Code Channel \u914D\u7F6E - \u6298\u6263\u524D\u7F00\n */\nexport type CodeChannelConfig = string\n\n/**\n * MediaShelf Context \u914D\u7F6E\u63A5\u53E3\n */\nexport interface MediaShelfContextConfig {\n  /** Code Channel \u914D\u7F6E - \u6298\u6263\u524D\u7F00 */\n  codeChannel?: CodeChannelConfig\n  /** \u662F\u5426\u5C55\u793A\u4F1A\u5458\u4EF7\u683C */\n  showMemberPrice?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6298\u6263\u6807\u7B7E */\n  showDiscount?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6807\u7B7E\u7CFB\u7EDF */\n  showTags?: boolean\n  /** \u5E93\u5B58\u5C55\u793A\u6A21\u5F0F */\n  stockDisplayMode?: StockDisplayMode\n  /** \u5E93\u5B58\u9608\u503C\uFF08\u5F53\u6A21\u5F0F\u4E3A below-quantity \u6216 below-percentage \u65F6\u4F7F\u7528\uFF09 */\n  stockThresholdValue?: number\n  /** \u662F\u5426\u5C55\u793A\u539F\u4EF7\uFF08\u5220\u9664\u7EBF\u4EF7\u683C\uFF09 */\n  showOriginalPrice?: boolean\n  /** \u7528\u6237\u72B6\u6001 */\n}\n\n/**\n * MediaShelf Context \u503C\u63A5\u53E3\n */\ninterface MediaShelfContextValue extends MediaShelfContextConfig {\n  /** \u70B9\u51FB\u4E86\u89E3\u66F4\u591A\u56DE\u8C03 */\n  onLearnMore?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u7ACB\u5373\u8D2D\u4E70\u56DE\u8C03 */\n  onShopNow?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u52A0\u5165\u8D2D\u7269\u8F66\u56DE\u8C03 */\n  onAddToCart?: (product: ProductCardData) => void\n  /** \u8BED\u4E49\u5316\u7C7B\u540D */\n  classNames?: Partial<Record<MediaShelfSemanticName, string>>\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  secondaryButtonText?: string\n  secondaryButtonFun?: ButtonFunctionType\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  primaryButtonText?: string\n  primaryButtonFun?: ButtonFunctionType\n  /** \u6587\u6848\u914D\u7F6E */\n  copy: CopyConfig\n}\n\n/**\n * MediaShelf Context\n */\nconst MediaShelfContext = React.createContext<MediaShelfContextValue | null>(null)\n\n/**\n * \u4F7F\u7528 MediaShelf Context \u7684 Hook\n */\nexport const useMediaShelfContext = () => {\n  const context = React.useContext(MediaShelfContext)\n  if (!context) {\n    throw new Error('useMediaShelfContext must be used within an MediaShelfProvider')\n  }\n  return context\n}\n\n/**\n * MediaShelf \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface MediaShelfData {\n  theme?: 'light' | 'dark'\n  /** \u7EC4\u4EF6\u6807\u9898 */\n  title?: string\n  /** \u7EC4\u4EF6\u63CF\u8FF0 */\n  description?: string\n  /** \u5206\u7EC4\u4EA7\u54C1Tab\u5217\u8868 */\n  productsTab?: ProductTab[]\n  /** \u662F\u5426\u663E\u793A Tab\uFF08\u9ED8\u8BA4\uFF1Atrue\uFF09 */\n  isShowTab?: boolean\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  secondaryButtonText?: string\n  secondaryButtonFun: ButtonFunctionType\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  primaryButtonText?: string\n  primaryButtonFun: ButtonFunctionType\n  /** Code Channel \u914D\u7F6E - \u6298\u6263\u524D\u7F00 */\n  codeChannel?: CodeChannelConfig\n  /** \u662F\u5426\u5C55\u793A\u4F1A\u5458\u4EF7\u683C */\n  showMemberPrice?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6298\u6263\u6807\u7B7E */\n  showDiscount?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6807\u7B7E\u7CFB\u7EDF */\n  showTags?: boolean\n  /** \u5E93\u5B58\u5C55\u793A\u6A21\u5F0F */\n  stockDisplayMode?: StockDisplayMode\n  /** \u5E93\u5B58\u9608\u503C\uFF08\u5F53\u6A21\u5F0F\u4E3A below-quantity \u6216 below-percentage \u65F6\u4F7F\u7528\uFF09 */\n  stockThresholdValue?: number\n  /**\n   * \u5E93\u5B58\u6587\u672C\u6A21\u677F\uFF0C\u652F\u6301 {count} \u5360\u4F4D\u7B26\n   */\n  stockDisplayText?: string\n  /** \u662F\u5426\u5C55\u793A\u539F\u4EF7\uFF08\u5220\u9664\u7EBF\u4EF7\u683C\uFF09 */\n  showOriginalPrice?: boolean\n  /** \u6587\u6848\u914D\u7F6E */\n  copy?: CopyConfig\n  /**\n   * \u4EA7\u54C1\u5217\u8868\uFF08\u5F53\u4E0D\u4F7F\u7528 Tab \u5206\u7EC4\u65F6\u53EF\u76F4\u63A5\u4F20\u5165\u4EA7\u54C1\u5217\u8868\uFF09\n   */\n  productsCard: ProductCardData[]\n}\n\nexport interface MediaShelfProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: MediaShelfData\n  /** \u70B9\u51FB\u4E86\u89E3\u66F4\u591A\u56DE\u8C03 */\n  onLearnMore?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u7ACB\u5373\u8D2D\u4E70\u56DE\u8C03 */\n  onShopNow?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u52A0\u5165\u8D2D\u7269\u8F66\u56DE\u8C03 */\n  onAddToCart?: (product: ProductCardData) => void\n  /** \u8BED\u4E49\u5316\u7C7B\u540D */\n  classNames?: Partial<Record<MediaShelfSemanticName, string>>\n}\n\n/**\n * MediaShelf \u590D\u5408\u7EC4\u4EF6\u7C7B\u578B\u5B9A\u4E49\n */\nexport interface MediaShelfComponent extends React.ForwardRefExoticComponent<\n  MediaShelfProps & React.RefAttributes<HTMLDivElement>\n> {\n  /** \u72EC\u7ACB\u7684 ProductCard \u7EC4\u4EF6 */\n  ProductCard: typeof ProductCard\n}\n\n/**\n * \u4EA7\u54C1\u5217\u8868\u7EC4\u4EF6 - \u4F7F\u7528 Swiper \u6A2A\u5411\u6ED1\u52A8\u5E03\u5C40\n */\nconst ProductsList = React.forwardRef<\n  HTMLDivElement,\n  {\n    products: ProductCardData[]\n    className?: string\n  }\n>(({ products, className }, ref) => {\n  const {\n    copy,\n    stockDisplayMode,\n    stockThresholdValue,\n    onLearnMore,\n    onShopNow,\n    onAddToCart,\n    classNames,\n    secondaryButtonText,\n    primaryButtonText,\n    secondaryButtonFun,\n    primaryButtonFun,\n    showOriginalPrice,\n    showTags,\n  } = useMediaShelfContext()\n  // \u751F\u6210\u552F\u4E00 ID\uFF0C\u79FB\u9664\u7279\u6B8A\u5B57\u7B26\u4EE5\u786E\u4FDD\u53EF\u7528\u4E8E CSS \u9009\u62E9\u5668\n  const id = React.useId().replace(/:/g, '')\n  // \u9884\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u9009\u62E9\u5668\uFF0C\u907F\u514D\u591A\u6B21\u62FC\u63A5\n  const nextButtonClass = `swiper-button-next-custom-${id}`\n  const prevButtonClass = `swiper-button-prev-custom-${id}`\n\n  // Swiper \u5BFC\u822A\u72B6\u6001\n  const [swiperState, setSwiperState] = React.useState({\n    isBeginning: true,\n    isEnd: false,\n  })\n\n  // Swiper \u5B9E\u4F8B\u5F15\u7528\n  const swiperRef = React.useRef<any>(null)\n\n  // \u8BA1\u7B97\u5E76\u8BBE\u7F6E\u6240\u6709 slide \u4E3A\u6700\u9AD8\u9AD8\u5EA6\n  const equalizeSlideHeights = React.useCallback(() => {\n    const swiper = swiperRef.current\n    if (!swiper?.slides || swiper.slides.length === 0) return\n\n    // \u5148\u91CD\u7F6E\u6240\u6709 slide \u9AD8\u5EA6\u4EE5\u83B7\u53D6\u771F\u5B9E\u5185\u5BB9\u9AD8\u5EA6\n    swiper.slides.forEach((slide: HTMLElement) => {\n      slide.style.height = 'auto'\n    })\n\n    // \u8BA1\u7B97\u6700\u5927\u9AD8\u5EA6\n    // @ts-ignore\n    const heights = Array.from(swiper.slides).map((slide: HTMLElement) => slide.scrollHeight)\n    const maxHeight = Math.max(...heights)\n\n    // \u8BBE\u7F6E\u6240\u6709 slide \u4E3A\u6700\u5927\u9AD8\u5EA6\n    if (maxHeight > 0) {\n      swiper.slides.forEach((slide: HTMLElement) => {\n        slide.style.height = `${maxHeight}px`\n      })\n    }\n  }, [])\n\n  // \u76D1\u542C\u7A97\u53E3 resize \u91CD\u65B0\u8BA1\u7B97\u9AD8\u5EA6\n  React.useEffect(() => {\n    const handleResize = () => {\n      // \u4F7F\u7528 requestAnimationFrame \u786E\u4FDD DOM \u66F4\u65B0\u5B8C\u6210\n      requestAnimationFrame(equalizeSlideHeights)\n    }\n\n    window.addEventListener('resize', handleResize)\n    return () => window.removeEventListener('resize', handleResize)\n  }, [equalizeSlideHeights])\n\n  if (products?.length === 0) {\n    return null\n  }\n\n  return (\n    <div ref={ref} className={className}>\n      {/* Swiper \u6A2A\u5411\u6ED1\u52A8\u5E03\u5C40 */}\n      <div className=\"relative\">\n        <Swiper\n          modules={[Navigation]}\n          spaceBetween={16}\n          slidesPerView=\"auto\"\n          navigation={{\n            nextEl: `.${nextButtonClass}`,\n            prevEl: `.${prevButtonClass}`,\n          }}\n          onSwiper={swiper => {\n            swiperRef.current = swiper\n            setSwiperState({\n              isBeginning: swiper.isBeginning,\n              isEnd: swiper.isEnd,\n            })\n            // \u5EF6\u8FDF\u6267\u884C\u4EE5\u786E\u4FDD\u5185\u5BB9\u6E32\u67D3\u5B8C\u6210\n            setTimeout(equalizeSlideHeights, 100)\n          }}\n          onSlideChange={swiper => {\n            setSwiperState({\n              isBeginning: swiper.isBeginning,\n              isEnd: swiper.isEnd,\n            })\n          }}\n          className=\"!overflow-visible\"\n          breakpoints={{\n            0: {\n              spaceBetween: 12,\n              slidesPerView: 1.2,\n            },\n            768: {\n              spaceBetween: 12,\n              slidesPerView: products.length <= 2 ? 2 : 2.3,\n            },\n            1024: {\n              spaceBetween: 16,\n              slidesPerView: Math.min(3, products.length),\n            },\n          }}\n        >\n          {products.map((product, index) => (\n            <SwiperSlide\n              key={product.shopify_id + '-' + product.sku || index}\n              className=\"tablet:!max-w-[50%] overflow-hidden\"\n            >\n              <ProductCard\n                product={product}\n                className=\"box-border w-full max-w-full\"\n                stockDisplayMode={stockDisplayMode}\n                stockThresholdValue={stockThresholdValue}\n                onLearnMore={onLearnMore}\n                onShopNow={onShopNow}\n                onAddToCart={onAddToCart}\n                classNames={classNames}\n                secondaryButtonText={secondaryButtonText}\n                primaryButtonText={primaryButtonText}\n                secondaryButtonFun={secondaryButtonFun}\n                primaryButtonFun={primaryButtonFun}\n                showOriginalPrice={showOriginalPrice}\n                copy={copy}\n                showTags={showTags}\n              />\n            </SwiperSlide>\n          ))}\n        </Swiper>\n\n        {/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE */}\n        <button\n          className={cn(`${prevButtonClass} tablet:block absolute left-4 top-1/2 z-10 hidden -translate-y-1/2`, {\n            'tablet:hidden': products.length <= 2,\n            'laptop:hidden': products.length <= 3,\n          })}\n          aria-label={copy?.previousSlideLabel}\n          disabled={swiperState.isBeginning}\n        >\n          <PrevIcon disabled={swiperState.isBeginning} />\n        </button>\n        <button\n          className={cn(`${nextButtonClass} tablet:block absolute right-4 top-1/2 z-10 hidden -translate-y-1/2`, {\n            'tablet:hidden': products.length <= 2,\n            'laptop:hidden': products.length <= 3,\n          })}\n          aria-label={copy?.nextSlideLabel}\n          disabled={swiperState.isEnd}\n        >\n          <NextIcon disabled={swiperState.isEnd} />\n        </button>\n      </div>\n    </div>\n  )\n})\n\nProductsList.displayName = 'ProductsList'\n\n/**\n * MediaShelf - \u5A92\u4F53\u8D27\u67B6\n *\n * @description \u80FD\u591F\u5B9E\u65F6\u663E\u793A\u5546\u54C1\u5E93\u5B58\u4FE1\u606F\u548C\u4F1A\u5458\u4EF7\u7684\u8D27\u67B6\uFF0C\u652F\u6301\u54CD\u5E94\u5F0F\u5E03\u5C40\u548C\u591A\u79CD\u914D\u7F6E\u9009\u9879\n */\nconst MediaShelf = React.forwardRef<HTMLDivElement, MediaShelfProps>(\n  ({ className, data, onLearnMore, onShopNow, onAddToCart, classNames, ...props }, ref) => {\n    const boxRef = React.useRef<HTMLDivElement>(null)\n\n    useExposure(boxRef, {\n      componentType,\n      componentName,\n      componentTitle: data.title,\n      componentDescription: data.description,\n    })\n\n    React.useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n    // \u4ECE data \u4E2D\u89E3\u6784\u914D\u7F6E\u9879\uFF0C\u5E76\u8BBE\u7F6E\u9ED8\u8BA4\u503C\n    const {\n      theme = 'light',\n      codeChannel,\n      showMemberPrice = true,\n      showDiscount = true,\n      showTags = true,\n      stockDisplayMode,\n      stockThresholdValue,\n      showOriginalPrice = true,\n      secondaryButtonText,\n      primaryButtonText,\n      secondaryButtonFun,\n      primaryButtonFun,\n      isShowTab = true,\n      copy,\n    } = data\n\n    // \u6784\u5EFA copy \u914D\u7F6E\uFF0C\u4F7F\u7528\u4F20\u5165\u7684 copy \u914D\u7F6E\n    const finalCopy: CopyConfig = copy || {}\n\n    // \u6784\u5EFA Context \u503C\n    const contextValue: MediaShelfContextValue = {\n      codeChannel,\n      showMemberPrice,\n      showDiscount,\n      showTags,\n      stockDisplayMode,\n      stockThresholdValue,\n      showOriginalPrice,\n      onLearnMore,\n      onShopNow,\n      onAddToCart,\n      classNames,\n      secondaryButtonText,\n      secondaryButtonFun,\n      primaryButtonText,\n      primaryButtonFun,\n      copy: finalCopy,\n    }\n\n    // \u83B7\u53D6\u8981\u663E\u793A\u7684\u4EA7\u54C1\u6570\u636E\n    const hasTabData = data.productsTab && data.productsTab.length > 0\n    const shouldShowTab = isShowTab && hasTabData\n\n    return (\n      <MediaShelfContext.Provider value={contextValue}>\n        <div\n          ref={boxRef}\n          className={cn(\n            'w-full',\n            {\n              'aiui-dark': theme === 'dark',\n            },\n            className,\n            classNames?.root\n          )}\n          {...props}\n        >\n          {/* \u6807\u9898\u533A\u57DF */}\n          {data.title && (\n            <Heading as=\"h2\" html={data.title} size={4} className={cn('text-info-primary mb-4', classNames?.title)} />\n          )}\n          {data.description && (\n            <Text\n              size={3}\n              as=\"p\"\n              html={data.description}\n              className={cn('text-info-primary mb-6', classNames?.description)}\n            />\n          )}\n\n          {/* \u4EA7\u54C1\u5C55\u793A\u533A\u57DF */}\n\n          <Tabs defaultValue={data.productsTab?.[0]?.id} className=\"w-full\">\n            {shouldShowTab && (\n              <TabsList className=\"mb-6\">\n                {data.productsTab?.map(tab => (\n                  <TabsTrigger key={'tab-' + tab.id} value={tab.id}>\n                    {tab.tab}\n                  </TabsTrigger>\n                ))}\n              </TabsList>\n            )}\n            {shouldShowTab ? (\n              data.productsTab?.map(tab => (\n                <TabsContent key={'tab-content-' + tab.id} value={tab.id}>\n                  <ProductsList products={tab.data} />\n                </TabsContent>\n              ))\n            ) : (\n              <ProductsList products={data.productsCard} />\n            )}\n          </Tabs>\n        </div>\n      </MediaShelfContext.Provider>\n    )\n  }\n)\n\nMediaShelf.displayName = 'MediaShelf'\n\n// \u521B\u5EFA\u590D\u5408\u7EC4\u4EF6\nconst MediaShelfWithProductCard = MediaShelf as MediaShelfComponent\nMediaShelfWithProductCard.ProductCard = ProductCard\n\nexport default MediaShelfWithProductCard\n"],
-  "mappings": "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",
-  "names": ["MediaShelf_exports", "__export", "MediaShelf_default", "useMediaShelfContext", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "import_react", "import_modules", "import_css", "import_navigation", "import_ProductCard", "import_useExposure", "componentType", "componentName", "PrevIcon", "disabled", "NextIcon", "MediaShelfContext", "context", "ProductsList", "products", "className", "ref", "copy", "stockDisplayMode", "stockThresholdValue", "onLearnMore", "onShopNow", "onAddToCart", "classNames", "secondaryButtonText", "primaryButtonText", "secondaryButtonFun", "primaryButtonFun", "showOriginalPrice", "showTags", "id", "nextButtonClass", "prevButtonClass", "swiperState", "setSwiperState", "swiperRef", "equalizeSlideHeights", "swiper", "slide", "heights", "maxHeight", "handleResize", "product", "index", "ProductCard", "MediaShelf", "data", "props", "boxRef", "theme", "codeChannel", "showMemberPrice", "showDiscount", "isShowTab", "contextValue", "hasTabData", "shouldShowTab", "tab", "MediaShelfWithProductCard"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { Text, Heading, Tabs, TabsList, TabsTrigger, TabsContent } from '../../components/index.js'\n\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Navigation } from 'swiper/modules'\n\n// Import Swiper styles\nimport 'swiper/css'\nimport 'swiper/css/navigation'\nimport type {\n  ButtonFunctionType,\n  CopyConfig,\n  ProductCardData,\n  ProductTab,\n  StockDisplayMode,\n  MediaShelfSemanticName,\n} from './types.js'\nimport ProductCard from './ProductCard.js'\nimport { useExposure } from '../../hooks/useExposure.js'\n\nconst componentType = 'shelf'\nconst componentName = 'media_shelf'\n\nconst PrevIcon = ({ disabled }: { disabled: boolean }) => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"text-info-primary laptop:block lg-desktop:size-[56px] hidden size-[40px]\"\n  >\n    <path\n      d=\"M0 28C0 43.464 12.536 56 28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28Z\"\n      fill=\"currentColor\"\n      fillOpacity={disabled ? '0.2' : '0.6'}\n    />\n    <path d=\"M31 22L25 28L31 34\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst NextIcon = ({ disabled }: { disabled: boolean }) => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"text-info-primary laptop:block lg-desktop:size-[56px] hidden size-[40px]\"\n  >\n    <path\n      d=\"M0 28C0 12.536 12.536 0 28 0C43.464 0 56 12.536 56 28C56 43.464 43.464 56 28 56C12.536 56 0 43.464 0 28Z\"\n      fill=\"currentColor\"\n      fillOpacity={disabled ? '0.2' : '0.6'}\n    />\n    <path d=\"M25 22L31 28L25 34\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\n/**\n * Code Channel \u914D\u7F6E - \u6298\u6263\u524D\u7F00\n */\nexport type CodeChannelConfig = string\n\n/**\n * MediaShelf Context \u914D\u7F6E\u63A5\u53E3\n */\nexport interface MediaShelfContextConfig {\n  /** Code Channel \u914D\u7F6E - \u6298\u6263\u524D\u7F00 */\n  codeChannel?: CodeChannelConfig\n  /** \u662F\u5426\u5C55\u793A\u4F1A\u5458\u4EF7\u683C */\n  showMemberPrice?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6298\u6263\u6807\u7B7E */\n  showDiscount?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6807\u7B7E\u7CFB\u7EDF */\n  showTags?: boolean\n  /** \u5E93\u5B58\u5C55\u793A\u6A21\u5F0F */\n  stockDisplayMode?: StockDisplayMode\n  /** \u5E93\u5B58\u9608\u503C\uFF08\u5F53\u6A21\u5F0F\u4E3A below-quantity \u6216 below-percentage \u65F6\u4F7F\u7528\uFF09 */\n  stockThresholdValue?: number\n  /** \u662F\u5426\u5C55\u793A\u539F\u4EF7\uFF08\u5220\u9664\u7EBF\u4EF7\u683C\uFF09 */\n  showOriginalPrice?: boolean\n  /** \u7528\u6237\u72B6\u6001 */\n}\n\n/**\n * MediaShelf Context \u503C\u63A5\u53E3\n */\ninterface MediaShelfContextValue extends MediaShelfContextConfig {\n  /** \u70B9\u51FB\u4E86\u89E3\u66F4\u591A\u56DE\u8C03 */\n  onLearnMore?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u7ACB\u5373\u8D2D\u4E70\u56DE\u8C03 */\n  onShopNow?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u52A0\u5165\u8D2D\u7269\u8F66\u56DE\u8C03 */\n  onAddToCart?: (product: ProductCardData) => void\n  /** \u8BED\u4E49\u5316\u7C7B\u540D */\n  classNames?: Partial<Record<MediaShelfSemanticName, string>>\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  secondaryButtonText?: string\n  secondaryButtonFun?: ButtonFunctionType\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  primaryButtonText?: string\n  primaryButtonFun?: ButtonFunctionType\n  /** \u6587\u6848\u914D\u7F6E */\n  copy: CopyConfig\n}\n\n/**\n * MediaShelf Context\n */\nconst MediaShelfContext = React.createContext<MediaShelfContextValue | null>(null)\n\n/**\n * \u4F7F\u7528 MediaShelf Context \u7684 Hook\n */\nexport const useMediaShelfContext = () => {\n  const context = React.useContext(MediaShelfContext)\n  if (!context) {\n    throw new Error('useMediaShelfContext must be used within an MediaShelfProvider')\n  }\n  return context\n}\n\n/**\n * MediaShelf \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface MediaShelfData {\n  theme?: 'light' | 'dark'\n  /** \u7EC4\u4EF6\u6807\u9898 */\n  title?: string\n  /** \u7EC4\u4EF6\u63CF\u8FF0 */\n  description?: string\n  /** \u5206\u7EC4\u4EA7\u54C1Tab\u5217\u8868 */\n  productsTab?: ProductTab[]\n  /** \u662F\u5426\u663E\u793A Tab\uFF08\u9ED8\u8BA4\uFF1Atrue\uFF09 */\n  isShowTab?: boolean\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  secondaryButtonText?: string\n  secondaryButtonFun: ButtonFunctionType\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  primaryButtonText?: string\n  primaryButtonFun: ButtonFunctionType\n  /** Code Channel \u914D\u7F6E - \u6298\u6263\u524D\u7F00 */\n  codeChannel?: CodeChannelConfig\n  /** \u662F\u5426\u5C55\u793A\u4F1A\u5458\u4EF7\u683C */\n  showMemberPrice?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6298\u6263\u6807\u7B7E */\n  showDiscount?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6807\u7B7E\u7CFB\u7EDF */\n  showTags?: boolean\n  /** \u5E93\u5B58\u5C55\u793A\u6A21\u5F0F */\n  stockDisplayMode?: StockDisplayMode\n  /** \u5E93\u5B58\u9608\u503C\uFF08\u5F53\u6A21\u5F0F\u4E3A below-quantity \u6216 below-percentage \u65F6\u4F7F\u7528\uFF09 */\n  stockThresholdValue?: number\n  /**\n   * \u5E93\u5B58\u6587\u672C\u6A21\u677F\uFF0C\u652F\u6301 {count} \u5360\u4F4D\u7B26\n   */\n  stockDisplayText?: string\n  /** \u662F\u5426\u5C55\u793A\u539F\u4EF7\uFF08\u5220\u9664\u7EBF\u4EF7\u683C\uFF09 */\n  showOriginalPrice?: boolean\n  /** \u6587\u6848\u914D\u7F6E */\n  copy?: CopyConfig\n  /**\n   * \u4EA7\u54C1\u5217\u8868\uFF08\u5F53\u4E0D\u4F7F\u7528 Tab \u5206\u7EC4\u65F6\u53EF\u76F4\u63A5\u4F20\u5165\u4EA7\u54C1\u5217\u8868\uFF09\n   */\n  productsCard: ProductCardData[]\n}\n\nexport interface MediaShelfProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: MediaShelfData\n  /** \u70B9\u51FB\u4E86\u89E3\u66F4\u591A\u56DE\u8C03 */\n  onLearnMore?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u7ACB\u5373\u8D2D\u4E70\u56DE\u8C03 */\n  onShopNow?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u52A0\u5165\u8D2D\u7269\u8F66\u56DE\u8C03 */\n  onAddToCart?: (product: ProductCardData) => void\n  /** \u8BED\u4E49\u5316\u7C7B\u540D */\n  classNames?: Partial<Record<MediaShelfSemanticName, string>>\n}\n\n/**\n * MediaShelf \u590D\u5408\u7EC4\u4EF6\u7C7B\u578B\u5B9A\u4E49\n */\nexport interface MediaShelfComponent extends React.ForwardRefExoticComponent<\n  MediaShelfProps & React.RefAttributes<HTMLDivElement>\n> {\n  /** \u72EC\u7ACB\u7684 ProductCard \u7EC4\u4EF6 */\n  ProductCard: typeof ProductCard\n}\n\n/**\n * \u4EA7\u54C1\u5217\u8868\u7EC4\u4EF6 - \u4F7F\u7528 Swiper \u6A2A\u5411\u6ED1\u52A8\u5E03\u5C40\n */\nconst ProductsList = React.forwardRef<\n  HTMLDivElement,\n  {\n    products: ProductCardData[]\n    className?: string\n  }\n>(({ products, className }, ref) => {\n  const {\n    copy,\n    stockDisplayMode,\n    stockThresholdValue,\n    onLearnMore,\n    onShopNow,\n    onAddToCart,\n    classNames,\n    secondaryButtonText,\n    primaryButtonText,\n    secondaryButtonFun,\n    primaryButtonFun,\n    showOriginalPrice,\n    showTags,\n  } = useMediaShelfContext()\n  // \u751F\u6210\u552F\u4E00 ID\uFF0C\u79FB\u9664\u7279\u6B8A\u5B57\u7B26\u4EE5\u786E\u4FDD\u53EF\u7528\u4E8E CSS \u9009\u62E9\u5668\n  const id = React.useId().replace(/:/g, '')\n  // \u9884\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u9009\u62E9\u5668\uFF0C\u907F\u514D\u591A\u6B21\u62FC\u63A5\n  const nextButtonClass = `swiper-button-next-custom-${id}`\n  const prevButtonClass = `swiper-button-prev-custom-${id}`\n\n  // Swiper \u5BFC\u822A\u72B6\u6001\n  const [swiperState, setSwiperState] = React.useState({\n    isBeginning: true,\n    isEnd: false,\n  })\n\n  // Swiper \u5B9E\u4F8B\u5F15\u7528\n  const swiperRef = React.useRef<any>(null)\n\n  // \u8BA1\u7B97\u5E76\u8BBE\u7F6E\u6240\u6709 slide \u4E3A\u6700\u9AD8\u9AD8\u5EA6\n  const equalizeSlideHeights = React.useCallback(() => {\n    const swiper = swiperRef.current\n    if (!swiper?.slides || swiper.slides.length === 0) return\n\n    // \u5148\u91CD\u7F6E\u6240\u6709 slide \u9AD8\u5EA6\u4EE5\u83B7\u53D6\u771F\u5B9E\u5185\u5BB9\u9AD8\u5EA6\n    swiper.slides.forEach((slide: HTMLElement) => {\n      slide.style.height = 'auto'\n    })\n\n    // \u8BA1\u7B97\u6700\u5927\u9AD8\u5EA6\n    // @ts-ignore\n    const heights = Array.from(swiper.slides).map((slide: HTMLElement) => slide.scrollHeight)\n    const maxHeight = Math.max(...heights)\n\n    // \u8BBE\u7F6E\u6240\u6709 slide \u4E3A\u6700\u5927\u9AD8\u5EA6\n    if (maxHeight > 0) {\n      swiper.slides.forEach((slide: HTMLElement) => {\n        slide.style.height = `${maxHeight}px`\n      })\n    }\n  }, [])\n\n  // \u76D1\u542C\u7A97\u53E3 resize \u91CD\u65B0\u8BA1\u7B97\u9AD8\u5EA6\n  React.useEffect(() => {\n    const handleResize = () => {\n      // \u4F7F\u7528 requestAnimationFrame \u786E\u4FDD DOM \u66F4\u65B0\u5B8C\u6210\n      requestAnimationFrame(equalizeSlideHeights)\n    }\n\n    window.addEventListener('resize', handleResize)\n    return () => window.removeEventListener('resize', handleResize)\n  }, [equalizeSlideHeights])\n\n  if (products?.length === 0) {\n    return null\n  }\n\n  return (\n    <div ref={ref} className={className}>\n      {/* Swiper \u6A2A\u5411\u6ED1\u52A8\u5E03\u5C40 */}\n      <div className=\"relative\">\n        <Swiper\n          modules={[Navigation]}\n          spaceBetween={16}\n          slidesPerView=\"auto\"\n          navigation={{\n            nextEl: `.${nextButtonClass}`,\n            prevEl: `.${prevButtonClass}`,\n          }}\n          onSwiper={swiper => {\n            swiperRef.current = swiper\n            setSwiperState({\n              isBeginning: swiper.isBeginning,\n              isEnd: swiper.isEnd,\n            })\n            // \u5EF6\u8FDF\u6267\u884C\u4EE5\u786E\u4FDD\u5185\u5BB9\u6E32\u67D3\u5B8C\u6210\n            setTimeout(equalizeSlideHeights, 100)\n          }}\n          onSlideChange={swiper => {\n            setSwiperState({\n              isBeginning: swiper.isBeginning,\n              isEnd: swiper.isEnd,\n            })\n          }}\n          className=\"!overflow-visible\"\n          breakpoints={{\n            0: {\n              spaceBetween: 12,\n              slidesPerView: 1.2,\n            },\n            768: {\n              spaceBetween: 12,\n              slidesPerView: products.length <= 2 ? 2 : 2.3,\n            },\n            1024: {\n              spaceBetween: 16,\n              slidesPerView: Math.min(3, products.length),\n            },\n          }}\n        >\n          {products.map((product, index) => (\n            <SwiperSlide\n              key={product.shopify_id + '-' + product.sku || index}\n              className=\"tablet:!max-w-[50%] overflow-hidden\"\n            >\n              <ProductCard\n                product={product}\n                className=\"box-border w-full max-w-full\"\n                stockDisplayMode={stockDisplayMode}\n                stockThresholdValue={stockThresholdValue}\n                onLearnMore={onLearnMore}\n                onShopNow={onShopNow}\n                onAddToCart={onAddToCart}\n                classNames={classNames}\n                secondaryButtonText={secondaryButtonText}\n                primaryButtonText={primaryButtonText}\n                secondaryButtonFun={secondaryButtonFun}\n                primaryButtonFun={primaryButtonFun}\n                showOriginalPrice={showOriginalPrice}\n                copy={copy}\n                showTags={showTags}\n              />\n            </SwiperSlide>\n          ))}\n        </Swiper>\n\n        {/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE */}\n        <button\n          className={cn(`${prevButtonClass} tablet:block absolute left-4 top-1/2 z-10 hidden -translate-y-1/2`, {\n            'tablet:hidden': products.length <= 2,\n            'laptop:hidden': products.length <= 3,\n          })}\n          aria-label={copy?.previousSlideLabel}\n          disabled={swiperState.isBeginning}\n        >\n          <PrevIcon disabled={swiperState.isBeginning} />\n        </button>\n        <button\n          className={cn(`${nextButtonClass} tablet:block absolute right-4 top-1/2 z-10 hidden -translate-y-1/2`, {\n            'tablet:hidden': products.length <= 2,\n            'laptop:hidden': products.length <= 3,\n          })}\n          aria-label={copy?.nextSlideLabel}\n          disabled={swiperState.isEnd}\n        >\n          <NextIcon disabled={swiperState.isEnd} />\n        </button>\n      </div>\n    </div>\n  )\n})\n\nProductsList.displayName = 'ProductsList'\n\n/**\n * MediaShelf - \u5A92\u4F53\u8D27\u67B6\n *\n * @description \u80FD\u591F\u5B9E\u65F6\u663E\u793A\u5546\u54C1\u5E93\u5B58\u4FE1\u606F\u548C\u4F1A\u5458\u4EF7\u7684\u8D27\u67B6\uFF0C\u652F\u6301\u54CD\u5E94\u5F0F\u5E03\u5C40\u548C\u591A\u79CD\u914D\u7F6E\u9009\u9879\n */\nconst MediaShelf = React.forwardRef<HTMLDivElement, MediaShelfProps>(\n  ({ className, data, onLearnMore, onShopNow, onAddToCart, classNames, ...props }, ref) => {\n    const boxRef = React.useRef<HTMLDivElement>(null)\n\n    useExposure(boxRef, {\n      componentType,\n      componentName,\n      componentTitle: data.title,\n      componentDescription: data.description,\n    })\n\n    React.useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n    // \u4ECE data \u4E2D\u89E3\u6784\u914D\u7F6E\u9879\uFF0C\u5E76\u8BBE\u7F6E\u9ED8\u8BA4\u503C\n    const {\n      theme = 'light',\n      codeChannel,\n      showMemberPrice = true,\n      showDiscount = true,\n      showTags = true,\n      stockDisplayMode,\n      stockThresholdValue,\n      showOriginalPrice = true,\n      secondaryButtonText,\n      primaryButtonText,\n      secondaryButtonFun,\n      primaryButtonFun,\n      isShowTab = true,\n      copy,\n    } = data\n\n    // \u6784\u5EFA copy \u914D\u7F6E\uFF0C\u4F7F\u7528\u4F20\u5165\u7684 copy \u914D\u7F6E\n    const finalCopy: CopyConfig = copy || {}\n\n    // \u6784\u5EFA Context \u503C\n    const contextValue: MediaShelfContextValue = {\n      codeChannel,\n      showMemberPrice,\n      showDiscount,\n      showTags,\n      stockDisplayMode,\n      stockThresholdValue,\n      showOriginalPrice,\n      onLearnMore,\n      onShopNow,\n      onAddToCart,\n      classNames,\n      secondaryButtonText,\n      secondaryButtonFun,\n      primaryButtonText,\n      primaryButtonFun,\n      copy: finalCopy,\n    }\n\n    // \u83B7\u53D6\u8981\u663E\u793A\u7684\u4EA7\u54C1\u6570\u636E\n    const hasTabData = data.productsTab && data.productsTab.length > 0\n    const shouldShowTab = isShowTab && hasTabData\n\n    return (\n      <MediaShelfContext.Provider value={contextValue}>\n        <div\n          ref={boxRef}\n          className={cn(\n            'w-full',\n            {\n              'aiui-dark': theme === 'dark',\n            },\n            className,\n            classNames?.root\n          )}\n          {...props}\n        >\n          {/* \u6807\u9898\u533A\u57DF */}\n          {data.title && (\n            <Heading as=\"h2\" html={data.title} size={4} className={cn('text-info-primary mb-4', classNames?.title)} />\n          )}\n          {data.description && (\n            <Text\n              size={3}\n              as=\"p\"\n              html={data.description}\n              className={cn('text-info-primary mb-6', classNames?.description)}\n            />\n          )}\n\n          {/* \u4EA7\u54C1\u5C55\u793A\u533A\u57DF */}\n\n          <Tabs defaultValue={data.productsTab?.[0]?.id} className=\"w-full\">\n            {shouldShowTab && (\n              <TabsList className=\"mb-6\">\n                {data.productsTab?.map(tab => (\n                  <TabsTrigger key={'tab-' + tab.id} value={tab.id}>\n                    {tab.tab}\n                  </TabsTrigger>\n                ))}\n              </TabsList>\n            )}\n            {shouldShowTab ? (\n              data.productsTab?.map(tab => (\n                <TabsContent key={'tab-content-' + tab.id} value={tab.id}>\n                  <ProductsList products={tab.data} />\n                </TabsContent>\n              ))\n            ) : (\n              <ProductsList products={data.productsCard} />\n            )}\n          </Tabs>\n        </div>\n      </MediaShelfContext.Provider>\n    )\n  }\n)\n\nMediaShelf.displayName = 'MediaShelf'\n\n// \u521B\u5EFA\u590D\u5408\u7EC4\u4EF6\nconst MediaShelfWithProductCard = MediaShelf as MediaShelfComponent\nMediaShelfWithProductCard.ProductCard = ProductCard\n\nconst MediaShelfWrapped = withLayout(MediaShelfWithProductCard)\n\nexport default MediaShelfWrapped\n"],
+  "mappings": "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",
+  "names": ["MediaShelf_exports", "__export", "MediaShelf_default", "useMediaShelfContext", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_Styles", "import_components", "import_react", "import_modules", "import_css", "import_navigation", "import_ProductCard", "import_useExposure", "componentType", "componentName", "PrevIcon", "disabled", "NextIcon", "MediaShelfContext", "context", "ProductsList", "products", "className", "ref", "copy", "stockDisplayMode", "stockThresholdValue", "onLearnMore", "onShopNow", "onAddToCart", "classNames", "secondaryButtonText", "primaryButtonText", "secondaryButtonFun", "primaryButtonFun", "showOriginalPrice", "showTags", "id", "nextButtonClass", "prevButtonClass", "swiperState", "setSwiperState", "swiperRef", "equalizeSlideHeights", "swiper", "slide", "heights", "maxHeight", "handleResize", "product", "index", "ProductCard", "MediaShelf", "data", "props", "boxRef", "theme", "codeChannel", "showMemberPrice", "showDiscount", "isShowTab", "contextValue", "hasTabData", "shouldShowTab", "tab", "MediaShelfWithProductCard", "MediaShelfWrapped"]
 }

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

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

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

@@ -1,4 +1,19 @@
-import type { MultiLayoutGraphicBlockProps } from './types';
-declare const _default: any;
+import React from 'react';
+import type { MultiLayoutGraphicBlockProps, Item } from './types';
+declare const _default: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement> & {
+    onSecondaryButtonClick?: () => void;
+    onPrimaryButtonClick?: () => void;
+    data: {
+        shape?: import("../../types/props").Shape;
+        sectionTitle?: string;
+        groupByTab?: boolean;
+        items: ({
+            width?: "full" | "half" | "one-third";
+        } & Item)[];
+        carousel?: {
+            items: Item[];
+        };
+    };
+} & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;
 export type { MultiLayoutGraphicBlockProps };

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

@@ -1,3 +1,4 @@
+import type { NavigationSearchProps } from './types.js';
 export declare const canSearch: (target: any) => boolean;
-declare const _default: any;
+declare const _default: import("react").ForwardRefExoticComponent<Omit<NavigationSearchProps & import("react").RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;

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

@@ -44,5 +44,5 @@ export interface ProductCompareProps extends React.HTMLAttributes<HTMLElement> {
         theme?: Theme;
     };
 }
-declare const _default: any;
+declare const _default: import("react").ForwardRefExoticComponent<Omit<ProductCompareProps, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & import("react").RefAttributes<unknown>>;
 export default _default;

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

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

package/dist/cjs/biz-components/ProductLottery/MediaDrawArea.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { MediaDrawAreaProps } from './types.js';
+export declare const MediaDrawArea: React.FC<MediaDrawAreaProps>;
+export default MediaDrawArea;

package/dist/cjs/biz-components/ProductLottery/MediaDrawArea.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var p=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var g=(e,o)=>{for(var s in o)p(e,s,{get:o[s],enumerable:!0})},y=(e,o,s,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of f(o))!m.call(e,i)&&i!==s&&p(e,i,{get:()=>o[i],enumerable:!(r=b(o,i))||r.enumerable});return e};var v=e=>y(p({},"__esModule",{value:!0}),e);var C={};g(C,{MediaDrawArea:()=>c,default:()=>N});module.exports=v(C);var t=require("react/jsx-runtime"),R=require("react"),a=require("../../helpers/index.js"),z=require("./types.js");const n={tablet:"(min-width: 768px)",laptop:"(min-width: 1025px)",desktop:"(min-width: 1440px)",lgDesktop:"(min-width: 1920px)"};function h(e){return typeof e=="object"&&"default"in e}function k(e){return typeof e.src=="string"?e.src:e.src.default}const x=({media:e,className:o})=>{const s=e.alt||"Product Lottery";if(!h(e.src))return(0,t.jsx)("img",{src:e.src,alt:s,className:(0,a.cn)("size-full object-contain",o),loading:"lazy"});const r=e.src;return(0,t.jsxs)("picture",{children:[r.lgDesktop&&(0,t.jsx)("source",{media:n.lgDesktop,srcSet:r.lgDesktop}),r.desktop&&(0,t.jsx)("source",{media:n.desktop,srcSet:r.desktop}),r.laptop&&(0,t.jsx)("source",{media:n.laptop,srcSet:r.laptop}),r.tablet&&(0,t.jsx)("source",{media:n.tablet,srcSet:r.tablet}),(0,t.jsx)("img",{src:r.default,alt:s,className:(0,a.cn)("size-full object-cover",o),loading:"lazy"})]})},w=({media:e,className:o})=>{const s=k(e);return(0,t.jsx)("video",{src:s,poster:e.poster,autoPlay:e.autoPlay??!0,muted:e.muted??!0,loop:e.loop??!0,playsInline:!0,className:(0,a.cn)("size-full object-cover",o),"aria-label":e.alt||"Product Lottery Video"})},M={primary:(0,a.cn)("bg-btn-primary text-btn-primary-foreground","shadow-lg"),secondary:(0,a.cn)("bg-[#1D1D1F] text-white","shadow-lg hover:bg-[#1D1D1F]/90"),outline:(0,a.cn)("border-2 border-white bg-transparent text-white","hover:bg-white/10")},c=({media:e,ctaButton:o,isDrawing:s=!1,isDisabled:r=!1,onClick:i,className:d})=>{const l=o?.text??"",u=o?.style||"primary";return(0,t.jsxs)("div",{className:(0,a.cn)("media-draw-area","size-full overflow-hidden",d),children:[(0,t.jsx)("div",{className:"absolute inset-0",children:e.type==="video"?(0,t.jsx)(w,{media:e}):(0,t.jsx)(x,{media:e})}),(0,t.jsx)("button",{type:"button",onClick:i,disabled:r||s,className:(0,a.cn)("absolute inset-0 z-10 flex cursor-pointer items-end justify-center","tablet:pb-5 laptop:pb-6 desktop:pb-8 lg-desktop:pb-10 pb-4","disabled:cursor-not-allowed","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60 focus-visible:ring-offset-2"),"aria-label":s?"Drawing in progress...":l,"aria-busy":s,children:l&&(0,t.jsxs)("span",{className:(0,a.cn)("inline-flex items-center justify-center gap-2","rounded-btn px-6 py-2.5","text-sm font-semibold","laptop:px-8 laptop:py-3 laptop:text-base","desktop:px-10 desktop:py-3.5","transition-all duration-200","hover:scale-105 active:scale-95",M[u],s&&"pointer-events-none opacity-80",r&&"pointer-events-none opacity-50"),children:[s&&(0,t.jsxs)("svg",{className:"size-4 animate-spin",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[(0,t.jsx)("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",className:"opacity-25"}),(0,t.jsx)("path",{d:"M4 12a8 8 0 018-8",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",className:"opacity-75"})]}),l]})})]})};c.displayName="MediaDrawArea";var N=c;
+//# sourceMappingURL=MediaDrawArea.js.map

package/dist/cjs/biz-components/ProductLottery/MediaDrawArea.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/ProductLottery/MediaDrawArea.tsx"],
+  "sourcesContent": ["'use client'\n\nimport React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport type { MediaDrawAreaProps, MediaConfig, ResponsiveMedia } from './types.js'\nimport { DEFAULT_CTA_BUTTON } from './types.js'\n\nconst BREAKPOINTS = {\n  tablet: '(min-width: 768px)',\n  laptop: '(min-width: 1025px)',\n  desktop: '(min-width: 1440px)',\n  lgDesktop: '(min-width: 1920px)',\n} as const\n\nfunction isResponsiveMedia(src: string | ResponsiveMedia): src is ResponsiveMedia {\n  return typeof src === 'object' && 'default' in src\n}\n\nfunction getDefaultSrc(media: MediaConfig): string {\n  if (typeof media.src === 'string') return media.src\n  return media.src.default\n}\n\nconst ResponsiveImage: React.FC<{\n  media: MediaConfig\n  className?: string\n}> = ({ media, className }) => {\n  const alt = media.alt || 'Product Lottery'\n\n  if (!isResponsiveMedia(media.src)) {\n    return <img src={media.src} alt={alt} className={cn('size-full object-contain', className)} loading=\"lazy\" />\n  }\n\n  const responsive = media.src\n\n  return (\n    <picture>\n      {responsive.lgDesktop && <source media={BREAKPOINTS.lgDesktop} srcSet={responsive.lgDesktop} />}\n      {responsive.desktop && <source media={BREAKPOINTS.desktop} srcSet={responsive.desktop} />}\n      {responsive.laptop && <source media={BREAKPOINTS.laptop} srcSet={responsive.laptop} />}\n      {responsive.tablet && <source media={BREAKPOINTS.tablet} srcSet={responsive.tablet} />}\n      <img src={responsive.default} alt={alt} className={cn('size-full object-cover', className)} loading=\"lazy\" />\n    </picture>\n  )\n}\n\nconst VideoMedia: React.FC<{\n  media: MediaConfig\n  className?: string\n}> = ({ media, className }) => {\n  const src = getDefaultSrc(media)\n\n  return (\n    <video\n      src={src}\n      poster={media.poster}\n      autoPlay={media.autoPlay ?? true}\n      muted={media.muted ?? true}\n      loop={media.loop ?? true}\n      playsInline\n      className={cn('size-full object-cover', className)}\n      aria-label={media.alt || 'Product Lottery Video'}\n    />\n  )\n}\n\nconst CTA_STYLE_MAP = {\n  primary: cn('bg-btn-primary text-btn-primary-foreground', 'shadow-lg'),\n  secondary: cn('bg-[#1D1D1F] text-white', 'shadow-lg hover:bg-[#1D1D1F]/90'),\n  outline: cn('border-2 border-white bg-transparent text-white', 'hover:bg-white/10'),\n} as const\n\nexport const MediaDrawArea: React.FC<MediaDrawAreaProps> = ({\n  media,\n  ctaButton,\n  isDrawing = false,\n  isDisabled = false,\n  onClick,\n  className,\n}) => {\n  const buttonText = ctaButton?.text ?? ''\n  const buttonStyle = ctaButton?.style || 'primary'\n\n  return (\n    <div className={cn('media-draw-area', 'size-full overflow-hidden', className)}>\n      {/* Media Layer */}\n      <div className=\"absolute inset-0\">\n        {media.type === 'video' ? <VideoMedia media={media} /> : <ResponsiveImage media={media} />}\n      </div>\n\n      {/* Clickable overlay \u2014 entire area triggers draw */}\n      <button\n        type=\"button\"\n        onClick={onClick}\n        disabled={isDisabled || isDrawing}\n        className={cn(\n          'absolute inset-0 z-10 flex cursor-pointer items-end justify-center',\n          'tablet:pb-5 laptop:pb-6 desktop:pb-8 lg-desktop:pb-10 pb-4',\n          'disabled:cursor-not-allowed',\n          'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60 focus-visible:ring-offset-2'\n        )}\n        aria-label={isDrawing ? 'Drawing in progress...' : buttonText}\n        aria-busy={isDrawing}\n      >\n        {/* CTA Button visual \u2014 hidden when no text configured */}\n        {buttonText && (\n          <span\n            className={cn(\n              'inline-flex items-center justify-center gap-2',\n              'rounded-btn px-6 py-2.5',\n              'text-sm font-semibold',\n              'laptop:px-8 laptop:py-3 laptop:text-base',\n              'desktop:px-10 desktop:py-3.5',\n              'transition-all duration-200',\n              'hover:scale-105 active:scale-95',\n              CTA_STYLE_MAP[buttonStyle],\n              isDrawing && 'pointer-events-none opacity-80',\n              isDisabled && 'pointer-events-none opacity-50'\n            )}\n          >\n            {isDrawing && (\n              <svg className=\"size-4 animate-spin\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <circle\n                  cx=\"12\"\n                  cy=\"12\"\n                  r=\"10\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"3\"\n                  strokeLinecap=\"round\"\n                  className=\"opacity-25\"\n                />\n                <path\n                  d=\"M4 12a8 8 0 018-8\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"3\"\n                  strokeLinecap=\"round\"\n                  className=\"opacity-75\"\n                />\n              </svg>\n            )}\n            {buttonText}\n          </span>\n        )}\n      </button>\n    </div>\n  )\n}\n\nMediaDrawArea.displayName = 'MediaDrawArea'\n\nexport default MediaDrawArea\n"],
+  "mappings": "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",
+  "names": ["MediaDrawArea_exports", "__export", "MediaDrawArea", "MediaDrawArea_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_helpers", "import_types", "BREAKPOINTS", "isResponsiveMedia", "src", "getDefaultSrc", "media", "ResponsiveImage", "className", "alt", "responsive", "VideoMedia", "CTA_STYLE_MAP", "ctaButton", "isDrawing", "isDisabled", "onClick", "buttonText", "buttonStyle"]
+}

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

@@ -0,0 +1,17 @@
+import type { ProductLotteryProps, ProductLotteryHandle } from './types.js';
+export declare const ProductLottery: import("react").ForwardRefExoticComponent<ProductLotteryProps & import("react").RefAttributes<ProductLotteryHandle>>;
+declare const _default: import("react").ForwardRefExoticComponent<Omit<ProductLotteryProps & import("react").RefAttributes<ProductLotteryHandle>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & import("react").RefAttributes<ProductLotteryHandle>>;
+export default _default;
+export { WinnerModal } from '../LotteryShared/WinnerModal.js';
+export { RulesModal } from '../LotteryShared/RulesModal.js';
+export { MyRewardsModal } from '../LotteryShared/MyRewardsModal.js';
+export { ErrorModal } from '../LotteryShared/ErrorModal.js';
+export { ShareModal } from '../LotteryShared/ShareModal.js';
+export { BaseModal } from '../LotteryShared/BaseModal.js';
+export type { ProductLotteryProps, ProductLotteryHandle, MediaConfig, CtaButtonConfig, ResponsiveMedia, MediaDrawAreaProps, } from './types.js';
+export type { Prize, ChanceMethod, ChanceMethodStatus, WinningInfo, PrizePoolProps, ChanceMethodsProps, WinnerModalProps, WinnerModalConfig, UserData, ShareModalConfig, SocialPlatform, SharePlatformConfig, } from '../LotteryShared/types.js';
+export type { RulesModalProps, RuleItem } from '../LotteryShared/RulesModal.js';
+export type { MyRewardsModalProps, Reward, RewardStatus } from '../LotteryShared/MyRewardsModal.js';
+export type { ErrorModalProps } from '../LotteryShared/ErrorModal.js';
+export type { ShareModalProps } from '../LotteryShared/ShareModal.js';
+export type { BaseModalProps } from '../LotteryShared/BaseModal.js';