@anker-in/headless-ui 1.3.21 → 1.3.22-alpha.1781754422536

package/dist/cjs/biz-components/HeaderNavigation/withCategory.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeaderNavigation/withCategory.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react'\n\nexport function WithSidebar<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  // \u4FA7\u8FB9\u680F\u5206\u7C7B\u5143\u6570\u636E\n  const sidebarCategoriesMetadata = useMemo(() => {\n    let categoriesMetadata = null\n    try {\n      categoriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.sidebar?.categoriesMetadata || '{}')\n    } catch (error) {\n      console.log('categoriesMetadata Parse error', error)\n    }\n    return categoriesMetadata\n  }, [categoriesItem])\n\n  // \u4FA7\u8FB9\u680F\u7CFB\u5217\u5143\u6570\u636E\n  const seriesMetadata = useMemo(() => {\n    let seriesMetadata = null\n    try {\n      seriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.sidebar?.seriesMetadata || '[]')\n    } catch (error) {\n      console.log('seriesMetadata Parse error', error)\n    }\n    return seriesMetadata\n  }, [categoriesItem])\n\n  const withSidebarDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        seriesMetadata={seriesMetadata}\n        sidebarCategoriesMetadata={sidebarCategoriesMetadata}\n      />\n    )\n  })\n\n  withSidebarDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithSidebarDropdown'\n  return withSidebarDropdown\n}\n\nexport function WithSupports<P extends object>(\n  WrappedComponent: React.ComponentType<any>,\n  { categoriesItem, currentNavItemRef }: { categoriesItem: any; currentNavItemRef?: any; onMouseLeave?: () => void }\n) {\n  const supportsMetadata = useMemo(() => {\n    return categoriesItem?.components?.[0]?.supports\n  }, [categoriesItem])\n\n  const supportsDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        supportsMetadata={supportsMetadata}\n        currentNavItemRef={currentNavItemRef}\n        ref={ref}\n      />\n    )\n  })\n\n  supportsDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithSupportsDropdown'\n  return supportsDropdown\n}\n\nexport function WithMulticol<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  const showStatsBanner = categoriesItem?.components?.[0]?.showStatsBanner\n  const statsBannerData = categoriesItem?.components?.[0]?.statsBanner?.[0]\n  const multicolMetadata = useMemo(() => {\n    try {\n      return JSON.parse(categoriesItem?.components?.[0]?.multicol?.multicolMetadata || '{}')\n    } catch (error) {\n      console.log('multicolMetadata Parse error', error)\n    }\n    return null\n  }, [categoriesItem])\n  const multicolDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        multicolMetadata={multicolMetadata}\n        showStatsBanner={showStatsBanner}\n        statsBannerData={statsBannerData}\n      />\n    )\n  })\n\n  multicolDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithMulticolDropdown'\n  return multicolDropdown\n}\n\nexport function WithResource<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  // \u8D44\u6E90\u4F4D\u5206\u7C7B\u5143\u6570\u636E\n  const resourceCategoriesMetadata = useMemo(() => {\n    let categoriesMetadata = null\n    try {\n      categoriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.resource?.categoriesMetadata || '{}')\n    } catch (error) {\n      console.log('resourceCategoriesMetadata Parse error', error)\n    }\n    return categoriesMetadata\n  }, [categoriesItem])\n\n  // \u8D44\u6E90\u4F4D\u5143\u6570\u636E\n  const resourcesMetadata = useMemo(() => {\n    let resourcesMetadata = null\n    try {\n      resourcesMetadata = JSON.parse(categoriesItem?.components?.[0]?.resource?.resourceMetadata || '[]')\n    } catch (error) {\n      console.log('resourcesMetadata Parse error', error)\n    }\n    return resourcesMetadata\n  }, [categoriesItem])\n\n  const withResourceDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        resourcesMetadata={resourcesMetadata}\n        resourceCategoriesMetadata={resourceCategoriesMetadata}\n      />\n    )\n  })\n\n  withResourceDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithResourceDropdown'\n  return withResourceDropdown\n}\n\nexport function WithGroupCategory(categories: any) {\n  if (!categories) return [[]]\n  return Object.values(\n    categories?.reduce((acc: any, item: any) => {\n      if (!acc[item.group]) {\n        acc[item.group] = []\n      }\n      acc[item.group].push(item)\n      return acc\n    }, {})\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["withCategory_exports", "__export", "WithGroupCategory", "WithMulticol", "WithResource", "WithSidebar", "WithSupports", "__toCommonJS", "import_jsx_runtime", "import_react", "WrappedComponent", "categoriesItem", "sidebarCategoriesMetadata", "categoriesMetadata", "error", "seriesMetadata", "withSidebarDropdown", "React", "props", "ref", "currentNavItemRef", "supportsMetadata", "supportsDropdown", "showStatsBanner", "statsBannerData", "multicolMetadata", "multicolDropdown", "resourceCategoriesMetadata", "resourcesMetadata", "withResourceDropdown", "categories", "acc", "item"]
+  "sourcesContent": ["import React, { useMemo } from 'react'\n\nexport function WithSidebar<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  // \u4FA7\u8FB9\u680F\u5206\u7C7B\u5143\u6570\u636E\n  const sidebarCategoriesMetadata = useMemo(() => {\n    let categoriesMetadata = null\n    try {\n      categoriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.sidebar?.categoriesMetadata || '{}')\n    } catch (error) {\n      console.log('categoriesMetadata Parse error', error)\n    }\n    return categoriesMetadata\n  }, [categoriesItem])\n\n  // \u4FA7\u8FB9\u680F\u7CFB\u5217\u5143\u6570\u636E\n  const seriesMetadata = useMemo(() => {\n    let seriesMetadata = null\n    try {\n      seriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.sidebar?.seriesMetadata || '[]')\n    } catch (error) {\n      console.log('seriesMetadata Parse error', error)\n    }\n    return seriesMetadata\n  }, [categoriesItem])\n\n  const withSidebarDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        seriesMetadata={seriesMetadata}\n        sidebarCategoriesMetadata={sidebarCategoriesMetadata}\n      />\n    )\n  })\n\n  withSidebarDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithSidebarDropdown'\n  return withSidebarDropdown\n}\n\nexport function WithSupports<P extends object>(\n  WrappedComponent: React.ComponentType<any>,\n  { categoriesItem, currentNavItemRef }: { categoriesItem: any; currentNavItemRef?: any; onMouseLeave?: () => void }\n) {\n  const supportsMetadata = useMemo(() => {\n    return categoriesItem?.components?.[0]?.supports\n  }, [categoriesItem])\n\n  const supportsDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        supportsMetadata={supportsMetadata}\n        currentNavItemRef={currentNavItemRef}\n        ref={ref}\n      />\n    )\n  })\n\n  supportsDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithSupportsDropdown'\n  return supportsDropdown\n}\n\nexport function WithMulticol<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  const showStatsBanner = categoriesItem?.components?.[0]?.showStatsBanner\n  const statsBannerData = categoriesItem?.components?.[0]?.statsBanner?.[0]\n  const multicolMetadata = useMemo(() => {\n    try {\n      return JSON.parse(categoriesItem?.components?.[0]?.multicol?.multicolMetadata || '{}')\n    } catch (error) {\n      console.log('multicolMetadata Parse error', error)\n    }\n    return null\n  }, [categoriesItem])\n  const multicolDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        multicolMetadata={multicolMetadata}\n        showStatsBanner={showStatsBanner}\n        statsBannerData={statsBannerData}\n      />\n    )\n  })\n\n  multicolDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithMulticolDropdown'\n  return multicolDropdown\n}\n\nexport function WithResource<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  // \u8D44\u6E90\u4F4D\u5206\u7C7B\u5143\u6570\u636E\n  const resourceCategoriesMetadata = useMemo(() => {\n    let categoriesMetadata = null\n    try {\n      categoriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.resource?.categoriesMetadata || '{}')\n    } catch (error) {\n      console.log('resourceCategoriesMetadata Parse error', error)\n    }\n    return categoriesMetadata\n  }, [categoriesItem])\n\n  // \u8D44\u6E90\u4F4D\u5143\u6570\u636E\n  const resourcesMetadata = useMemo(() => {\n    let resourcesMetadata = null\n    try {\n      resourcesMetadata = JSON.parse(categoriesItem?.components?.[0]?.resource?.resourceMetadata || '[]')\n    } catch (error) {\n      console.log('resourcesMetadata Parse error', error)\n    }\n    return resourcesMetadata\n  }, [categoriesItem])\n\n  const withResourceDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        resourcesMetadata={resourcesMetadata}\n        resourceCategoriesMetadata={resourceCategoriesMetadata}\n      />\n    )\n  })\n\n  withResourceDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithResourceDropdown'\n  return withResourceDropdown\n}\n\nexport function WithGroupCategory(categories: any) {\n  if (!categories) return [[]]\n  return Object.values(\n    categories?.reduce((acc: any, item: any) => {\n      if (!acc[item.group]) {\n        acc[item.group] = []\n      }\n      acc[item.group].push(item)\n      return acc\n    }, {})\n  )\n}\n\nexport function WithTextLinks<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  // textlinks \u5206\u7C7B\u5143\u6570\u636E\uFF08\u5DE6\u4FA7\u6298\u53E0\u5BFC\u822A\uFF09\n  const textlinksCategoriesMetadata = useMemo(() => {\n    let categoriesMetadata = null\n    try {\n      categoriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.textlinks?.categoriesMetadata || '{}')\n    } catch (error) {\n      console.log('textlinksCategoriesMetadata Parse error', error)\n    }\n    return categoriesMetadata\n  }, [categoriesItem])\n\n  // textlinks \u5217\u6570\u636E\uFF08\u53F3\u4FA7\u591A\u5217\u6587\u5B57\u94FE\u63A5\uFF09\n  const textlinksColumnsMetadata = useMemo(() => {\n    let columnsMetadata = null\n    try {\n      columnsMetadata = JSON.parse(categoriesItem?.components?.[0]?.textlinks?.columnsMetadata || '[]')\n    } catch (error) {\n      console.log('textlinksColumnsMetadata Parse error', error)\n    }\n    return columnsMetadata\n  }, [categoriesItem])\n\n  const withTextLinksDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        textlinksCategoriesMetadata={textlinksCategoriesMetadata}\n        textlinksColumnsMetadata={textlinksColumnsMetadata}\n      />\n    )\n  })\n\n  withTextLinksDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithTextLinksDropdown'\n  return withTextLinksDropdown\n}\n"],
+  "mappings": "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",
+  "names": ["withCategory_exports", "__export", "WithGroupCategory", "WithMulticol", "WithResource", "WithSidebar", "WithSupports", "WithTextLinks", "__toCommonJS", "import_jsx_runtime", "import_react", "WrappedComponent", "categoriesItem", "sidebarCategoriesMetadata", "categoriesMetadata", "error", "seriesMetadata", "withSidebarDropdown", "React", "props", "ref", "currentNavItemRef", "supportsMetadata", "supportsDropdown", "showStatsBanner", "statsBannerData", "multicolMetadata", "multicolDropdown", "resourceCategoriesMetadata", "resourcesMetadata", "withResourceDropdown", "categories", "acc", "item", "textlinksCategoriesMetadata", "textlinksColumnsMetadata", "columnsMetadata", "withTextLinksDropdown"]
 }

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

@@ -23,7 +23,7 @@ declare const _default: React.ForwardRefExoticComponent<Omit<HeroBannerProps & {
      * @default { duration: 500, offset: 0 }
      */
     jumpOptions?: JumpOptions;
-} & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../WheelLottery/index.js").ContainerProps & React.RefAttributes<unknown>> & {
+} & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../index.js").ContainerProps & React.RefAttributes<unknown>> & {
     readonly $$typeof: symbol;
 };
 export default _default;

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

@@ -1,2 +1,2 @@
-"use strict";"use client";var ze=Object.create;var L=Object.defineProperty;var Ce=Object.getOwnPropertyDescriptor;var Le=Object.getOwnPropertyNames;var Ie=Object.getPrototypeOf,Pe=Object.prototype.hasOwnProperty;var Se=(t,s)=>{for(var o in s)L(t,o,{get:s[o],enumerable:!0})},re=(t,s,o,h)=>{if(s&&typeof s=="object"||typeof s=="function")for(let b of Le(s))!Pe.call(t,b)&&b!==o&&L(t,b,{get:()=>s[b],enumerable:!(h=Ce(s,b))||h.enumerable});return t};var B=(t,s,o)=>(o=t!=null?ze(Ie(t)):{},re(s||!t||!t.__esModule?L(o,"default",{value:t,enumerable:!0}):o,t)),Ee=t=>re(L({},"__esModule",{value:!0}),t);var Oe={};Se(Oe,{default:()=>Ae});module.exports=Ee(Oe);var e=require("react/jsx-runtime"),p=B(require("react")),N=B(require("gsap")),T=require("gsap/dist/ScrollTrigger"),I=B(require("jump.js")),_=require("react-responsive"),ne=require("react-intersection-observer"),le=B(require("../../helpers/ScrollLoadVideo.js")),l=require("../../components/index.js"),d=require("../../helpers/index.js"),V=require("class-variance-authority"),se=require("../../shared/Styles.js"),ie=require("../../hooks/useExposure.js"),H=require("../../shared/trackUrlRef.js"),pe=require("../../helpers/utils.js"),ue=require("../AiuiProvider/index.js"),ce=require("../../components/button.js"),me=require("../VideoModal/index.js"),de=B(require("./HeroBannerCarousel.js"));const f="image",g="hero_banner",Me=(0,V.cva)("hero-banner-content lg-desktop:gap-[32px] absolute top-24 z-10 flex w-full flex-col gap-[24px]",{variants:{align:{left:"tablet:px-[32px] laptop:top-1/2 laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] laptop:-translate-y-1/2 left-0 px-[16px]",center:"tablet:top-[84px] laptop:top-[76px] desktop:top-[176px] lg-desktop:top-[192px] left-1/2 top-[84px] -translate-x-1/2 translate-y-0 items-center text-center"}},defaultVariants:{align:"left"}}),Re=(0,V.cva)("hero-banner-wrap-text lg-desktop:max-w-[824px] desktop:max-w-[648px] laptop:max-w-[440px] tablet:max-w-[704px] max-w-[358px]",{variants:{align:{left:"laptop:text-left",center:"text-center"}},defaultVariants:{align:"left"}}),De=(0,V.cva)("hero-banner-button-group lg-desktop:gap-x-3 flex flex-wrap items-center gap-x-2 gap-y-3",{variants:{align:{left:"laptop:justify-start",center:"justify-center"}},defaultVariants:{align:"left"}}),je=(0,V.cva)("hero-banner-icon-group flex items-center gap-2",{variants:{align:{left:"justify-start",center:"justify-center"}},defaultVariants:{align:"left"}}),_e=({size:t="base"})=>{const{width:s,height:o}=ce.sizeMap[t];return(0,e.jsx)("svg",{width:s,height:o,viewBox:"0 0 20 20",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{d:"M13.9599 9.30662C14.4547 9.63647 14.4547 10.3635 13.9599 10.6934L6.29558 15.8029C5.74179 16.1721 5 15.7751 5 15.1096V4.89042C5 4.22484 5.74179 3.82785 6.29558 4.19705L13.9599 9.30662Z",fill:"currentcolor"})})},oe=p.default.forwardRef(({data:t,className:s,classNames:o={},onSecondaryClick:h,onPrimaryClick:b,onTertiaryClick:A,jumpOptions:fe={},...O},U)=>{const{locale:q}=(0,ue.useAiuiContext)(),P={...{duration:500,offset:0},...fe},z=a=>!a||!q?a:(0,pe.getLocalizedPath)(a,q),{label:G,title:i,subtitle:n,endDate:J,endDate_tz:ge,dateFormat:be,pcImage:y,padImage:F,mobileImage:C,pcVideo:xe,padVideo:ye,mobileVideo:W,isShowVideo:he,isVideoLoop:ve=!0,primaryButton:u,secondaryButton:r,tertiaryButton:c,theme:ke="light",size:S="default",titleSize:E,caption:Y=[],blockLink:Q,iconArray:Z,align:v="left",enableParallax:K=!0}=t,M=Array.isArray(Y)?Y:[],we=Array.isArray(Z)?Z:void 0,$e=(0,_.useMediaQuery)({query:"(max-width: 768px)"}),Be=(0,_.useMediaQuery)({query:"(max-width: 1024px)"}),[X,ee]=(0,p.useState)(!1),{ref:Ne,inView:te}=(0,ne.useInView)(),R=(0,p.useRef)(null),D=(0,p.useRef)(null),j=(0,p.useRef)(null),k=(0,p.useRef)(null),x=(0,p.useRef)(null),Te=i?.trim()||n?.trim()||y?.alt?.trim()||void 0,Ve=i!==void 0?i?.trim()||n?.trim()||y?.alt?.trim()||void 0:n&&n.trim()||"",He=n&&n.trim()||"";return(0,ie.useExposure)(x,{componentType:f,componentName:g,componentTitle:Ve,componentDescription:He}),(0,p.useImperativeHandle)(U,()=>x.current),(0,p.useEffect)(()=>{if(t.items&&t.items.length>0||!K)return;N.default.registerPlugin(T.ScrollTrigger);function a(){if(!k.current)return;const m=x.current?.clientHeight||100;window.innerHeight<=m?R.current=T.ScrollTrigger.create({trigger:x.current,start:"top bottom",end:"bottom top",scrub:!0,onUpdate:w=>{const $=w.progress*40-20;N.default.set(k.current,{yPercent:$})}}):(j.current=T.ScrollTrigger.create({trigger:x.current,start:"top bottom",end:"bottom bottom",scrub:!0,onUpdate:w=>{const $=w.progress*20-20;N.default.set(k.current,{yPercent:$})}}),D.current=T.ScrollTrigger.create({trigger:x.current,start:"top top",end:"bottom top",scrub:!0,onUpdate:w=>{const $=w.progress*20;N.default.set(k.current,{yPercent:$})}}))}return te&&a(),()=>{R.current&&R.current.kill(),j.current&&j.current.kill(),D.current&&D.current.kill()}},[te,t.items,K]),t.items&&t.items.length>0?(0,e.jsx)(de.default,{data:t,className:s,classNames:o,onPrimaryClick:b,onSecondaryClick:h,onTertiaryClick:A,ref:U,...O}):(0,e.jsx)("div",{...O,ref:Ne,"data-ui-component-id":"HeroBanner",children:(0,e.jsxs)("div",{ref:x,className:(0,d.cn)(ke==="dark"?"aiui-dark":"","text-info-primary relative  w-full overflow-hidden",{"lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520] tablet:aspect-[768/660] aspect-[390/660]":S==="default","lg-desktop:aspect-[1920/800] desktop:aspect-[1440/640] laptop:aspect-[1024/480] tablet:aspect-[768/560] aspect-[390/560]":S==="sm"},s),children:[Q&&(0,e.jsx)("a",{className:"absolute inset-0 z-10",href:(0,H.trackUrlRef)(z(Q),`${f}_${g}`),"data-headless-type-name":`${f}#${g}`,"data-headless-title-desc-button":`${i}#${n}`,tabIndex:-1,"aria-hidden":"true","aria-label":Te}),(0,e.jsx)("div",{ref:k,className:(0,d.cn)("absolute left-0 top-0 size-full"),children:he?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{"data-video-poster":"true",className:"laptop:w-full absolute inset-0 h-full transition-opacity duration-500",children:(0,e.jsx)(l.Picture,{className:"absolute inset-0 size-full",imgClassName:"size-full object-cover",loading:"eager",fetchPriority:"high",alt:y?.alt||"",source:`${y?.url||""} , ${F?.url??(C?.url||"")} 1024, ${C?.url||""} 767`})}),(0,e.jsx)(le.default,{poster:void 0,src:$e?W?.url:Be?ye?.url||W?.url:xe?.url,className:"laptop:w-full absolute inset-0 h-full",videoClassName:"h-full object-cover",muted:!0,loop:ve,playsInline:!0,onPlaying:a=>{a.currentTarget.closest('[data-ui-component-id="HeroBanner"]')?.querySelector('[data-video-poster="true"]')?.classList.add("opacity-0")}})]}):(0,e.jsx)(l.Picture,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",fetchPriority:"high",alt:y?.alt||"",source:`${y?.url||""} , ${F?.url??(C?.url||"")} 1024, ${C?.url||""} 767`})}),(0,e.jsxs)("div",{className:Me({align:v}),children:[(0,e.jsxs)("div",{className:Re({align:v}),children:[G&&(0,e.jsx)(l.Text,{size:2,as:"p",className:(0,d.cn)("hero-banner-label font-heading lg-desktop:text-[18px] desktop:text-base text-sm"),html:G}),i&&(0,e.jsx)(l.Heading,{as:E==="4"?"h1":"h2",html:i,className:(0,d.cn)("hero-banner-title",o.title),size:E?Number(E||"5"):S==="sm"?4:5}),n&&(0,e.jsx)(l.Text,{as:"p",size:2,className:(0,d.cn)("hero-banner-subtitle font-heading lg-desktop:text-[18px] desktop:text-base laptop:mt-2 lg-desktop:mt-4 mt-1 text-sm",o.subtitle),html:n}),J&&(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)(l.Countdown,{endDate:J,endDate_tz:ge,dateFormat:be,variant:"spacious",align:v})})]}),(0,e.jsxs)("div",{className:(0,d.cn)(De({align:v}),o.buttonGroup),children:[(0,e.jsxs)("div",{className:"lg-desktop:gap-3 flex items-center gap-2",children:[r?.isShowPlayVideoButton&&r?.playVideoButtonText?(0,e.jsxs)(l.Button,{onClick:()=>ee(!0),size:"lg",variant:"secondary",className:"hero-banner-play-video-button","data-headless-type-name":`${f}#${g}`,"data-headless-title-desc-button":`${i}#${n}#${r?.playVideoButtonText}`,children:[r?.playVideoButtonText," ",(0,e.jsx)(_e,{size:"lg"})]}):r?.text?(0,e.jsxs)(l.Button,{"aria-label":i??n,size:"lg",variant:"secondary",className:(0,d.cn)("hero-banner-secondary-button",o.secondaryButton),as:r?.isCustomSecondaryButton?"button":"a",href:(0,H.trackUrlRef)(z(r?.link),`${f}_${g}`),target:r?.target,rel:r?.target==="_blank"?r?.rel??"noopener noreferrer":r?.rel,onClick:a=>{if(r.link?.startsWith("#")){a.preventDefault();const m=document.querySelector(r.link);m&&(0,I.default)(m,P)}r?.isCustomSecondaryButton&&h?.(t,a,r?.customSecondaryEventId)},"data-headless-type-name":`${f}#${g}`,"data-headless-title-desc-button":`${i}#${n}#${r?.text}`,children:[r?.text,(0,e.jsx)("span",{className:"sr-only",children:i??n})]}):null,u&&u.text&&(0,e.jsx)(l.Button,{"aria-label":i??n,size:"lg",variant:"primary",className:(0,d.cn)("hero-banner-primary-button",o.primaryButton),as:u?.isCustomPrimaryButton?"button":"a",href:(0,H.trackUrlRef)(z(u.link),`${f}_${g}`),target:u?.target,rel:u?.target==="_blank"?u?.rel??"noopener noreferrer":u?.rel,onClick:a=>{if(u.link?.startsWith("#")){a.preventDefault();const m=document.querySelector(u.link);m&&(0,I.default)(m,P)}u?.isCustomPrimaryButton&&b?.(t,a,u?.customPrimaryEventId)},"data-headless-type-name":`${f}#${g}`,"data-headless-title-desc-button":`${i}#${n}#${u?.text}`,children:u.text})]}),c&&c.text&&(0,e.jsxs)(l.Button,{"aria-label":i??n,size:"lg",variant:"link",className:(0,d.cn)("hero-banner-tertiary-button w-auto p-0",o.tertiaryButton),as:c?.isCustomTertiaryButton?"button":"a",href:(0,H.trackUrlRef)(z(c.link),`${f}_${g}`),target:c?.target,rel:c?.target==="_blank"?c?.rel??"noopener noreferrer":c?.rel,onClick:a=>{if(c.link?.startsWith("#")){a.preventDefault();const m=document.querySelector(c.link);m&&(0,I.default)(m,P)}c?.isCustomTertiaryButton&&A?.(t,a,c?.customTertiaryEventId)},"data-headless-type-name":`${f}#${g}`,"data-headless-title-desc-button":`${i}#${n}#${c?.text}`,children:[c.text,(0,e.jsx)("span",{className:"sr-only",children:i??n})]})]}),(0,e.jsx)("div",{className:je({align:v}),children:we?.map(a=>(0,e.jsx)("div",{className:"h-12",children:(0,e.jsx)(l.Picture,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",alt:a?.pcImage?.alt||"",source:a?.pcImage?.url})},a?.pcImage?.url||a?.pcImage?.alt))})]}),M.length>0&&(0,e.jsx)("div",{className:(0,d.cn)("hero-banner-caption-group laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]",o.captionGroup),children:M.map((a,m)=>(0,e.jsxs)(p.default.Fragment,{children:[(0,e.jsx)(l.Text,{size:2,className:(0,d.cn)("hero-banner-product-text tablet:w-[108px] loptop:w-[150px] desktop:w-[156px] lg-desktop:w-[180px] laptop:text-[14px] flex-1 text-[12px]"),html:a.title}),m<M.length-1&&(0,e.jsx)("div",{className:(0,d.cn)("bg-info-primary w-px")})]},a.title))}),X&&(0,e.jsx)(me.VideoModal,{visible:X,videoUrl:r?.isYoutubeVideo?void 0:r?.videoUrl?.url,youTubeId:r?.isYoutubeVideo?r?.youtubeId:void 0,onCloseModal:()=>ee(!1)})]})})});oe.displayName="HeroBanner";var Ae=(0,se.withLayout)(oe);
+"use strict";"use client";var ze=Object.create;var L=Object.defineProperty;var Ce=Object.getOwnPropertyDescriptor;var Le=Object.getOwnPropertyNames;var Ie=Object.getPrototypeOf,Pe=Object.prototype.hasOwnProperty;var Se=(t,s)=>{for(var o in s)L(t,o,{get:s[o],enumerable:!0})},re=(t,s,o,h)=>{if(s&&typeof s=="object"||typeof s=="function")for(let b of Le(s))!Pe.call(t,b)&&b!==o&&L(t,b,{get:()=>s[b],enumerable:!(h=Ce(s,b))||h.enumerable});return t};var B=(t,s,o)=>(o=t!=null?ze(Ie(t)):{},re(s||!t||!t.__esModule?L(o,"default",{value:t,enumerable:!0}):o,t)),Ee=t=>re(L({},"__esModule",{value:!0}),t);var Oe={};Se(Oe,{default:()=>Ae});module.exports=Ee(Oe);var e=require("react/jsx-runtime"),p=B(require("react")),N=B(require("gsap")),T=require("gsap/dist/ScrollTrigger"),I=B(require("jump.js")),_=require("../../hooks/useIsomorphicMediaQuery.js"),ne=require("react-intersection-observer"),le=B(require("../../helpers/ScrollLoadVideo.js")),l=require("../../components/index.js"),d=require("../../helpers/index.js"),V=require("class-variance-authority"),se=require("../../shared/Styles.js"),ie=require("../../hooks/useExposure.js"),H=require("../../shared/trackUrlRef.js"),pe=require("../../helpers/utils.js"),ue=require("../AiuiProvider/index.js"),ce=require("../../components/button.js"),me=require("../VideoModal/index.js"),de=B(require("./HeroBannerCarousel.js"));const f="image",g="hero_banner",Me=(0,V.cva)("hero-banner-content lg-desktop:gap-[32px] absolute top-24 z-10 flex w-full flex-col gap-[24px]",{variants:{align:{left:"tablet:px-[32px] laptop:top-1/2 laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] laptop:-translate-y-1/2 left-0 px-[16px]",center:"tablet:top-[84px] laptop:top-[76px] desktop:top-[176px] lg-desktop:top-[192px] left-1/2 top-[84px] -translate-x-1/2 translate-y-0 items-center text-center"}},defaultVariants:{align:"left"}}),Re=(0,V.cva)("hero-banner-wrap-text lg-desktop:max-w-[824px] desktop:max-w-[648px] laptop:max-w-[440px] tablet:max-w-[704px] max-w-[358px]",{variants:{align:{left:"laptop:text-left",center:"text-center"}},defaultVariants:{align:"left"}}),De=(0,V.cva)("hero-banner-button-group lg-desktop:gap-x-3 flex flex-wrap items-center gap-x-2 gap-y-3",{variants:{align:{left:"laptop:justify-start",center:"justify-center"}},defaultVariants:{align:"left"}}),je=(0,V.cva)("hero-banner-icon-group flex items-center gap-2",{variants:{align:{left:"justify-start",center:"justify-center"}},defaultVariants:{align:"left"}}),_e=({size:t="base"})=>{const{width:s,height:o}=ce.sizeMap[t];return(0,e.jsx)("svg",{width:s,height:o,viewBox:"0 0 20 20",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{d:"M13.9599 9.30662C14.4547 9.63647 14.4547 10.3635 13.9599 10.6934L6.29558 15.8029C5.74179 16.1721 5 15.7751 5 15.1096V4.89042C5 4.22484 5.74179 3.82785 6.29558 4.19705L13.9599 9.30662Z",fill:"currentcolor"})})},oe=p.default.forwardRef(({data:t,className:s,classNames:o={},onSecondaryClick:h,onPrimaryClick:b,onTertiaryClick:A,jumpOptions:fe={},...O},U)=>{const{locale:q}=(0,ue.useAiuiContext)(),P={...{duration:500,offset:0},...fe},z=a=>!a||!q?a:(0,pe.getLocalizedPath)(a,q),{label:G,title:i,subtitle:n,endDate:J,endDate_tz:ge,dateFormat:be,pcImage:y,padImage:F,mobileImage:C,pcVideo:xe,padVideo:ye,mobileVideo:W,isShowVideo:he,isVideoLoop:ve=!0,primaryButton:u,secondaryButton:r,tertiaryButton:c,theme:ke="light",size:S="default",titleSize:E,caption:Y=[],blockLink:Q,iconArray:Z,align:v="left",enableParallax:K=!0}=t,M=Array.isArray(Y)?Y:[],we=Array.isArray(Z)?Z:void 0,$e=(0,_.useIsomorphicMediaQuery)({query:"(max-width: 768px)"}),Be=(0,_.useIsomorphicMediaQuery)({query:"(max-width: 1024px)"}),[X,ee]=(0,p.useState)(!1),{ref:Ne,inView:te}=(0,ne.useInView)(),R=(0,p.useRef)(null),D=(0,p.useRef)(null),j=(0,p.useRef)(null),k=(0,p.useRef)(null),x=(0,p.useRef)(null),Te=i?.trim()||n?.trim()||y?.alt?.trim()||void 0,Ve=i!==void 0?i?.trim()||n?.trim()||y?.alt?.trim()||void 0:n&&n.trim()||"",He=n&&n.trim()||"";return(0,ie.useExposure)(x,{componentType:f,componentName:g,componentTitle:Ve,componentDescription:He}),(0,p.useImperativeHandle)(U,()=>x.current),(0,p.useEffect)(()=>{if(t.items&&t.items.length>0||!K)return;N.default.registerPlugin(T.ScrollTrigger);function a(){if(!k.current)return;const m=x.current?.clientHeight||100;window.innerHeight<=m?R.current=T.ScrollTrigger.create({trigger:x.current,start:"top bottom",end:"bottom top",scrub:!0,onUpdate:w=>{const $=w.progress*40-20;N.default.set(k.current,{yPercent:$})}}):(j.current=T.ScrollTrigger.create({trigger:x.current,start:"top bottom",end:"bottom bottom",scrub:!0,onUpdate:w=>{const $=w.progress*20-20;N.default.set(k.current,{yPercent:$})}}),D.current=T.ScrollTrigger.create({trigger:x.current,start:"top top",end:"bottom top",scrub:!0,onUpdate:w=>{const $=w.progress*20;N.default.set(k.current,{yPercent:$})}}))}return te&&a(),()=>{R.current&&R.current.kill(),j.current&&j.current.kill(),D.current&&D.current.kill()}},[te,t.items,K]),t.items&&t.items.length>0?(0,e.jsx)(de.default,{data:t,className:s,classNames:o,onPrimaryClick:b,onSecondaryClick:h,onTertiaryClick:A,ref:U,...O}):(0,e.jsx)("div",{...O,ref:Ne,"data-ui-component-id":"HeroBanner",children:(0,e.jsxs)("div",{ref:x,className:(0,d.cn)(ke==="dark"?"aiui-dark":"","text-info-primary relative  w-full overflow-hidden",{"lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520] tablet:aspect-[768/660] aspect-[390/660]":S==="default","lg-desktop:aspect-[1920/800] desktop:aspect-[1440/640] laptop:aspect-[1024/480] tablet:aspect-[768/560] aspect-[390/560]":S==="sm"},s),children:[Q&&(0,e.jsx)("a",{className:"absolute inset-0 z-10",href:(0,H.trackUrlRef)(z(Q),`${f}_${g}`),"data-headless-type-name":`${f}#${g}`,"data-headless-title-desc-button":`${i}#${n}`,tabIndex:-1,"aria-hidden":"true","aria-label":Te}),(0,e.jsx)("div",{ref:k,className:(0,d.cn)("absolute left-0 top-0 size-full"),children:he?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{"data-video-poster":"true",className:"laptop:w-full absolute inset-0 h-full transition-opacity duration-500",children:(0,e.jsx)(l.Picture,{className:"absolute inset-0 size-full",imgClassName:"size-full object-cover",loading:"eager",fetchPriority:"high",alt:y?.alt||"",source:`${y?.url||""} , ${F?.url??(C?.url||"")} 1024, ${C?.url||""} 767`})}),(0,e.jsx)(le.default,{poster:void 0,src:$e?W?.url:Be?ye?.url||W?.url:xe?.url,className:"laptop:w-full absolute inset-0 h-full",videoClassName:"h-full object-cover",muted:!0,loop:ve,playsInline:!0,onPlaying:a=>{a.currentTarget.closest('[data-ui-component-id="HeroBanner"]')?.querySelector('[data-video-poster="true"]')?.classList.add("opacity-0")}})]}):(0,e.jsx)(l.Picture,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",fetchPriority:"high",alt:y?.alt||"",source:`${y?.url||""} , ${F?.url??(C?.url||"")} 1024, ${C?.url||""} 767`})}),(0,e.jsxs)("div",{className:Me({align:v}),children:[(0,e.jsxs)("div",{className:Re({align:v}),children:[G&&(0,e.jsx)(l.Text,{size:2,as:"p",className:(0,d.cn)("hero-banner-label font-heading lg-desktop:text-[18px] desktop:text-base text-sm"),html:G}),i&&(0,e.jsx)(l.Heading,{as:E==="4"?"h1":"h2",html:i,className:(0,d.cn)("hero-banner-title",o.title),size:E?Number(E||"5"):S==="sm"?4:5}),n&&(0,e.jsx)(l.Text,{as:"p",size:2,className:(0,d.cn)("hero-banner-subtitle font-heading lg-desktop:text-[18px] desktop:text-base laptop:mt-2 lg-desktop:mt-4 mt-1 text-sm",o.subtitle),html:n}),J&&(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)(l.Countdown,{endDate:J,endDate_tz:ge,dateFormat:be,variant:"spacious",align:v})})]}),(0,e.jsxs)("div",{className:(0,d.cn)(De({align:v}),o.buttonGroup),children:[(0,e.jsxs)("div",{className:"lg-desktop:gap-3 flex items-center gap-2",children:[r?.isShowPlayVideoButton&&r?.playVideoButtonText?(0,e.jsxs)(l.Button,{onClick:()=>ee(!0),size:"lg",variant:"secondary",className:"hero-banner-play-video-button","data-headless-type-name":`${f}#${g}`,"data-headless-title-desc-button":`${i}#${n}#${r?.playVideoButtonText}`,children:[r?.playVideoButtonText," ",(0,e.jsx)(_e,{size:"lg"})]}):r?.text?(0,e.jsxs)(l.Button,{"aria-label":i??n,size:"lg",variant:"secondary",className:(0,d.cn)("hero-banner-secondary-button",o.secondaryButton),as:r?.isCustomSecondaryButton?"button":"a",href:(0,H.trackUrlRef)(z(r?.link),`${f}_${g}`),target:r?.target,rel:r?.target==="_blank"?r?.rel??"noopener noreferrer":r?.rel,onClick:a=>{if(r.link?.startsWith("#")){a.preventDefault();const m=document.querySelector(r.link);m&&(0,I.default)(m,P)}r?.isCustomSecondaryButton&&h?.(t,a,r?.customSecondaryEventId)},"data-headless-type-name":`${f}#${g}`,"data-headless-title-desc-button":`${i}#${n}#${r?.text}`,children:[r?.text,(0,e.jsx)("span",{className:"sr-only",children:i??n})]}):null,u&&u.text&&(0,e.jsx)(l.Button,{"aria-label":i??n,size:"lg",variant:"primary",className:(0,d.cn)("hero-banner-primary-button",o.primaryButton),as:u?.isCustomPrimaryButton?"button":"a",href:(0,H.trackUrlRef)(z(u.link),`${f}_${g}`),target:u?.target,rel:u?.target==="_blank"?u?.rel??"noopener noreferrer":u?.rel,onClick:a=>{if(u.link?.startsWith("#")){a.preventDefault();const m=document.querySelector(u.link);m&&(0,I.default)(m,P)}u?.isCustomPrimaryButton&&b?.(t,a,u?.customPrimaryEventId)},"data-headless-type-name":`${f}#${g}`,"data-headless-title-desc-button":`${i}#${n}#${u?.text}`,children:u.text})]}),c&&c.text&&(0,e.jsxs)(l.Button,{"aria-label":i??n,size:"lg",variant:"link",className:(0,d.cn)("hero-banner-tertiary-button w-auto p-0",o.tertiaryButton),as:c?.isCustomTertiaryButton?"button":"a",href:(0,H.trackUrlRef)(z(c.link),`${f}_${g}`),target:c?.target,rel:c?.target==="_blank"?c?.rel??"noopener noreferrer":c?.rel,onClick:a=>{if(c.link?.startsWith("#")){a.preventDefault();const m=document.querySelector(c.link);m&&(0,I.default)(m,P)}c?.isCustomTertiaryButton&&A?.(t,a,c?.customTertiaryEventId)},"data-headless-type-name":`${f}#${g}`,"data-headless-title-desc-button":`${i}#${n}#${c?.text}`,children:[c.text,(0,e.jsx)("span",{className:"sr-only",children:i??n})]})]}),(0,e.jsx)("div",{className:je({align:v}),children:we?.map(a=>(0,e.jsx)("div",{className:"h-12",children:(0,e.jsx)(l.Picture,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",alt:a?.pcImage?.alt||"",source:a?.pcImage?.url})},a?.pcImage?.url||a?.pcImage?.alt))})]}),M.length>0&&(0,e.jsx)("div",{className:(0,d.cn)("hero-banner-caption-group laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]",o.captionGroup),children:M.map((a,m)=>(0,e.jsxs)(p.default.Fragment,{children:[(0,e.jsx)(l.Text,{size:2,className:(0,d.cn)("hero-banner-product-text tablet:w-[108px] loptop:w-[150px] desktop:w-[156px] lg-desktop:w-[180px] laptop:text-[14px] flex-1 text-[12px]"),html:a.title}),m<M.length-1&&(0,e.jsx)("div",{className:(0,d.cn)("bg-info-primary w-px")})]},a.title))}),X&&(0,e.jsx)(me.VideoModal,{visible:X,videoUrl:r?.isYoutubeVideo?void 0:r?.videoUrl?.url,youTubeId:r?.isYoutubeVideo?r?.youtubeId:void 0,onCloseModal:()=>ee(!1)})]})})});oe.displayName="HeroBanner";var Ae=(0,se.withLayout)(oe);
 //# sourceMappingURL=HeroBanner.js.map

package/dist/cjs/biz-components/HeroBanner/HeroBanner.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeroBanner/HeroBanner.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef, useState, useEffect } from 'react'\nimport gsap from 'gsap'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport jump from 'jump.js'\nimport type { HeroBannerProps } from './types.js'\nimport { useMediaQuery } from 'react-responsive'\nimport { useInView } from 'react-intersection-observer'\nimport ScrollLoadVideo from '../../helpers/ScrollLoadVideo.js'\nimport { Button, Heading, Picture, Text, Countdown } from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\nimport { cva } from 'class-variance-authority'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { getLocalizedPath } from '../../helpers/utils.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { sizeMap } from '../../components/button.js'\nimport { VideoModal } from '../VideoModal/index.js'\n// Task 18: import carousel implementation for early-return delegation (DECISION-A002)\nimport HeroBannerCarousel from './HeroBannerCarousel.js'\n\n/**\n * jump.js \u914D\u7F6E\u9009\u9879\n */\nexport interface JumpOptions {\n  /** \u52A8\u753B\u6301\u7EED\u65F6\u95F4\uFF08\u6BEB\u79D2\uFF09 @default 500 */\n  duration?: number\n  /** \u504F\u79FB\u91CF\uFF08\u50CF\u7D20\uFF09 @default 0 */\n  offset?: number\n  /** \u52A8\u753B\u5B8C\u6210\u56DE\u8C03 */\n  callback?: () => void\n  /** \u7F13\u52A8\u51FD\u6570 */\n  easing?: (t: number, b: number, c: number, d: number) => number\n  /** \u662F\u5426\u8003\u8651 a11y @default false */\n  a11y?: boolean\n}\n\nconst componentType = 'image'\nconst componentName = 'hero_banner'\n\n// CVA variants for align\nconst contentVariants = cva(\n  'hero-banner-content lg-desktop:gap-[32px] absolute top-24 z-10 flex w-full flex-col gap-[24px]',\n  {\n    variants: {\n      align: {\n        left: 'tablet:px-[32px] laptop:top-1/2 laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] laptop:-translate-y-1/2 left-0 px-[16px]',\n        center:\n          'tablet:top-[84px] laptop:top-[76px] desktop:top-[176px] lg-desktop:top-[192px] left-1/2 top-[84px] -translate-x-1/2 translate-y-0 items-center text-center',\n      },\n    },\n    defaultVariants: {\n      align: 'left',\n    },\n  }\n)\n\nconst textVariants = cva(\n  'hero-banner-wrap-text lg-desktop:max-w-[824px] desktop:max-w-[648px] laptop:max-w-[440px] tablet:max-w-[704px] max-w-[358px]',\n  {\n    variants: {\n      align: {\n        left: 'laptop:text-left',\n        center: 'text-center',\n      },\n    },\n    defaultVariants: {\n      align: 'left',\n    },\n  }\n)\n\nconst buttonGroupVariants = cva(\n  'hero-banner-button-group lg-desktop:gap-x-3 flex flex-wrap items-center gap-x-2 gap-y-3',\n  {\n    variants: {\n      align: {\n        left: 'laptop:justify-start',\n        center: 'justify-center',\n      },\n    },\n    defaultVariants: {\n      align: 'left',\n    },\n  }\n)\n\nconst iconGroupVariants = cva('hero-banner-icon-group flex items-center gap-2', {\n  variants: {\n    align: {\n      left: 'justify-start',\n      center: 'justify-center',\n    },\n  },\n  defaultVariants: {\n    align: 'left',\n  },\n})\n\nexport type HeroBannerSemanticName =\n  | 'root'\n  | 'title'\n  | 'subtitle'\n  | 'buttonGroup'\n  | 'primaryButton'\n  | 'secondaryButton'\n  | 'tertiaryButton'\n  | 'captionGroup'\n\nconst PlayButtonAppendIcon = ({ size = 'base' }: { size: 'base' | 'lg' | 'sm' }) => {\n  const { width, height } = sizeMap[size]\n  return (\n    <svg width={width} height={height} viewBox=\"0 0 20 20\" fill=\"currentcolor\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M13.9599 9.30662C14.4547 9.63647 14.4547 10.3635 13.9599 10.6934L6.29558 15.8029C5.74179 16.1721 5 15.7751 5 15.1096V4.89042C5 4.22484 5.74179 3.82785 6.29558 4.19705L13.9599 9.30662Z\"\n        fill=\"currentcolor\"\n      />\n    </svg>\n  )\n}\n\nconst HeroBanner = React.forwardRef<\n  HTMLDivElement,\n  HeroBannerProps & {\n    classNames?: Partial<Record<HeroBannerSemanticName, string>>\n    /**\n     * \u951A\u70B9\u8DF3\u8F6C\u914D\u7F6E\uFF08\u7528\u4E8E # \u5F00\u5934\u7684\u94FE\u63A5\uFF09\n     * @default { duration: 500, offset: 0 }\n     */\n    jumpOptions?: JumpOptions\n  }\n>(\n  (\n    { data, className, classNames = {}, onSecondaryClick, onPrimaryClick, onTertiaryClick, jumpOptions = {}, ...rest },\n    ref\n  ) => {\n    const { locale } = useAiuiContext()\n\n    // \u9ED8\u8BA4 jump \u914D\u7F6E\n    const defaultJumpOptions: JumpOptions = { duration: 500, offset: 0 }\n    const mergedJumpOptions = { ...defaultJumpOptions, ...jumpOptions }\n\n    // \u5305\u88C5\u94FE\u63A5\uFF0C\u81EA\u52A8\u6DFB\u52A0 locale \u524D\u7F00\n    const localizeUrl = (url?: string) => {\n      if (!url || !locale) return url\n      return getLocalizedPath(url, locale)\n    }\n\n    const {\n      label,\n      title,\n      subtitle,\n      endDate,\n      endDate_tz,\n      dateFormat,\n      pcImage,\n      padImage,\n      mobileImage,\n      pcVideo,\n      padVideo,\n      mobileVideo,\n      isShowVideo,\n      isVideoLoop = true,\n      primaryButton,\n      secondaryButton,\n      tertiaryButton,\n      theme = 'light',\n      size = 'default',\n      titleSize,\n      caption = [],\n      blockLink,\n      iconArray,\n      align = 'left',\n      enableParallax = true,\n    } = data\n\n    const safeCaption = Array.isArray(caption) ? caption : []\n    const safeIconArray = Array.isArray(iconArray) ? iconArray : undefined\n\n    const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n    const isPad = useMediaQuery({ query: '(max-width: 1024px)' })\n    const [visible, setVisible] = useState<boolean>(false)\n    const { ref: inViewRef, inView } = useInView()\n    const scrollTriggerRef = useRef<ScrollTrigger | null>(null)\n    const bgTriggerRef = useRef<ScrollTrigger | null>(null)\n    const boxTriggerRef = useRef<ScrollTrigger | null>(null)\n\n    const bgRef = useRef<HTMLImageElement>(null)\n    const boxRef = useRef<HTMLDivElement>(null)\n\n    // Task 7: Compute accessibility / tracking fallback values (Rule 2/3/4 \u2014 DECISION-T3)\n    // blockLink aria-label: title \u2192 subtitle \u2192 pcImage.alt \u2192 undefined (absent attr)\n    const blockLinkLabel = title?.trim() || subtitle?.trim() || pcImage?.alt?.trim() || undefined\n    // componentTitle: title=undefined \u2192 coerce '' via subtitle only (no pcImage.alt for undefined title);\n    //                 title='' (intentional) \u2192 cascade: subtitle \u2192 pcImage.alt \u2192 undefined\n    const resolvedComponentTitle =\n      title !== undefined\n        ? title?.trim() || subtitle?.trim() || pcImage?.alt?.trim() || undefined\n        : (subtitle && subtitle.trim()) || ''\n    // componentDescription: subtitle with undefined guard\n    const resolvedComponentDescription = (subtitle && subtitle.trim()) || ''\n\n    useExposure(boxRef, {\n      componentType,\n      componentName,\n      componentTitle: resolvedComponentTitle,\n      componentDescription: resolvedComponentDescription,\n    })\n\n    useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n    useEffect(() => {\n      // Task 18: GSAP bypass \u2014 skip ALL GSAP setup in carousel mode (DECISION-A002/DECISION-009)\n      if (data.items && data.items.length > 0) return\n      if (!enableParallax) return\n      gsap.registerPlugin(ScrollTrigger)\n      function gsapResize() {\n        if (!bgRef.current) return\n        const clientHeight = boxRef.current?.clientHeight || 100\n        const screenHeight = window.innerHeight\n\n        if (screenHeight <= clientHeight) {\n          scrollTriggerRef.current = ScrollTrigger.create({\n            trigger: boxRef.current,\n            start: 'top bottom',\n            end: 'bottom top',\n            scrub: true,\n            onUpdate: (self: any) => {\n              const base = 40\n              const value = self.progress * base - base / 2\n              gsap.set(bgRef.current, { yPercent: value })\n            },\n          })\n        } else {\n          boxTriggerRef.current = ScrollTrigger.create({\n            trigger: boxRef.current,\n            start: 'top bottom',\n            end: 'bottom bottom',\n            scrub: true,\n            onUpdate: (self: any) => {\n              const base = 20\n              const value = self.progress * base - base\n              gsap.set(bgRef.current, { yPercent: value })\n            },\n          })\n          bgTriggerRef.current = ScrollTrigger.create({\n            trigger: boxRef.current,\n            start: 'top top',\n            end: 'bottom top',\n            scrub: true,\n            onUpdate: (self: any) => {\n              const base = 20\n              const value = self.progress * base\n              gsap.set(bgRef.current, { yPercent: value })\n            },\n          })\n        }\n      }\n      if (inView) gsapResize()\n      return () => {\n        // ScrollTrigger.getAll().forEach((t: any) => t.kill())\n        scrollTriggerRef.current && scrollTriggerRef.current.kill()\n        boxTriggerRef.current && boxTriggerRef.current.kill()\n        bgTriggerRef.current && bgTriggerRef.current.kill()\n      }\n    }, [inView, data.items, enableParallax])\n\n    // Task 18: Carousel mode early return (DECISION-A002 / DECISION-011)\n    // All hooks above have already run. Delegate entirely to HeroBannerCarousel\n    // when data.items is non-empty; GSAP was already bypassed in the useEffect above.\n    if (data.items && data.items.length > 0) {\n      return (\n        <HeroBannerCarousel\n          data={data}\n          className={className}\n          classNames={classNames}\n          onPrimaryClick={onPrimaryClick}\n          onSecondaryClick={onSecondaryClick}\n          onTertiaryClick={onTertiaryClick}\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...rest}\n        />\n      )\n    }\n    return (\n      <div {...rest} ref={inViewRef} data-ui-component-id=\"HeroBanner\">\n        <div\n          ref={boxRef}\n          className={cn(\n            theme === 'dark' ? 'aiui-dark' : '',\n            'text-info-primary relative  w-full overflow-hidden',\n            {\n              'lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520] tablet:aspect-[768/660] aspect-[390/660]':\n                size === 'default',\n              'lg-desktop:aspect-[1920/800] desktop:aspect-[1440/640] laptop:aspect-[1024/480] tablet:aspect-[768/560] aspect-[390/560]':\n                size === 'sm',\n            },\n            className\n          )}\n        >\n          {blockLink && (\n            <a\n              className=\"absolute inset-0 z-10\"\n              href={trackUrlRef(localizeUrl(blockLink), `${componentType}_${componentName}`)}\n              data-headless-type-name={`${componentType}#${componentName}`}\n              data-headless-title-desc-button={`${title}#${subtitle}`}\n              tabIndex={-1}\n              aria-hidden=\"true\"\n              aria-label={blockLinkLabel}\n            ></a>\n          )}\n          <div ref={bgRef} className={cn('absolute left-0 top-0 size-full')}>\n            {isShowVideo ? (\n              <>\n                {/* Poster cover layer: eager + high priority, decoupled from JS lazy-load, participates in LCP */}\n                {/* Wrap in div so data-video-poster + transition-opacity are on the container, not the <img> */}\n                <div\n                  data-video-poster=\"true\"\n                  className=\"laptop:w-full absolute inset-0 h-full transition-opacity duration-500\"\n                >\n                  <Picture\n                    className=\"absolute inset-0 size-full\"\n                    imgClassName=\"size-full object-cover\"\n                    loading=\"eager\"\n                    fetchPriority=\"high\"\n                    alt={pcImage?.alt || ''}\n                    source={`${pcImage?.url || ''} , ${padImage?.url ?? (mobileImage?.url || '')} 1024, ${mobileImage?.url || ''} 767`}\n                  />\n                </div>\n                {/* Video layer: lazy-loaded, overlays Picture via DOM order (both z-auto, video is after Picture) */}\n                <ScrollLoadVideo\n                  poster={undefined}\n                  src={\n                    isMobile\n                      ? (mobileVideo?.url as string)\n                      : isPad\n                        ? (padVideo?.url as string) || (mobileVideo?.url as string)\n                        : (pcVideo?.url as string)\n                  }\n                  className=\"laptop:w-full absolute inset-0 h-full\"\n                  videoClassName=\"h-full object-cover\"\n                  muted\n                  loop={isVideoLoop}\n                  playsInline\n                  onPlaying={(e: React.SyntheticEvent<HTMLVideoElement>) => {\n                    const banner = (e.currentTarget as HTMLVideoElement).closest('[data-ui-component-id=\"HeroBanner\"]')\n                    banner?.querySelector<HTMLElement>('[data-video-poster=\"true\"]')?.classList.add('opacity-0')\n                  }}\n                />\n              </>\n            ) : (\n              <Picture\n                className=\"laptop:w-full h-full\"\n                imgClassName=\"h-full object-cover\"\n                loading=\"eager\"\n                fetchPriority=\"high\"\n                alt={pcImage?.alt || ''}\n                source={`${pcImage?.url || ''} , ${padImage?.url ?? (mobileImage?.url || '')} 1024, ${mobileImage?.url || ''} 767`}\n              />\n            )}\n          </div>\n\n          {/* \u5185\u5BB9\u533A\u57DF */}\n          <div className={contentVariants({ align })}>\n            <div className={textVariants({ align })}>\n              {label && (\n                <Text\n                  size={2}\n                  as=\"p\"\n                  className={cn('hero-banner-label font-heading lg-desktop:text-[18px] desktop:text-base text-sm')}\n                  html={label}\n                />\n              )}\n              {title && (\n                <Heading\n                  as={titleSize === '4' ? 'h1' : 'h2'}\n                  html={title}\n                  className={cn('hero-banner-title', classNames.title)}\n                  size={titleSize ? (Number(titleSize || '5') as any) : size === 'sm' ? 4 : 5}\n                />\n              )}\n              {subtitle && (\n                <Text\n                  as=\"p\"\n                  size={2}\n                  className={cn(\n                    'hero-banner-subtitle font-heading lg-desktop:text-[18px] desktop:text-base laptop:mt-2 lg-desktop:mt-4 mt-1 text-sm',\n                    classNames.subtitle\n                  )}\n                  html={subtitle}\n                />\n              )}\n              {endDate && (\n                <div className=\"mt-3\">\n                  <Countdown\n                    endDate={endDate}\n                    endDate_tz={endDate_tz}\n                    dateFormat={dateFormat}\n                    variant=\"spacious\"\n                    align={align}\n                  />\n                </div>\n              )}\n            </div>\n            {/* \u6309\u94AE\u7EC4 */}\n            <div className={cn(buttonGroupVariants({ align }), classNames.buttonGroup)}>\n              {/* secondary + primary \u59CB\u7EC8\u540C\u884C */}\n              <div className=\"lg-desktop:gap-3 flex items-center gap-2\">\n                {secondaryButton?.isShowPlayVideoButton && secondaryButton?.playVideoButtonText ? (\n                  <Button\n                    onClick={() => setVisible(true)}\n                    size=\"lg\"\n                    variant=\"secondary\"\n                    className=\"hero-banner-play-video-button\"\n                    data-headless-type-name={`${componentType}#${componentName}`}\n                    data-headless-title-desc-button={`${title}#${subtitle}#${secondaryButton?.playVideoButtonText}`}\n                  >\n                    {secondaryButton?.playVideoButtonText} <PlayButtonAppendIcon size=\"lg\" />\n                  </Button>\n                ) : secondaryButton?.text ? (\n                  <Button\n                    aria-label={title ?? subtitle}\n                    size=\"lg\"\n                    variant=\"secondary\"\n                    className={cn('hero-banner-secondary-button', classNames.secondaryButton)}\n                    as={secondaryButton?.isCustomSecondaryButton ? 'button' : 'a'}\n                    href={trackUrlRef(localizeUrl(secondaryButton?.link), `${componentType}_${componentName}`)}\n                    target={secondaryButton?.target}\n                    rel={\n                      secondaryButton?.target === '_blank'\n                        ? (secondaryButton?.rel ?? 'noopener noreferrer')\n                        : secondaryButton?.rel\n                    }\n                    onClick={e => {\n                      if (secondaryButton.link?.startsWith('#')) {\n                        e.preventDefault()\n                        const element = document.querySelector(secondaryButton.link)\n                        if (element) {\n                          jump(element as HTMLElement, mergedJumpOptions)\n                        }\n                      }\n                      secondaryButton?.isCustomSecondaryButton &&\n                        onSecondaryClick?.(data, e, secondaryButton?.customSecondaryEventId)\n                    }}\n                    data-headless-type-name={`${componentType}#${componentName}`}\n                    data-headless-title-desc-button={`${title}#${subtitle}#${secondaryButton?.text}`}\n                  >\n                    {secondaryButton?.text}\n                    <span className=\"sr-only\">{title ?? subtitle}</span>\n                  </Button>\n                ) : null}\n                {primaryButton && primaryButton.text && (\n                  <Button\n                    aria-label={title ?? subtitle}\n                    size=\"lg\"\n                    variant=\"primary\"\n                    className={cn('hero-banner-primary-button', classNames.primaryButton)}\n                    as={primaryButton?.isCustomPrimaryButton ? 'button' : 'a'}\n                    href={trackUrlRef(localizeUrl(primaryButton.link), `${componentType}_${componentName}`)}\n                    target={primaryButton?.target}\n                    rel={\n                      primaryButton?.target === '_blank'\n                        ? (primaryButton?.rel ?? 'noopener noreferrer')\n                        : primaryButton?.rel\n                    }\n                    onClick={e => {\n                      if (primaryButton.link?.startsWith('#')) {\n                        e.preventDefault()\n                        const element = document.querySelector(primaryButton.link)\n                        if (element) {\n                          jump(element as HTMLElement, mergedJumpOptions)\n                        }\n                      }\n                      primaryButton?.isCustomPrimaryButton &&\n                        onPrimaryClick?.(data, e, primaryButton?.customPrimaryEventId)\n                    }}\n                    data-headless-type-name={`${componentType}#${componentName}`}\n                    data-headless-title-desc-button={`${title}#${subtitle}#${primaryButton?.text}`}\n                  >\n                    {primaryButton.text}\n                  </Button>\n                )}\n              </div>\n              {tertiaryButton && tertiaryButton.text && (\n                <Button\n                  aria-label={title ?? subtitle}\n                  size=\"lg\"\n                  variant=\"link\"\n                  className={cn('hero-banner-tertiary-button w-auto p-0', classNames.tertiaryButton)}\n                  as={tertiaryButton?.isCustomTertiaryButton ? 'button' : 'a'}\n                  href={trackUrlRef(localizeUrl(tertiaryButton.link), `${componentType}_${componentName}`)}\n                  target={tertiaryButton?.target}\n                  rel={\n                    tertiaryButton?.target === '_blank'\n                      ? (tertiaryButton?.rel ?? 'noopener noreferrer')\n                      : tertiaryButton?.rel\n                  }\n                  onClick={e => {\n                    if (tertiaryButton.link?.startsWith('#')) {\n                      e.preventDefault()\n                      const element = document.querySelector(tertiaryButton.link)\n                      if (element) {\n                        jump(element as HTMLElement, mergedJumpOptions)\n                      }\n                    }\n                    tertiaryButton?.isCustomTertiaryButton &&\n                      onTertiaryClick?.(data, e, tertiaryButton?.customTertiaryEventId)\n                  }}\n                  data-headless-type-name={`${componentType}#${componentName}`}\n                  data-headless-title-desc-button={`${title}#${subtitle}#${tertiaryButton?.text}`}\n                >\n                  {tertiaryButton.text}\n                  <span className=\"sr-only\">{title ?? subtitle}</span>\n                </Button>\n              )}\n            </div>\n            <div className={iconGroupVariants({ align })}>\n              {safeIconArray?.map(icon => (\n                <div key={icon?.pcImage?.url || icon?.pcImage?.alt} className=\"h-12\">\n                  <Picture\n                    className=\"laptop:w-full h-full\"\n                    imgClassName=\"h-full object-cover\"\n                    loading=\"eager\"\n                    alt={icon?.pcImage?.alt || ''}\n                    source={icon?.pcImage?.url}\n                  />\n                </div>\n              ))}\n            </div>\n          </div>\n\n          {safeCaption.length > 0 && (\n            <div\n              className={cn(\n                'hero-banner-caption-group laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]',\n                classNames.captionGroup\n              )}\n            >\n              {safeCaption.map((c, index) => (\n                <React.Fragment key={c.title}>\n                  <Text\n                    size={2}\n                    className={cn(\n                      'hero-banner-product-text tablet:w-[108px] loptop:w-[150px] desktop:w-[156px] lg-desktop:w-[180px] laptop:text-[14px] flex-1 text-[12px]'\n                    )}\n                    html={c.title}\n                  />\n                  {index < safeCaption.length - 1 && <div className={cn('bg-info-primary w-px')} />}\n                </React.Fragment>\n              ))}\n            </div>\n          )}\n\n          {/* \u89C6\u9891\u5F39\u7A97 */}\n          {visible && (\n            <VideoModal\n              visible={visible}\n              videoUrl={secondaryButton?.isYoutubeVideo ? undefined : secondaryButton?.videoUrl?.url}\n              youTubeId={secondaryButton?.isYoutubeVideo ? secondaryButton?.youtubeId : undefined}\n              onCloseModal={() => setVisible(false)}\n            />\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n\nHeroBanner.displayName = 'HeroBanner'\n\nexport default withLayout(HeroBanner)\n"],
-  "mappings": "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",
-  "names": ["HeroBanner_exports", "__export", "HeroBanner_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_gsap", "import_ScrollTrigger", "import_jump", "import_react_responsive", "import_react_intersection_observer", "import_ScrollLoadVideo", "import_components", "import_helpers", "import_class_variance_authority", "import_Styles", "import_useExposure", "import_trackUrlRef", "import_utils", "import_AiuiProvider", "import_button", "import_VideoModal", "import_HeroBannerCarousel", "componentType", "componentName", "contentVariants", "textVariants", "buttonGroupVariants", "iconGroupVariants", "PlayButtonAppendIcon", "size", "width", "height", "HeroBanner", "React", "data", "className", "classNames", "onSecondaryClick", "onPrimaryClick", "onTertiaryClick", "jumpOptions", "rest", "ref", "locale", "mergedJumpOptions", "localizeUrl", "url", "label", "title", "subtitle", "endDate", "endDate_tz", "dateFormat", "pcImage", "padImage", "mobileImage", "pcVideo", "padVideo", "mobileVideo", "isShowVideo", "isVideoLoop", "primaryButton", "secondaryButton", "tertiaryButton", "theme", "titleSize", "caption", "blockLink", "iconArray", "align", "enableParallax", "safeCaption", "safeIconArray", "isMobile", "isPad", "visible", "setVisible", "inViewRef", "inView", "scrollTriggerRef", "bgTriggerRef", "boxTriggerRef", "bgRef", "boxRef", "blockLinkLabel", "resolvedComponentTitle", "resolvedComponentDescription", "gsap", "gsapResize", "clientHeight", "self", "value", "HeroBannerCarousel", "ScrollLoadVideo", "e", "element", "jump", "icon", "c", "index"]
+  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef, useState, useEffect } from 'react'\nimport gsap from 'gsap'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport jump from 'jump.js'\nimport type { HeroBannerProps } from './types.js'\nimport { useIsomorphicMediaQuery } from '../../hooks/useIsomorphicMediaQuery.js'\nimport { useInView } from 'react-intersection-observer'\nimport ScrollLoadVideo from '../../helpers/ScrollLoadVideo.js'\nimport { Button, Heading, Picture, Text, Countdown } from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\nimport { cva } from 'class-variance-authority'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { getLocalizedPath } from '../../helpers/utils.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { sizeMap } from '../../components/button.js'\nimport { VideoModal } from '../VideoModal/index.js'\n// Task 18: import carousel implementation for early-return delegation (DECISION-A002)\nimport HeroBannerCarousel from './HeroBannerCarousel.js'\n\n/**\n * jump.js \u914D\u7F6E\u9009\u9879\n */\nexport interface JumpOptions {\n  /** \u52A8\u753B\u6301\u7EED\u65F6\u95F4\uFF08\u6BEB\u79D2\uFF09 @default 500 */\n  duration?: number\n  /** \u504F\u79FB\u91CF\uFF08\u50CF\u7D20\uFF09 @default 0 */\n  offset?: number\n  /** \u52A8\u753B\u5B8C\u6210\u56DE\u8C03 */\n  callback?: () => void\n  /** \u7F13\u52A8\u51FD\u6570 */\n  easing?: (t: number, b: number, c: number, d: number) => number\n  /** \u662F\u5426\u8003\u8651 a11y @default false */\n  a11y?: boolean\n}\n\nconst componentType = 'image'\nconst componentName = 'hero_banner'\n\n// CVA variants for align\nconst contentVariants = cva(\n  'hero-banner-content lg-desktop:gap-[32px] absolute top-24 z-10 flex w-full flex-col gap-[24px]',\n  {\n    variants: {\n      align: {\n        left: 'tablet:px-[32px] laptop:top-1/2 laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] laptop:-translate-y-1/2 left-0 px-[16px]',\n        center:\n          'tablet:top-[84px] laptop:top-[76px] desktop:top-[176px] lg-desktop:top-[192px] left-1/2 top-[84px] -translate-x-1/2 translate-y-0 items-center text-center',\n      },\n    },\n    defaultVariants: {\n      align: 'left',\n    },\n  }\n)\n\nconst textVariants = cva(\n  'hero-banner-wrap-text lg-desktop:max-w-[824px] desktop:max-w-[648px] laptop:max-w-[440px] tablet:max-w-[704px] max-w-[358px]',\n  {\n    variants: {\n      align: {\n        left: 'laptop:text-left',\n        center: 'text-center',\n      },\n    },\n    defaultVariants: {\n      align: 'left',\n    },\n  }\n)\n\nconst buttonGroupVariants = cva(\n  'hero-banner-button-group lg-desktop:gap-x-3 flex flex-wrap items-center gap-x-2 gap-y-3',\n  {\n    variants: {\n      align: {\n        left: 'laptop:justify-start',\n        center: 'justify-center',\n      },\n    },\n    defaultVariants: {\n      align: 'left',\n    },\n  }\n)\n\nconst iconGroupVariants = cva('hero-banner-icon-group flex items-center gap-2', {\n  variants: {\n    align: {\n      left: 'justify-start',\n      center: 'justify-center',\n    },\n  },\n  defaultVariants: {\n    align: 'left',\n  },\n})\n\nexport type HeroBannerSemanticName =\n  | 'root'\n  | 'title'\n  | 'subtitle'\n  | 'buttonGroup'\n  | 'primaryButton'\n  | 'secondaryButton'\n  | 'tertiaryButton'\n  | 'captionGroup'\n\nconst PlayButtonAppendIcon = ({ size = 'base' }: { size: 'base' | 'lg' | 'sm' }) => {\n  const { width, height } = sizeMap[size]\n  return (\n    <svg width={width} height={height} viewBox=\"0 0 20 20\" fill=\"currentcolor\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M13.9599 9.30662C14.4547 9.63647 14.4547 10.3635 13.9599 10.6934L6.29558 15.8029C5.74179 16.1721 5 15.7751 5 15.1096V4.89042C5 4.22484 5.74179 3.82785 6.29558 4.19705L13.9599 9.30662Z\"\n        fill=\"currentcolor\"\n      />\n    </svg>\n  )\n}\n\nconst HeroBanner = React.forwardRef<\n  HTMLDivElement,\n  HeroBannerProps & {\n    classNames?: Partial<Record<HeroBannerSemanticName, string>>\n    /**\n     * \u951A\u70B9\u8DF3\u8F6C\u914D\u7F6E\uFF08\u7528\u4E8E # \u5F00\u5934\u7684\u94FE\u63A5\uFF09\n     * @default { duration: 500, offset: 0 }\n     */\n    jumpOptions?: JumpOptions\n  }\n>(\n  (\n    { data, className, classNames = {}, onSecondaryClick, onPrimaryClick, onTertiaryClick, jumpOptions = {}, ...rest },\n    ref\n  ) => {\n    const { locale } = useAiuiContext()\n\n    // \u9ED8\u8BA4 jump \u914D\u7F6E\n    const defaultJumpOptions: JumpOptions = { duration: 500, offset: 0 }\n    const mergedJumpOptions = { ...defaultJumpOptions, ...jumpOptions }\n\n    // \u5305\u88C5\u94FE\u63A5\uFF0C\u81EA\u52A8\u6DFB\u52A0 locale \u524D\u7F00\n    const localizeUrl = (url?: string) => {\n      if (!url || !locale) return url\n      return getLocalizedPath(url, locale)\n    }\n\n    const {\n      label,\n      title,\n      subtitle,\n      endDate,\n      endDate_tz,\n      dateFormat,\n      pcImage,\n      padImage,\n      mobileImage,\n      pcVideo,\n      padVideo,\n      mobileVideo,\n      isShowVideo,\n      isVideoLoop = true,\n      primaryButton,\n      secondaryButton,\n      tertiaryButton,\n      theme = 'light',\n      size = 'default',\n      titleSize,\n      caption = [],\n      blockLink,\n      iconArray,\n      align = 'left',\n      enableParallax = true,\n    } = data\n\n    const safeCaption = Array.isArray(caption) ? caption : []\n    const safeIconArray = Array.isArray(iconArray) ? iconArray : undefined\n\n    const isMobile = useIsomorphicMediaQuery({ query: '(max-width: 768px)' })\n    const isPad = useIsomorphicMediaQuery({ query: '(max-width: 1024px)' })\n    const [visible, setVisible] = useState<boolean>(false)\n    const { ref: inViewRef, inView } = useInView()\n    const scrollTriggerRef = useRef<ScrollTrigger | null>(null)\n    const bgTriggerRef = useRef<ScrollTrigger | null>(null)\n    const boxTriggerRef = useRef<ScrollTrigger | null>(null)\n\n    const bgRef = useRef<HTMLImageElement>(null)\n    const boxRef = useRef<HTMLDivElement>(null)\n\n    // Task 7: Compute accessibility / tracking fallback values (Rule 2/3/4 \u2014 DECISION-T3)\n    // blockLink aria-label: title \u2192 subtitle \u2192 pcImage.alt \u2192 undefined (absent attr)\n    const blockLinkLabel = title?.trim() || subtitle?.trim() || pcImage?.alt?.trim() || undefined\n    // componentTitle: title=undefined \u2192 coerce '' via subtitle only (no pcImage.alt for undefined title);\n    //                 title='' (intentional) \u2192 cascade: subtitle \u2192 pcImage.alt \u2192 undefined\n    const resolvedComponentTitle =\n      title !== undefined\n        ? title?.trim() || subtitle?.trim() || pcImage?.alt?.trim() || undefined\n        : (subtitle && subtitle.trim()) || ''\n    // componentDescription: subtitle with undefined guard\n    const resolvedComponentDescription = (subtitle && subtitle.trim()) || ''\n\n    useExposure(boxRef, {\n      componentType,\n      componentName,\n      componentTitle: resolvedComponentTitle,\n      componentDescription: resolvedComponentDescription,\n    })\n\n    useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n    useEffect(() => {\n      // Task 18: GSAP bypass \u2014 skip ALL GSAP setup in carousel mode (DECISION-A002/DECISION-009)\n      if (data.items && data.items.length > 0) return\n      if (!enableParallax) return\n      gsap.registerPlugin(ScrollTrigger)\n      function gsapResize() {\n        if (!bgRef.current) return\n        const clientHeight = boxRef.current?.clientHeight || 100\n        const screenHeight = window.innerHeight\n\n        if (screenHeight <= clientHeight) {\n          scrollTriggerRef.current = ScrollTrigger.create({\n            trigger: boxRef.current,\n            start: 'top bottom',\n            end: 'bottom top',\n            scrub: true,\n            onUpdate: (self: any) => {\n              const base = 40\n              const value = self.progress * base - base / 2\n              gsap.set(bgRef.current, { yPercent: value })\n            },\n          })\n        } else {\n          boxTriggerRef.current = ScrollTrigger.create({\n            trigger: boxRef.current,\n            start: 'top bottom',\n            end: 'bottom bottom',\n            scrub: true,\n            onUpdate: (self: any) => {\n              const base = 20\n              const value = self.progress * base - base\n              gsap.set(bgRef.current, { yPercent: value })\n            },\n          })\n          bgTriggerRef.current = ScrollTrigger.create({\n            trigger: boxRef.current,\n            start: 'top top',\n            end: 'bottom top',\n            scrub: true,\n            onUpdate: (self: any) => {\n              const base = 20\n              const value = self.progress * base\n              gsap.set(bgRef.current, { yPercent: value })\n            },\n          })\n        }\n      }\n      if (inView) gsapResize()\n      return () => {\n        // ScrollTrigger.getAll().forEach((t: any) => t.kill())\n        scrollTriggerRef.current && scrollTriggerRef.current.kill()\n        boxTriggerRef.current && boxTriggerRef.current.kill()\n        bgTriggerRef.current && bgTriggerRef.current.kill()\n      }\n    }, [inView, data.items, enableParallax])\n\n    // Task 18: Carousel mode early return (DECISION-A002 / DECISION-011)\n    // All hooks above have already run. Delegate entirely to HeroBannerCarousel\n    // when data.items is non-empty; GSAP was already bypassed in the useEffect above.\n    if (data.items && data.items.length > 0) {\n      return (\n        <HeroBannerCarousel\n          data={data}\n          className={className}\n          classNames={classNames}\n          onPrimaryClick={onPrimaryClick}\n          onSecondaryClick={onSecondaryClick}\n          onTertiaryClick={onTertiaryClick}\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...rest}\n        />\n      )\n    }\n    return (\n      <div {...rest} ref={inViewRef} data-ui-component-id=\"HeroBanner\">\n        <div\n          ref={boxRef}\n          className={cn(\n            theme === 'dark' ? 'aiui-dark' : '',\n            'text-info-primary relative  w-full overflow-hidden',\n            {\n              'lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520] tablet:aspect-[768/660] aspect-[390/660]':\n                size === 'default',\n              'lg-desktop:aspect-[1920/800] desktop:aspect-[1440/640] laptop:aspect-[1024/480] tablet:aspect-[768/560] aspect-[390/560]':\n                size === 'sm',\n            },\n            className\n          )}\n        >\n          {blockLink && (\n            <a\n              className=\"absolute inset-0 z-10\"\n              href={trackUrlRef(localizeUrl(blockLink), `${componentType}_${componentName}`)}\n              data-headless-type-name={`${componentType}#${componentName}`}\n              data-headless-title-desc-button={`${title}#${subtitle}`}\n              tabIndex={-1}\n              aria-hidden=\"true\"\n              aria-label={blockLinkLabel}\n            ></a>\n          )}\n          <div ref={bgRef} className={cn('absolute left-0 top-0 size-full')}>\n            {isShowVideo ? (\n              <>\n                {/* Poster cover layer: eager + high priority, decoupled from JS lazy-load, participates in LCP */}\n                {/* Wrap in div so data-video-poster + transition-opacity are on the container, not the <img> */}\n                <div\n                  data-video-poster=\"true\"\n                  className=\"laptop:w-full absolute inset-0 h-full transition-opacity duration-500\"\n                >\n                  <Picture\n                    className=\"absolute inset-0 size-full\"\n                    imgClassName=\"size-full object-cover\"\n                    loading=\"eager\"\n                    fetchPriority=\"high\"\n                    alt={pcImage?.alt || ''}\n                    source={`${pcImage?.url || ''} , ${padImage?.url ?? (mobileImage?.url || '')} 1024, ${mobileImage?.url || ''} 767`}\n                  />\n                </div>\n                {/* Video layer: lazy-loaded, overlays Picture via DOM order (both z-auto, video is after Picture) */}\n                <ScrollLoadVideo\n                  poster={undefined}\n                  src={\n                    isMobile\n                      ? (mobileVideo?.url as string)\n                      : isPad\n                        ? (padVideo?.url as string) || (mobileVideo?.url as string)\n                        : (pcVideo?.url as string)\n                  }\n                  className=\"laptop:w-full absolute inset-0 h-full\"\n                  videoClassName=\"h-full object-cover\"\n                  muted\n                  loop={isVideoLoop}\n                  playsInline\n                  onPlaying={(e: React.SyntheticEvent<HTMLVideoElement>) => {\n                    const banner = (e.currentTarget as HTMLVideoElement).closest('[data-ui-component-id=\"HeroBanner\"]')\n                    banner?.querySelector<HTMLElement>('[data-video-poster=\"true\"]')?.classList.add('opacity-0')\n                  }}\n                />\n              </>\n            ) : (\n              <Picture\n                className=\"laptop:w-full h-full\"\n                imgClassName=\"h-full object-cover\"\n                loading=\"eager\"\n                fetchPriority=\"high\"\n                alt={pcImage?.alt || ''}\n                source={`${pcImage?.url || ''} , ${padImage?.url ?? (mobileImage?.url || '')} 1024, ${mobileImage?.url || ''} 767`}\n              />\n            )}\n          </div>\n\n          {/* \u5185\u5BB9\u533A\u57DF */}\n          <div className={contentVariants({ align })}>\n            <div className={textVariants({ align })}>\n              {label && (\n                <Text\n                  size={2}\n                  as=\"p\"\n                  className={cn('hero-banner-label font-heading lg-desktop:text-[18px] desktop:text-base text-sm')}\n                  html={label}\n                />\n              )}\n              {title && (\n                <Heading\n                  as={titleSize === '4' ? 'h1' : 'h2'}\n                  html={title}\n                  className={cn('hero-banner-title', classNames.title)}\n                  size={titleSize ? (Number(titleSize || '5') as any) : size === 'sm' ? 4 : 5}\n                />\n              )}\n              {subtitle && (\n                <Text\n                  as=\"p\"\n                  size={2}\n                  className={cn(\n                    'hero-banner-subtitle font-heading lg-desktop:text-[18px] desktop:text-base laptop:mt-2 lg-desktop:mt-4 mt-1 text-sm',\n                    classNames.subtitle\n                  )}\n                  html={subtitle}\n                />\n              )}\n              {endDate && (\n                <div className=\"mt-3\">\n                  <Countdown\n                    endDate={endDate}\n                    endDate_tz={endDate_tz}\n                    dateFormat={dateFormat}\n                    variant=\"spacious\"\n                    align={align}\n                  />\n                </div>\n              )}\n            </div>\n            {/* \u6309\u94AE\u7EC4 */}\n            <div className={cn(buttonGroupVariants({ align }), classNames.buttonGroup)}>\n              {/* secondary + primary \u59CB\u7EC8\u540C\u884C */}\n              <div className=\"lg-desktop:gap-3 flex items-center gap-2\">\n                {secondaryButton?.isShowPlayVideoButton && secondaryButton?.playVideoButtonText ? (\n                  <Button\n                    onClick={() => setVisible(true)}\n                    size=\"lg\"\n                    variant=\"secondary\"\n                    className=\"hero-banner-play-video-button\"\n                    data-headless-type-name={`${componentType}#${componentName}`}\n                    data-headless-title-desc-button={`${title}#${subtitle}#${secondaryButton?.playVideoButtonText}`}\n                  >\n                    {secondaryButton?.playVideoButtonText} <PlayButtonAppendIcon size=\"lg\" />\n                  </Button>\n                ) : secondaryButton?.text ? (\n                  <Button\n                    aria-label={title ?? subtitle}\n                    size=\"lg\"\n                    variant=\"secondary\"\n                    className={cn('hero-banner-secondary-button', classNames.secondaryButton)}\n                    as={secondaryButton?.isCustomSecondaryButton ? 'button' : 'a'}\n                    href={trackUrlRef(localizeUrl(secondaryButton?.link), `${componentType}_${componentName}`)}\n                    target={secondaryButton?.target}\n                    rel={\n                      secondaryButton?.target === '_blank'\n                        ? (secondaryButton?.rel ?? 'noopener noreferrer')\n                        : secondaryButton?.rel\n                    }\n                    onClick={e => {\n                      if (secondaryButton.link?.startsWith('#')) {\n                        e.preventDefault()\n                        const element = document.querySelector(secondaryButton.link)\n                        if (element) {\n                          jump(element as HTMLElement, mergedJumpOptions)\n                        }\n                      }\n                      secondaryButton?.isCustomSecondaryButton &&\n                        onSecondaryClick?.(data, e, secondaryButton?.customSecondaryEventId)\n                    }}\n                    data-headless-type-name={`${componentType}#${componentName}`}\n                    data-headless-title-desc-button={`${title}#${subtitle}#${secondaryButton?.text}`}\n                  >\n                    {secondaryButton?.text}\n                    <span className=\"sr-only\">{title ?? subtitle}</span>\n                  </Button>\n                ) : null}\n                {primaryButton && primaryButton.text && (\n                  <Button\n                    aria-label={title ?? subtitle}\n                    size=\"lg\"\n                    variant=\"primary\"\n                    className={cn('hero-banner-primary-button', classNames.primaryButton)}\n                    as={primaryButton?.isCustomPrimaryButton ? 'button' : 'a'}\n                    href={trackUrlRef(localizeUrl(primaryButton.link), `${componentType}_${componentName}`)}\n                    target={primaryButton?.target}\n                    rel={\n                      primaryButton?.target === '_blank'\n                        ? (primaryButton?.rel ?? 'noopener noreferrer')\n                        : primaryButton?.rel\n                    }\n                    onClick={e => {\n                      if (primaryButton.link?.startsWith('#')) {\n                        e.preventDefault()\n                        const element = document.querySelector(primaryButton.link)\n                        if (element) {\n                          jump(element as HTMLElement, mergedJumpOptions)\n                        }\n                      }\n                      primaryButton?.isCustomPrimaryButton &&\n                        onPrimaryClick?.(data, e, primaryButton?.customPrimaryEventId)\n                    }}\n                    data-headless-type-name={`${componentType}#${componentName}`}\n                    data-headless-title-desc-button={`${title}#${subtitle}#${primaryButton?.text}`}\n                  >\n                    {primaryButton.text}\n                  </Button>\n                )}\n              </div>\n              {tertiaryButton && tertiaryButton.text && (\n                <Button\n                  aria-label={title ?? subtitle}\n                  size=\"lg\"\n                  variant=\"link\"\n                  className={cn('hero-banner-tertiary-button w-auto p-0', classNames.tertiaryButton)}\n                  as={tertiaryButton?.isCustomTertiaryButton ? 'button' : 'a'}\n                  href={trackUrlRef(localizeUrl(tertiaryButton.link), `${componentType}_${componentName}`)}\n                  target={tertiaryButton?.target}\n                  rel={\n                    tertiaryButton?.target === '_blank'\n                      ? (tertiaryButton?.rel ?? 'noopener noreferrer')\n                      : tertiaryButton?.rel\n                  }\n                  onClick={e => {\n                    if (tertiaryButton.link?.startsWith('#')) {\n                      e.preventDefault()\n                      const element = document.querySelector(tertiaryButton.link)\n                      if (element) {\n                        jump(element as HTMLElement, mergedJumpOptions)\n                      }\n                    }\n                    tertiaryButton?.isCustomTertiaryButton &&\n                      onTertiaryClick?.(data, e, tertiaryButton?.customTertiaryEventId)\n                  }}\n                  data-headless-type-name={`${componentType}#${componentName}`}\n                  data-headless-title-desc-button={`${title}#${subtitle}#${tertiaryButton?.text}`}\n                >\n                  {tertiaryButton.text}\n                  <span className=\"sr-only\">{title ?? subtitle}</span>\n                </Button>\n              )}\n            </div>\n            <div className={iconGroupVariants({ align })}>\n              {safeIconArray?.map(icon => (\n                <div key={icon?.pcImage?.url || icon?.pcImage?.alt} className=\"h-12\">\n                  <Picture\n                    className=\"laptop:w-full h-full\"\n                    imgClassName=\"h-full object-cover\"\n                    loading=\"eager\"\n                    alt={icon?.pcImage?.alt || ''}\n                    source={icon?.pcImage?.url}\n                  />\n                </div>\n              ))}\n            </div>\n          </div>\n\n          {safeCaption.length > 0 && (\n            <div\n              className={cn(\n                'hero-banner-caption-group laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]',\n                classNames.captionGroup\n              )}\n            >\n              {safeCaption.map((c, index) => (\n                <React.Fragment key={c.title}>\n                  <Text\n                    size={2}\n                    className={cn(\n                      'hero-banner-product-text tablet:w-[108px] loptop:w-[150px] desktop:w-[156px] lg-desktop:w-[180px] laptop:text-[14px] flex-1 text-[12px]'\n                    )}\n                    html={c.title}\n                  />\n                  {index < safeCaption.length - 1 && <div className={cn('bg-info-primary w-px')} />}\n                </React.Fragment>\n              ))}\n            </div>\n          )}\n\n          {/* \u89C6\u9891\u5F39\u7A97 */}\n          {visible && (\n            <VideoModal\n              visible={visible}\n              videoUrl={secondaryButton?.isYoutubeVideo ? undefined : secondaryButton?.videoUrl?.url}\n              youTubeId={secondaryButton?.isYoutubeVideo ? secondaryButton?.youtubeId : undefined}\n              onCloseModal={() => setVisible(false)}\n            />\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n\nHeroBanner.displayName = 'HeroBanner'\n\nexport default withLayout(HeroBanner)\n"],
+  "mappings": "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",
+  "names": ["HeroBanner_exports", "__export", "HeroBanner_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_gsap", "import_ScrollTrigger", "import_jump", "import_useIsomorphicMediaQuery", "import_react_intersection_observer", "import_ScrollLoadVideo", "import_components", "import_helpers", "import_class_variance_authority", "import_Styles", "import_useExposure", "import_trackUrlRef", "import_utils", "import_AiuiProvider", "import_button", "import_VideoModal", "import_HeroBannerCarousel", "componentType", "componentName", "contentVariants", "textVariants", "buttonGroupVariants", "iconGroupVariants", "PlayButtonAppendIcon", "size", "width", "height", "HeroBanner", "React", "data", "className", "classNames", "onSecondaryClick", "onPrimaryClick", "onTertiaryClick", "jumpOptions", "rest", "ref", "locale", "mergedJumpOptions", "localizeUrl", "url", "label", "title", "subtitle", "endDate", "endDate_tz", "dateFormat", "pcImage", "padImage", "mobileImage", "pcVideo", "padVideo", "mobileVideo", "isShowVideo", "isVideoLoop", "primaryButton", "secondaryButton", "tertiaryButton", "theme", "titleSize", "caption", "blockLink", "iconArray", "align", "enableParallax", "safeCaption", "safeIconArray", "isMobile", "isPad", "visible", "setVisible", "inViewRef", "inView", "scrollTriggerRef", "bgTriggerRef", "boxTriggerRef", "bgRef", "boxRef", "blockLinkLabel", "resolvedComponentTitle", "resolvedComponentDescription", "gsap", "gsapResize", "clientHeight", "self", "value", "HeroBannerCarousel", "ScrollLoadVideo", "e", "element", "jump", "icon", "c", "index"]
 }

package/dist/cjs/biz-components/HeroBanner/HeroBannerCarousel.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var J=Object.create;var L=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var U=Object.getOwnPropertyNames;var X=Object.getPrototypeOf,Y=Object.prototype.hasOwnProperty;var Z=(a,s)=>{for(var p in s)L(a,p,{get:s[p],enumerable:!0})},$=(a,s,p,f)=>{if(s&&typeof s=="object"||typeof s=="function")for(let d of U(s))!Y.call(a,d)&&d!==p&&L(a,d,{get:()=>s[d],enumerable:!(f=K(s,d))||f.enumerable});return a};var O=(a,s,p)=>(p=a!=null?J(X(a)):{},$(s||!a||!a.__esModule?L(p,"default",{value:a,enumerable:!0}):p,a)),ee=a=>$(L({},"__esModule",{value:!0}),a);var oe={};Z(oe,{default:()=>ie});module.exports=ee(oe);var e=require("react/jsx-runtime"),n=O(require("react")),_=require("swiper/react"),g=require("swiper/modules"),D=require("react-responsive"),F=O(require("../../helpers/ScrollLoadVideo.js")),m=require("../../helpers/index.js"),i=require("../../components/index.js"),se=require("swiper/css"),le=require("swiper/css/navigation"),pe=require("swiper/css/pagination");const te=()=>(0,e.jsxs)("svg",{className:"lg-desktop:size-14 size-10",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[(0,e.jsx)("circle",{cx:"20",cy:"20",r:"20",fill:"currentColor",fillOpacity:"0.2"}),(0,e.jsx)("path",{d:"M23 13L16 20L23 27",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),ae=()=>(0,e.jsxs)("svg",{className:"lg-desktop:size-14 size-10",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[(0,e.jsx)("circle",{cx:"20",cy:"20",r:"20",fill:"currentColor",fillOpacity:"0.2"}),(0,e.jsx)("path",{d:"M17 13L24 20L17 27",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),re=({data:a,isActive:s,videoRef:p,slideIndex:f,onPrimaryClick:d,onSecondaryClick:E,onTertiaryClick:I})=>{const{pcVideo:N,padVideo:b,mobileVideo:y,pcImage:w,padImage:x,mobileImage:v,isVideoLoop:M=!0,isShowVideo:C,title:B,subtitle:j,label:T,endDate:h,endDate_tz:R,dateFormat:H,iconArray:u,caption:S,blockLink:P,primaryButton:l,secondaryButton:t,tertiaryButton:r,theme:k="light",align:c="left",titleSize:z,size:V="default"}=a,W=(0,D.useMediaQuery)({query:"(max-width: 768px)"}),Q=(0,D.useMediaQuery)({query:"(max-width: 1024px)"}),G=W?y?.url||N?.url||"":Q?b?.url||N?.url||y?.url||"":N?.url||y?.url||"";return(0,e.jsxs)("div",{"data-ui-component-id":"HeroBannerSlide",className:(0,m.cn)("text-info-primary relative w-full overflow-hidden",k==="dark"?"aiui-dark":"",V==="default"?"lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520] tablet:aspect-[768/660] aspect-[390/660]":"lg-desktop:aspect-[1920/800] desktop:aspect-[1440/640] laptop:aspect-[1024/480] tablet:aspect-[768/560] aspect-[390/560]"),children:[P&&(0,e.jsx)("a",{className:"absolute inset-0 z-10",href:P,tabIndex:-1,"aria-hidden":"true"}),C?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{"data-video-poster":"true",className:"absolute inset-0 size-full transition-opacity duration-500",children:(0,e.jsx)(i.Picture,{className:"absolute inset-0 size-full",imgClassName:"size-full object-cover",loading:f===0?"eager":"lazy",fetchPriority:f===0?"high":"auto",alt:w?.alt||"",source:`${w?.url||""} , ${x?.url??(v?.url||"")} 1024, ${v?.url||""} 767`})}),(0,e.jsx)(F.default,{videoRef:p,src:G,poster:void 0,className:"absolute inset-0 size-full",videoClassName:"size-full object-cover",muted:!0,loop:M,playsInline:!0,onPlaying:o=>{o.currentTarget.closest('[data-ui-component-id="HeroBannerSlide"]')?.querySelector('[data-video-poster="true"]')?.classList.add("opacity-0")}})]}):(0,e.jsx)(i.Picture,{className:"absolute inset-0 size-full",imgClassName:"size-full object-cover",loading:"eager",fetchPriority:"high",alt:w?.alt||"",source:`${w?.url||""} , ${x?.url??(v?.url||"")} 1024, ${v?.url||""} 767`}),(0,e.jsxs)("div",{className:(0,m.cn)("laptop:top-1/2 laptop:-translate-y-1/2 lg-desktop:gap-[32px] absolute top-24 z-10 flex w-full flex-col gap-[24px]",c==="center"?"left-1/2 -translate-x-1/2 items-center text-center":"tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] left-0 px-[16px]"),children:[(0,e.jsxs)("div",{className:(0,m.cn)("tablet:max-w-[704px] laptop:max-w-[440px] desktop:max-w-[648px] lg-desktop:max-w-[824px] max-w-[358px]",c==="center"?"text-center":"laptop:text-left"),children:[T&&(0,e.jsx)(i.Text,{size:2,as:"p",className:(0,m.cn)("hero-banner-label font-heading lg-desktop:text-[18px] desktop:text-base text-sm"),html:T}),B&&(0,e.jsx)(i.Heading,{as:z==="4"?"h1":"h2",html:B,size:z?Number(z||"5"):V==="sm"?4:5}),j&&(0,e.jsx)(i.Text,{as:"p",size:2,className:"font-heading lg-desktop:text-[18px] desktop:text-base laptop:mt-2 lg-desktop:mt-4 mt-1 text-sm",html:j}),h&&(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)(i.Countdown,{endDate:h,endDate_tz:R,dateFormat:H,variant:"spacious",align:c})})]}),(l?.text||t?.text||r?.text)&&(0,e.jsxs)("div",{className:(0,m.cn)("lg-desktop:gap-3 flex flex-wrap items-center gap-2",c==="center"?"justify-center":"laptop:justify-start"),children:[t?.text&&(0,e.jsx)(i.Button,{size:"lg",variant:"secondary",as:t?.isCustomSecondaryButton?"button":"a",href:t.link,target:t?.target,rel:t?.target==="_blank"?t?.rel??"noopener noreferrer":t?.rel,onClick:o=>t?.isCustomSecondaryButton&&E?.(a,o,t?.customSecondaryEventId),children:t.text}),l?.text&&(0,e.jsx)(i.Button,{size:"lg",variant:"primary",as:l?.isCustomPrimaryButton?"button":"a",href:l.link,target:l?.target,rel:l?.target==="_blank"?l?.rel??"noopener noreferrer":l?.rel,onClick:o=>l?.isCustomPrimaryButton&&d?.(a,o,l?.customPrimaryEventId),children:l.text}),r?.text&&(0,e.jsx)(i.Button,{size:"lg",variant:"link",className:"tablet:basis-auto basis-full",as:r?.isCustomTertiaryButton?"button":"a",href:r.link,target:r?.target,rel:r?.target==="_blank"?r?.rel??"noopener noreferrer":r?.rel,onClick:o=>r?.isCustomTertiaryButton&&I?.(a,o,r?.customTertiaryEventId),children:r.text})]}),u&&u.length>0&&(0,e.jsx)("div",{className:(0,m.cn)("flex items-center gap-2",c==="center"?"justify-center":"justify-start"),children:u.map(o=>(0,e.jsx)("div",{className:"h-12",children:(0,e.jsx)(i.Picture,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",alt:o?.pcImage?.alt||"",source:o?.pcImage?.url})},o?.pcImage?.url||o?.pcImage?.alt))})]}),S&&S.length>0&&(0,e.jsx)("div",{className:"hero-banner-caption-group laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]",children:S.map((o,A)=>(0,e.jsxs)(n.default.Fragment,{children:[(0,e.jsx)(i.Text,{size:2,className:"hero-banner-product-text tablet:w-[108px] desktop:w-[156px] lg-desktop:w-[180px] laptop:text-[14px] flex-1 text-[12px]",html:o.title}),A<S.length-1&&(0,e.jsx)("div",{className:"bg-info-primary w-px"})]},o.title))})]})},q=n.default.forwardRef(({data:a,className:s,classNames:p={},onPrimaryClick:f,onSecondaryClick:d,onTertiaryClick:E,...I},N)=>{const b=a.items||[],y=a.carousel,w=a.size??"default",x=(0,n.useRef)(null),[v,M]=(0,n.useState)(0),[C,B]=(0,n.useState)(null),T=(b[v]?.theme??"light")==="dark";(0,n.useEffect)(()=>{const t=x.current;!t||!C||t.pagination&&(t.pagination.el=C,t.pagination.init(),t.pagination.render(),t.pagination.update())},[C]);const h=(0,n.useRef)(b.map(()=>n.default.createRef())),R=(y?.showArrows??!0)&&b.length>1,H=y?.showDots??!0,u=y?.autoplaySeconds,S=u!==void 0&&u>0?[g.Navigation,g.Pagination,g.Autoplay]:[g.Navigation,g.Pagination],P=u!==void 0&&u>0?{delay:Math.max(u*1e3,3e3),disableOnInteraction:!1}:!1;(0,n.useEffect)(()=>{h.current.forEach((t,r)=>{r!==0&&t.current&&(t.current.pause(),t.current.currentTime=0)})},[]);const l=(0,n.useCallback)(t=>{const r=t.realIndex;h.current.forEach((c,z)=>{z!==r&&c.current&&(c.current.pause(),c.current.currentTime=0)});const k=h.current[r];k?.current&&k.current.paused&&k.current.play()?.catch(()=>{}),M(r)},[]);return(0,e.jsxs)("div",{ref:N,className:(0,m.cn)("hero-banner-carousel group relative w-full overflow-hidden",w==="default"?"lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520] tablet:aspect-[768/660] aspect-[390/660]":"lg-desktop:aspect-[1920/800] desktop:aspect-[1440/640] laptop:aspect-[1024/480] tablet:aspect-[768/560] aspect-[390/560]",{"aiui-dark":b[v]?.theme==="dark"},s),...I,children:[(0,e.jsx)(_.Swiper,{onSwiper:t=>x.current=t,onSlideChange:l,modules:S,slidesPerView:1,loop:!0,initialSlide:0,allowTouchMove:!0,autoplay:P,pagination:H?{clickable:!0,el:C,renderBullet:(t,r)=>`<span class="${r} banner-dot"></span>`}:!1,children:b.map((t,r)=>(0,e.jsx)(_.SwiperSlide,{children:({isActive:k})=>(0,e.jsx)(re,{data:t,isActive:k,slideIndex:r,videoRef:h.current[r],onPrimaryClick:f,onSecondaryClick:d,onTertiaryClick:E})},r))}),R&&(0,e.jsxs)("div",{className:"pointer-events-none absolute inset-0 z-20 flex items-center justify-between px-4",children:[(0,e.jsx)("button",{type:"button",className:"tablet:flex pointer-events-auto hidden scale-95 items-center justify-center opacity-0 transition-all duration-300 ease-out hover:scale-105 focus-visible:scale-105 group-focus-within:scale-100 group-focus-within:opacity-100 group-hover:scale-100 group-hover:opacity-100",onClick:()=>x.current?.slidePrev(),"aria-label":"Previous banner",children:(0,e.jsx)(te,{})}),(0,e.jsx)("button",{type:"button",className:"tablet:flex pointer-events-auto hidden scale-95 items-center justify-center opacity-0 transition-all duration-300 ease-out hover:scale-105 focus-visible:scale-105 group-focus-within:scale-100 group-focus-within:opacity-100 group-hover:scale-100 group-hover:opacity-100",onClick:()=>x.current?.slideNext(),"aria-label":"Next banner",children:(0,e.jsx)(ae,{})})]}),H&&(0,e.jsx)("div",{ref:B,style:{"--swiper-pagination-bottom":"0px"},className:(0,m.cn)("hero-banner-pagination swiper-pagination lg-desktop:!bottom-6 [&_.banner-dot.swiper-pagination-bullet-active]:bg-info-primary [&_.banner-dot]:bg-info-quaternary absolute !bottom-4 !left-1/2 z-20 flex !w-auto !-translate-x-1/2 items-center justify-center gap-2 [&_.banner-dot.swiper-pagination-bullet-active]:h-2 [&_.banner-dot.swiper-pagination-bullet-active]:w-8 [&_.banner-dot.swiper-pagination-bullet-active]:rounded-full [&_.banner-dot]:size-2 [&_.banner-dot]:rounded-full [&_.banner-dot]:transition-all [&_.banner-dot]:duration-300 [&_.banner-dot]:ease-out [&_.swiper-pagination-bullet]:m-0 [&_.swiper-pagination-bullet]:shrink-0 [&_.swiper-pagination-bullet]:opacity-100",{"aiui-dark":T})})]})});q.displayName="HeroBannerCarousel";var ie=q;
+"use strict";"use client";var J=Object.create;var L=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var U=Object.getOwnPropertyNames;var X=Object.getPrototypeOf,Y=Object.prototype.hasOwnProperty;var Z=(a,s)=>{for(var l in s)L(a,l,{get:s[l],enumerable:!0})},$=(a,s,l,f)=>{if(s&&typeof s=="object"||typeof s=="function")for(let c of U(s))!Y.call(a,c)&&c!==l&&L(a,c,{get:()=>s[c],enumerable:!(f=K(s,c))||f.enumerable});return a};var O=(a,s,l)=>(l=a!=null?J(X(a)):{},$(s||!a||!a.__esModule?L(l,"default",{value:a,enumerable:!0}):l,a)),ee=a=>$(L({},"__esModule",{value:!0}),a);var re={};Z(re,{default:()=>oe});module.exports=ee(re);var e=require("react/jsx-runtime"),n=O(require("react")),I=require("swiper/react"),g=require("swiper/modules"),D=require("../../hooks/useIsomorphicMediaQuery.js"),F=O(require("../../helpers/ScrollLoadVideo.js")),m=require("../../helpers/index.js"),o=require("../../components/index.js"),se=require("swiper/css"),le=require("swiper/css/navigation"),pe=require("swiper/css/pagination");const te=()=>(0,e.jsxs)("svg",{className:"lg-desktop:size-14 size-10",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[(0,e.jsx)("circle",{cx:"20",cy:"20",r:"20",fill:"currentColor",fillOpacity:"0.2"}),(0,e.jsx)("path",{d:"M23 13L16 20L23 27",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),ae=()=>(0,e.jsxs)("svg",{className:"lg-desktop:size-14 size-10",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[(0,e.jsx)("circle",{cx:"20",cy:"20",r:"20",fill:"currentColor",fillOpacity:"0.2"}),(0,e.jsx)("path",{d:"M17 13L24 20L17 27",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),ie=({data:a,isActive:s,videoRef:l,slideIndex:f,onPrimaryClick:c,onSecondaryClick:_,onTertiaryClick:E})=>{const{pcVideo:N,padVideo:y,mobileVideo:b,pcImage:k,padImage:x,mobileImage:v,isVideoLoop:M=!0,isShowVideo:C,title:B,subtitle:j,label:T,endDate:h,endDate_tz:R,dateFormat:H,iconArray:d,caption:S,blockLink:P,primaryButton:u,secondaryButton:t,tertiaryButton:i,theme:w="light",align:p="left",titleSize:z,size:V="default"}=a,W=(0,D.useIsomorphicMediaQuery)({query:"(max-width: 768px)"}),Q=(0,D.useIsomorphicMediaQuery)({query:"(max-width: 1024px)"}),G=W?b?.url||N?.url||"":Q?y?.url||N?.url||b?.url||"":N?.url||b?.url||"";return(0,e.jsxs)("div",{"data-ui-component-id":"HeroBannerSlide",className:(0,m.cn)("text-info-primary relative w-full overflow-hidden",w==="dark"?"aiui-dark":"",V==="default"?"lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520] tablet:aspect-[768/660] aspect-[390/660]":"lg-desktop:aspect-[1920/800] desktop:aspect-[1440/640] laptop:aspect-[1024/480] tablet:aspect-[768/560] aspect-[390/560]"),children:[P&&(0,e.jsx)("a",{className:"absolute inset-0 z-10",href:P,tabIndex:-1,"aria-hidden":"true"}),C?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{"data-video-poster":"true",className:"absolute inset-0 size-full transition-opacity duration-500",children:(0,e.jsx)(o.Picture,{className:"absolute inset-0 size-full",imgClassName:"size-full object-cover",loading:f===0?"eager":"lazy",fetchPriority:f===0?"high":"auto",alt:k?.alt||"",source:`${k?.url||""} , ${x?.url??(v?.url||"")} 1024, ${v?.url||""} 767`})}),(0,e.jsx)(F.default,{videoRef:l,src:G,poster:void 0,className:"absolute inset-0 size-full",videoClassName:"size-full object-cover",muted:!0,loop:M,playsInline:!0,onPlaying:r=>{r.currentTarget.closest('[data-ui-component-id="HeroBannerSlide"]')?.querySelector('[data-video-poster="true"]')?.classList.add("opacity-0")}})]}):(0,e.jsx)(o.Picture,{className:"absolute inset-0 size-full",imgClassName:"size-full object-cover",loading:"eager",fetchPriority:"high",alt:k?.alt||"",source:`${k?.url||""} , ${x?.url??(v?.url||"")} 1024, ${v?.url||""} 767`}),(0,e.jsxs)("div",{className:(0,m.cn)("laptop:top-1/2 laptop:-translate-y-1/2 lg-desktop:gap-[32px] absolute top-24 z-10 flex w-full flex-col gap-[24px]",p==="center"?"left-1/2 -translate-x-1/2 items-center text-center":"tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] left-0 px-[16px]"),children:[(0,e.jsxs)("div",{className:(0,m.cn)("tablet:max-w-[704px] laptop:max-w-[440px] desktop:max-w-[648px] lg-desktop:max-w-[824px] max-w-[358px]",p==="center"?"text-center":"laptop:text-left"),children:[T&&(0,e.jsx)(o.Text,{size:2,as:"p",className:(0,m.cn)("hero-banner-label font-heading lg-desktop:text-[18px] desktop:text-base text-sm"),html:T}),B&&(0,e.jsx)(o.Heading,{as:z==="4"?"h1":"h2",html:B,size:z?Number(z||"5"):V==="sm"?4:5}),j&&(0,e.jsx)(o.Text,{as:"p",size:2,className:"font-heading lg-desktop:text-[18px] desktop:text-base laptop:mt-2 lg-desktop:mt-4 mt-1 text-sm",html:j}),h&&(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)(o.Countdown,{endDate:h,endDate_tz:R,dateFormat:H,variant:"spacious",align:p})})]}),(u?.text||t?.text||i?.text)&&(0,e.jsxs)("div",{className:(0,m.cn)("lg-desktop:gap-3 flex flex-wrap items-center gap-2",p==="center"?"justify-center":"laptop:justify-start"),children:[t?.text&&(0,e.jsx)(o.Button,{size:"lg",variant:"secondary",as:t?.isCustomSecondaryButton?"button":"a",href:t.link,onClick:r=>t?.isCustomSecondaryButton&&_?.(a,r,t?.customSecondaryEventId),children:t.text}),u?.text&&(0,e.jsx)(o.Button,{size:"lg",variant:"primary",as:u?.isCustomPrimaryButton?"button":"a",href:u.link,onClick:r=>u?.isCustomPrimaryButton&&c?.(a,r,u?.customPrimaryEventId),children:u.text}),i?.text&&(0,e.jsx)(o.Button,{size:"lg",variant:"link",className:"tablet:basis-auto basis-full",as:i?.isCustomTertiaryButton?"button":"a",href:i.link,target:i?.target,rel:i?.target==="_blank"?i?.rel??"noopener noreferrer":i?.rel,onClick:r=>i?.isCustomTertiaryButton&&E?.(a,r,i?.customTertiaryEventId),children:i.text})]}),d&&d.length>0&&(0,e.jsx)("div",{className:(0,m.cn)("flex items-center gap-2",p==="center"?"justify-center":"justify-start"),children:d.map(r=>(0,e.jsx)("div",{className:"h-12",children:(0,e.jsx)(o.Picture,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",alt:r?.pcImage?.alt||"",source:r?.pcImage?.url})},r?.pcImage?.url||r?.pcImage?.alt))})]}),S&&S.length>0&&(0,e.jsx)("div",{className:"hero-banner-caption-group laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]",children:S.map((r,A)=>(0,e.jsxs)(n.default.Fragment,{children:[(0,e.jsx)(o.Text,{size:2,className:"hero-banner-product-text tablet:w-[108px] desktop:w-[156px] lg-desktop:w-[180px] laptop:text-[14px] flex-1 text-[12px]",html:r.title}),A<S.length-1&&(0,e.jsx)("div",{className:"bg-info-primary w-px"})]},r.title))})]})},q=n.default.forwardRef(({data:a,className:s,classNames:l={},onPrimaryClick:f,onSecondaryClick:c,onTertiaryClick:_,...E},N)=>{const y=a.items||[],b=a.carousel,k=a.size??"default",x=(0,n.useRef)(null),[v,M]=(0,n.useState)(0),[C,B]=(0,n.useState)(null),T=(y[v]?.theme??"light")==="dark";(0,n.useEffect)(()=>{const t=x.current;!t||!C||t.pagination&&(t.pagination.el=C,t.pagination.init(),t.pagination.render(),t.pagination.update())},[C]);const h=(0,n.useRef)(y.map(()=>n.default.createRef())),R=(b?.showArrows??!0)&&y.length>1,H=b?.showDots??!0,d=b?.autoplaySeconds,S=d!==void 0&&d>0?[g.Navigation,g.Pagination,g.Autoplay]:[g.Navigation,g.Pagination],P=d!==void 0&&d>0?{delay:Math.max(d*1e3,3e3),disableOnInteraction:!1}:!1;(0,n.useEffect)(()=>{h.current.forEach((t,i)=>{i!==0&&t.current&&(t.current.pause(),t.current.currentTime=0)})},[]);const u=(0,n.useCallback)(t=>{const i=t.realIndex;h.current.forEach((p,z)=>{z!==i&&p.current&&(p.current.pause(),p.current.currentTime=0)});const w=h.current[i];w?.current&&w.current.paused&&w.current.play()?.catch(()=>{}),M(i)},[]);return(0,e.jsxs)("div",{ref:N,className:(0,m.cn)("hero-banner-carousel group relative w-full overflow-hidden",k==="default"?"lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520] tablet:aspect-[768/660] aspect-[390/660]":"lg-desktop:aspect-[1920/800] desktop:aspect-[1440/640] laptop:aspect-[1024/480] tablet:aspect-[768/560] aspect-[390/560]",{"aiui-dark":y[v]?.theme==="dark"},s),...E,children:[(0,e.jsx)(I.Swiper,{onSwiper:t=>x.current=t,onSlideChange:u,modules:S,slidesPerView:1,loop:!0,initialSlide:0,allowTouchMove:!0,autoplay:P,pagination:H?{clickable:!0,el:C,renderBullet:(t,i)=>`<span class="${i} banner-dot"></span>`}:!1,children:y.map((t,i)=>(0,e.jsx)(I.SwiperSlide,{children:({isActive:w})=>(0,e.jsx)(ie,{data:t,isActive:w,slideIndex:i,videoRef:h.current[i],onPrimaryClick:f,onSecondaryClick:c,onTertiaryClick:_})},i))}),R&&(0,e.jsxs)("div",{className:"pointer-events-none absolute inset-0 z-20 flex items-center justify-between px-4",children:[(0,e.jsx)("button",{type:"button",className:"tablet:flex pointer-events-auto hidden scale-95 items-center justify-center opacity-0 transition-all duration-300 ease-out hover:scale-105 focus-visible:scale-105 group-focus-within:scale-100 group-focus-within:opacity-100 group-hover:scale-100 group-hover:opacity-100",onClick:()=>x.current?.slidePrev(),"aria-label":"Previous banner",children:(0,e.jsx)(te,{})}),(0,e.jsx)("button",{type:"button",className:"tablet:flex pointer-events-auto hidden scale-95 items-center justify-center opacity-0 transition-all duration-300 ease-out hover:scale-105 focus-visible:scale-105 group-focus-within:scale-100 group-focus-within:opacity-100 group-hover:scale-100 group-hover:opacity-100",onClick:()=>x.current?.slideNext(),"aria-label":"Next banner",children:(0,e.jsx)(ae,{})})]}),H&&(0,e.jsx)("div",{ref:B,style:{"--swiper-pagination-bottom":"0px"},className:(0,m.cn)("hero-banner-pagination swiper-pagination lg-desktop:!bottom-6 [&_.banner-dot.swiper-pagination-bullet-active]:bg-info-primary [&_.banner-dot]:bg-info-quaternary absolute !bottom-4 !left-1/2 z-20 flex !w-auto !-translate-x-1/2 items-center justify-center gap-2 [&_.banner-dot.swiper-pagination-bullet-active]:h-2 [&_.banner-dot.swiper-pagination-bullet-active]:w-8 [&_.banner-dot.swiper-pagination-bullet-active]:rounded-full [&_.banner-dot]:size-2 [&_.banner-dot]:rounded-full [&_.banner-dot]:transition-all [&_.banner-dot]:duration-300 [&_.banner-dot]:ease-out [&_.swiper-pagination-bullet]:m-0 [&_.swiper-pagination-bullet]:shrink-0 [&_.swiper-pagination-bullet]:opacity-100",{"aiui-dark":T})})]})});q.displayName="HeroBannerCarousel";var oe=q;
 //# sourceMappingURL=HeroBannerCarousel.js.map

package/dist/cjs/biz-components/HeroBanner/HeroBannerCarousel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeroBanner/HeroBannerCarousel.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useRef, useEffect, useCallback, useState } from 'react'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Navigation, Pagination, Autoplay } from 'swiper/modules'\nimport type { Swiper as SwiperType } from 'swiper'\nimport { useMediaQuery } from 'react-responsive'\nimport ScrollLoadVideo from '../../helpers/ScrollLoadVideo.js'\nimport { cn } from '../../helpers/index.js'\nimport type { HeroBannerProps, HeroBannerSlideData } from './types.js'\nimport { Button, Heading, Text, Countdown, Picture } from '../../components/index.js'\n\nimport 'swiper/css'\nimport 'swiper/css/navigation'\nimport 'swiper/css/pagination'\n\n// \u2500\u2500 Arrow icons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nconst ChevronLeft = () => (\n  <svg\n    className=\"lg-desktop:size-14 size-10\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-hidden=\"true\"\n  >\n    <circle cx=\"20\" cy=\"20\" r=\"20\" fill=\"currentColor\" fillOpacity=\"0.2\" />\n    <path d=\"M23 13L16 20L23 27\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst ChevronRight = () => (\n  <svg\n    className=\"lg-desktop:size-14 size-10\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-hidden=\"true\"\n  >\n    <circle cx=\"20\" cy=\"20\" r=\"20\" fill=\"currentColor\" fillOpacity=\"0.2\" />\n    <path d=\"M17 13L24 20L17 27\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\n// \u2500\u2500 HeroBannerSlide \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// Minimal per-slide content unit. No GSAP, no withLayout, no useExposure.\n// videoRef is the imperative pause/play channel (DECISION-A003).\n\ninterface HeroBannerSlideProps {\n  data: HeroBannerSlideData\n  isActive: boolean\n  videoRef: React.RefObject<HTMLVideoElement>\n  slideIndex: number\n  onPrimaryClick?: (data: any, e: any, id?: string) => void\n  onSecondaryClick?: (data: any, e: any, id?: string) => void\n  onTertiaryClick?: (data: any, e: any, id?: string) => void\n}\n\nconst HeroBannerSlide = ({\n  data,\n  isActive: _isActive,\n  videoRef,\n  slideIndex,\n  onPrimaryClick,\n  onSecondaryClick,\n  onTertiaryClick,\n}: HeroBannerSlideProps) => {\n  const {\n    pcVideo,\n    padVideo,\n    mobileVideo,\n    pcImage,\n    padImage,\n    mobileImage,\n    isVideoLoop = true,\n    isShowVideo,\n    title,\n    subtitle,\n    label,\n    endDate,\n    endDate_tz,\n    dateFormat,\n    iconArray,\n    caption,\n    blockLink,\n    primaryButton,\n    secondaryButton,\n    tertiaryButton,\n    theme = 'light',\n    align = 'left',\n    titleSize,\n    size = 'default',\n  } = data\n\n  const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n  const isPad = useMediaQuery({ query: '(max-width: 1024px)' })\n\n  const videoSrc = isMobile\n    ? mobileVideo?.url || pcVideo?.url || ''\n    : isPad\n      ? padVideo?.url || pcVideo?.url || mobileVideo?.url || ''\n      : pcVideo?.url || mobileVideo?.url || ''\n\n  return (\n    <div\n      data-ui-component-id=\"HeroBannerSlide\"\n      className={cn(\n        'text-info-primary relative w-full overflow-hidden',\n        theme === 'dark' ? 'aiui-dark' : '',\n        size === 'default'\n          ? 'lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520] tablet:aspect-[768/660] aspect-[390/660]'\n          : 'lg-desktop:aspect-[1920/800] desktop:aspect-[1440/640] laptop:aspect-[1024/480] tablet:aspect-[768/560] aspect-[390/560]'\n      )}\n    >\n      {blockLink && <a className=\"absolute inset-0 z-10\" href={blockLink} tabIndex={-1} aria-hidden=\"true\"></a>}\n      {isShowVideo ? (\n        <>\n          {/* Poster cover layer: slide 0 = eager+high, others = lazy+auto */}\n          <div data-video-poster=\"true\" className=\"absolute inset-0 size-full transition-opacity duration-500\">\n            <Picture\n              className=\"absolute inset-0 size-full\"\n              imgClassName=\"size-full object-cover\"\n              loading={slideIndex === 0 ? 'eager' : 'lazy'}\n              fetchPriority={slideIndex === 0 ? 'high' : 'auto'}\n              alt={pcImage?.alt || ''}\n              source={`${pcImage?.url || ''} , ${padImage?.url ?? (mobileImage?.url || '')} 1024, ${mobileImage?.url || ''} 767`}\n            />\n          </div>\n          {/* Video layer: lazy-loaded, overlays Picture via DOM order */}\n          <ScrollLoadVideo\n            videoRef={videoRef}\n            src={videoSrc}\n            poster={undefined}\n            className=\"absolute inset-0 size-full\"\n            videoClassName=\"size-full object-cover\"\n            muted\n            loop={isVideoLoop}\n            playsInline\n            onPlaying={(e: React.SyntheticEvent<HTMLVideoElement>) => {\n              const slide = (e.currentTarget as HTMLVideoElement).closest('[data-ui-component-id=\"HeroBannerSlide\"]')\n              slide?.querySelector<HTMLElement>('[data-video-poster=\"true\"]')?.classList.add('opacity-0')\n            }}\n          />\n        </>\n      ) : (\n        <Picture\n          className=\"absolute inset-0 size-full\"\n          imgClassName=\"size-full object-cover\"\n          loading=\"eager\"\n          fetchPriority=\"high\"\n          alt={pcImage?.alt || ''}\n          source={`${pcImage?.url || ''} , ${padImage?.url ?? (mobileImage?.url || '')} 1024, ${mobileImage?.url || ''} 767`}\n        />\n      )}\n\n      {/* Content Overlay */}\n      <div\n        className={cn(\n          'laptop:top-1/2 laptop:-translate-y-1/2 lg-desktop:gap-[32px] absolute top-24 z-10 flex w-full flex-col gap-[24px]',\n          align === 'center'\n            ? 'left-1/2 -translate-x-1/2 items-center text-center'\n            : 'tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] left-0 px-[16px]'\n        )}\n      >\n        <div\n          className={cn(\n            'tablet:max-w-[704px] laptop:max-w-[440px] desktop:max-w-[648px] lg-desktop:max-w-[824px] max-w-[358px]',\n            align === 'center' ? 'text-center' : 'laptop:text-left'\n          )}\n        >\n          {label && (\n            <Text\n              size={2}\n              as=\"p\"\n              className={cn('hero-banner-label font-heading lg-desktop:text-[18px] desktop:text-base text-sm')}\n              html={label}\n            />\n          )}\n          {title && (\n            <Heading\n              as={titleSize === '4' ? 'h1' : 'h2'}\n              html={title}\n              size={titleSize ? (Number(titleSize || '5') as any) : size === 'sm' ? 4 : 5}\n            />\n          )}\n          {subtitle && (\n            <Text\n              as=\"p\"\n              size={2}\n              className=\"font-heading lg-desktop:text-[18px] desktop:text-base laptop:mt-2 lg-desktop:mt-4 mt-1 text-sm\"\n              html={subtitle}\n            />\n          )}\n          {endDate && (\n            <div className=\"mt-3\">\n              <Countdown\n                endDate={endDate}\n                endDate_tz={endDate_tz}\n                dateFormat={dateFormat}\n                variant=\"spacious\"\n                align={align}\n              />\n            </div>\n          )}\n        </div>\n\n        {(primaryButton?.text || secondaryButton?.text || tertiaryButton?.text) && (\n          <div\n            className={cn(\n              'lg-desktop:gap-3 flex flex-wrap items-center gap-2',\n              align === 'center' ? 'justify-center' : 'laptop:justify-start'\n            )}\n          >\n            {secondaryButton?.text && (\n              <Button\n                size=\"lg\"\n                variant=\"secondary\"\n                as={secondaryButton?.isCustomSecondaryButton ? 'button' : 'a'}\n                href={secondaryButton.link}\n                target={secondaryButton?.target}\n                rel={\n                  secondaryButton?.target === '_blank'\n                    ? (secondaryButton?.rel ?? 'noopener noreferrer')\n                    : secondaryButton?.rel\n                }\n                onClick={e =>\n                  secondaryButton?.isCustomSecondaryButton &&\n                  onSecondaryClick?.(data, e, secondaryButton?.customSecondaryEventId)\n                }\n              >\n                {secondaryButton.text}\n              </Button>\n            )}\n            {primaryButton?.text && (\n              <Button\n                size=\"lg\"\n                variant=\"primary\"\n                as={primaryButton?.isCustomPrimaryButton ? 'button' : 'a'}\n                href={primaryButton.link}\n                target={primaryButton?.target}\n                rel={\n                  primaryButton?.target === '_blank'\n                    ? (primaryButton?.rel ?? 'noopener noreferrer')\n                    : primaryButton?.rel\n                }\n                onClick={e =>\n                  primaryButton?.isCustomPrimaryButton && onPrimaryClick?.(data, e, primaryButton?.customPrimaryEventId)\n                }\n              >\n                {primaryButton.text}\n              </Button>\n            )}\n            {tertiaryButton?.text && (\n              <Button\n                size=\"lg\"\n                variant=\"link\"\n                className=\"tablet:basis-auto basis-full\"\n                as={tertiaryButton?.isCustomTertiaryButton ? 'button' : 'a'}\n                href={tertiaryButton.link}\n                target={tertiaryButton?.target}\n                rel={\n                  tertiaryButton?.target === '_blank'\n                    ? (tertiaryButton?.rel ?? 'noopener noreferrer')\n                    : tertiaryButton?.rel\n                }\n                onClick={e =>\n                  tertiaryButton?.isCustomTertiaryButton &&\n                  onTertiaryClick?.(data, e, tertiaryButton?.customTertiaryEventId)\n                }\n              >\n                {tertiaryButton.text}\n              </Button>\n            )}\n          </div>\n        )}\n        {iconArray && iconArray.length > 0 && (\n          <div className={cn('flex items-center gap-2', align === 'center' ? 'justify-center' : 'justify-start')}>\n            {iconArray.map((icon: any) => (\n              <div key={icon?.pcImage?.url || icon?.pcImage?.alt} className=\"h-12\">\n                <Picture\n                  className=\"laptop:w-full h-full\"\n                  imgClassName=\"h-full object-cover\"\n                  loading=\"eager\"\n                  alt={icon?.pcImage?.alt || ''}\n                  source={icon?.pcImage?.url}\n                />\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n\n      {caption && caption.length > 0 && (\n        <div className=\"hero-banner-caption-group laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]\">\n          {caption.map((c: { title: string }, index: number) => (\n            <React.Fragment key={c.title}>\n              <Text\n                size={2}\n                className=\"hero-banner-product-text tablet:w-[108px] desktop:w-[156px] lg-desktop:w-[180px] laptop:text-[14px] flex-1 text-[12px]\"\n                html={c.title}\n              />\n              {index < caption.length - 1 && <div className=\"bg-info-primary w-px\" />}\n            </React.Fragment>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\n// \u2500\u2500 HeroBannerCarousel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\ninterface HeroBannerCarouselProps extends React.HTMLAttributes<HTMLDivElement> {\n  data: HeroBannerProps['data']\n  classNames?: Record<string, string>\n  onPrimaryClick?: (data: any, e: any, id?: string) => void\n  onSecondaryClick?: (data: any, e: any, id?: string) => void\n  onTertiaryClick?: (data: any, e: any, id?: string) => void\n}\n\n/**\n * HeroBannerCarousel \u2014 arrows-only Navigation Swiper wrapping HeroBannerSlide units.\n *\n * Architecture:\n *  - DECISION-A007: Navigation only, loop=false, slidesPerView=1\n *  - DECISION-A003: ScrollLoadVideo videoRef as imperative pause channel\n *  - DECISION-A010: initial activeIndex=0; useEffect pauses slides 1..N on mount\n *  - DECISION-A006: arrow buttons at z-[20], above blockLink overlay z-10\n *  - ISSUE-017: post-mount pause wins over IO rootMargin='200px' race\n */\nconst HeroBannerCarousel = React.forwardRef<HTMLDivElement, HeroBannerCarouselProps>(\n  (\n    {\n      data,\n      className,\n      classNames: _classNames = {},\n      onPrimaryClick: _onPrimaryClick,\n      onSecondaryClick: _onSecondaryClick,\n      onTertiaryClick: _onTertiaryClick,\n      ...rest\n    },\n    ref\n  ) => {\n    const items = data.items || []\n    const carousel = data.carousel\n    const containerSize = data.size ?? 'default'\n\n    const swiperRef = useRef<SwiperType | null>(null)\n    const [activeIndex, setActiveIndex] = useState(0)\n    const [paginationEl, setPaginationEl] = useState<HTMLDivElement | null>(null)\n\n    const activeTheme = items[activeIndex]?.theme ?? 'light'\n    const isDark = activeTheme === 'dark'\n\n    useEffect(() => {\n      const swiper = swiperRef.current\n      if (!swiper || !paginationEl) return\n      if (swiper.pagination) {\n        swiper.pagination.el = paginationEl\n        swiper.pagination.init()\n        swiper.pagination.render()\n        swiper.pagination.update()\n      }\n    }, [paginationEl])\n\n    const videoRefs = useRef<React.RefObject<HTMLVideoElement>[]>(items.map(() => React.createRef<HTMLVideoElement>()))\n\n    const showArrowControls = (carousel?.showArrows ?? true) && items.length > 1\n    const showDots = carousel?.showDots ?? true\n\n    const autoplaySeconds = carousel?.autoplaySeconds\n    const swiperModules =\n      autoplaySeconds !== undefined && autoplaySeconds > 0\n        ? [Navigation, Pagination, Autoplay]\n        : [Navigation, Pagination]\n    const autoplayConfig =\n      autoplaySeconds !== undefined && autoplaySeconds > 0\n        ? { delay: Math.max(autoplaySeconds * 1000, 3000), disableOnInteraction: false }\n        : false\n\n    useEffect(() => {\n      videoRefs.current.forEach((vRef, i) => {\n        if (i !== 0 && vRef.current) {\n          vRef.current.pause()\n          vRef.current.currentTime = 0\n        }\n      })\n    }, [])\n\n    const handleSlideChange = useCallback((swiper: SwiperType) => {\n      const newIndex = swiper.realIndex\n      videoRefs.current.forEach((vRef, i) => {\n        if (i !== newIndex && vRef.current) {\n          vRef.current.pause()\n          vRef.current.currentTime = 0\n        }\n      })\n      const incoming = videoRefs.current[newIndex]\n      if (incoming?.current && incoming.current.paused) {\n        const p = incoming.current.play()\n        p?.catch(() => {})\n      }\n      setActiveIndex(newIndex)\n    }, [])\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'hero-banner-carousel group relative w-full overflow-hidden',\n          containerSize === 'default'\n            ? 'lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520] tablet:aspect-[768/660] aspect-[390/660]'\n            : 'lg-desktop:aspect-[1920/800] desktop:aspect-[1440/640] laptop:aspect-[1024/480] tablet:aspect-[768/560] aspect-[390/560]',\n          { 'aiui-dark': items[activeIndex]?.theme === 'dark' },\n          className\n        )}\n        {...rest}\n      >\n        <Swiper\n          onSwiper={s => (swiperRef.current = s)}\n          onSlideChange={handleSlideChange}\n          modules={swiperModules}\n          slidesPerView={1}\n          loop={true}\n          initialSlide={0}\n          allowTouchMove={true}\n          autoplay={autoplayConfig}\n          pagination={\n            showDots\n              ? {\n                  clickable: true,\n                  el: paginationEl,\n                  renderBullet: (_index: number, className: string) => `<span class=\"${className} banner-dot\"></span>`,\n                }\n              : false\n          }\n        >\n          {items.map((slideData, index) => (\n            <SwiperSlide key={index}>\n              {({ isActive }) => (\n                <HeroBannerSlide\n                  data={slideData}\n                  isActive={isActive}\n                  slideIndex={index}\n                  videoRef={videoRefs.current[index]}\n                  onPrimaryClick={_onPrimaryClick}\n                  onSecondaryClick={_onSecondaryClick}\n                  onTertiaryClick={_onTertiaryClick}\n                />\n              )}\n            </SwiperSlide>\n          ))}\n        </Swiper>\n\n        {showArrowControls && (\n          <div className=\"pointer-events-none absolute inset-0 z-20 flex items-center justify-between px-4\">\n            <button\n              type=\"button\"\n              className=\"tablet:flex pointer-events-auto hidden scale-95 items-center justify-center opacity-0 transition-all duration-300 ease-out hover:scale-105 focus-visible:scale-105 group-focus-within:scale-100 group-focus-within:opacity-100 group-hover:scale-100 group-hover:opacity-100\"\n              onClick={() => swiperRef.current?.slidePrev()}\n              aria-label=\"Previous banner\"\n            >\n              <ChevronLeft />\n            </button>\n            <button\n              type=\"button\"\n              className=\"tablet:flex pointer-events-auto hidden scale-95 items-center justify-center opacity-0 transition-all duration-300 ease-out hover:scale-105 focus-visible:scale-105 group-focus-within:scale-100 group-focus-within:opacity-100 group-hover:scale-100 group-hover:opacity-100\"\n              onClick={() => swiperRef.current?.slideNext()}\n              aria-label=\"Next banner\"\n            >\n              <ChevronRight />\n            </button>\n          </div>\n        )}\n\n        {showDots && (\n          <div\n            ref={setPaginationEl}\n            style={{ '--swiper-pagination-bottom': '0px' } as React.CSSProperties}\n            className={cn(\n              'hero-banner-pagination swiper-pagination lg-desktop:!bottom-6 [&_.banner-dot.swiper-pagination-bullet-active]:bg-info-primary [&_.banner-dot]:bg-info-quaternary absolute !bottom-4 !left-1/2 z-20 flex !w-auto !-translate-x-1/2 items-center justify-center gap-2 [&_.banner-dot.swiper-pagination-bullet-active]:h-2 [&_.banner-dot.swiper-pagination-bullet-active]:w-8 [&_.banner-dot.swiper-pagination-bullet-active]:rounded-full [&_.banner-dot]:size-2 [&_.banner-dot]:rounded-full [&_.banner-dot]:transition-all [&_.banner-dot]:duration-300 [&_.banner-dot]:ease-out [&_.swiper-pagination-bullet]:m-0 [&_.swiper-pagination-bullet]:shrink-0 [&_.swiper-pagination-bullet]:opacity-100',\n              { 'aiui-dark': isDark }\n            )}\n          />\n        )}\n      </div>\n    )\n  }\n)\n\nHeroBannerCarousel.displayName = 'HeroBannerCarousel'\n\nexport default HeroBannerCarousel\n"],
-  "mappings": "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",
-  "names": ["HeroBannerCarousel_exports", "__export", "HeroBannerCarousel_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_modules", "import_react_responsive", "import_ScrollLoadVideo", "import_helpers", "import_components", "import_css", "import_navigation", "import_pagination", "ChevronLeft", "ChevronRight", "HeroBannerSlide", "data", "_isActive", "videoRef", "slideIndex", "onPrimaryClick", "onSecondaryClick", "onTertiaryClick", "pcVideo", "padVideo", "mobileVideo", "pcImage", "padImage", "mobileImage", "isVideoLoop", "isShowVideo", "title", "subtitle", "label", "endDate", "endDate_tz", "dateFormat", "iconArray", "caption", "blockLink", "primaryButton", "secondaryButton", "tertiaryButton", "theme", "align", "titleSize", "size", "isMobile", "isPad", "videoSrc", "ScrollLoadVideo", "e", "icon", "c", "index", "React", "HeroBannerCarousel", "className", "_classNames", "_onPrimaryClick", "_onSecondaryClick", "_onTertiaryClick", "rest", "ref", "items", "carousel", "containerSize", "swiperRef", "activeIndex", "setActiveIndex", "paginationEl", "setPaginationEl", "isDark", "swiper", "videoRefs", "showArrowControls", "showDots", "autoplaySeconds", "swiperModules", "autoplayConfig", "vRef", "i", "handleSlideChange", "newIndex", "incoming", "s", "_index", "slideData", "isActive"]
+  "sourcesContent": ["'use client'\nimport React, { useRef, useEffect, useCallback, useState } from 'react'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Navigation, Pagination, Autoplay } from 'swiper/modules'\nimport type { Swiper as SwiperType } from 'swiper'\nimport { useIsomorphicMediaQuery } from '../../hooks/useIsomorphicMediaQuery.js'\nimport ScrollLoadVideo from '../../helpers/ScrollLoadVideo.js'\nimport { cn } from '../../helpers/index.js'\nimport type { HeroBannerProps, HeroBannerSlideData } from './types.js'\nimport { Button, Heading, Text, Countdown, Picture } from '../../components/index.js'\n\nimport 'swiper/css'\nimport 'swiper/css/navigation'\nimport 'swiper/css/pagination'\n\n// \u2500\u2500 Arrow icons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nconst ChevronLeft = () => (\n  <svg\n    className=\"lg-desktop:size-14 size-10\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-hidden=\"true\"\n  >\n    <circle cx=\"20\" cy=\"20\" r=\"20\" fill=\"currentColor\" fillOpacity=\"0.2\" />\n    <path d=\"M23 13L16 20L23 27\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst ChevronRight = () => (\n  <svg\n    className=\"lg-desktop:size-14 size-10\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-hidden=\"true\"\n  >\n    <circle cx=\"20\" cy=\"20\" r=\"20\" fill=\"currentColor\" fillOpacity=\"0.2\" />\n    <path d=\"M17 13L24 20L17 27\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\n// \u2500\u2500 HeroBannerSlide \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// Minimal per-slide content unit. No GSAP, no withLayout, no useExposure.\n// videoRef is the imperative pause/play channel (DECISION-A003).\n\ninterface HeroBannerSlideProps {\n  data: HeroBannerSlideData\n  isActive: boolean\n  videoRef: React.RefObject<HTMLVideoElement>\n  slideIndex: number\n  onPrimaryClick?: (data: any, e: any, id?: string) => void\n  onSecondaryClick?: (data: any, e: any, id?: string) => void\n  onTertiaryClick?: (data: any, e: any, id?: string) => void\n}\n\nconst HeroBannerSlide = ({\n  data,\n  isActive: _isActive,\n  videoRef,\n  slideIndex,\n  onPrimaryClick,\n  onSecondaryClick,\n  onTertiaryClick,\n}: HeroBannerSlideProps) => {\n  const {\n    pcVideo,\n    padVideo,\n    mobileVideo,\n    pcImage,\n    padImage,\n    mobileImage,\n    isVideoLoop = true,\n    isShowVideo,\n    title,\n    subtitle,\n    label,\n    endDate,\n    endDate_tz,\n    dateFormat,\n    iconArray,\n    caption,\n    blockLink,\n    primaryButton,\n    secondaryButton,\n    tertiaryButton,\n    theme = 'light',\n    align = 'left',\n    titleSize,\n    size = 'default',\n  } = data\n\n  const isMobile = useIsomorphicMediaQuery({ query: '(max-width: 768px)' })\n  const isPad = useIsomorphicMediaQuery({ query: '(max-width: 1024px)' })\n\n  const videoSrc = isMobile\n    ? mobileVideo?.url || pcVideo?.url || ''\n    : isPad\n      ? padVideo?.url || pcVideo?.url || mobileVideo?.url || ''\n      : pcVideo?.url || mobileVideo?.url || ''\n\n  return (\n    <div\n      data-ui-component-id=\"HeroBannerSlide\"\n      className={cn(\n        'text-info-primary relative w-full overflow-hidden',\n        theme === 'dark' ? 'aiui-dark' : '',\n        size === 'default'\n          ? 'lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520] tablet:aspect-[768/660] aspect-[390/660]'\n          : 'lg-desktop:aspect-[1920/800] desktop:aspect-[1440/640] laptop:aspect-[1024/480] tablet:aspect-[768/560] aspect-[390/560]'\n      )}\n    >\n      {blockLink && <a className=\"absolute inset-0 z-10\" href={blockLink} tabIndex={-1} aria-hidden=\"true\"></a>}\n      {isShowVideo ? (\n        <>\n          {/* Poster cover layer: slide 0 = eager+high, others = lazy+auto */}\n          <div data-video-poster=\"true\" className=\"absolute inset-0 size-full transition-opacity duration-500\">\n            <Picture\n              className=\"absolute inset-0 size-full\"\n              imgClassName=\"size-full object-cover\"\n              loading={slideIndex === 0 ? 'eager' : 'lazy'}\n              fetchPriority={slideIndex === 0 ? 'high' : 'auto'}\n              alt={pcImage?.alt || ''}\n              source={`${pcImage?.url || ''} , ${padImage?.url ?? (mobileImage?.url || '')} 1024, ${mobileImage?.url || ''} 767`}\n            />\n          </div>\n          {/* Video layer: lazy-loaded, overlays Picture via DOM order */}\n          <ScrollLoadVideo\n            videoRef={videoRef}\n            src={videoSrc}\n            poster={undefined}\n            className=\"absolute inset-0 size-full\"\n            videoClassName=\"size-full object-cover\"\n            muted\n            loop={isVideoLoop}\n            playsInline\n            onPlaying={(e: React.SyntheticEvent<HTMLVideoElement>) => {\n              const slide = (e.currentTarget as HTMLVideoElement).closest('[data-ui-component-id=\"HeroBannerSlide\"]')\n              slide?.querySelector<HTMLElement>('[data-video-poster=\"true\"]')?.classList.add('opacity-0')\n            }}\n          />\n        </>\n      ) : (\n        <Picture\n          className=\"absolute inset-0 size-full\"\n          imgClassName=\"size-full object-cover\"\n          loading=\"eager\"\n          fetchPriority=\"high\"\n          alt={pcImage?.alt || ''}\n          source={`${pcImage?.url || ''} , ${padImage?.url ?? (mobileImage?.url || '')} 1024, ${mobileImage?.url || ''} 767`}\n        />\n      )}\n\n      {/* Content Overlay */}\n      <div\n        className={cn(\n          'laptop:top-1/2 laptop:-translate-y-1/2 lg-desktop:gap-[32px] absolute top-24 z-10 flex w-full flex-col gap-[24px]',\n          align === 'center'\n            ? 'left-1/2 -translate-x-1/2 items-center text-center'\n            : 'tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] left-0 px-[16px]'\n        )}\n      >\n        <div\n          className={cn(\n            'tablet:max-w-[704px] laptop:max-w-[440px] desktop:max-w-[648px] lg-desktop:max-w-[824px] max-w-[358px]',\n            align === 'center' ? 'text-center' : 'laptop:text-left'\n          )}\n        >\n          {label && (\n            <Text\n              size={2}\n              as=\"p\"\n              className={cn('hero-banner-label font-heading lg-desktop:text-[18px] desktop:text-base text-sm')}\n              html={label}\n            />\n          )}\n          {title && (\n            <Heading\n              as={titleSize === '4' ? 'h1' : 'h2'}\n              html={title}\n              size={titleSize ? (Number(titleSize || '5') as any) : size === 'sm' ? 4 : 5}\n            />\n          )}\n          {subtitle && (\n            <Text\n              as=\"p\"\n              size={2}\n              className=\"font-heading lg-desktop:text-[18px] desktop:text-base laptop:mt-2 lg-desktop:mt-4 mt-1 text-sm\"\n              html={subtitle}\n            />\n          )}\n          {endDate && (\n            <div className=\"mt-3\">\n              <Countdown\n                endDate={endDate}\n                endDate_tz={endDate_tz}\n                dateFormat={dateFormat}\n                variant=\"spacious\"\n                align={align}\n              />\n            </div>\n          )}\n        </div>\n\n        {(primaryButton?.text || secondaryButton?.text || tertiaryButton?.text) && (\n          <div\n            className={cn(\n              'lg-desktop:gap-3 flex flex-wrap items-center gap-2',\n              align === 'center' ? 'justify-center' : 'laptop:justify-start'\n            )}\n          >\n            {secondaryButton?.text && (\n              <Button\n                size=\"lg\"\n                variant=\"secondary\"\n                as={secondaryButton?.isCustomSecondaryButton ? 'button' : 'a'}\n                href={secondaryButton.link}\n                onClick={e =>\n                  secondaryButton?.isCustomSecondaryButton &&\n                  onSecondaryClick?.(data, e, secondaryButton?.customSecondaryEventId)\n                }\n              >\n                {secondaryButton.text}\n              </Button>\n            )}\n            {primaryButton?.text && (\n              <Button\n                size=\"lg\"\n                variant=\"primary\"\n                as={primaryButton?.isCustomPrimaryButton ? 'button' : 'a'}\n                href={primaryButton.link}\n                onClick={e =>\n                  primaryButton?.isCustomPrimaryButton && onPrimaryClick?.(data, e, primaryButton?.customPrimaryEventId)\n                }\n              >\n                {primaryButton.text}\n              </Button>\n            )}\n            {tertiaryButton?.text && (\n              <Button\n                size=\"lg\"\n                variant=\"link\"\n                className=\"tablet:basis-auto basis-full\"\n                as={tertiaryButton?.isCustomTertiaryButton ? 'button' : 'a'}\n                href={tertiaryButton.link}\n                target={tertiaryButton?.target}\n                rel={\n                  tertiaryButton?.target === '_blank'\n                    ? (tertiaryButton?.rel ?? 'noopener noreferrer')\n                    : tertiaryButton?.rel\n                }\n                onClick={e =>\n                  tertiaryButton?.isCustomTertiaryButton &&\n                  onTertiaryClick?.(data, e, tertiaryButton?.customTertiaryEventId)\n                }\n              >\n                {tertiaryButton.text}\n              </Button>\n            )}\n          </div>\n        )}\n        {iconArray && iconArray.length > 0 && (\n          <div className={cn('flex items-center gap-2', align === 'center' ? 'justify-center' : 'justify-start')}>\n            {iconArray.map((icon: any) => (\n              <div key={icon?.pcImage?.url || icon?.pcImage?.alt} className=\"h-12\">\n                <Picture\n                  className=\"laptop:w-full h-full\"\n                  imgClassName=\"h-full object-cover\"\n                  loading=\"eager\"\n                  alt={icon?.pcImage?.alt || ''}\n                  source={icon?.pcImage?.url}\n                />\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n\n      {caption && caption.length > 0 && (\n        <div className=\"hero-banner-caption-group laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]\">\n          {caption.map((c: { title: string }, index: number) => (\n            <React.Fragment key={c.title}>\n              <Text\n                size={2}\n                className=\"hero-banner-product-text tablet:w-[108px] desktop:w-[156px] lg-desktop:w-[180px] laptop:text-[14px] flex-1 text-[12px]\"\n                html={c.title}\n              />\n              {index < caption.length - 1 && <div className=\"bg-info-primary w-px\" />}\n            </React.Fragment>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\n// \u2500\u2500 HeroBannerCarousel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\ninterface HeroBannerCarouselProps extends React.HTMLAttributes<HTMLDivElement> {\n  data: HeroBannerProps['data']\n  classNames?: Record<string, string>\n  onPrimaryClick?: (data: any, e: any, id?: string) => void\n  onSecondaryClick?: (data: any, e: any, id?: string) => void\n  onTertiaryClick?: (data: any, e: any, id?: string) => void\n}\n\n/**\n * HeroBannerCarousel \u2014 arrows-only Navigation Swiper wrapping HeroBannerSlide units.\n *\n * Architecture:\n *  - DECISION-A007: Navigation only, loop=false, slidesPerView=1\n *  - DECISION-A003: ScrollLoadVideo videoRef as imperative pause channel\n *  - DECISION-A010: initial activeIndex=0; useEffect pauses slides 1..N on mount\n *  - DECISION-A006: arrow buttons at z-[20], above blockLink overlay z-10\n *  - ISSUE-017: post-mount pause wins over IO rootMargin='200px' race\n */\nconst HeroBannerCarousel = React.forwardRef<HTMLDivElement, HeroBannerCarouselProps>(\n  (\n    {\n      data,\n      className,\n      classNames: _classNames = {},\n      onPrimaryClick: _onPrimaryClick,\n      onSecondaryClick: _onSecondaryClick,\n      onTertiaryClick: _onTertiaryClick,\n      ...rest\n    },\n    ref\n  ) => {\n    const items = data.items || []\n    const carousel = data.carousel\n    const containerSize = data.size ?? 'default'\n\n    const swiperRef = useRef<SwiperType | null>(null)\n    const [activeIndex, setActiveIndex] = useState(0)\n    const [paginationEl, setPaginationEl] = useState<HTMLDivElement | null>(null)\n\n    const activeTheme = items[activeIndex]?.theme ?? 'light'\n    const isDark = activeTheme === 'dark'\n\n    useEffect(() => {\n      const swiper = swiperRef.current\n      if (!swiper || !paginationEl) return\n      if (swiper.pagination) {\n        swiper.pagination.el = paginationEl\n        swiper.pagination.init()\n        swiper.pagination.render()\n        swiper.pagination.update()\n      }\n    }, [paginationEl])\n\n    const videoRefs = useRef<React.RefObject<HTMLVideoElement>[]>(items.map(() => React.createRef<HTMLVideoElement>()))\n\n    const showArrowControls = (carousel?.showArrows ?? true) && items.length > 1\n    const showDots = carousel?.showDots ?? true\n\n    const autoplaySeconds = carousel?.autoplaySeconds\n    const swiperModules =\n      autoplaySeconds !== undefined && autoplaySeconds > 0\n        ? [Navigation, Pagination, Autoplay]\n        : [Navigation, Pagination]\n    const autoplayConfig =\n      autoplaySeconds !== undefined && autoplaySeconds > 0\n        ? { delay: Math.max(autoplaySeconds * 1000, 3000), disableOnInteraction: false }\n        : false\n\n    useEffect(() => {\n      videoRefs.current.forEach((vRef, i) => {\n        if (i !== 0 && vRef.current) {\n          vRef.current.pause()\n          vRef.current.currentTime = 0\n        }\n      })\n    }, [])\n\n    const handleSlideChange = useCallback((swiper: SwiperType) => {\n      const newIndex = swiper.realIndex\n      videoRefs.current.forEach((vRef, i) => {\n        if (i !== newIndex && vRef.current) {\n          vRef.current.pause()\n          vRef.current.currentTime = 0\n        }\n      })\n      const incoming = videoRefs.current[newIndex]\n      if (incoming?.current && incoming.current.paused) {\n        const p = incoming.current.play()\n        p?.catch(() => {})\n      }\n      setActiveIndex(newIndex)\n    }, [])\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'hero-banner-carousel group relative w-full overflow-hidden',\n          containerSize === 'default'\n            ? 'lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520] tablet:aspect-[768/660] aspect-[390/660]'\n            : 'lg-desktop:aspect-[1920/800] desktop:aspect-[1440/640] laptop:aspect-[1024/480] tablet:aspect-[768/560] aspect-[390/560]',\n          { 'aiui-dark': items[activeIndex]?.theme === 'dark' },\n          className\n        )}\n        {...rest}\n      >\n        <Swiper\n          onSwiper={s => (swiperRef.current = s)}\n          onSlideChange={handleSlideChange}\n          modules={swiperModules}\n          slidesPerView={1}\n          loop={true}\n          initialSlide={0}\n          allowTouchMove={true}\n          autoplay={autoplayConfig}\n          pagination={\n            showDots\n              ? {\n                  clickable: true,\n                  el: paginationEl,\n                  renderBullet: (_index: number, className: string) => `<span class=\"${className} banner-dot\"></span>`,\n                }\n              : false\n          }\n        >\n          {items.map((slideData, index) => (\n            <SwiperSlide key={index}>\n              {({ isActive }) => (\n                <HeroBannerSlide\n                  data={slideData}\n                  isActive={isActive}\n                  slideIndex={index}\n                  videoRef={videoRefs.current[index]}\n                  onPrimaryClick={_onPrimaryClick}\n                  onSecondaryClick={_onSecondaryClick}\n                  onTertiaryClick={_onTertiaryClick}\n                />\n              )}\n            </SwiperSlide>\n          ))}\n        </Swiper>\n\n        {showArrowControls && (\n          <div className=\"pointer-events-none absolute inset-0 z-20 flex items-center justify-between px-4\">\n            <button\n              type=\"button\"\n              className=\"tablet:flex pointer-events-auto hidden scale-95 items-center justify-center opacity-0 transition-all duration-300 ease-out hover:scale-105 focus-visible:scale-105 group-focus-within:scale-100 group-focus-within:opacity-100 group-hover:scale-100 group-hover:opacity-100\"\n              onClick={() => swiperRef.current?.slidePrev()}\n              aria-label=\"Previous banner\"\n            >\n              <ChevronLeft />\n            </button>\n            <button\n              type=\"button\"\n              className=\"tablet:flex pointer-events-auto hidden scale-95 items-center justify-center opacity-0 transition-all duration-300 ease-out hover:scale-105 focus-visible:scale-105 group-focus-within:scale-100 group-focus-within:opacity-100 group-hover:scale-100 group-hover:opacity-100\"\n              onClick={() => swiperRef.current?.slideNext()}\n              aria-label=\"Next banner\"\n            >\n              <ChevronRight />\n            </button>\n          </div>\n        )}\n\n        {showDots && (\n          <div\n            ref={setPaginationEl}\n            style={{ '--swiper-pagination-bottom': '0px' } as React.CSSProperties}\n            className={cn(\n              'hero-banner-pagination swiper-pagination lg-desktop:!bottom-6 [&_.banner-dot.swiper-pagination-bullet-active]:bg-info-primary [&_.banner-dot]:bg-info-quaternary absolute !bottom-4 !left-1/2 z-20 flex !w-auto !-translate-x-1/2 items-center justify-center gap-2 [&_.banner-dot.swiper-pagination-bullet-active]:h-2 [&_.banner-dot.swiper-pagination-bullet-active]:w-8 [&_.banner-dot.swiper-pagination-bullet-active]:rounded-full [&_.banner-dot]:size-2 [&_.banner-dot]:rounded-full [&_.banner-dot]:transition-all [&_.banner-dot]:duration-300 [&_.banner-dot]:ease-out [&_.swiper-pagination-bullet]:m-0 [&_.swiper-pagination-bullet]:shrink-0 [&_.swiper-pagination-bullet]:opacity-100',\n              { 'aiui-dark': isDark }\n            )}\n          />\n        )}\n      </div>\n    )\n  }\n)\n\nHeroBannerCarousel.displayName = 'HeroBannerCarousel'\n\nexport default HeroBannerCarousel\n"],
+  "mappings": "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",
+  "names": ["HeroBannerCarousel_exports", "__export", "HeroBannerCarousel_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_modules", "import_useIsomorphicMediaQuery", "import_ScrollLoadVideo", "import_helpers", "import_components", "import_css", "import_navigation", "import_pagination", "ChevronLeft", "ChevronRight", "HeroBannerSlide", "data", "_isActive", "videoRef", "slideIndex", "onPrimaryClick", "onSecondaryClick", "onTertiaryClick", "pcVideo", "padVideo", "mobileVideo", "pcImage", "padImage", "mobileImage", "isVideoLoop", "isShowVideo", "title", "subtitle", "label", "endDate", "endDate_tz", "dateFormat", "iconArray", "caption", "blockLink", "primaryButton", "secondaryButton", "tertiaryButton", "theme", "align", "titleSize", "size", "isMobile", "isPad", "videoSrc", "ScrollLoadVideo", "e", "icon", "c", "index", "React", "HeroBannerCarousel", "className", "_classNames", "_onPrimaryClick", "_onSecondaryClick", "_onTertiaryClick", "rest", "ref", "items", "carousel", "containerSize", "swiperRef", "activeIndex", "setActiveIndex", "paginationEl", "setPaginationEl", "isDark", "swiper", "videoRefs", "showArrowControls", "showDots", "autoplaySeconds", "swiperModules", "autoplayConfig", "vRef", "handleSlideChange", "newIndex", "i", "incoming", "s", "_index", "slideData", "isActive"]
 }

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

@@ -71,7 +71,7 @@ export interface ImageOverlayShelfComponent extends React.ForwardRefExoticCompon
     ProductCard: typeof ProductCard;
 }
 export { ProductCard };
-declare const ImageOverlayShelfWrapped: React.ForwardRefExoticComponent<Omit<ImageOverlayShelfProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../WheelLottery/index.js").ContainerProps & React.RefAttributes<unknown>> & {
+declare const ImageOverlayShelfWrapped: React.ForwardRefExoticComponent<Omit<ImageOverlayShelfProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../index.js").ContainerProps & React.RefAttributes<unknown>> & {
     readonly $$typeof: symbol;
     ProductCard: typeof ProductCard;
 };

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ImageTextFeatureProps } from './types.js';
-declare const _default: React.ForwardRefExoticComponent<Omit<ImageTextFeatureProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../WheelLottery/index.js").ContainerProps & React.RefAttributes<unknown>> & {
+declare const _default: React.ForwardRefExoticComponent<Omit<ImageTextFeatureProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../index.js").ContainerProps & React.RefAttributes<unknown>> & {
     readonly $$typeof: symbol;
 };
 export default _default;

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

@@ -3,7 +3,7 @@ import type { ImageTextOverlayProps, ImageTextOverlayItem, ImageTextOverlaySeman
 import 'swiper/css';
 import 'swiper/css/pagination';
 export type { ImageTextOverlayProps, ImageTextOverlayItem, ImageTextOverlaySemanticName, ImageTextOverlayData, ImageTextOverlayBackgroundImage, };
-declare const _default: React.ForwardRefExoticComponent<Omit<ImageTextOverlayProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../WheelLottery/index.js").ContainerProps & React.RefAttributes<unknown>> & {
+declare const _default: React.ForwardRefExoticComponent<Omit<ImageTextOverlayProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../index.js").ContainerProps & React.RefAttributes<unknown>> & {
     readonly $$typeof: symbol;
 };
 export default _default;