@anker-in/headless-ui 1.3.63 → 1.3.64

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

@@ -1,2 +1 @@
 import{jsx as e,jsxs as c}from"react/jsx-runtime";import U,{useState as x,useEffect as R,useRef as A}from"react";import{useMediaQuery as E}from"react-responsive";import{withLayout as _}from"../../shared/Styles.js";import C from"../../components/picture.js";import O from"../../components/button.js";import{Heading as I}from"../../components/heading.js";import{Tabs as D,TabsList as H,TabsTrigger as Y,TabsContent as Q}from"../../components/tabs.js";import{VideoModal as q}from"../VideoModal/index.js";import{cn as w,getLocalizedPath as M}from"../../helpers/utils.js";import Z from"../SwiperBox/index.js";import{isVideo as L}from"../../shared/mimeType.js";import{useExposure as j}from"../../hooks/useExposure.js";import{trackUrlRef as P}from"../../shared/trackUrlRef.js";import{useAiuiContext as F}from"../AiuiProvider/index.js";const b="image",v="p1_banner",J=({data:p,configuration:t,jIndex:d})=>{const[f,g]=x(!1),r=E({query:"(max-width: 768px)"}),n=A(null),m=()=>{switch(t?.num){case 1:return"tablet:aspect-w-[704] tablet:aspect-h-[400] laptop:aspect-w-[896] laptop:aspect-h-[384] desktop:aspect-w-[1312] desktop:aspect-h-[512] lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[640]";case 2:return"tablet:aspect-w-[346] tablet:aspect-h-[400] laptop:aspect-w-[440] laptop:aspect-h-[384] desktop:aspect-w-[648] desktop:aspect-h-[512] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[640]";case 3:return"tablet:aspect-w-[296] tablet:aspect-h-[400] laptop:aspect-w-[288] laptop:aspect-h-[384] desktop:aspect-w-[426] desktop:aspect-h-[512] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[640]";default:return"tablet:aspect-w-[296] tablet:aspect-h-[400] laptop:aspect-w-[288] laptop:aspect-h-[384] desktop:aspect-w-[426] desktop:aspect-h-[512] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[640]"}};j(n,{componentType:b,componentName:v,position:d,componentTitle:p.title,componentDescription:p.description,navigation:t?.activeTab}),R(()=>{g(r)},[r]);const{theme:o="light",title:l,description:a,imageUrl:i,primaryButton:u,secondaryButton:h,imageMobileUrl:y,blockLink:T,video:$,youtubeId:N,isYouTube:B}=p,k="lg-desktop:px-7 lg-desktop:pb-[14px] lg-desktop:pt-[15px] lg-desktop:text-[16px]";return c("div",{className:w("item-wrapper text-info-primary group relative box-border w-full overflow-hidden",m(),{"rounded-box":!0,"aiui-dark":o==="dark","h-[400px]":f},"text-info-primary"),ref:n,children:[T&&e("a",{className:"absolute inset-0 z-10",href:P(M(T||"",t?.locale||"us"),`${b}_${v}`),"data-headless-type-name":`${b}#${v}`,"data-headless-title-desc-button":`${l}#${a}`,"data-headless-nav-position":`${t?.activeTab}#${d}`,"aria-hidden":"true",tabIndex:-1}),c("div",{className:"absolute inset-0",children:[L(i?.mimeType)?e("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:block hidden h-full overflow-hidden",children:e("source",{src:i?.url,type:"video/mp4"})}):e(C,{source:i?.url,alt:i?.alt||"",className:"tablet:block hidden h-full overflow-hidden",imgClassName:"h-full transition-all duration-300 group-hover:scale-105 object-cover",style:{aspectRatio:`${i?.width}/${i?.height}`}}),L(y?.mimeType)?e("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:hidden block h-full overflow-hidden",children:e("source",{src:y?.url,type:"video/mp4"})}):e(C,{source:y?.url||i?.url,alt:y?.alt||i?.alt||"",className:"tablet:hidden block h-full overflow-hidden",imgClassName:"h-full transition-all duration-300 object-cover"}),c("div",{className:w("laptop:p-6 desktop:p-[32px] laptop:gap-4 desktop:gap-6 pointer-events-none absolute inset-x-0 bottom-0 z-20 flex w-fit flex-col gap-6 p-4",{"laptop:top-1/2 laptop:-translate-y-1/2 laptop:bottom-auto":p?.width==="full"}),children:[c("div",{className:"flex flex-col gap-1",children:[e(I,{size:3,as:"h3",className:"item-title",html:l}),e(I,{as:"h4",className:"item-description desktop:text-[16px] lg-desktop:text-[18px] line-clamp-3 text-[14px]",html:a})]}),c("div",{className:"lg-desktop:gap-3 flex gap-2",children:[h&&h.text&&c(O,{"aria-label":l??a,className:w(k,"link-left pointer-events-auto"),variant:"secondary",as:"a",href:P(M(h.link||"",t?.locale||"us"),`${b}_${v}`),"data-headless-type-name":`${b}#${v}`,"data-headless-title-desc-button":`${l}#${a}#${h?.text}`,"data-headless-nav-position":`${t?.activeTab}#${d}`,children:[h.text,e("span",{className:"sr-only",children:l??a})]}),u&&u.text&&e(O,{"aria-label":l??a,className:w(k,"link-right pointer-events-auto"),variant:"primary",as:"a",href:P(M(u.link||"",t?.locale||"us"),`${b}_${v}`),"data-headless-type-name":`${b}#${v}`,"data-headless-title-desc-button":`${l}#${a}#${u.text}`,"data-headless-nav-position":`${t?.activeTab}#${d}`,children:u.text})]})]})]}),e("div",{children:e("div",{className:"laptop:bottom-[32px] laptop:right-[32px] absolute bottom-[16px] right-[16px]",children:($?.url||N)&&e("button",{onClick:()=>{t?.onVideoPlayBtnClick?.($?.url||N,B)},className:"laptop:size-12  hover:bg-current/75 bg-info-primary flex size-8 items-center justify-center rounded-full opacity-80",children:e("svg",{width:"12",height:"14",viewBox:"0 0 12 14",fill:o==="dark"?"black":"white",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M12 7L0 14L0 0L12 7Z"})})})})})]})},S=({items:p=[],shape:t,locale:d,activeTab:f,onVideoPlayBtnClick:g})=>{const r=n=>{const m=p?.length,o=m>3,l=m>2,a=m>1;switch(!0){case n>=1440:case n>=1024:return o?3:m;case n>=768:return o||l?2.3:a?2:1;default:return a?1.2:1}};return e(Z,{className:"!overflow-visible",id:"GraphicOverlaySwiper",data:{list:p||[],configuration:{shape:t,num:p.length,locale:d,activeTab:f,onVideoPlayBtnClick:g}},Slide:J,breakpoints:{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:r(374)},768:{spaceBetween:16,freeMode:!1,slidesPerView:r(768)},1024:{spaceBetween:16,freeMode:!1,slidesPerView:r(1024)},1440:{spaceBetween:16,freeMode:!1,slidesPerView:r(1440)}}})},G=U.forwardRef((p,t)=>{const{data:d,className:f,...g}=p,{shape:r,items:n=[],isShowTab:m=!1,tabs:o,tabAlign:l="left"}=d,[a,i]=x(!1),[u,h]=x(""),[y,T]=x(""),[$,N]=x(o?.[0]?.id??""),{locale:B="us"}=F(),k=(s,z)=>{i(!0),z?T?.(s||""):h?.(s||"")},V=()=>e(q,{visible:a,youTubeId:y,videoUrl:u,onCloseModal:()=>i(!1)});return!m||!o||o.length===0?c("section",{"data-ui-component-id":"GraphicOverlay",ref:t,...g,className:w("graphicOverlayBlock text-info-primary ",f),children:[n&&n.length>0?e(S,{items:n,shape:r,locale:B,onVideoPlayBtnClick:k}):null,a&&V()]}):c("section",{"data-ui-component-id":"GraphicOverlay",ref:t,...g,className:w("graphicOverlayBlock text-info-primary ",f),children:[c(D,{value:$,onValueChange:N,align:l,children:[e("div",{className:"mb-6",children:e(H,{children:o.map(s=>e(Y,{value:s.id,children:s.label},s.id))})}),o.map(s=>e(Q,{value:s.id,children:s.items&&s.items.length>0?e(S,{items:s.items,shape:r,locale:B,activeTab:s.id,onVideoPlayBtnClick:k}):null},s.id))]}),a&&V()]})});G.displayName="GraphicOverlayBlock";var de=_(G);export{de as default};
-//# sourceMappingURL=GraphicOverlay.js.map

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

@@ -1,2 +1 @@
 import{default as p}from"./GraphicOverlay.js";export{p as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/GraphicOverlay/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/dist/esm/biz-components/HeaderNavigation/CompanyStatsBanner/index.js

@@ -1,2 +1 @@
 import{jsx as t,jsxs as n}from"react/jsx-runtime";import c from"react";import{Text as i,Picture as f}from"../../../components/index.js";import{cn as e}from"../../../helpers/index.js";const k=({stat:s,theme:l,isLast:r})=>n("div",{className:e("tablet:after:hidden relative flex flex-col gap-1 after:absolute after:bottom-1 after:right-0 after:h-[calc(100%-8px)] after:w-px after:bg-[#3A3C40] after:content-['']",{"after:hidden":r}),children:[t(i,{as:"div",html:s.value,className:e("desktop:text-[32px] tablet:text-[24px] text-[14px] leading-[1.2]",{"text-white":l!=="dark","text-black":l==="dark"})}),t(i,{as:"p",html:s.label,className:e("desktop:text-base text-balance text-sm font-bold leading-[1.4] tracking-[-0.28px]",{"text-white":l!=="dark","text-black":l==="dark"})})]}),x=c.forwardRef(({data:s,className:l},r)=>{const{logo:o,tagline:p,stats:d=[],theme:a="dark"}=s;return t("div",{ref:r,"data-ui-component-id":"CompanyStatsBanner",className:e("desktop:h-[200px] lg-desktop:h-[240px] relative flex w-full items-center justify-between overflow-hidden","p-4","tablet:p-6","desktop:px-16 desktop:py-8","lg-desktop:px-32",{"bg-black":a!=="dark","bg-white":a==="dark"},l),children:n("div",{className:e("relative z-10 flex w-full flex-col gap-4","desktop:flex-row desktop:items-center desktop:justify-between"),children:[n("div",{className:"tablet:flex-row tablet:gap-4 flex shrink-0 flex-col items-start gap-2",children:[o?.url&&t(f,{source:o.url,alt:o.alt||"Company Logo",className:"tablet:h-10 h-9 w-auto",imgClassName:"h-full w-auto object-contain"}),o?.url&&p&&t("div",{className:e("tablet:block tablet:h-10 hidden h-8 w-px",{"bg-white":a!=="dark","bg-black":a==="dark"})}),p&&t(i,{as:"p",html:p,className:e("text-sm font-bold leading-[1.4]","tablet:max-w-[320px] tablet:text-base",{"text-white":a!=="dark","text-black":a==="dark"})})]}),d.length>0&&t("div",{className:e("tablet:flex grid grid-cols-3 gap-4","tablet:flex-nowrap tablet:gap-10 desktop:gap-[50px]"),children:d.map((b,m)=>t("div",{children:t(k,{stat:b,theme:a,isLast:m===d.length-1})},`stat-${m}`))})]})})});x.displayName="CompanyStatsBanner";var w=x;export{w as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/HeaderNavigation/CompanyStatsBanner/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/dist/esm/biz-components/HeaderNavigation/MobileMenuComponents.js

@@ -1,2 +1 @@
 import{Fragment as c,jsx as t,jsxs as r}from"react/jsx-runtime";import"react";import{Text as b,Link as p,Heading as d,Picture as u}from"../../components/index.js";import{cn as i,getLocalizedPath as f}from"../../helpers/utils.js";import{DownArrow as g}from"./icons/index.js";import{SeriesProductItem as x}from"./SidebarDropdown.js";import{useAiuiContext as v}from"../AiuiProvider/index.js";const $=({label:e,href:n,onClick:l,active:o,icon:s,className:a})=>{const m=r(c,{children:[r("div",{className:"flex items-center gap-4",children:[t(b,{html:e,className:i("text-sm font-bold leading-[1.4]",{underline:s})}),s&&t(b,{html:s,"aria-hidden":"true"})]}),t("svg",{className:`size-5 ${o?"rotate-90":""}`,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:t("path",{d:"M9 5L16 12L9 19",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]});return n?t(p,{href:n,className:i("flex cursor-pointer items-center justify-between py-4 no-underline",a),onClick:l,children:m}):t("button",{onClick:l,className:i("flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left",a),"aria-expanded":o,children:m})},j=({matchSeriesMetadata:e,onSubSubCategoryItemClick:n,expanded:l})=>{const o=r(c,{children:[e?.label&&t(b,{html:e?.label,className:"text-sm font-bold leading-[1.4]"}),n&&t(g,{"aria-hidden":"true",className:i("size-5",{"rotate-180":l})})]});return n?t("button",{className:"tablet:pt-0 flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left",onClick:n,"aria-expanded":l,children:o}):t("div",{className:"tablet:pt-0 flex items-center justify-between py-4",children:o})},z=({matchSeriesMetadata:e})=>{const{locale:n="us"}=v();return t("div",{className:"laptop:gap-3 flex flex-col gap-2",children:!!e?.series?.length&&e?.series?.map((l,o)=>r("div",{children:[l.label&&t(b,{html:l.label,as:"p",className:"mb-2 text-sm font-bold leading-[1.4] text-[#3D3D3F]"}),r("div",{className:"laptop:grid-cols-3 laptop:gap-4 tablet:grid tablet:grid-cols-2 tablet:gap-3 flex flex-col gap-2",children:[!!e?.banner&&t(p,{asChild:!e?.banner?.href,href:f(e?.banner?.href,n),children:r("div",{className:"relative [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[t(u,{source:e?.banner?.imageUrl,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),r("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[t(d,{size:2,html:e?.banner?.title||"Buy in Guide",className:i("font-bold text-white",{"text-black":e?.banner?.theme==="dark"})}),t(b,{html:e?.banner?.desc||"20.000mAh",className:i("text-sm font-bold text-white",{"text-black":e?.banner?.theme==="dark"})})]})]})}),l.products?.map((s,a)=>t(x,{position:a,product:s,seriesLabel:e?.label,isCollection:e?.isCollection},`seriesProductItem-${l?.label||""}-${o}-${a}`))]})]},`seriesItem-${l?.label||""}-${o}`))})};export{$ as MenuItem,z as SubSubCategoryContentComp,j as SubSubCategoryItemComp};
-//# sourceMappingURL=MobileMenuComponents.js.map

package/dist/esm/biz-components/HeaderNavigation/MobileMulticolMenu.js

@@ -1,2 +1 @@
 import{jsx as t,jsxs as c}from"react/jsx-runtime";import{useMemo as r}from"react";import{cn as m}from"../../helpers/utils.js";import{MulticolItem as i}from"./MulticolDropdown.js";import s from"./CompanyStatsBanner/index.js";const v=({multicolMetadata:l,showStatsBanner:o,statsBannerData:n})=>{const e=r(()=>!l?.some(a=>!!a.columns),[l]);return c("div",{className:"tablet:px-8 laptop:px-16 tablet:gap-6 flex flex-col gap-3 p-4",children:[o&&t(s,{data:n}),t("div",{className:m(" flex flex-col gap-4",{"tablet:grid tablet:grid-cols-2 tablet:gap-3 laptop:gap-4":e}),children:l?.map((a,p)=>t("div",{children:t(i,{item:a,allPicture:e})},`multicolItem-${a?.label}-${p}`))})]})};export{v as MobileMulticolMenu};
-//# sourceMappingURL=MobileMulticolMenu.js.map

package/dist/esm/biz-components/HeaderNavigation/MobileResourceSidebarMenu.js

@@ -1,2 +1 @@
 import{Fragment as I,jsx as t,jsxs as i}from"react/jsx-runtime";import{useCallback as z,useEffect as S,useMemo as B,useState as w}from"react";import{Button as R}from"../../components/index.js";import{HeaderNavigationMenu as g}from"./types.js";import{useNavContext as E}from"./NavProvider.js";import{ResourceSubSubCategoryItemComp as N,ResourceSubSubCategoryContentComp as k}from"./ResourceItem.js";import{useAiuiContext as _}from"../AiuiProvider/index.js";import{getLocalizedPath as M}from"../../helpers/utils.js";const A=({label:a,onClick:l,active:u})=>i("button",{className:"flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left",onClick:l,"aria-expanded":u,children:[t("div",{className:"flex items-center gap-1",children:t("span",{className:"text-sm font-bold leading-[1.4]",children:a})}),t("svg",{className:`size-5 ${u?"rotate-90":""}`,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:t("path",{d:"M6.91009 4.41009C7.23553 4.08466 7.76304 4.08466 8.08848 4.41009L13.0885 9.41009C13.4139 9.73553 13.4139 10.263 13.0885 10.5885L8.08848 15.5885C7.76304 15.9139 7.23553 15.9139 6.91009 15.5885C6.58466 15.263 6.58466 14.7355 6.91009 14.4101L11.3209 9.99929L6.91009 5.58848C6.58466 5.26304 6.58466 4.73553 6.91009 4.41009Z",fill:"#080A0F"})})]}),G=({resourceCategoriesMetadata:a,resourcesMetadata:l})=>{const{currentMenu:u,setCurrentMenu:b,subSubCategory:r,setSubSubCategory:v,onSidebarNavClick:p,currentResourceMetadata:c,setCurrentResourceMetadata:m}=E(),{locale:d="us"}=_(),[C,L]=w([]),[f,x]=w([]);S(()=>{a?.subcategories?.length&&L(a?.subcategories?.map((n,e)=>({index:e,open:!1})))},[a]),S(()=>{r?.subSubCategories?.length&&x(r?.subSubCategories?.map((n,e)=>({index:e,open:e===0})))},[r]);const h=z(n=>{v?.(n);const e=l?.find(s=>n?.label?.toLowerCase()===s.label?.toLowerCase())||{};b&&b(g.Third),m&&m(e)},[l,b,v,m]);return B(()=>{switch(u){case g.Secondary:return i("div",{className:"tablet:px-8 laptop:px-16 flex h-full flex-col gap-8 p-4",children:[t("div",{children:a?.subcategories?.map((n,e)=>t("div",{children:t(A,{label:n?.label,active:C.find(s=>s.index===e)?.open,onClick:()=>{h(n),p?.(n,e)}})},`${n.label}-${e}`))}),i("div",{className:"tablet:items-start flex flex-col items-center gap-4",children:[a?.primary&&t(R,{as:"a",href:`${M(a?.primary?.url,d)}?ref=${a?.primary?.label}_shopall`,variant:"primary",size:"lg",className:"tablet:w-auto w-full text-base",children:a?.primary?.label}),a?.secondary&&t(R,{as:"a",href:M(a?.secondary?.url,d),variant:"link",size:"lg",className:"tablet:w-auto tablet:px-0 w-full py-0 text-base",children:a?.secondary?.label})]})]});case g.Third:return t("div",{className:"tablet:px-8 laptop:px-16 p-4",children:r?.subSubCategories?r?.subSubCategories?.map((n,e)=>{const s=l?.find(o=>o.label.toLowerCase()===n?.label?.toLowerCase())||{};return i("div",{children:[Reflect.ownKeys(n).length>0&&t(N,{matchResourcesMetadata:s,onSubSubCategoryItemClick:()=>{p?.(n,e),x(o=>o.map((y,$)=>({...y,open:$===e?!y.open:y.open})))},expanded:!!f?.find(o=>o.index===e)?.open}),f?.find(o=>o.index===e)?.open&&t(k,{matchResourcesMetadata:s})]},`${n.label}-${e}`)}):i(I,{children:[Reflect.ownKeys(c).length>0&&t(N,{matchResourcesMetadata:c}),t(k,{matchResourcesMetadata:c})]})});default:return null}},[u,a,l,C,f,r,c,h,p,d])};export{G as MobileResourceSidebarMenu};
-//# sourceMappingURL=MobileResourceSidebarMenu.js.map

package/dist/esm/biz-components/HeaderNavigation/MobileSidebarMenu.js

@@ -1,2 +1 @@
 import{Fragment as M,jsx as l,jsxs as u}from"react/jsx-runtime";import{useCallback as R,useEffect as L,useMemo as T,useState as $}from"react";import{Button as d,Text as D,Link as K}from"../../components/index.js";import{HeaderNavigationMenu as h}from"./types.js";import{useNavContext as P}from"./NavProvider.js";import{MenuItem as A,SubSubCategoryItemComp as z,SubSubCategoryContentComp as B}from"./MobileMenuComponents.js";import{useAiuiContext as F}from"../AiuiProvider/index.js";import{getLocalizedPath as p}from"../../helpers/utils.js";const X=({sidebarCategoriesMetadata:r,seriesMetadata:b})=>{const{currentMenu:x,setCurrentMenu:y,subSubCategory:i,setSubSubCategory:C,setCurrentSeriesMetadata:f,currentSeriesMetadata:s,buildProps:m,onSidebarNavClick:S}=P(),{locale:c="us"}=F(),[w,_]=$([]),[v,N]=$([]);L(()=>{r?.subcategories?.length&&_(r?.subcategories?.map((e,a)=>({index:a,open:!1})))},[r]),L(()=>{i?.subSubCategories?.length&&N(i?.subSubCategories?.map((e,a)=>({index:a,open:a===0})))},[i]);const k=R((e,a)=>{y&&y(h.Third),C?.(e);const o=b?.find(n=>a!==void 0?e?.subSubCategories?.[a]?.label?.toLowerCase()===n.label?.toLowerCase():e?.label?.toLowerCase()===n.label?.toLowerCase())||{};if(e?.collections){const n=m?.categories?.[e?.collections]||{};f?.({label:o?.label,isCollection:!0,banner:o?.banner,primary:o?.primary,series:[{products:n?.products}]})}else f?.(o)},[b,y,C,f,m?.categories]);return T(()=>{switch(x){case h.Secondary:return u("div",{className:"tablet:px-8 laptop:px-16 flex h-full flex-col gap-8 p-4",children:[u("div",{children:[r?.subcategories?.map((e,a)=>l("div",{children:l(A,{label:e?.label,active:w.find(o=>o.index===a)?.open,onClick:()=>{k(e),S?.(e,a)}})},`${e.label}-${a}`)),r?.guide?.label&&l(K,{href:p(r?.guide?.url,c),children:l("div",{className:"mt-4",children:l(D,{html:r?.guide?.label,className:"text-sm font-bold leading-[1.2] text-[#6D6D6F]"})})})]}),u("div",{className:"tablet:items-start flex flex-col items-center gap-4",children:[r?.primary&&l(d,{as:"a",href:`${p(r?.primary?.url,c)}?ref=${r?.primary?.label}_shopall`,variant:"primary",size:"lg",className:"tablet:w-auto w-full text-base",children:r?.primary?.label}),r?.secondary&&l(d,{as:"a",href:p(r?.secondary?.url,c),variant:"link",size:"lg",className:"tablet:w-auto tablet:px-0 w-full py-0 text-base",children:r?.secondary?.label})]})]});case h.Third:return l("div",{className:"tablet:px-8 laptop:px-16 p-4",children:i?.subSubCategories?i?.subSubCategories?.map((e,a)=>{const o=b?.find(t=>t.label.toLowerCase()===e?.label?.toLowerCase())||{};let n={};if(e?.collections){const t=m?.categories?.[e?.collections]||{};n={label:o?.label,isCollection:!0,banner:o?.banner,primary:o?.primary,series:[{products:t?.products}]}}else n=o;return u("div",{children:[Reflect.ownKeys(e).length>0&&l(z,{matchSeriesMetadata:n,onSubSubCategoryItemClick:()=>{S?.(e,a),N(t=>t.map((g,E)=>({...g,open:E===a?!g.open:g.open})))},expanded:!!v?.find(t=>t.index===a)?.open}),v?.find(t=>t.index===a)?.open&&u(M,{children:[l(B,{matchSeriesMetadata:n}),n?.primary&&l("div",{className:"my-4 text-center",children:l(d,{as:"a",href:p(n?.primary?.url,c),className:"text-base leading-[1.2] no-underline",variant:"secondary",size:"base",children:n?.primary?.label})})]})]},`${e.label}-${a}`)}):u(M,{children:[Reflect.ownKeys(s).length>0&&l(z,{matchSeriesMetadata:s}),l(B,{matchSeriesMetadata:s}),s?.primary&&l("div",{className:"my-4 text-center ",children:l(d,{as:"a",href:`${p(s?.primary?.url,c)}?ref=${s?.label}_viewmore`,variant:"secondary",size:"base",className:"text-base leading-[1.2] no-underline",children:s?.primary?.label})})]})});default:return null}},[x,r,b,w,v,i,s,m?.categories,k,S,c])};export{X as MobileSidebarMenu};
-//# sourceMappingURL=MobileSidebarMenu.js.map

package/dist/esm/biz-components/HeaderNavigation/MobileSupportMenu.js

@@ -1,2 +1 @@
 import{jsx as a}from"react/jsx-runtime";import"react";import{MenuItem as l}from"./MobileMenuComponents.js";import{useAiuiContext as i}from"../AiuiProvider/index.js";import{getLocalizedPath as p}from"../../helpers/utils.js";const d=({supportsMetadata:e})=>{const{locale:t="us"}=i();return a("div",{className:"tablet:px-8 laptop:px-16 p-4",children:e?.map(o=>a(l,{href:p(o.url,t),label:o.label,onClick:()=>{}},o.id))})};export{d as MobileSupportMenu};
-//# sourceMappingURL=MobileSupportMenu.js.map

package/dist/esm/biz-components/HeaderNavigation/MulticolDropdown.js

@@ -1,2 +1 @@
 import{Fragment as c,jsx as a,jsxs as t}from"react/jsx-runtime";import{useRef as x}from"react";import{Container as u,Text as d,Link as p,Picture as f,Button as b,Badge as v}from"../../components/index.js";import h from"./CompanyStatsBanner/index.js";import{cn as n,getLocalizedPath as m}from"../../helpers/utils.js";import{useAiuiContext as g}from"../AiuiProvider/index.js";import{useNavContext as N}from"./NavProvider.js";const L=({multicolMetadata:e,showStatsBanner:i,statsBannerData:o})=>{const r=x(null);return a("div",{ref:r,className:"bg-white py-4",children:a(u,{childClassName:"bg-white",className:"h-full",children:t("div",{className:"laptop:gap-4 flex flex-col gap-3",children:[i&&a(h,{data:o}),a("div",{className:"flex gap-4",children:e?.map((s,l)=>a("div",{className:"w-1/4",children:a(k,{item:s})},`multicolItem-${s?.label}-${l}`))})]})})})},k=({item:e,allPicture:i})=>{const{locale:o="us"}=g(),{componentOverrides:r}=N(),s=r?.badge?.variant;return t(c,{children:[e?.columns&&t(c,{children:[a(d,{html:e.label,as:"div",className:"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),a("div",{className:"mt-2 flex flex-col",children:e.columns?.map(l=>t("div",{className:"flex items-center gap-1 py-2",children:[a(p,{href:`${m(l.url,o)}?ref=navMenu`,asChild:!l.url,className:"text-sm font-bold leading-[1.4] no-underline",children:l.label}),l?.badge&&a(v,{size:"sm",variant:s,children:l?.badge||"badge"})]},l.label))})]}),e?.imageUrl&&a("div",{className:n("rounded-image-text laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] tablet:max-w-[346px] laptop:max-w-[440px] desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden",{"tablet:max-w-none laptop:max-w-none":i}),children:a(p,{href:`${m(e.url,o)}?ref=navMenu`,asChild:!e.url,children:t("div",{className:"size-full",children:[a(f,{source:e.imageUrl,width:404,height:280,className:"size-full",imgClassName:"object-cover h-full hover:scale-105 transition-all duration-300"}),t("div",{className:"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline",children:[a(d,{html:e.title,className:n("lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white",{"text-black":e?.theme==="dark"})}),e.subtitle&&a(d,{html:e.subtitle,className:n("text-sm font-bold leading-[1.4] text-white",{"text-black":e?.theme==="dark"})}),e?.primary?.label&&a(b,{as:"a",href:m(e?.primary?.url,o),variant:"link",size:"lg",iconClassName:"size-4 lg-desktop:size-5",className:n("mr-auto !p-0 text-sm font-bold leading-[1.4] text-white",{"text-black":e?.theme==="dark"}),children:e?.primary?.label||"more"})]})]})})})]})};export{L as MulticolDropdown,k as MulticolItem};
-//# sourceMappingURL=MulticolDropdown.js.map

package/dist/esm/biz-components/HeaderNavigation/NavProvider.js

@@ -1,2 +1 @@
 import{jsx as M}from"react/jsx-runtime";import{createContext as E,useCallback as n,useContext as v,useMemo as S,useReducer as p}from"react";import{HeaderNavigationMenu as C}from"./types.js";const _={isMobile:!1,payloadData:{},buildProps:{products:[],categories:{}},currentMenu:C.Primary,setCurrentMenu:()=>{},currentSeriesMetadata:{},setCurrentSeriesMetadata:()=>{},currentResourceMetadata:{},setCurrentResourceMetadata:()=>{},onSeriesProductClick:(e,t,o)=>{},onSidebarNavClick:e=>{},cartCount:0,componentOverrides:void 0},u=E(_),m=()=>{if(!v(u))throw new Error("useNavContext must be used in <NavProvider>");return v(u)},R=(e,t)=>{switch(t.type){case"SET_CURRENT_MENU":return{...e,currentMenu:t.value};case"SET_CURRENT_SERIES_METADATA":return{...e,currentSeriesMetadata:t.value};case"SET_SUB_SUB_CATEGORY":return{...e,subSubCategory:t.value};case"SET_CURRENT_RESOURCE_METADATA":return{...e,currentResourceMetadata:t.value}}},T=({children:e,...t})=>{const[o,r]=p(R,{..._,currentMenu:C.Primary,setCurrentMenu:()=>{}}),i=n(a=>r({type:"SET_CURRENT_MENU",value:a}),[r]),s=n(a=>r({type:"SET_CURRENT_SERIES_METADATA",value:a}),[r]),c=n(a=>r({type:"SET_SUB_SUB_CATEGORY",value:a}),[r]),d=n(a=>r({type:"SET_CURRENT_RESOURCE_METADATA",value:a}),[r]),y=S(()=>({...o,setCurrentMenu:i,setCurrentSeriesMetadata:s,setSubSubCategory:c,setCurrentResourceMetadata:d}),[i,s,c,d,o]);return M(u.Provider,{value:{...y,...t},children:e})};var A=T;export{u as NavContext,A as default,m as useNavContext};
-//# sourceMappingURL=NavProvider.js.map

package/dist/esm/biz-components/HeaderNavigation/ResourceItem.js

@@ -1,2 +1 @@
 import{Fragment as c,jsx as e,jsxs as o}from"react/jsx-runtime";import{Picture as d,Text as i,Link as m}from"../../components/index.js";import{cn as s,getLocalizedPath as r}from"../../helpers/utils.js";import{useAiuiContext as h}from"../AiuiProvider/index.js";const f=({resource:t})=>{const{locale:l="us"}=h();return e("div",{className:"laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] tablet:max-w-none desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden",children:e(m,{href:r(t?.href,l),className:"no-underline hover:text-current",children:o("div",{className:"relative h-full overflow-hidden [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[e(d,{source:t.imageUrl,width:404,height:280,className:"size-full",imgClassName:"object-cover h-full hover:scale-105 transition-all duration-300"}),o("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[e(i,{as:"p",html:t?.title,className:s("text-xl font-bold leading-[1.2]",{"text-white":t?.theme!=="dark","text-black":t?.theme==="dark"})}),t?.desc&&e(i,{html:t?.desc,className:s("text-sm font-bold leading-[1.4]",{"text-white":t?.theme!=="dark","text-black":t?.theme==="dark"})})]})]})})})},b=({matchResourcesMetadata:t,onSubSubCategoryItemClick:l,expanded:a})=>{const n=o(c,{children:[t?.label&&e(i,{html:t?.label,className:"text-sm font-bold leading-[1.4]"}),l&&e("svg",{className:s("size-5",{"rotate-180":a}),viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e("path",{d:"M6.91009 4.41009C7.23553 4.08466 7.76304 4.08466 8.08848 4.41009L13.0885 9.41009C13.4139 9.73553 13.4139 10.263 13.0885 10.5885L8.08848 15.5885C7.76304 15.9139 7.23553 15.9139 6.91009 15.5885C6.58466 15.263 6.58466 14.7355 6.91009 14.4101L11.3209 9.99929L6.91009 5.58848C6.58466 5.26304 6.58466 4.73553 6.91009 4.41009Z",fill:"#080A0F"})})]});return l?e("button",{className:"flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left",onClick:l,"aria-expanded":a,children:n}):e("div",{className:"flex items-center justify-between py-4",children:n})},g=({matchResourcesMetadata:t})=>{const{locale:l="us"}=h();return e("div",{className:"tablet:grid tablet:grid-cols-2 flex grid-cols-1 flex-col gap-4",children:!!t?.resources?.length&&t?.resources?.map((a,n)=>e(m,{href:r(a?.href,l),className:"no-underline hover:text-current",children:e("div",{className:"laptop:h-[280px] tablet:max-w-none relative h-[240px] max-w-[358px]",children:o("div",{className:"relative h-full overflow-hidden",children:[e(d,{source:a.imageUrl,width:404,height:280,className:"size-full",imgClassName:"object-cover h-full hover:scale-105 transition-all duration-300"}),o("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[e(i,{html:a?.title,as:"p",className:s("text-xl font-bold leading-[1.2]",{"text-white":a?.theme!=="dark","text-black":a?.theme==="dark"})}),a?.desc&&e(i,{html:a?.desc,className:s("text-sm font-bold leading-[1.4]",{"text-white":a?.theme!=="dark","text-black":a?.theme==="dark"})})]})]})})},`resourceItem-${n}`))})};export{f as ResourceItem,g as ResourceSubSubCategoryContentComp,b as ResourceSubSubCategoryItemComp};
-//# sourceMappingURL=ResourceItem.js.map

package/dist/esm/biz-components/HeaderNavigation/ResourceSidebarDropdown.js

@@ -1,2 +1 @@
 import{jsx as r,jsxs as i}from"react/jsx-runtime";import R,{useCallback as v,useEffect as F,useMemo as L,useRef as $,useState as S}from"react";import{Button as h,Container as D,Text as w}from"../../components/index.js";import{cn as m,getLocalizedPath as N}from"../../helpers/utils.js";import{DownArrow as E}from"./icons/index.js";import{useNavContext as z}from"./NavProvider.js";import{ResourceItem as O}from"./ResourceItem.js";import{useAiuiContext as B}from"../AiuiProvider/index.js";const I=R.memo(({resourceCategoriesMetadata:s,resourcesMetadata:u})=>{const{onSidebarNavClick:f}=z(),[c,b]=S([]),[d,p]=S(-1),C=$(null),{locale:y="us"}=B(),g=v(()=>{const e=s?.subcategories;if(!e?.length)return;const o=e.findIndex(t=>!!t?.subSubCategories),n=e.findIndex(t=>!t?.subSubCategories),a=e.map((t,l)=>({index:l,open:o===l||n===l}));b(a)},[s]);F(()=>{g()},[g]);const x=L(()=>{const e=s?.subcategories?.[c?.find(n=>n.open)?.index||0],o=u?.find(n=>n?.label?.toLowerCase()===e?.label?.toLowerCase())||{};if(e?.subSubCategories){const n=e?.subSubCategories?.[d];return u?.find(t=>t?.label?.toLowerCase()===n?.label?.toLowerCase())||{}}else return o},[s,c,d,u]),k=v((e,o)=>{o?.subSubCategories?.length>0?p(0):p(-1),b(n=>n.map((a,t)=>({...a,open:t===e?!a.open:!1})))},[]),A=(e,o)=>{b(n=>n.map(a=>a.index===e?{...a,open:!0}:{...a,open:!1})),p(o)};return i(D,{childClassName:"lg-desktop:gap-12 flex bg-white gap-8",children:[i("div",{className:"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4",style:{userSelect:"none"},ref:C,children:[r("div",{className:"desktop:h-[416px] flex flex-col overflow-y-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:s?.subcategories?.map((e,o)=>{const n=Array.isArray(e?.subSubCategories)&&e?.subSubCategories?.length>0,a=c?.find(t=>t.index===o)?.open;return i("div",{children:[i("button",{className:m("rounded-sidebar-shelf flex w-full cursor-pointer items-center justify-between border-0 bg-transparent text-left",{"bg-[#F5F5F7]":!n&&a}),onClick:()=>{k(o,e),f?.(e,o)},"aria-expanded":n?a:void 0,"aria-haspopup":n?"true":void 0,children:[r(w,{html:e.label,className:"p-4 text-sm font-bold leading-[1.4]"}),n&&r(E,{"aria-hidden":"true",className:m("size-4",{"rotate-180":a})})]}),a&&r("div",{className:"flex flex-col",role:"menu",children:e.subSubCategories?.map((t,l)=>r("button",{onClick:()=>{A(o,l),f?.(t,l)},className:m("rounded-sidebar-shelf w-full cursor-pointer border-0 bg-transparent px-6 py-4 text-left leading-none hover:bg-[#F5F5F7]",{"bg-[#F5F5F7]":d===l}),role:"menuitem","aria-label":t.label,children:r(w,{html:t.label,className:"text-sm font-bold leading-[1.4] text-[#4A4C56]"})},`subSubItem-${o}-${l}`))})]},`subcategoryItem-${o}`)})}),s&&r("div",{className:"flex",children:i("div",{className:"flex flex-col gap-4",children:[s?.primary&&r(h,{as:"a",href:`${N(s?.primary?.url,y)}?ref=${s?.primary?.label}_shopall`,variant:"primary",size:"lg",className:"lg-desktop:text-base text-sm",children:s?.primary?.label}),s?.secondary&&r(h,{as:"a",href:N(s?.secondary?.url,y),variant:"link",size:"lg",className:"lg-desktop:text-base justify-start !p-0 text-sm",children:s?.secondary?.label})]})})]}),r("div",{className:"desktop:h-[509px] flex-1 overflow-y-auto py-4",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:r("div",{className:"grid grid-cols-3 gap-4 ",children:Array.isArray(x?.resources)?x.resources.map((e,o)=>r(O,{resource:e},`resourceItem-${o}`)):null})})]})});I.displayName="ResourceSidebarDropdown";export{I as ResourceSidebarDropdown};
-//# sourceMappingURL=ResourceSidebarDropdown.js.map

package/dist/esm/biz-components/HeaderNavigation/SidebarDropdown.js

@@ -1,2 +1 @@
 import{Fragment as U,jsx as t,jsxs as c}from"react/jsx-runtime";import j,{useCallback as D,useEffect as E,useMemo as $,useRef as P,useState as _}from"react";import{Button as F,Container as O,Text as p,Link as L,Heading as R,Picture as V,Badge as W}from"../../components/index.js";import{cn as S,atobID as H,getLocalizedPath as k}from"../../helpers/utils.js";import{DownArrow as T}from"./icons/index.js";import{useNavContext as z}from"./NavProvider.js";import{useAiuiContext as A}from"../AiuiProvider/index.js";const G=j.memo(({sidebarCategoriesMetadata:a,seriesMetadata:g})=>{const{buildProps:h,onSidebarNavClick:C}=z(),{locale:f="us"}=A(),[y,x]=_([]),[m,v]=_(-1),d=P(null),b=P(null),N=D(()=>{const e=a?.subcategories;if(!e?.length)return;const r=e.findIndex(o=>!!o?.subSubCategories),l=e.findIndex(o=>!o?.subSubCategories),s=e.map((o,i)=>({index:i,open:r===i||l===i}));x(s)},[a]);E(()=>{N()},[N]);const n=$(()=>{const e=a?.subcategories?.[y?.find(l=>l.open)?.index||0],r=g?.find(l=>l?.label?.toLowerCase()===e?.label?.toLowerCase())||{};if(e?.collections){const l=h?.categories?.[e?.collections]||{};return{label:r?.label,isCollection:!0,banner:r?.banner,primary:r?.primary,series:[{products:l?.products}]}}else if(e?.subSubCategories){const l=e?.subSubCategories?.[m],s=g?.find(o=>o?.label?.toLowerCase()===l?.label?.toLowerCase())||{};if(l?.collections){const o=h?.categories?.[l?.collections]||{};return{label:s?.label,isCollection:!0,banner:s?.banner,primary:s?.primary,series:[{products:o?.products}]}}else return s}else return r},[a,y,m,g,h]),u=D((e,r)=>{const l=r?.subSubCategories?.length>0;v(l?0:-1);const s=b.current;x(o=>o.map((i,B)=>B===e?{...i,open:!i.open}:l?{...i,open:!1}:!s&&m===-1?{...i,open:!1}:s&&!s.hasSubSubCategories&&!l&&m===-1?{...i,open:!1}:i)),b.current={index:e,hasSubSubCategories:l}},[m]),w=(e,r)=>{x(l=>l.map(s=>s.index===e?{...s,open:!0}:{...s,open:!1})),v(r)};return c(O,{childClassName:"lg-desktop:gap-12 flex bg-white gap-8",children:[c("div",{className:"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4",style:{userSelect:"none"},ref:d,children:[t("div",{className:"desktop:h-[416px] flex flex-col overflow-y-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:a?.subcategories?.map((e,r)=>{const l=Array.isArray(e?.subSubCategories)&&e?.subSubCategories?.length>0,s=y?.find(o=>o.index===r)?.open;return c("div",{children:[c("button",{className:S("rounded-sidebar-shelf flex w-full cursor-pointer items-center justify-between border-0 bg-transparent text-left",{"bg-[#F5F5F7]":!l&&s}),onClick:()=>{u(r,e),C?.(e,r)},"aria-expanded":l?s:void 0,"aria-haspopup":l?"true":void 0,children:[t(p,{html:e.label,className:"p-4 text-sm font-bold leading-[1.4]"}),l&&t(T,{"aria-hidden":"true",className:S("size-4",{"rotate-180":s})})]}),s&&t("div",{className:"flex flex-col",role:"menu",children:e.subSubCategories?.map((o,i)=>t("button",{onClick:()=>{w(r,i),C?.(o,i)},className:S("rounded-sidebar-shelf w-full cursor-pointer border-0 bg-transparent px-6 py-4 text-left leading-none hover:bg-[#F5F5F7]",{"bg-[#F5F5F7]":m===i}),role:"menuitem","aria-label":o.label,children:t(p,{html:o.label,className:"text-sm font-bold leading-[1.4] text-[#4A4C56]"})},`subSubItem-${r}-${i}`))})]},`${e?.label||""}subcategoryItem-${r}`)})}),a&&t("div",{className:"flex",children:c("div",{className:"flex flex-col gap-4",children:[a?.primary&&t(F,{as:"a",href:`${k(a?.primary?.url,f)}?ref=${a?.primary?.label}_shopall`,variant:"primary",size:"lg",className:"lg-desktop:text-base text-sm",children:a?.primary?.label}),a?.secondary&&t(F,{as:"a",href:a?.secondary?.url,variant:"link",size:"lg",iconClassName:"size-4",className:"lg-desktop:text-base justify-start !p-0 text-sm",children:a?.secondary?.label})]})})]}),c("div",{className:"flex-1 py-4",children:[Reflect.ownKeys(n).length>0&&c("div",{className:"mb-4 flex items-center justify-between",children:[(()=>{const e=c(U,{children:[t(p,{html:n?.label,className:"lg-desktop:text-2xl text-xl font-bold leading-[1.4]"}),n?.primary&&!n?.primary?.hide&&t(p,{className:"lg-desktop:text-base text-sm font-bold leading-[1.2]",html:n?.primary?.label})]});return n?.primary?.url?t(F,{as:"a",href:`${k(n?.primary?.url,f)}?ref=${n?.label}_viewmore`,variant:"link",size:"lg",iconClassName:"size-4",className:"flex items-center justify-start gap-2 !p-0 no-underline",children:e}):t("div",{className:"flex items-center gap-2",children:e})})(),a?.guide?.label&&t(L,{href:k(a?.guide?.url,f),className:"lg-desktop:text-base text-sm leading-[1.2] text-[#6D6D6F]",children:a?.guide?.label})]}),t("div",{className:"flex h-[426px] flex-col gap-4 overflow-y-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:n?.series?.map((e,r)=>c("div",{children:[e.label&&t(p,{html:e.label,as:"p",className:"mb-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),c("div",{className:"grid grid-cols-3 gap-4",children:[!!n?.banner&&t(L,{asChild:!n?.banner?.href,href:k(n?.banner?.href,f),children:c("div",{className:"relative [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[t(V,{source:n?.banner?.imageUrl,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),c("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[t(R,{size:2,html:n?.banner?.title||"Buy in Guide",className:S("font-bold text-white",{"text-black":n?.banner?.theme==="dark"})}),t(p,{html:n?.banner?.desc||"20.000mAh",className:S("text-sm font-bold text-white",{"text-black":n?.banner?.theme==="dark"})})]})]})}),e.products?.map((l,s)=>t(K,{seriesLabel:n?.label,product:l,isCollection:n?.isCollection},`seriesProductItem-${e?.label||""}-${r}-${s}`))]})]},`seriesItem-${e?.label||""}-${r}`))})]})]})});G.displayName="SidebarDropdown";const K=({product:a,isCollection:g,position:h,seriesLabel:C})=>{const{locale:f="us"}=A(),{buildProps:y,onSeriesProductClick:x,componentOverrides:m}=z(),v=m?.badge?.variant;let d=g?a:y?.products?.find(u=>u.handle===a.handle);const b=d?.variants?.find(u=>u.sku===a.sku)||d?.variants?.[0],N=$(()=>`${k(`/products/${d?.handle}`,f)}?variant=${H(b?.id)}`,[d?.handle,b?.id,f]),n=$(()=>d?.tags?.filter?.(u=>u?.startsWith?.("CLtag"))?.map?.(u=>u?.replace?.("CLtag:",""))?.slice?.(0,2),[d?.tags]);return b?.availableForSale?t(L,{href:N,onClick:u=>{u.preventDefault(),window.open(N,"_self"),x?.(d,h||0,C)},className:"no-underline hover:text-current",children:c("div",{className:"rounded-sidebar-shelf flex shrink-0 items-center gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110 [&_img]:hover:duration-500",children:[t("div",{className:"shrink-0",children:t("img",{src:`${b?.image?.url||a?.images?.[0]?.url}&width=200`,loading:"lazy",alt:d?.title||a?.name,width:90,height:90,className:"size-[96px] object-contain"})}),c("div",{className:"relative",children:[t("div",{className:"flex gap-1",children:Array.isArray(n)&&n?.map((u,w)=>t(W,{size:"sm",variant:v,className:"mb-1 whitespace-nowrap",children:u},w))}),t(p,{className:"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]",html:a?.custom_name||b?.metafields?.infos?.page_short_title||d?.title}),a?.desc&&t(p,{as:"p",html:a?.desc,className:"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]"})]})]})}):null};export{K as SeriesProductItem,G as SidebarDropdown};
-//# sourceMappingURL=SidebarDropdown.js.map

package/dist/esm/biz-components/HeaderNavigation/SupportsDropdown.js

@@ -1,2 +1 @@
 import{jsx as i}from"react/jsx-runtime";import{useEffect as s,useRef as g,useState as l}from"react";import{Link as m}from"../../components/index.js";import{debounce as f}from"es-toolkit";import{useAiuiContext as h}from"../AiuiProvider/index.js";import{getLocalizedPath as v}from"../../helpers/utils.js";const E=({supportsMetadata:d,currentNavItemRef:t})=>{const{locale:a="us"}=h(),o=g(null),[c,r]=l(null),[u,p]=l(0);s(()=>{if(o?.current){const e=o?.current?.getBoundingClientRect();p(e.height)}},[o]);const n=f(()=>{if(t){const e=t.getBoundingClientRect();r(e)}},500);return s(()=>(n(),window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}),[n]),s(()=>{if(t){const e=t.getBoundingClientRect();r(e)}},[t]),i("div",{className:"rounded-b-box absolute top-0 h-full overflow-hidden bg-white transition-all duration-500",style:{right:`calc(100% - ${c?.right}px)`,height:u},children:i("div",{ref:o,className:"p-4",children:d?.map(e=>i("div",{className:"py-2",children:i(m,{href:v(e.url,a),className:"text-sm font-bold leading-[1.4] no-underline",children:e.label})},e.id))})})};export{E as SupportsDropdown};
-//# sourceMappingURL=SupportsDropdown.js.map

package/dist/esm/biz-components/HeaderNavigation/icons/AnkerLogo.js

@@ -1,2 +1 @@
 import{jsx as H}from"react/jsx-runtime";import"react";const V=C=>H("svg",{width:"82",height:"21",viewBox:"0 0 82 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",...C,children:H("path",{d:"M10.9365 10.5967C10.9546 10.5727 10.9911 10.5911 10.9912 10.6211L10.6172 14.7471C10.6172 14.7651 10.6475 14.7832 10.6475 14.7832H12.584C12.6081 14.7832 12.6084 14.832 12.6084 14.832L8.44531 20.2793C8.42722 20.3033 8.39077 20.285 8.39062 20.2549L8.76465 16.1289C8.76465 16.1111 8.73567 16.0936 8.73438 16.0928H6.79785C6.77371 16.0928 6.77344 16.0439 6.77344 16.0439L10.9365 10.5967ZM9.8877 1C10.5152 1 11.0828 1.35599 11.3604 1.91699L18.8125 17.0576H15.5723L9.9248 5.65723L4.27051 17.0576H1L8.5 1.8623C8.75942 1.3377 9.29658 1.00016 9.8877 1ZM65.6787 3.84766H57.165V14.2227H65.6787V17.0576H55.668C54.8776 17.0574 54.2383 16.4179 54.2383 15.6279V1H65.6787V3.84766ZM75.3281 1.00586C77.8864 1.00606 80.131 2.86991 80.3242 5.64453C80.4569 7.55073 79.6417 9.02852 77.7832 10.4521L81.9229 17.0576H78.4775L74.3506 10.4521H70.9053V17.0576H67.9844V1.00586H75.3281ZM52.9961 17.0566L49.5273 17.0498L45.7617 11.0537L47.6504 8.55078L52.9961 17.0566ZM40.6006 11.1465L48.2334 1H51.9443C51.914 1.04013 40.2758 16.4217 40.2207 16.4971C39.8225 17.0279 39.1521 17.1057 38.8203 17.0273C37.9817 16.8402 37.668 16.1705 37.668 15.6338V1H40.6006V11.1465ZM31.8037 11.1465V1H34.7363V15.6338C34.7363 16.1706 34.4218 16.8343 33.583 17.0273C33.251 17.1055 32.5816 17.0215 32.1836 16.4971C32.1473 16.4548 26.8316 9.41522 23.3682 4.84277V17.0459H20.4414V1H24.1709L31.8037 11.1465ZM64.1963 10.4463H58.4336V7.60547H64.1963V10.4463ZM70.9053 7.60547H75.3096C76.631 7.60547 77.4941 6.88097 77.4941 5.65039C77.494 4.9868 76.9747 3.84082 75.3096 3.84082H70.9053V7.60547Z",fill:"currentColor"})});var t=V;export{t as default};
-//# sourceMappingURL=AnkerLogo.js.map

package/dist/esm/biz-components/HeaderNavigation/icons/Cart.js

@@ -1,2 +1 @@
 import{jsx as C}from"react/jsx-runtime";import"react";const o=t=>C("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",...t,children:C("path",{d:"M8.36719 18.5C9.2806 18.5001 10.0215 19.2466 10.0215 20.167C10.0213 21.0873 9.2805 21.8329 8.36719 21.833C7.45379 21.833 6.71307 21.0873 6.71289 20.167C6.71289 19.2465 7.45369 18.5 8.36719 18.5ZM18.291 18.5C19.2044 18.5001 19.9453 19.2466 19.9453 20.167C19.9451 21.0873 19.2043 21.8329 18.291 21.833C17.3776 21.833 16.6369 21.0873 16.6367 20.167C16.6367 19.2465 17.3775 18.5 18.291 18.5ZM4.18652 3.5C4.64137 3.50021 5.03769 3.81227 5.14844 4.25684L5.65039 6.26953H20.1621C21.4568 6.26958 22.3987 7.49588 22.085 8.75586L20.4727 15.2305C20.1403 16.5645 18.95 17.4999 17.585 17.5H8.72363C7.35983 17.5 6.16959 16.5678 5.83691 15.2324L3.96875 7.73535L1.81543 5.1416C1.56834 4.8438 1.51474 4.42887 1.67773 4.07715C1.84084 3.72535 2.19083 3.50009 2.57617 3.5H4.18652ZM7.76172 14.7451C7.87219 15.1886 8.2673 15.5 8.72363 15.5H17.585C18.0399 15.4999 18.4361 15.1878 18.5469 14.7432L20.1602 8.26953H6.14844L7.76172 14.7451Z",fill:"currentColor"})});var l=o;export{l as default};
-//# sourceMappingURL=Cart.js.map

package/dist/esm/biz-components/HeaderNavigation/icons/Close.js

@@ -1,2 +1 @@
 import{jsx as t,jsxs as i}from"react/jsx-runtime";import"react";const e=l=>i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",...l,children:[t("g",{clipPath:"url(#clip0_1031_9682)",children:t("path",{d:"M5.63593 5.63604C6.0264 5.24546 6.65962 5.24551 7.05015 5.63604L11.9999 10.5858L16.9496 5.63604L17.0256 5.56699C17.4184 5.24681 17.9979 5.26993 18.3639 5.63604C18.7298 6.00211 18.753 6.58152 18.4329 6.97429L18.3639 7.05025L13.4141 12L18.3639 16.9497L18.4329 17.0257C18.753 17.4185 18.7298 17.9979 18.3639 18.364C17.9979 18.7301 17.4184 18.7532 17.0256 18.433L16.9496 18.364L11.9999 13.4142L7.05015 18.364C6.65962 18.7545 6.0264 18.7545 5.63593 18.364C5.2455 17.9734 5.24551 17.3403 5.63593 16.9497L10.5857 12L5.63593 7.05025C5.24551 6.65972 5.2455 6.02658 5.63593 5.63604Z",fill:"currentColor"})}),t("defs",{children:t("clipPath",{id:"clip0_1031_9682",children:t("rect",{width:"24",height:"24",fill:"white"})})})]});var o=e;export{o as default};
-//# sourceMappingURL=Close.js.map

package/dist/esm/biz-components/HeaderNavigation/icons/DownArrow.js

@@ -1,2 +1 @@
 import{jsx as o}from"react/jsx-runtime";import"react";const r=t=>o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",...t,children:o("path",{d:"M6 9L12 15L18 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})});var s=r;export{s as default};
-//# sourceMappingURL=DownArrow.js.map

package/dist/esm/biz-components/HeaderNavigation/icons/LeftArrow.js

@@ -1,2 +1 @@
 import{jsx as o}from"react/jsx-runtime";import"react";const e=t=>o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",...t,children:o("path",{d:"M15 6L9 12L15 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})});var s=e;export{s as default};
-//# sourceMappingURL=LeftArrow.js.map

package/dist/esm/biz-components/HeaderNavigation/icons/LogoLine.js

@@ -1,2 +1 @@
 import{jsx as o}from"react/jsx-runtime";import"react";const e=t=>o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1",height:"16",viewBox:"0 0 1 16",fill:"none",...t,children:o("path",{d:"M1 0H0V16H1V0Z",fill:"currentColor"})});var n=e;export{n as default};
-//# sourceMappingURL=LogoLine.js.map

package/dist/esm/biz-components/HeaderNavigation/icons/Menu.js

@@ -1,2 +1 @@
 import{jsx as t,jsxs as l}from"react/jsx-runtime";import"react";const e=r=>l("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:[t("rect",{x:"2",y:"4",width:"16",height:"2",rx:"1",fill:"currentColor"}),t("rect",{x:"2",y:"9",width:"16",height:"2",rx:"1",fill:"currentColor"}),t("rect",{x:"2",y:"14",width:"16",height:"2",rx:"1",fill:"currentColor"})]});var i=e;export{i as default};
-//# sourceMappingURL=Menu.js.map

package/dist/esm/biz-components/HeaderNavigation/icons/Polygon.js

@@ -1,2 +1 @@
 import{jsx as o}from"react/jsx-runtime";import"react";const e=t=>o("svg",{width:"16",height:"8",viewBox:"0 0 16 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:o("path",{d:"M8 0L16 8H0L8 0Z",fill:"currentColor"})});var n=e;export{n as default};
-//# sourceMappingURL=Polygon.js.map

package/dist/esm/biz-components/HeaderNavigation/icons/RightArrow.js

@@ -1,2 +1 @@
 import{jsx as o}from"react/jsx-runtime";import"react";const r=t=>o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",...t,children:o("path",{d:"M9 6L15 12L9 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})});var i=r;export{i as default};
-//# sourceMappingURL=RightArrow.js.map

package/dist/esm/biz-components/HeaderNavigation/icons/Search.js

@@ -1,2 +1 @@
 import{jsx as t}from"react/jsx-runtime";import"react";const e=C=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",...C,children:t("path",{d:"M10.5 1C15.7467 1 20 5.25329 20 10.5C20 12.7631 19.2068 14.8398 17.8857 16.4717L21.833 20.4189C22.2231 20.8095 22.2234 21.4426 21.833 21.833C21.4426 22.2234 20.8095 22.2231 20.4189 21.833L16.4717 17.8857C14.8398 19.2068 12.7631 20 10.5 20C5.25329 20 1 15.7467 1 10.5C1 5.25329 5.25329 1 10.5 1ZM10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3Z",fill:"currentColor"})});var l=e;export{l as default};
-//# sourceMappingURL=Search.js.map

package/dist/esm/biz-components/HeaderNavigation/icons/User.js

@@ -1,2 +1 @@
 import{jsx as C}from"react/jsx-runtime";import"react";const e=t=>C("svg",{xmlns:"http://www.w3.org/2000/svg",width:"25",height:"25",viewBox:"0 0 25 25",fill:"none",...t,children:C("path",{d:"M16.6729 15.625C20.1246 15.625 22.9229 18.4232 22.9229 21.875C22.9229 22.4502 22.457 22.9168 21.8818 22.917C21.3065 22.917 20.8398 22.4503 20.8398 21.875C20.8398 19.5738 18.974 17.708 16.6729 17.708H8.33984C6.03866 17.708 4.17285 19.5738 4.17285 21.875C4.17285 22.4502 3.70698 22.9168 3.13184 22.917C2.55654 22.917 2.08984 22.4503 2.08984 21.875C2.08984 18.4232 4.88806 15.625 8.33984 15.625H16.6729ZM12.5068 2.08398C15.6708 2.08416 18.2354 4.64945 18.2354 7.81348C18.2352 10.9774 15.6707 13.5418 12.5068 13.542C9.34281 13.542 6.77752 10.9775 6.77734 7.81348C6.77734 4.64934 9.3427 2.08398 12.5068 2.08398ZM12.5068 4.16699C10.4933 4.16699 8.86035 5.79994 8.86035 7.81348C8.86053 9.82687 10.4934 11.459 12.5068 11.459C14.5201 11.4588 16.1522 9.82676 16.1523 7.81348C16.1523 5.80005 14.5202 4.16717 12.5068 4.16699Z",fill:"currentColor"})});var l=e;export{l as default};
-//# sourceMappingURL=User.js.map

package/dist/esm/biz-components/HeaderNavigation/icons/index.js

@@ -1,2 +1 @@
 import o from"./AnkerLogo.js";import r from"./LogoLine.js";import m from"./Menu.js";import t from"./Search.js";import i from"./Cart.js";import f from"./Close.js";import p from"./User.js";import e from"./RightArrow.js";import n from"./LeftArrow.js";import g from"./DownArrow.js";import w from"./Polygon.js";export{o as AnkerLogo,i as Cart,f as Close,g as DownArrow,n as LeftArrow,r as LogoLine,m as Menu,w as Polygon,e as RightArrow,t as Search,p as User};
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +1 @@
 "use client";import{Fragment as Pe,jsx as e,jsxs as o}from"react/jsx-runtime";import{forwardRef as ae,useCallback as ne,useEffect as G,useImperativeHandle as Ee,useMemo as D,useRef as J,useState as E}from"react";import{Picture as me,Text as w,Button as oe,Container as pe,BrandStrip as Te}from"../../components/index.js";import{withLayout as He}from"../../shared/Styles.js";import{cn as T,getLocalizedPath as ie}from"../../helpers/utils.js";import Le,{useNavContext as te}from"./NavProvider.js";import{HeaderNavigationMenu as W,HeaderNavigationBlockType as H,HeaderNavigationActionBlockType as x}from"./types.js";import ze from"jump.js";import{useGSAP as le}from"@gsap/react";import{gsap as re}from"gsap";import{WithSidebar as fe,WithSupports as be,WithMulticol as ve,WithGroupCategory as ge,WithResource as he}from"./withCategory.js";import{Menu as Re,Close as ye,User as Be,LeftArrow as Ie,DownArrow as Ne,Polygon as Ae}from"./icons/index.js";import Oe from"../NavigationSearch/index.js";import{ResourceSidebarDropdown as je}from"./ResourceSidebarDropdown.js";import{MobileResourceSidebarMenu as _e}from"./MobileResourceSidebarMenu.js";import{SidebarDropdown as We}from"./SidebarDropdown.js";import{useScrollLock as se}from"./useScrollLock.js";import{MulticolDropdown as $e}from"./MulticolDropdown.js";import{SupportsDropdown as Ke}from"./SupportsDropdown.js";import{MobileSidebarMenu as Fe}from"./MobileSidebarMenu.js";import{MobileSupportMenu as Ue}from"./MobileSupportMenu.js";import{MobileMulticolMenu as Ge}from"./MobileMulticolMenu.js";import{MenuItem as ce}from"./MobileMenuComponents.js";import{useAiuiContext as ue}from"../AiuiProvider/index.js";import ke from"../../shared/throttle.js";const we=ae((a,l)=>{const{data:{header:r}={},buildProps:s,event:f,profile:C,theme:n="light",isTop:c=!1,searchResult:N,onSearch:m,isSearching:u,keywords:$,onPrimaryNavClick:y,onSeriesProductClick:v,onSidebarNavClick:M,onMobileMenuToggle:Y,headerId:S,cartCount:z,menuData:R,render:B,componentOverrides:q,...Q}=a,[I,d]=E(!1),[K,A]=E(!1),[O,L]=E(!1),[V,b]=E(!1),j=J(null),k=J(null),X=()=>{const g=document?.querySelector("body")?.offsetWidth||0;b(g<=1440)};G(()=>(X(),window.addEventListener("resize",X),()=>{window.removeEventListener("resize",X)}),[]),Ee(l,()=>k.current),G(()=>{k.current&&c&&ze(k.current,{duration:0,offset:k.current?.getBoundingClientRect()?.bottom||0})},[c]),G(()=>{if(c){A(!1),L(!1);return}let g=0,t=0,i=0;const p=()=>document?.documentElement?.scrollTop||document?.body?.scrollTop||0,h=p();g=h,A(h>300),L(h>30);const F=ke(()=>{const P=p(),U=P-g;L(P>30),U>0?(t=0,i+=U,i>=300&&P>300&&A(!0)):U<0&&(i=0,t+=Math.abs(U),t>=300&&(A(!1),t=0)),g=P},100);return window.addEventListener("scroll",F,{passive:!0}),()=>window.removeEventListener("scroll",F)},[c]),G(()=>{f&&(f.search=()=>d(!0))},[f]),le(()=>{j?.current&&I&&re.fromTo(j.current,{height:0},{height:"auto",duration:.3})},[I]),se(I);const Z=D(()=>r?.bar?.actions?.find(g=>g?.blockType===x.Search)?.searchBar?.[0]||{},[r]),_=B?.mobileHeaderNavigation;return e(Le,{buildProps:s,profile:C,isMobile:V,event:f,payloadData:r,onSidebarNavClick:M,onSeriesProductClick:v,cartCount:z,componentOverrides:q,children:e("header",{...Q,id:S||"header","data-ui-component-id":"HeaderNavigation",className:c?"relative z-[100] bg-white":T("sticky top-0 z-[100] transition-transform duration-500 ease-in-out",{"translate-y-[-100%]":K}),ref:k,children:o("div",{className:T("hover:bg-white hover:text-black",n==="light"?"text-black":"text-white",{"!bg-white transition-all duration-500 ease-in-out":!c&&O},{"hover:!text-black":n==="dark","!text-black":!c&&O}),onClick:()=>!c&&L(!0),children:[e(xe,{data:r,className:"desktop:block hidden !bg-white",theme:n,onNavItemClick:()=>!c&&L(!0),onPrimaryNavClick:y}),_?e(_,{className:"desktop:hidden block !bg-white",menuData:R,data:r,onPrimaryNavClick:y}):e(Ce,{menuData:R,data:r,className:"desktop:hidden block !bg-white",onPrimaryNavClick:y,onMobileMenuToggle:Y}),I&&o("div",{className:"absolute left-0 top-0 z-[60] flex w-full flex-col bg-black/70",style:{height:`calc(100dvh - ${k?.current?.getBoundingClientRect()?.top}px)`},role:"dialog","aria-modal":"true","aria-label":"Search",children:[e("div",{ref:j,className:T("overflow-y-auto",{}),children:e(Oe,{data:Z,keywords:$,isSearching:u,searchResult:N,onSearch:g=>{m?.(g)},onClose:()=>{m?.(),d(!1)}})}),e("div",{className:"flex-1 bg-transparent",onClick:()=>d(!1),role:"button",tabIndex:0,"aria-label":"Close search",onKeyDown:g=>{(g.key==="Enter"||g.key===" "||g.key==="Escape")&&(g.preventDefault(),d(!1))}})]})]})})})}),xe=ae((a,l)=>{const{data:r,onNavItemClick:s,className:f,theme:C,onPrimaryNavClick:n}=a,{event:c,profile:N}=te(),[m,u]=E(!1),{locale:$="us"}=ue(),y=D(()=>ge(r?.categories?.filter(t=>t?.pcShow)),[r]),[v,M]=E(null),[Y,S]=E([]),z=J(null),[R,B]=E(!1),q=J(null),Q=J(null),I=J(y.map(t=>Array(t?.length||0).fill(null)));G(()=>{y?.length&&S(y?.map((t,i)=>t?.map((p,h)=>({groupIndex:i,index:h,open:!1}))))},[y]);const d=D(()=>{let t=null;for(const i of Y){for(const p of i)if(p.open){t=p;break}if(t)break}return t},[Y]);se(!!d?.open||R);const K=(t,i,p)=>{B(!1);const h=y[i][p];if(h?.components?.[0]?.blockType===H.Links)h?.components?.[0]?.url&&window.open(h?.components?.[0]?.url,h?.components?.[0]?.target??"_blank");else{const F=y?.flat()||[],P=F?.findIndex(U=>U?.id===y[i][p]?.id);t.stopPropagation(),s?.(),n?.(F[P],P),M(h),S(U=>U.map(De=>De.map(ee=>ee.groupIndex===i&&ee.index===p?{...ee,open:!ee.open}:{...ee,open:!1})))}},A=(t,i,p)=>{t.key==="Enter"||t.key===" "?(t.preventDefault(),K(t,i,p)):t.key==="Escape"&&d?.groupIndex===i&&d?.index===p&&(t.preventDefault(),O())},O=()=>{S(t=>t.map(i=>i.map(p=>({...p,open:!1}))))},L=D(()=>{if(v)return v?.components?.[0]?.blockType},[v]),V=fe(We,v),b=he(je,v),j=ve($e,v),k=be(Ke,{categoriesItem:v,currentNavItemRef:I.current?.[d?.groupIndex||0]?.[d?.index||0]}),X=D(()=>{switch(L){case H.Sidebar:return e(V,{});case H.Resource:return e(b,{});case H.Supports:return e(k,{});case H.Multicol:return e(j,{});default:return null}},[L,v]),Z=D(()=>r?.bar?.actions?.filter(t=>t?.pcShow),[r]),_=D(()=>Z?.find(t=>t?.blockType===x.Profile),[Z]),g=ne(()=>{B(t=>!t)},[]);return G(()=>{if(z?.current){const t=z.current;return t.addEventListener("click",g),()=>{t.removeEventListener("click",g)}}},[g]),le(()=>{d?.open&&re.fromTo(Q?.current,{height:0},{height:"auto"})},[d?.open]),o(pe,{className:T("relative h-[96px]",f),children:[o("div",{ref:q,onClick:O,className:"flex h-full flex-col justify-end gap-4",children:[o("div",{className:"flex items-center justify-between",children:[e(Me,{}),e(de,{ref:z,actions:Z,activeStatus:R})]}),e("nav",{className:"flex justify-between",role:"navigation","aria-label":"Primary navigation",children:y?.map((t,i)=>e("div",{className:"flex gap-3",children:t?.map((p,h)=>{const F=d?.groupIndex===i&&d?.index===h;return e("div",{ref:P=>{I.current[i][h]=P},className:"group",children:o("div",{className:"relative",children:[o("button",{className:"flex cursor-pointer items-center gap-1 border-0 bg-transparent pb-4",onClick:P=>K(P,i,h),onKeyDown:P=>A(P,i,h),"aria-expanded":F,"aria-haspopup":"true","aria-label":p.text,children:[e(w,{html:p.text,className:"text-sm font-bold leading-[1.4]"}),e(Ne,{className:T("size-4 opacity-0 transition-opacity duration-500 group-hover:opacity-100",{"rotate-180":d?.groupIndex===i&&d?.index===h,"opacity-100":m&&d?.groupIndex===i&&d?.index===h,invisible:!p?.components?.length||p?.components?.[0]?.blockType===H.Links})})]}),e("div",{className:T("absolute bottom-0 left-0 h-[2px] w-0 transition-all duration-500",{"w-[calc(100%-20px)]":F},C==="dark"?"bg-white":"bg-[#080A0F]"),"aria-hidden":"true"})]})},p.id)})},`groupCategory-${i}`))})]}),o("div",{role:"menu","aria-hidden":!(d?.open&&v),className:T("absolute left-0 top-full z-[999] flex w-full flex-col overflow-hidden border-t border-b-[#E4E5E6] bg-black/70 text-black",{hidden:!(d?.open&&v)}),onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),style:{height:`calc(100dvh - ${q?.current?.getBoundingClientRect()?.bottom}px)`},children:[e("div",{ref:Q,className:T("relative z-50",{"overflow-hidden":L!==H.Supports}),children:X}),e("div",{className:"flex-1 bg-transparent",onClick:O,role:"button",tabIndex:0,"aria-label":"Close menu",onKeyDown:t=>{(t.key==="Enter"||t.key===" "||t.key==="Escape")&&(t.preventDefault(),O())}})]}),R&&o("div",{className:"absolute left-0 top-full z-[999] flex h-dvh w-full bg-black/70",role:"dialog","aria-modal":"true","aria-label":"User profile menu",children:[e("div",{className:"rounded-box absolute w-[272px] overflow-hidden bg-white p-4",style:{right:`calc(100% - ${z?.current?.getBoundingClientRect()?.right}px)`,top:"-36px"},children:N?.email?o(Pe,{children:[e(w,{html:N?.nick_name||_?.welcome,className:"text-sm font-bold"}),e("div",{className:"mt-2 h-px bg-[#D9D9D9]","aria-hidden":"true"}),e("nav",{className:"mt-2",role:"navigation","aria-label":"Profile navigation",children:_?.profiles?.map(t=>e(ce,{className:"py-2",label:t?.title,href:ie(t?.url,$)},t.id))})]}):o(Pe,{children:[e(Ae,{className:"absolute -top-2 right-[46px] z-30 text-white","aria-hidden":"true"}),e(w,{html:_?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),e("div",{className:"mt-2 flex flex-col gap-1",children:_?.benefits?.map(t=>o("div",{className:"flex items-center gap-[6px]",children:[e(me,{source:t.benefitIcon?.url,className:"size-4 shrink-0",alt:t.benefit,width:16,height:16}),e(w,{html:t.benefit,className:"text-sm font-bold leading-[1.4]"})]},t.id))}),o("div",{className:"mt-4 flex flex-wrap gap-2",children:[e(oe,{className:"grow",variant:"secondary",size:"lg",onClick:()=>c?.join?.(),children:e(w,{html:_?.primaryButton||"Join Now",className:"font-bold"})}),e(oe,{className:"grow",variant:"primary",size:"lg",onClick:()=>c?.login?.(),children:e(w,{html:_?.secondaryButton||"Log In",className:"font-bold"})})]})]})}),e("div",{className:"flex-1 bg-transparent",onClick:()=>B(!1),role:"button",tabIndex:0,"aria-label":"Close profile menu",onKeyDown:t=>{(t.key==="Enter"||t.key===" "||t.key==="Escape")&&(t.preventDefault(),B(!1))}})]})]})}),Ce=ae(({data:a,menuData:l,className:r,onPrimaryNavClick:s,onMobileMenuToggle:f},C)=>{const n=D(()=>ge(a?.categories?.filter(b=>b?.mobileShow)),[a]),{currentMenu:c,setCurrentMenu:N,subSubCategory:m}=te(),[u,$]=E(!1),[y,v]=E(0),[M,Y]=E(null),S=J(null),z=J(!1);G(()=>{if(S?.current&&u){const b=S?.current?.getBoundingClientRect();v(window?.innerHeight-(b?.top||0))}f?.({open:u})},[u,f]),G(()=>{if(!u)return;const b=ke(()=>{if(S?.current){const j=S.current.getBoundingClientRect();z.current=!0,v(window?.innerHeight-(j?.top||0))}},100);return window.addEventListener("resize",b),()=>window.removeEventListener("resize",b)},[u]),le(()=>{if(z.current){re.set(S.current,{height:y}),z.current=!1;return}re.fromTo(S.current,{height:0},{height:y,duration:.3})},[y]),se(u);const R=D(()=>M?.components?.[0]?.blockType,[M]),B=be(Ue,{categoriesItem:M}),q=fe(Fe,M),Q=he(_e,M),I=ve(Ge,M),d=D(()=>{switch(R){case H.Sidebar:return e(q,{});case H.Resource:return e(Q,{});case H.Supports:return e(B,{});case H.Multicol:return e(I,{});default:return null}},[R,M,B]),K=ne(()=>{$(!1),v(0),N&&N(W.Primary)},[$,v,N]),A=D(()=>a?.bar?.actions?.filter(b=>b?.mobileShow&&b?.blockType!==x.Profile),[a]),O=D(()=>a?.bar?.actions?.find(b=>b?.mobileShow&&b?.blockType===x.Profile)||{},[a]),L=D(()=>{switch(c){case W.Primary:return e(qe,{actions:A,menuOpen:u,onMenuOpenClose:()=>{$(!1),v(0)},onMenuOpenClick:()=>$(!0)});case W.Secondary:return e(Se,{title:M?.text,onMenuOpenClose:K,onMenuBackClick:()=>N?.(W.Primary)});case W.Third:return e(Se,{title:m?.label,onMenuOpenClose:K,onMenuBackClick:()=>N?.(W.Secondary)});default:return null}},[u,c,N,M,A,m,K]),V=ne((b,j)=>{const k=Array.isArray(n)?Array.isArray(n[b])?n[b][j]:{}:{};Y(k),k?.components?.[0]?.blockType===H.Links?k?.components?.[0]?.url&&window.open(k?.components?.[0]?.url,k?.components?.[0]?.target??"_blank"):N?.(W.Secondary)},[n,N]);return o(pe,{className:T("relative h-[52px]",r),children:[L,u&&o("nav",{ref:S,className:"absolute left-0 top-full z-[999] w-full overflow-y-auto border-t border-[#E4E5E6] bg-white text-black",style:{height:y},role:"navigation","aria-label":"Mobile navigation menu",children:[c===W.Primary&&l?e("div",{className:"pt-4",children:e(Te,{data:l})}):null,c===W.Primary?e(Je,{categories:n,onPrimaryMenuClick:V,onPrimaryNavClick:s,profileAction:O}):d]})]})}),Je=({categories:a,onPrimaryMenuClick:l,profileAction:r,onPrimaryNavClick:s})=>o("div",{className:"flex h-full flex-col justify-between",children:[e("div",{className:"tablet:px-8 laptop:px-16 p-4",children:a?.map((f,C)=>o("div",{className:"",children:[e("div",{className:T("my-2 h-px w-full bg-[#E5E5E7]")}),f?.map((n,c)=>e(ce,{label:n.text,onClick:()=>{const m=(a?.flat()||[])?.findIndex(u=>u?.id===a[C][c]?.id);l(C,c),s?.(n,m)},icon:n.components?.[0]?.icon},n.id))]},`groupCategory-${C}`))}),e(Ye,{profileAction:r})]}),Ye=({profileAction:a})=>{const[l,r]=E(!1),{profile:s,event:f}=te(),{locale:C="us"}=ue();return o("div",{className:T("tablet:px-8 laptop:px-16 bg-[#F5F5F7] px-4 py-6",{"p-4":l}),children:[o("button",{className:"flex w-full cursor-pointer items-center justify-between border-0 bg-transparent",onClick:()=>r(!l),"aria-expanded":l,"aria-label":s?.nick_name||a?.welcome,children:[o("div",{className:"flex items-center gap-[14px]",children:[e("div",{className:"flex size-[40px] shrink-0 items-center justify-center rounded-full bg-white",children:e(Be,{"aria-hidden":"true"})}),e(w,{html:s?.nick_name||a?.welcome,className:"text-base font-bold leading-[1.4]"})]}),!s?.email&&e(Ne,{"aria-hidden":"true",className:T("laptop:size-4 size-5",{"rotate-180":l})})]}),s?.email&&e("nav",{className:"mt-4",role:"navigation","aria-label":"Profile menu",children:a?.profiles?.map(n=>e(ce,{label:n?.title,href:ie(n?.url,C)},n.id))}),l&&!s?.email&&o("div",{className:"mt-4",children:[e(w,{html:a?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),e("div",{className:"mt-2 flex flex-col gap-1",children:a?.benefits?.map(n=>o("div",{className:"flex items-center gap-[6px]",children:[e(me,{source:n.benefitIcon?.url,className:"size-4",alt:n.benefit,width:16,height:16}),e(w,{html:n.benefit,className:"text-sm font-bold leading-[1.4]"})]},n.id))})]}),!s?.email&&o("div",{className:"mt-4 flex items-center gap-3",children:[e(oe,{className:"tablet:flex-none flex-1",variant:"secondary",size:"base",onClick:()=>f?.join?.(),children:e(w,{html:a?.primaryButton||"Join Now",className:"text-sm font-bold leading-[1.4]"})}),e(oe,{className:"tablet:flex-none flex-1",variant:"primary",size:"base",onClick:()=>f?.login?.(),children:e(w,{html:a?.secondaryButton||"Log In",className:"text-sm font-bold leading-[1.4]"})})]})]})},qe=({menuOpen:a,onMenuOpenClose:l,onMenuOpenClick:r,actions:s})=>o("div",{className:"flex h-full items-center justify-between gap-4",children:[e(Me,{}),o("div",{className:"desktop:gap-6 flex items-center gap-4",children:[e(de,{actions:s}),a?e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>l(),"aria-label":"Close menu","aria-expanded":"true",children:e(ye,{className:"size-5","aria-hidden":"true"})}):e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>r(),"aria-label":"Open menu","aria-expanded":"false","aria-haspopup":"true",children:e(Re,{className:"size-5","aria-hidden":"true"})})]})]}),Me=()=>{const{payloadData:a,isMobile:l}=te(),{locale:r="us"}=ue();return e("a",{href:ie("/",r),className:"hover:text-brand-0 [&>svg]:w-full","aria-label":"Home",dangerouslySetInnerHTML:{__html:l?a?.bar?.mobileLogo:a?.bar?.desktopLogo}})},de=ae(({actions:a,activeStatus:l=!1},r)=>{const{event:s,cartCount:f}=te(),[C,n]=E(null),c=m=>{switch(m){case x.Search:return"Search";case x.Cart:return`Shopping cart${f>0?` (${f} items)`:""}`;case x.Profile:return"User profile";case x.Livestream:return"Livestream";default:return"Action"}},N=ne((m,u)=>{switch(n(u),m?.blockType){case x.Search:s?.search?.();break;case x.Cart:s?.cart?.();break;case x.Profile:s?.profile?.();break;case x.Livestream:s?.livestream?.();break;default:return()=>{}}},[s]);return e("div",{className:"desktop:gap-6 flex items-center gap-4",children:Array.isArray(a)&&a?.map((m,u)=>o("button",{className:"relative cursor-pointer border-0 bg-transparent p-0","data-tag":m?.tag||"",ref:m.blockType===x.Profile?r:null,onClick:()=>N(m,u),"aria-label":c(m.blockType),"aria-pressed":l&&C===u,children:[e(w,{html:m.icon,className:T("size-5",{"text-brand-0":l&&C===u}),"aria-hidden":"true"}),m.blockType===x.Cart&&f>0&&e("div",{className:"bg-brand-0 absolute right-[-12px] top-[calc(100%-16px)] z-[1] flex min-h-5 min-w-5 items-center justify-center rounded-full px-[2px]","aria-hidden":"true",children:e(w,{html:f?.toString(),className:"text-sm font-bold leading-[1.2] text-white"})})]},m.id))})}),Se=({title:a,onMenuOpenClose:l,onMenuBackClick:r})=>o("div",{className:"flex h-full items-center gap-3",children:[e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>r(),"aria-label":"Back to previous menu",children:e(Ie,{className:"size-5","aria-hidden":"true"})}),e(w,{html:a,className:"flex-1 text-center text-base font-bold leading-[1.4]"}),e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>l(),"aria-label":"Close menu",children:e(ye,{className:"size-5","aria-hidden":"true"})})]});Ce.displayName="MobileNavigation",de.displayName="Actions",we.displayName="HeaderNavigation",xe.displayName="DesktopNavigation";var kt=He(we);export{kt as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/HeaderNavigation/types.js

@@ -1,2 +1 @@
 var o=(e=>(e.Primary="primary",e.Secondary="secondary",e.Third="third",e))(o||{}),r=(n=>(n.Sidebar="ipc-navigation-sidebar",n.Supports="ipc-navigation-supports",n.Multicol="ipc-navigation-multicol",n.Links="ipc-navigation-links",n.Resource="ipc-navigation-resource",n))(r||{}),t=(i=>(i.Search="ipc-navigation-action-search",i.Cart="ipc-navigation-action-cart",i.Profile="ipc-navigation-action-profile",i.Livestream="ipc-navigation-action-livestream",i))(t||{});export{t as HeaderNavigationActionBlockType,r as HeaderNavigationBlockType,o as HeaderNavigationMenu};
-//# sourceMappingURL=types.js.map

package/dist/esm/biz-components/HeaderNavigation/useScrollLock.js

@@ -1,2 +1 @@
 import{useEffect as t,useRef as o}from"react";function r(n){const e=o(void 0);t(()=>{typeof e.current>"u"&&(e.current=document.documentElement.style.overflow),document.documentElement.style.overflow=n?"hidden":e.current},[n])}var f=r;export{f as default,r as useScrollLock};
-//# sourceMappingURL=useScrollLock.js.map

package/dist/esm/biz-components/HeaderNavigation/withCategory.js

@@ -1,2 +1 @@
 import{jsx as d}from"react/jsx-runtime";import c,{useMemo as u}from"react";function p(r,e){const o=u(()=>{let a=null;try{a=JSON.parse(e?.components?.[0]?.sidebar?.categoriesMetadata||"{}")}catch(t){console.log("categoriesMetadata Parse error",t)}return a},[e]),s=u(()=>{let a=null;try{a=JSON.parse(e?.components?.[0]?.sidebar?.seriesMetadata||"[]")}catch(t){console.log("seriesMetadata Parse error",t)}return a},[e]),n=c.forwardRef((a,t)=>d(r,{...a,ref:t,seriesMetadata:s,sidebarCategoriesMetadata:o}));return n.displayName=r.displayName||r.name||"WithSidebarDropdown",n}function y(r,{categoriesItem:e,currentNavItemRef:o}){const s=u(()=>e?.components?.[0]?.supports,[e]),n=c.forwardRef((a,t)=>d(r,{...a,supportsMetadata:s,currentNavItemRef:o,ref:t}));return n.displayName=r.displayName||r.name||"WithSupportsDropdown",n}function M(r,e){const o=e?.components?.[0]?.showStatsBanner,s=e?.components?.[0]?.statsBanner?.[0],n=u(()=>{try{return JSON.parse(e?.components?.[0]?.multicol?.multicolMetadata||"{}")}catch(t){console.log("multicolMetadata Parse error",t)}return null},[e]),a=c.forwardRef((t,l)=>d(r,{...t,ref:l,multicolMetadata:n,showStatsBanner:o,statsBannerData:s}));return a.displayName=r.displayName||r.name||"WithMulticolDropdown",a}function f(r,e){const o=u(()=>{let a=null;try{a=JSON.parse(e?.components?.[0]?.resource?.categoriesMetadata||"{}")}catch(t){console.log("resourceCategoriesMetadata Parse error",t)}return a},[e]),s=u(()=>{let a=null;try{a=JSON.parse(e?.components?.[0]?.resource?.resourceMetadata||"[]")}catch(t){console.log("resourcesMetadata Parse error",t)}return a},[e]),n=c.forwardRef((a,t)=>d(r,{...a,ref:t,resourcesMetadata:s,resourceCategoriesMetadata:o}));return n.displayName=r.displayName||r.name||"WithResourceDropdown",n}function w(r){return r?Object.values(r?.reduce((e,o)=>(e[o.group]||(e[o.group]=[]),e[o.group].push(o),e),{})):[[]]}export{w as WithGroupCategory,M as WithMulticol,f as WithResource,p as WithSidebar,y as WithSupports};
-//# sourceMappingURL=withCategory.js.map

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

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

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

@@ -1,2 +1 @@
 "use client";import{Fragment as ne,jsx as e,jsxs as o}from"react/jsx-runtime";import E,{useRef as A,useEffect as $,useCallback as U,useState as O}from"react";import{Swiper as X,SwiperSlide as Y}from"swiper/react";import{Navigation as q,Pagination as F,Autoplay as Z}from"swiper/modules";import{useMediaQuery as W}from"react-responsive";import ee from"../../helpers/ScrollLoadVideo.js";import{cn as p}from"../../helpers/index.js";import{Button as I,Heading as te,Text as M,Countdown as ae,Picture as j}from"../../components/index.js";import"swiper/css";import"swiper/css/navigation";import"swiper/css/pagination";const re=()=>o("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:[e("circle",{cx:"20",cy:"20",r:"20",fill:"currentColor",fillOpacity:"0.2"}),e("path",{d:"M23 13L16 20L23 27",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),ie=()=>o("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:[e("circle",{cx:"20",cy:"20",r:"20",fill:"currentColor",fillOpacity:"0.2"}),e("path",{d:"M17 13L24 20L17 27",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),oe=({data:l,isActive:R,videoRef:D,slideIndex:k,containerSize:w="default",onPrimaryClick:B,onSecondaryClick:T,onTertiaryClick:H})=>{const{pcVideo:n,padVideo:x,mobileVideo:m,pcImage:s,padImage:v,mobileImage:g,isVideoLoop:f=!0,isShowVideo:P,title:L,subtitle:C,label:c,endDate:S,endDate_tz:N,dateFormat:d,iconArray:h,caption:b,blockLink:z,primaryButton:t,secondaryButton:a,tertiaryButton:r,theme:y="light",align:u="left",titleSize:_}=l,G=W({query:"(max-width: 768px)"}),J=W({query:"(max-width: 1024px)"}),K=G?m?.url||n?.url||"":J?x?.url||n?.url||m?.url||"":n?.url||m?.url||"";return o("div",{"data-ui-component-id":"HeroBannerSlide",className:p("text-info-primary relative w-full overflow-hidden",y==="dark"?"aiui-dark":"",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]"),children:[z&&e("a",{className:"absolute inset-0 z-10",href:z,tabIndex:-1,"aria-hidden":"true"}),P?o(ne,{children:[e("div",{"data-video-poster":"true",className:"absolute inset-0 size-full transition-opacity duration-500",children:e(j,{className:"absolute inset-0 size-full",imgClassName:"size-full object-cover",loading:k===0?"eager":"lazy",fetchPriority:k===0?"high":"auto",alt:s?.alt||"",source:`${s?.url||""} , ${v?.url??(g?.url||"")} 1024, ${g?.url||""} 767`})}),e(ee,{videoRef:D,src:K,poster:void 0,className:"absolute inset-0 size-full",videoClassName:"size-full object-cover",muted:!0,loop:f,playsInline:!0,onPlaying:i=>{i.currentTarget.closest('[data-ui-component-id="HeroBannerSlide"]')?.querySelector('[data-video-poster="true"]')?.classList.add("opacity-0")}})]}):e(j,{className:"absolute inset-0 size-full",imgClassName:"size-full object-cover",loading:"eager",fetchPriority:"high",alt:s?.alt||"",source:`${s?.url||""} , ${v?.url??(g?.url||"")} 1024, ${g?.url||""} 767`}),o("div",{className:p("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]",u==="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:[o("div",{className:p("tablet:max-w-[704px] laptop:max-w-[440px] desktop:max-w-[648px] lg-desktop:max-w-[824px] max-w-[358px]",u==="center"?"text-center":"laptop:text-left"),children:[c&&e(M,{size:2,as:"p",className:p("hero-banner-label font-heading lg-desktop:text-[18px] desktop:text-base text-sm"),html:c}),L&&e(te,{as:_==="4"?"h1":"h2",html:L,size:_?Number(_||"5"):w==="sm"?4:5}),C&&e(M,{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:C}),S&&e("div",{className:"mt-3",children:e(ae,{endDate:S,endDate_tz:N,dateFormat:d,variant:"spacious",align:u})})]}),(t?.text||a?.text||r?.text)&&o("div",{className:p("lg-desktop:gap-3 flex flex-wrap items-center gap-2",u==="center"?"justify-center":"laptop:justify-start"),children:[a?.text&&e(I,{size:"lg",variant:"secondary",as:a?.isCustomSecondaryButton?"button":"a",href:a.link,target:a?.target,rel:a?.target==="_blank"?a?.rel??"noopener noreferrer":a?.rel,onClick:i=>a?.isCustomSecondaryButton&&T?.(l,i,a?.customSecondaryEventId),children:a.text}),t?.text&&e(I,{size:"lg",variant:"primary",as:t?.isCustomPrimaryButton?"button":"a",href:t.link,target:t?.target,rel:t?.target==="_blank"?t?.rel??"noopener noreferrer":t?.rel,onClick:i=>t?.isCustomPrimaryButton&&B?.(l,i,t?.customPrimaryEventId),children:t.text}),r?.text&&e(I,{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:i=>r?.isCustomTertiaryButton&&H?.(l,i,r?.customTertiaryEventId),children:r.text})]}),h&&h.length>0&&e("div",{className:p("flex items-center gap-2",u==="center"?"justify-center":"justify-start"),children:h.map(i=>e("div",{className:"h-12",children:e(j,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",alt:i?.pcImage?.alt||"",source:i?.pcImage?.url})},i?.pcImage?.url||i?.pcImage?.alt))})]}),b&&b.length>0&&e("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:b.map((i,V)=>o(E.Fragment,{children:[e(M,{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:i.title}),V<b.length-1&&e("div",{className:"bg-info-primary w-px"})]},i.title))})]})},Q=E.forwardRef(({data:l,className:R,classNames:D={},onPrimaryClick:k,onSecondaryClick:w,onTertiaryClick:B,...T},H)=>{const n=l.items||[],x=l.carousel,m=l.size??"default",s=A(null),[v,g]=O(0),[f,P]=O(null),C=(n[v]?.theme??"light")==="dark";$(()=>{const t=s.current;!t||!f||t.pagination&&(t.pagination.el=f,t.pagination.init(),t.pagination.render(),t.pagination.update())},[f]);const c=A(n.map(()=>E.createRef())),S=(x?.showArrows??!0)&&n.length>1,N=x?.showDots??!0,d=x?.autoplaySeconds,h=d!==void 0&&d>0?[q,F,Z]:[q,F],b=d!==void 0&&d>0?{delay:Math.max(d*1e3,3e3),disableOnInteraction:!1}:!1;$(()=>{c.current.forEach((t,a)=>{a!==0&&t.current&&(t.current.pause(),t.current.currentTime=0)})},[]);const z=U(t=>{const a=t.realIndex;c.current.forEach((y,u)=>{u!==a&&y.current&&(y.current.pause(),y.current.currentTime=0)});const r=c.current[a];r?.current&&r.current.paused&&r.current.play()?.catch(()=>{}),g(a)},[]);return o("div",{ref:H,className:p("hero-banner-carousel group relative w-full overflow-hidden",m==="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":n[v]?.theme==="dark"},R),...T,children:[e(X,{onSwiper:t=>s.current=t,onSlideChange:z,modules:h,slidesPerView:1,loop:!0,initialSlide:0,allowTouchMove:!0,autoplay:b,pagination:N?{clickable:!0,el:f,renderBullet:(t,a)=>`<span class="${a} banner-dot"></span>`}:!1,children:n.map((t,a)=>e(Y,{children:({isActive:r})=>e(oe,{data:t,isActive:r,slideIndex:a,videoRef:c.current[a],containerSize:m,onPrimaryClick:k,onSecondaryClick:w,onTertiaryClick:B})},a))}),S&&o("div",{className:"pointer-events-none absolute inset-0 z-20 flex items-center justify-between px-4",children:[e("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:()=>s.current?.slidePrev(),"aria-label":"Previous banner",children:e(re,{})}),e("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:()=>s.current?.slideNext(),"aria-label":"Next banner",children:e(ie,{})})]}),N&&e("div",{ref:P,style:{"--swiper-pagination-bottom":"0px"},className:p("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":C})})]})});Q.displayName="HeroBannerCarousel";var ye=Q;export{ye as default};
-//# sourceMappingURL=HeroBannerCarousel.js.map

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

@@ -1,2 +1 @@
 import{default as r}from"./HeroBanner.js";export{r as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/HeroBanner/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/dist/esm/biz-components/IPRedirect/RegionBanner.js

@@ -65,4 +65,3 @@
           }
         }
       `}),t("div",{className:`region-banner-wrapper relative left-0 top-0 w-full ${g||""}`,style:{backgroundColor:e.backgroundColor,boxShadow:"0 2px 8px rgba(0,0,0,0.1)",zIndex:1e3},children:n("div",{className:"region-banner-content flex h-full justify-between text-black",children:[n("div",{className:"region-banner-title-row",children:[t(h,{as:p,size:2,className:"region-banner-title font-bold",style:{fontSize:e.fontSize,color:"#1F2021"},children:o.message}),t("button",{onClick:x,className:"region-banner-close-btn inline-flex size-[28px] items-center justify-center rounded-full hover:bg-[#f5f5f5] focus:outline-none",style:{color:"#767880"},"aria-label":"Close",children:t("svg",{width:"20",height:"20",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M13.5 4.5L4.5 13.5M4.5 4.5L13.5 13.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),n("div",{className:"l-tablet:ml-0 l-tablet:mb-[8px] ml-4 flex gap-3",children:[n("button",{onClick:c,className:"box-border flex h-[38px] items-center gap-1 whitespace-nowrap px-4 py-2 hover:opacity-80",style:{backgroundColor:e.stayButtonBgColor,color:e.stayButtonTextColor,fontWeight:"700",fontSize:e.fontSize,borderRadius:e.buttonBorderRadius,border:"none"},children:[a?.icon&&t("img",{src:a.icon,alt:"",style:{width:"16px",height:"16px",borderRadius:"100%"}}),o.stayButtonText]}),n("button",{onClick:s,className:"box-border flex h-[38px] items-center gap-1 whitespace-nowrap px-4 py-2 hover:opacity-80",style:{backgroundColor:"transparent",color:e.switchButtonTextColor,border:`1.6px solid ${e.switchButtonBorderColor}`,fontWeight:"700",fontSize:e.fontSize,borderRadius:e.buttonBorderRadius},children:[t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M8.29883 1.2041C12.216 1.20425 15.3923 4.37181 15.3926 8.28027C15.3926 12.189 12.2162 15.3563 8.29883 15.3564C4.38145 15.3563 1.2041 12.189 1.2041 8.28027C1.20439 4.37183 4.38163 1.20428 8.29883 1.2041ZM3.58105 11.4795C4.31053 12.5471 5.39411 13.3542 6.66406 13.7324C6.21155 13.0301 5.86128 12.2699 5.60938 11.4795H3.58105ZM11.0166 11.4795C10.7696 12.2779 10.4256 13.0347 9.98438 13.7178C11.2325 13.3333 12.2971 12.5331 13.0166 11.4795H11.0166ZM7.0791 11.4795C7.3755 12.2654 7.78717 12.9997 8.31445 13.6455C8.83791 13.0305 9.25428 12.2929 9.55273 11.4795H7.0791ZM2.85645 6.56738C2.6854 7.10801 2.59283 7.68338 2.59277 8.28027C2.59277 8.91383 2.69891 9.52251 2.89063 10.0918H5.27148C5.15636 9.42693 5.10277 8.75388 5.11133 8.08789C5.11789 7.57837 5.1619 7.06931 5.23926 6.56738L2.85645 6.56738ZM11.3447 6.56738C11.4483 7.20036 11.4944 7.84036 11.4863 8.47363C11.4793 9.01629 11.4291 9.55828 11.3418 10.0918H13.707C13.8986 9.52259 14.0039 8.91374 14.0039 8.28027C14.0039 7.68337 13.9112 7.10802 13.7402 6.56738H11.3447ZM6.64648 6.56738C6.55761 7.06802 6.50673 7.58339 6.5 8.10547C6.49143 8.7725 6.55341 9.44067 6.68359 10.0918L9.93457 10.0918C10.0348 9.56074 10.0905 9.01207 10.0977 8.45605C10.1058 7.82231 10.0497 7.18763 9.93262 6.56738L6.64648 6.56738ZM6.6123 2.84277C5.32602 3.23909 4.23535 4.07819 3.51563 5.17969L5.5498 5.17969C5.79857 4.34514 6.15294 3.55384 6.6123 2.84277ZM9.93262 2.8291C10.4039 3.56047 10.7656 4.35407 11.0195 5.17969H13.0811C12.3519 4.06343 11.2413 3.21866 9.93262 2.8291ZM8.28223 2.91504C7.73775 3.55467 7.30932 4.32752 7.00879 5.17969L9.55566 5.17969C9.25672 4.35642 8.83179 3.58782 8.28223 2.91504Z",fill:"currentColor"})}),o.switchButtonText]})]})]})})]})}export{f as RegionBanner};
-//# sourceMappingURL=RegionBanner.js.map

package/dist/esm/biz-components/IPRedirect/RegionSelectorModal.js

@@ -65,4 +65,3 @@ import{jsx as e,jsxs as l}from"react/jsx-runtime";import{Heading as F,Text as m}
             }
           }
         `}),e(n.Overlay,{className:"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-[9998] bg-black/50"}),e(n.Content,{className:`modal-dialog data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-1/2 z-[9999] -translate-x-1/2 overflow-hidden bg-white shadow-lg duration-200 ${b||""}`,style:{padding:o.padding,borderRadius:o.borderRadius},children:l("div",{className:"flex flex-col",children:[e("div",{className:"relative flex items-center justify-end p-[16px]",children:e(n.Close,{asChild:!0,children:e("button",{className:"inline-flex size-[28px] items-center justify-center rounded-full hover:bg-[#f5f5f5] focus:outline-none",style:{color:"#767880"},"aria-label":"Close",children:e("svg",{width:"20",height:"20",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M13.5 4.5L4.5 13.5M4.5 4.5L13.5 13.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})})}),l("div",{className:"modal-content flex flex-col gap-[24px]",children:[e(n.Title,{asChild:!0,children:e(F,{as:"h2",className:"modal-title text-[#1F2021]",style:{fontSize:o.titleFontSize,fontWeight:"700"},children:f.title})}),Object.entries(S).map(([a,i])=>l("div",{className:"region-group flex flex-col",children:[e(m,{size:3,className:"group-title text-left font-semibold text-[#1F2021]",style:{fontSize:o.groupTitleFontSize,fontWeight:"700"},children:a}),e("div",{className:"flex flex-wrap justify-start",style:{gap:o.itemGap},children:i.map(t=>l("button",{onClick:()=>v(t),className:"region-item flex items-center gap-[12px] px-[16px] transition-colors hover:opacity-80",style:{height:o.itemHeight,backgroundColor:o.itemBgColor,borderRadius:o.itemBorderRadius},children:[e(m,{size:2,className:"flex-1 text-left font-medium",style:{color:"#000",fontWeight:"700"},children:t.name}),(t.language||t.currency)&&l(m,{size:2,className:"shrink-0 text-[16px]",style:{color:"#767880"},children:[t.language,t.language&&t.currency&&" / ",t.currency]})]},t.code))})]},a))]})]})})]})})}export{D as RegionSelectorModal};
-//# sourceMappingURL=RegionSelectorModal.js.map

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

@@ -1,2 +1 @@
 import{RegionSelectorModal as r}from"./RegionSelectorModal.js";import{RegionBanner as t}from"./RegionBanner.js";import{RegionSelectorModal as a}from"./RegionSelectorModal.js";import{useRegionRedirectManager as g}from"./useRegionRedirectManager.js";import{generateRegionToPathMap as l,isPathInWhitelist as d,validateRegionConfig as s,localeToRegionCode as c,buildGeoRedirectRef as f,buildGeoRedirectRefManual as M}from"./utils.js";export{t as RegionBanner,r as RegionSelectorModal,f as buildGeoRedirectRef,M as buildGeoRedirectRefManual,a as default,l as generateRegionToPathMap,d as isPathInWhitelist,c as localeToRegionCode,g as useRegionRedirectManager,s as validateRegionConfig};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/IPRedirect/type.js

@@ -1 +0,0 @@
-//# sourceMappingURL=type.js.map

package/dist/esm/biz-components/IPRedirect/useAutoRedirect.js

@@ -1,2 +1 @@
 import{useCallback as A}from"react";import{generateAllLocales as P,removeLocalePrefix as C,buildGeoRedirectRef as a,appendRefParam as l}from"./utils.js";function y(R){const{regionToPathMap:d,currentRegionCode:t,locale:f,checkPageExists:g=!0,checkPageApiEndpoint:p="/api/check-page-exists",refPrefix:i="geo_redirect_auto"}=R;return{handleAutoRedirect:A(async(o,$=!1)=>{if(typeof window>"u")return;$?sessionStorage.setItem("cookie_redirected","true"):(sessionStorage.setItem("auto_redirected","true"),sessionStorage.setItem("auto_redirect_from",f||"US"));const w=P(d),s=C(window.location.pathname,w);let e;if(g)try{const r=d[o.code]||o.code.toLowerCase(),n=await fetch(`${p}?locale=${encodeURIComponent(r)}&path=${encodeURIComponent(s)}`),{exists:u}=await n.json();if(u){const c=window.location.search,h=window.location.hash;if(t){const m=a(t,i),x=`${o.url}${s}${c}`;e=`${l(x,m)}${h}`}else e=`${o.url}${s}${c}${h}`}else if(e=o.url,t){const c=a(t,i);e=l(e,c)}}catch(r){if(console.error("Error checking page during redirect:",r),e=o.url,t){const n=a(t,i);e=l(e,n)}}else{const r=window.location.search,n=window.location.hash;if(t){const u=a(t,i),c=`${o.url}${s}${r}`;e=`${l(c,u)}${n}`}else e=`${o.url}${s}${r}${n}`}window.location.href=e},[f,d,t,g,p,i])}}export{y as useAutoRedirect};
-//# sourceMappingURL=useAutoRedirect.js.map

package/dist/esm/biz-components/IPRedirect/useDetectedRegionRedirect.js

@@ -1,2 +1 @@
 import{useEffect as R}from"react";import{isPathInWhitelist as f}from"./utils.js";function p(c){const{detectedRegion:e,currentRegionCode:i,regions:t,excludePaths:n=[],pathname:o="",userDismissedBanner:r=!1,onRedirect:s}=c;R(()=>{if(f(o,n)||r||!e||e===i)return;const d=t.find(g=>g.code===e);d&&s(d)},[e,i,t,r,s,o,n])}export{p as useDetectedRegionRedirect};
-//# sourceMappingURL=useDetectedRegionRedirect.js.map

package/dist/esm/biz-components/IPRedirect/useIPRedirect.js

@@ -1,2 +1 @@
 import{useState as R,useEffect as x,useCallback as S}from"react";import f from"js-cookie";function _(c,t,r){return!t||t.length===0?!1:t.some(n=>{if(n.startsWith("http://")||n.startsWith("https://")){if(!r)return!1;if(n.includes("*")){const i=n.replace(/\*/g,".*").replace(/\//g,"\\/");return new RegExp(`^${i}$`).test(r)}return r===n}if(n.includes("*")){const i=n.replace(/\*/g,".*");return new RegExp(`^${i}$`).test(c)}return c===n})}function b(c){const{cookieName:t="user_region",cookieExpireDays:r=90,regions:n,currentRegionCode:i,onDetectRegion:s,autoShow:a=!0,excludePaths:p=[],currentPath:m="",currentUrl:h=""}=c,[v,l]=R(!1),[u,d]=R(null),[P,y]=R(null);x(()=>{const e=f.get(t);e&&d(e)},[t]);const w=S((e,g)=>{const o=g?`v1_${e}_${g}`:`v1_${e}`;f.set(t,o,{expires:r}),d(e)},[t,r]);return x(()=>{if(_(m,p,h))return;const e=new URLSearchParams(window.location.search);if(e.get("_region_selected")){sessionStorage.setItem(`${t}_redirected`,"true"),e.delete("_region_selected");const o=window.location.pathname+(e.toString()?"?"+e.toString():"")+window.location.hash;window.history.replaceState({},"",o)}u||sessionStorage.getItem(`${t}_redirected`)||s&&s().then(o=>{o&&(y(o),i?o!==i&&a&&l(!0):a&&l(!0))})},[s,u,a,i,w,t,m,p,h]),{isOpen:v,setIsOpen:l,savedRegion:u,detectedRegion:P,saveRegion:w,clearRegion:()=>{f.remove(t),d(null)},getRegionByCode:e=>n.find(g=>g.code===e)}}export{b as useIPRedirect};
-//# sourceMappingURL=useIPRedirect.js.map

package/dist/esm/biz-components/IPRedirect/useRedirectBanner.js

@@ -1,2 +1 @@
 import{useState as i,useEffect as _,useCallback as R}from"react";import{isPathInWhitelist as I}from"./utils.js";function x(p){const{geo:o,regions:e,countryToRegionMap:s,currentRegionCode:t,pathname:d,excludePaths:a=[],saveRegion:c,setModalOpen:g}=p,[v,r]=i(!1),[C,y]=i(null),[S,u]=i(!1);_(()=>{if(typeof window>"u")return;if(sessionStorage.getItem("auto_redirected")==="true"&&o?.country?.code){if(I(d,a)){sessionStorage.removeItem("auto_redirected"),sessionStorage.removeItem("auto_redirect_from");return}sessionStorage.removeItem("auto_redirected"),sessionStorage.removeItem("auto_redirect_from");const n=o.country.code.toUpperCase(),l=s[n];if(l){const f=e.find(B=>B.code===l);f&&(y({...f,userCountry:n}),r(!0))}}},[o,s,e,d,a]);const b=R(()=>{const m=e.find(n=>n.code===t);c(t,m?.languageCode),typeof window<"u"&&(sessionStorage.removeItem("auto_redirected"),sessionStorage.removeItem("auto_redirect_from")),u(!0),r(!1)},[c,t,e]),h=R(()=>{g(!0)},[g]);return{bannerVisible:v,setBannerVisible:r,recommendedRegion:C,userDismissedBanner:S,setUserDismissedBanner:u,handleStayHere:b,handleSwitchSite:h}}export{x as useRedirectBanner};
-//# sourceMappingURL=useRedirectBanner.js.map

package/dist/esm/biz-components/IPRedirect/useRegionRedirectManager.js

@@ -1,2 +1 @@
 import{useCallback as B}from"react";import{useIPRedirect as A}from"./useIPRedirect.js";import{useAutoRedirect as T}from"./useAutoRedirect.js";import{useRedirectBanner as V}from"./useRedirectBanner.js";import{useSavedRegionRedirect as w}from"./useSavedRegionRedirect.js";import{useDetectedRegionRedirect as H}from"./useDetectedRegionRedirect.js";function F(l){const{geo:t,regions:n,countryToRegionMap:u,regionToPathMap:p,currentRegionCode:e,locale:f,pathname:o,currentUrl:m,excludePaths:i=[],cookieName:h="user_region",cookieExpireDays:M=90,checkPageExists:P=!0,checkPageApiEndpoint:b="/api/check-page-exists",onDetectRegion:a,refPrefix:x,refPrefixManual:y}=l,{isOpen:v,setIsOpen:s,saveRegion:r,savedRegion:g,detectedRegion:c}=A({regions:n,currentRegionCode:e,cookieName:h,cookieExpireDays:M,autoShow:!1,onDetectRegion:a?()=>a(t):void 0,excludePaths:i,currentPath:o,currentUrl:m}),{handleAutoRedirect:d}=T({regionToPathMap:p,currentRegionCode:e,geo:t,locale:f,checkPageExists:P,checkPageApiEndpoint:b,refPrefix:x}),{bannerVisible:C,setBannerVisible:k,recommendedRegion:S,userDismissedBanner:O,handleStayHere:D,handleSwitchSite:E}=V({geo:t,regions:n,countryToRegionMap:u,currentRegionCode:e,pathname:o,excludePaths:i,saveRegion:r,setModalOpen:s});w({savedRegion:g,currentRegionCode:e,regions:n,excludePaths:i,pathname:o,onRedirect:d}),H({detectedRegion:c,currentRegionCode:e,regions:n,excludePaths:i,pathname:o,onRedirect:d});const U=B(R=>{r(R.code,R.languageCode)},[r]);return{isRegionModalOpen:v,setRegionModalOpen:s,saveRegion:r,savedRegion:g,detectedRegion:c,bannerVisible:C,setBannerVisible:k,recommendedRegion:S,userDismissedBanner:O,handleStayHere:D,handleSwitchSite:E,handleRegionSelect:U,refPrefixManual:y}}export{F as useRegionRedirectManager};
-//# sourceMappingURL=useRegionRedirectManager.js.map

package/dist/esm/biz-components/IPRedirect/useSavedRegionRedirect.js

@@ -1,2 +1 @@
 import{useEffect as f}from"react";import{isPathInWhitelist as u,parseRegionCookie as p}from"./utils.js";function C(R){const{savedRegion:e,currentRegionCode:i,regions:n,excludePaths:o=[],pathname:r="",userDismissedBanner:t=!1,onRedirect:s}=R;f(()=>{if(u(r,o)||t||!e)return;const d=p(e);if(!d)return;const{regionCode:g}=d;if(g===i)return;const a=n.find(c=>c.code===g);a&&s(a,!0)},[e,i,n,t,s,r,o])}export{C as useSavedRegionRedirect};
-//# sourceMappingURL=useSavedRegionRedirect.js.map

package/dist/esm/biz-components/IPRedirect/utils.js

@@ -1,2 +1 @@
 function u(r,e){for(const n of e)if(r===`/${n}`||r.startsWith(`/${n}/`))return r.substring(`/${n}`.length)||"/";return r}function l(r){return/[?&]utm_/i.test(r)}function d(r,e){const n=r.includes("?")?"&":"?";return`${r}${n}ref=${encodeURIComponent(e)}`}function f(r,e="geo_redirect_auto"){return`${e}_${r.toLowerCase()}`}function p(r,e="geo_redirect_manual"){return`${e}_${r.toLowerCase()}`}function R(r){if(!r||!r.startsWith("v1_"))return null;const e=r.substring(3).split("_");return e.length===0||!e[0]?null:{regionCode:e[0],languageCode:e[1]}}function C(r,e){const n={};return r&&r.length>0&&r.forEach(o=>{try{const t=new URL(o.url).pathname.replace(/^\//,"").replace(/\/$/,"");n[o.code]=t}catch{n[o.code]=o.code==="US"?"":o.code.toLowerCase()}}),e&&Object.keys(e).length>0&&Object.assign(n,e),n}function x(r,e){if(!e||e.length===0)return!1;const n=t=>t?.endsWith("/")?t.slice(0,-1):t,o=t=>{if(!t)return"";if(t.startsWith("http://")||t.startsWith("https://"))try{return new URL(t).pathname}catch{return t}return t},i=n(r);return e.some(t=>{const g=o(t),s=n(g);if(s.includes("*")){const a=s.replace(/\*/g,".*");return new RegExp(`^${a}$`).test(i)}return i===s})}function h(r){const{regions:e,countryToRegionMap:n,userCountry:o}=r;if(!e||e.length===0)return{valid:!1,error:"\u26A0\uFE0F regions \u672A\u914D\u7F6E\uFF0C\u65E0\u6CD5\u6267\u884C\u5730\u533A\u8DF3\u8F6C"};if(!n||Object.keys(n).length===0)return{valid:!1,error:"\u26A0\uFE0F countryToRegionMap \u672A\u914D\u7F6E\uFF0C\u65E0\u6CD5\u6267\u884C\u5730\u533A\u8DF3\u8F6C"};if(o){const i=o.toUpperCase(),t=n[i];return t?e.some(s=>s.code===t)?{valid:!0,mappedRegion:t}:{valid:!1,error:`\u26A0\uFE0F \u5730\u533A\u4EE3\u7801 ${t} \u5728 regions \u4E2D\u4E0D\u5B58\u5728\uFF0C\u8BF7\u68C0\u67E5\u914D\u7F6E`}:{valid:!1,error:`\u2139\uFE0F \u56FD\u5BB6 ${i} \u672A\u914D\u7F6E\u5730\u533A\u6620\u5C04\uFF0C\u4E0D\u6267\u884C\u8DF3\u8F6C`}}return{valid:!0}}function m(r,e){return r?Object.keys(e).find(o=>e[o]===r.toLowerCase()||o===r.toUpperCase())||r.toUpperCase():"US"}function $(r){return Object.values(r).filter(e=>e!=="")}export{d as appendRefParam,f as buildGeoRedirectRef,p as buildGeoRedirectRefManual,$ as generateAllLocales,C as generateRegionToPathMap,l as hasUtmParams,x as isPathInWhitelist,m as localeToRegionCode,R as parseRegionCookie,u as removeLocalePrefix,h as validateRegionConfig};
-//# sourceMappingURL=utils.js.map

package/dist/esm/biz-components/ImageOverlayShelf/ProductCard.js

@@ -1,2 +1 @@
 "use client";import{Fragment as D,jsx as a,jsxs as d}from"react/jsx-runtime";import*as r from"react";import{cn as t}from"../../helpers/utils.js";import T from"../../components/badge.js";import{Text as u}from"../../components/text.js";import y from"../../components/button.js";import _ from"../../components/picture.js";import{Heading as B}from"../../components/heading.js";const R={center:"object-center",top:"object-top",bottom:"object-bottom",left:"object-left",right:"object-right","top-left":"object-left-top","top-right":"object-right-top","bottom-left":"object-left-bottom","bottom-right":"object-right-bottom"},p=r.forwardRef(({product:e,className:k,showTags:w=!0,showOriginalPrice:P=!0,onLearnMore:j,onShopNow:C,onAddToCart:L,onProductImageClick:f,classNames:o,secondaryButtonText:m,secondaryButtonFun:x,primaryButtonText:c,primaryButtonFun:g,copy:S},O)=>{const[N,$]=r.useState(!1),[z,I]=r.useState(!1),b=!e.availableForSale,h=async(i,s)=>{if(!i)return;const v=s==="primary"?$:I;v(!0);try{switch(i){case"buyNow":await C?.(e);break;case"addCart":await L?.(e);break;case"learnMore":await j?.(e);break;default:break}}finally{v(!1)}},l=e.custom_name||e.name,n=e.custom_description||e.description,M=e.custom_theme??"dark";return a("div",{ref:O,className:t("rounded-box relative box-border w-full cursor-pointer overflow-hidden duration-300","desktop:h-[384px] lg-desktop:h-[480px] h-[360px]","tablet:min-w-[auto] min-w-[276px] max-w-[824px]",{"aiui-dark":M==="dark"},k,o?.productCard),children:d("div",{className:"box-border flex h-full flex-col justify-between overflow-hidden",children:[a("a",{onClick:()=>f?.(e),...!f&&e.listingLink&&{href:e.listingLink},rel:"noreferrer",className:t("absolute inset-0",o?.productImage),children:a(_,{alt:e.name,source:e.custom_image??e.image,className:t("rounded-box h-full overflow-hidden object-cover transition-all duration-300 [&_img]:size-full"),imgClassName:t("object-cover",R[e.imageObjectPosition??"center"])})}),d("div",{className:t("desktop:p-6 collection-shelves-product-content pointer-events-none z-10 box-border flex flex-1 flex-col justify-end overflow-hidden p-4",o?.productContent),children:[w&&e.tags?.length?a("div",{className:t("mb-2 box-border flex flex-wrap gap-1 overflow-visible",o?.tagsContainer),children:e.tags.map((i,s)=>i.label?a(T,{size:"sm",variant:i.variant||"outline",promotionalType:i.promotionalType,children:i.label},s):r.isValidElement(i)&&a(r.Fragment,{children:i},s))}):null,l?a(B,{as:"h3",title:l,html:l,className:t("lg-desktop:text-2xl lg-desktop:leading-7 tablet:text-xl text-info-primary tablet:leading-6 line-clamp-2 text-base font-bold",o?.productTitle)}):null,n?a(u,{size:2,html:n,className:t("lg-desktop:text-lg desktop:text-base text-info-primary line-clamp-1 text-sm font-bold",o?.productDescription)}):null,a("div",{className:t("mb-1 mt-4 flex items-center",o?.priceContainer),children:b?a("div",{className:t("tablet:text-xl text-info-primary text-xl font-bold",o?.productPrice),children:S?.outOfStockLabel??"Sold Out"}):d(D,{children:[a("div",{className:t("tablet:text-xl text-info-primary text-xl font-bold",o?.productPrice),children:e.price}),P&&e.originalPrice&&a("div",{className:t("tablet:text-xl text-info-secondary ml-1 text-lg font-bold line-through",o?.originalPrice),children:e.originalPrice})]})}),e?.priceLabel&&a(u,{size:4,className:t("text-marketing-1 desktop:text-[16px] lg-desktop:text-[18px] mt-2 text-[14px]",o?.productPriceLabel),children:e.priceLabel}),d("div",{className:t("lg-desktop:gap-3 pointer-events-auto flex items-stretch gap-2",o?.buttonGroup),children:[m&&a(y,{variant:"secondary",onClick:()=>h(x,"secondary"),disabled:b&&x!=="learnMore",loading:z,className:t("min-w-0 whitespace-normal text-center",o?.secondaryButton),"data-headless-type-name":"ImageOverlayShelf#ProductCard","data-headless-title-desc-button":`${l}#${n||""}#${m}`,"data-headless-sku":e.sku,children:m}),c&&a(y,{variant:"primary",onClick:()=>h(g,"primary"),disabled:b&&g!=="learnMore",loading:N,className:t("min-w-0 whitespace-normal text-center",o?.primaryButton),"data-headless-type-name":"ImageOverlayShelf#ProductCard","data-headless-title-desc-button":`${l}#${n||""}#${c}`,"data-headless-sku":e.sku,children:c})]})]})]})})});p.displayName="ImageOverlayShelf.ProductCard";var A=p;export{p as ProductCard,A as default};
-//# sourceMappingURL=ProductCard.js.map

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

@@ -1,2 +1 @@
 "use client";import{jsx as r,jsxs as X}from"react/jsx-runtime";import*as d from"react";import{cn as c}from"../../helpers/utils.js";import{withLayout as E}from"../../shared/Styles.js";import{Swiper as V,SwiperSlide as A}from"swiper/react";import"swiper/css";import{Text as j}from"../../components/text.js";import{Heading as q}from"../../components/heading.js";import{forwardRef as z}from"react";import l from"./ProductCard.js";import{useExposure as W}from"../../hooks/useExposure.js";import{Tabs as _,TabsList as G,TabsTrigger as J}from"../../components/tabs.js";const K="shelf",Q="image_overlay_shelf",m=z(({data:o,onLearnMore:g,onShopNow:y,onAddToCart:h,onProductImageClick:P,classNames:a,copy:b,breakpoints:T,className:S="",...C},v)=>{const p=d.useRef(null);W(p,{componentType:K,componentName:Q,componentTitle:o.title,componentDescription:o.description}),d.useImperativeHandle(v,()=>p.current);const{productsCard:w=[],isShowTab:n=!1,productsTab:t=[],tabShape:Y="square",tabAlign:x="left",isShowTag:B=!0,showOriginalPrice:I=!0,secondaryButtonText:O,secondaryButtonFun:D,primaryButtonText:L,primaryButtonFun:M}=o,[u,N]=d.useState(()=>n&&t.length>0?t[0].tab:""),[i,R]=d.useState(()=>n&&t.length>0?t[0].data??[]:w),k={showTags:B,showOriginalPrice:I,secondaryButtonText:O,secondaryButtonFun:D,primaryButtonText:L,primaryButtonFun:M,onLearnMore:g,onShopNow:y,onAddToCart:h,onProductImageClick:P,classNames:a,copy:b},F={0:{spaceBetween:12,slidesPerView:1.2},768:{spaceBetween:16,slidesPerView:i.length<=2?2:2.2},1024:{spaceBetween:16,slidesPerView:i.length<=2?2:3},1440:{spaceBetween:16,slidesPerView:Math.max(2,Math.min(4,i.length))}};return X("div",{ref:p,className:c("collection-shelves-wrap w-full",S,a?.root),...C,children:[o.title&&r(q,{as:"h2",size:4,className:c("text-info-primary mb-4",a?.title),children:o.title}),o.description&&r(j,{size:3,as:"p",className:c("text-info-primary mb-6",a?.description),children:o.description}),n&&t.length>0&&r(_,{value:u,onValueChange:e=>{const s=t.find(H=>H.tab===e);s&&(N(e),R(s.data??[]))},align:x,shape:"rounded",children:r(G,{children:t.map(e=>r(J,{value:e.tab,children:e.tab},e.id??e.tab))})}),r(V,{spaceBetween:16,slidesPerView:"auto",className:c("!overflow-visible",n&&t.length>0?"mt-6":""),breakpoints:T||F,children:i.map((e,s)=>r(A,{children:r(l,{product:e,...k})},e.sku||s))},u||"default")]})});m.displayName="ImageOverlayShelf";const f=m;f.ProductCard=l;const U=E(f);var de=U;export{l as ProductCard,de as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/ImageOverlayShelf/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

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

@@ -1,2 +1 @@
 "use client";import{jsx as e,jsxs as i}from"react/jsx-runtime";import k,{useImperativeHandle as I,useRef as N}from"react";import{Heading as o,Picture as T,Text as s}from"../../components/index.js";import{cn as x}from"../../helpers/utils.js";import{withLayout as v}from"../../shared/Styles.js";import{useExposure as y}from"../../hooks/useExposure.js";const w="image",F="image_text_feature",f=k.forwardRef(({data:n,className:u},g)=>{const{title:r,subtitle:l,pcImage:t,mobileImage:c,padImage:d,items:_=[],imagePosition:a="left",theme:h="light"}=n,m=N(null);return y(m,{componentType:w,componentName:F,componentTitle:r,componentDescription:l}),I(g,()=>m.current),i("section",{ref:m,"data-ui-component-id":"ImageTextFeature",className:x("image-text-feature",h==="dark"?"aiui-dark":"","text-info-primary laptop:flex-row laptop:gap-[32px] desktop:gap-[48px] lg-desktop:gap-[64px] flex flex-col items-center gap-[24px]",u),children:[t?.url&&e(T,{source:`${t.url}, ${d?.url||t.url} 1024, ${c?.url||t.url} 768`,alt:t?.alt,className:x("image-text-feature__image tablet:aspect-[704/360] laptop:aspect-[824/560] aspect-[716/720] max-h-[560px] max-w-[824px] shrink-0",{"image-text-feature__image--left order-2 laptop:order-1 laptop:basis-[63%] desktop:basis-[57%]":a==="left","image-text-feature__image--right order-2 laptop:basis-[63%] desktop:basis-[57%]":a==="right"})}),i("div",{className:x("image-text-feature__content laptop:w-fit flex w-full flex-col items-start justify-center",{"order-1 laptop:order-2":a==="left","order-1":a==="right"}),children:[e(o,{size:4,html:r,as:"h3",className:"image-text-feature__title w-full text-left"}),l&&e(s,{size:4,html:l,as:"p",className:"image-text-feature__subtitle min-xxl:mt-[8px] laptop:text-[16px] lg-desktop:text-[18px] mt-[4px] text-left text-[14px]"}),e("div",{className:"image-text-feature__items tablet:flex-row tablet:justify-start tablet:gap-[90px] laptop:w-fit laptop:flex-col laptop:justify-around laptop:gap-0 flex w-full flex-col justify-around gap-0",children:_.map((p,b)=>i("div",{className:"image-text-feature__item laptop:mt-[32px] desktop:mt-[48px] mt-[24px]",children:[i("div",{className:"image-text-feature__item-header flex flex-row items-center gap-[8px]",children:[p.icon&&e("img",{src:p.icon,alt:"icon",className:"image-text-feature__item-icon min-md:text-[40px] min-l:text-[40px] min-xl:text-[56px] min-xxl:text-[64px] desktop:h-[44px] lg-desktop:h-[52px] h-[28px] -translate-y-[12%] md:text-[40px]"}),e(o,{size:5,as:"h6",className:"image-text-feature__item-text bg-gradient-to-r from-[#3ad1ff] to-[#008cd6] bg-clip-text text-transparent",children:p.text})]}),e(s,{size:4,as:"p",html:p.desc,className:"image-text-feature__item-desc tablet:text-[14px] laptop:text-[14px] desktop:text-[16px] lg-desktop:text-[18px] -mt-[2px] text-[14px]"})]},b))})]})]})});f.displayName="ImageTextFeature";var L=v(f);export{L as default};
-//# sourceMappingURL=ImageTextFeature.js.map

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

@@ -1,2 +1 @@
 import{default as r}from"./ImageTextFeature.js";export{r as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/ImageTextFeature/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

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

@@ -15,4 +15,3 @@
                 background: #080A0F;
               }
             `})]}):a("div",{className:r("image-text-overlay-grid","grid gap-4",q(o),s.grid),children:i.map((n,p)=>a(O,{item:n,index:p,count:o,classNames:s},p))})})});S.displayName="ImageTextOverlay";var ue=A(S);export{ue as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/ImageTextOverlay/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

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

@@ -1,2 +1 @@
 "use client";import{jsx as e,jsxs as d}from"react/jsx-runtime";import ge,{useImperativeHandle as ve,useRef as g,useState as v,useEffect as Q}from"react";import{Heading as y,Picture as S,Text as M,Link as U}from"../../components/index.js";import{cn as r,getLocalizedPath as X}from"../../helpers/utils.js";import{withLayout as be}from"../../shared/Styles.js";import{useExposure as we}from"../../hooks/useExposure.js";import{useIntersectionObserverDelay as _e}from"../../hooks/useIntersectionObserver.js";import{useAiuiContext as ye}from"../AiuiProvider/index.js";import{motion as Y,AnimatePresence as ee}from"framer-motion";const ke="image",Ne="image_with_text",te=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:e("path",{d:"M6.91009 4.41058C7.23553 4.08514 7.76304 4.08514 8.08848 4.41058L13.0885 9.41058C13.4139 9.73602 13.4139 10.2635 13.0885 10.589L8.08848 15.589C7.76304 15.9144 7.23553 15.9144 6.91009 15.589C6.58466 15.2635 6.58466 14.736 6.91009 14.4106L11.3209 9.99977L6.91009 5.58897C6.58466 5.26353 6.58466 4.73602 6.91009 4.41058Z",fill:"currentColor"})}),ie=ge.forwardRef(({data:ae,className:oe},le)=>{const{title:b,subtitle:k,desc:f,descIcon:P,image:w,padImage:D,mobileImage:z,theme:se="dark",items:E=[],layout:re="left",mediaType:ne="image",datalist:s=[],video:H,padVideo:j,mobVideo:R,button:u,textAlign:l="left",titleTag:me}=ae,i=re,{locale:W="us"}=ye(),V=g(null),N=g(null),T=g(null),I=g(null),C=g(null),[p,de]=v(0),A=g([]),[q,pe]=v({left:0,width:0}),[h,$]=v(""),[B,F]=v(""),[O,Z]=v(""),n=s.length>0,_=ne==="video";we(V,{componentType:ke,componentName:Ne,componentTitle:b,componentDescription:k}),ve(le,()=>V.current),Q(()=>{if(s.length>0){const t=A.current[p];if(t){const{offsetLeft:o,offsetWidth:a}=t;pe({left:o,width:a})}}},[p,s.length]);const[G,ce]=v(!1);_e(C,{once:!0,threshold:.01,callback:()=>{ce(!0)}}),Q(()=>{if(!G||!_)return;let t="",o="",a="";if(n&&s[p]){const c=s[p];t=c.video?.url||"",o=c.padVideo?.url||t,a=c.mobVideo?.url||t}else t=H?.url||"",o=j?.url||t,a=R?.url||t;t&&$(t),o&&F(o),a&&Z(a),setTimeout(()=>{[N.current?.querySelector("video"),T.current?.querySelector("video"),I.current?.querySelector("video")].forEach(x=>{x&&(x.load(),x.play().catch(()=>{}))})},200)},[G,_,n,p,s,H?.url,j?.url,R?.url]);const xe=(t,o)=>{if(de(t),o.target.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"}),_&&n&&s[t]){const a=s[t];a.video?.url&&$(a.video.url),a.padVideo?.url&&F(a.padVideo.url),a.mobVideo?.url&&Z(a.mobVideo.url),setTimeout(()=>{[N.current?.querySelector("video"),T.current?.querySelector("video"),I.current?.querySelector("video")].forEach(x=>{x&&(x.load(),x.play().catch(()=>{}))})},300)}},ue=()=>!L||!u?.text||i==="top"||i==="bottom"?null:e("div",{className:r("image-with-text__button-wrapper laptop:mt-[32px] mt-[24px]",{"flex justify-center":l==="center","flex justify-start":l==="left"}),children:e(U,{href:X(u.link||"",W),className:"image-with-text__button whitespace-nowrap no-underline",suffixIcon:te,children:u.text})}),m=E.length>0,L=!!u,J=()=>{if(n&&s[p]){const t=s[p];return`${t.image?.url} ,${t.imgPad?.url||t.image?.url} 1440, ${t.imageMob?.url||t.image?.url} 767`}return w?`${w?.url},${D?.url||w?.url} 1024, ${z?.url||w?.url} 768`:""},K=()=>{if(n){const c=s[p],x=c.image?.url,fe=c.imgPad?.url||x,he=c.imageMob?.url||x;return e(ee,{mode:"wait",children:e(Y.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3},className:"image-with-text__video-motion absolute left-0 top-0 w-full",children:d("div",{className:"image-with-text__video-wrapper rounded-box overflow-hidden",children:[e("div",{ref:N,className:"image-with-text__desktop-video-container",children:e("video",{playsInline:!0,autoPlay:!0,muted:!0,poster:x,src:h,loop:!0,className:"image-with-text__video image-with-text__video--desktop lg-desktop:block hidden size-full object-cover"})}),e("div",{ref:T,className:"image-with-text__tablet-video-container",children:e("video",{playsInline:!0,autoPlay:!0,muted:!0,poster:fe,src:B||h,loop:!0,className:"image-with-text__video image-with-text__video--tablet tablet:block lg-desktop:hidden hidden"})}),e("div",{ref:I,className:"image-with-text__mobile-video-container",children:e("video",{playsInline:!0,autoPlay:!0,muted:!0,poster:he,src:O||h,loop:!0,className:"image-with-text__video image-with-text__video--mobile tablet:hidden block"})})]})},c.video?.url||c.image?.url)})}const t=w?.url,o=D?.url||t,a=z?.url||t;return d("div",{className:"image-with-text__video-wrapper rounded-box laptop:rounded-box overflow-hidden",children:[e("div",{ref:N,className:"image-with-text__desktop-video-container",children:e("video",{playsInline:!0,autoPlay:!0,muted:!0,poster:t,src:h,loop:!0,className:"image-with-text__video image-with-text__video--desktop lg-desktop:block hidden size-full object-cover"})}),e("div",{ref:T,className:"image-with-text__tablet-video-container",children:e("video",{playsInline:!0,autoPlay:!0,muted:!0,poster:o,src:B||h,loop:!0,className:"image-with-text__video image-with-text__video--tablet tablet:block lg-desktop:hidden hidden"})}),e("div",{ref:I,className:"image-with-text__mobile-video-container",children:e("video",{playsInline:!0,autoPlay:!0,muted:!0,poster:a,src:O||h,loop:!0,className:"image-with-text__video image-with-text__video--mobile tablet:hidden block"})})]})};return d("section",{ref:V,"data-ui-component-id":"ImageWithText",className:r("image-with-text text-info-primary",{"flex gap-[24px] laptop:gap-[48px] lg-desktop:gap-[64px]":!n,"flex-col":!n&&(i==="top"||i==="bottom"),"items-center":i==="left"||i==="right","flex-col laptop:flex-row":!n&&(i==="left"||i==="right"),"flex l:gap-[24px] xl:flex-col min-md:justify-between min-l:gap-[20px]":n,"aiui-dark":se==="dark"},oe),children:[n&&(b||f||s.length>0)&&d("div",{className:r("image-with-text__tab-content min-md:gap-[24px] laptop:basis-[36%] inline-flex flex-col justify-center",{"text-left":l==="left","text-center":l==="center"}),children:[d("div",{className:"image-with-text__header",children:[e(y,{as:"h3",size:4,html:b,className:"image-with-text__title"}),e(M,{as:"p",size:1,html:f,className:"image-with-text__description tablet:text-[14px] laptop:text-[14px] desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] text-[14px]"})]}),e("div",{className:r("image-with-text__tabs-wrapper md:scrollbar-hidden relative md:overflow-hidden md:overflow-x-scroll",{"flex justify-center":l==="center"}),children:d("div",{className:"image-with-text__tabs rounded-btn relative inline-flex bg-[#1D1D1F] px-[4px] md:my-[24px]",children:[e("div",{className:"image-with-text__slider rounded-btn absolute inset-y-0 bg-white transition-all duration-300 ease-in-out",style:{left:q.left,width:q.width}}),s.map((t,o)=>e("div",{ref:a=>{A.current[o]=a},onClick:a=>xe(o,a),className:r("image-with-text__tab rounded-btn min-xxl:px-[28px] min-xxl:py-[15px] relative z-10 cursor-pointer px-[20px] py-[10px] text-center text-[12px] font-medium transition-colors duration-300 md:px-[20px] md:py-[10px]",p===o?"image-with-text__tab--active text-black":"text-white"),children:e(y,{as:me??"h3",size:1,html:t?.title,className:"image-with-text__tab-title text-balance-normal !whitespace-nowrap md:text-[14px]"})},o))]})})]}),!n&&(b||k||f)&&d("div",{className:r("image-with-text__content flex w-full flex-col",{"justify-center":!L,"justify-between":L,"items-start":l==="left"&&m,"items-center":l==="center"&&m,"text-left":l==="left","text-center":l==="center","laptop:order-1":i==="left"}),children:[d("div",{className:r("image-with-text__main-content",{"flex flex-col":L}),children:[d("div",{className:r("image-with-text__header",{"laptop:flex laptop:items-end laptop:justify-between laptop:gap-16":(i==="top"||i==="bottom")&&u?.text}),children:[d("div",{className:"image-with-text__title-wrapper flex min-w-0 flex-1 flex-col",children:[e(y,{as:"h2",size:4,html:b,className:r("image-with-text__title",{"text-left":m&&l==="left","text-center":m&&l==="center"})}),k&&e(M,{as:"p",size:m?4:3,html:k,className:r("image-with-text__subtitle tablet:text-[14px] laptop:text-[14px] desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] text-[14px]",{"laptop:mt-[16px]":!m,"min-xxl:mt-[8px] laptop:text-[16px] lg-desktop:text-[18px]":m,"text-left":m&&l==="left","text-center":m&&l==="center"})})]}),(i==="top"||i==="bottom")&&u?.text&&e(U,{href:X(u.link||"",W),className:"laptop:flex hidden whitespace-nowrap no-underline",suffixIcon:te,children:u.text})]}),!m&&(f||P)&&d("div",{className:"image-with-text__description flex flex-row gap-[8px]",children:[P&&e("img",{src:P,alt:"icon",className:"image-with-text__description-icon desktop:size-[48px] size-[36px]"}),f&&e(y,{as:"h4",size:5,html:f,className:"image-with-text__description-text min-md:text-[40px] min-l:text-[40px] min-xl:text-[56px] min-xxl:text-[64px] text-[#3AD1FF] md:text-[40px]"})]}),m&&e("div",{className:r("image-with-text__items laptop:mt-[32px] desktop:mt-[48px] mt-[24px] grid w-full gap-6",{"!mt-6":i==="top"||i==="bottom","grid-cols-2 tablet:grid-cols-4":i==="top"||i==="bottom","grid-cols-2 tablet:grid-cols-4 laptop:grid-cols-2":i==="left"||i==="right"}),children:E.map((t,o)=>d("div",{className:r("image-with-text__item",{"text-center":l==="center"}),children:[d("div",{className:r("image-with-text__item-header flex flex-row items-center gap-[8px]",{"justify-center":l==="center","justify-start":l==="left"}),children:[t.icon?.url&&e(S,{source:t.icon.url,alt:t.icon?.alt,className:"image-with-text__item-icon min-md:text-[40px] min-l:text-[40px] min-xl:text-[56px] min-xxl:text-[64px] desktop:h-[44px] lg-desktop:h-[52px] h-[28px] translate-y-[-12%] md:text-[40px]",imgClassName:"h-full !w-full"}),e(y,{size:4,as:"h6",className:"image-with-text__item-text bg-gradient-to-r from-[#3ad1ff] to-[#008cd6] bg-clip-text text-transparent",children:t.text})]}),e(M,{size:4,as:"p",html:t.desc,className:"image-with-text__item-desc tablet:text-[14px] laptop:text-[14px] desktop:text-[16px] lg-desktop:text-[18px] mt-[-2px] text-[14px]"})]},o))})]}),ue()]}),e("div",{ref:C,className:r("image-with-text__media-wrapper",{"laptop:w-[60%] w-full shrink-0":i==="left"||i==="right","aspect-[716/720] max-h-[560px] max-w-[824px] tablet:aspect-[704/360] laptop:aspect-[824/560] shrink-0":m,"laptop:basis-[63%] desktop:basis-[57%]":m&&i==="left","relative w-full shrink md:aspect-[358/360] min-xxl:aspect-[824/560] min-xxl:max-w-[824px] tablet:aspect-[704/360] laptop:aspect-[744/336] laptop:basis-[64%] desktop:aspect-[648/448]":n,"!max-w-none !max-h-none aspect-auto":i==="top"||i==="bottom"}),children:n?_?K():e(ee,{mode:"wait",children:e(Y.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3},className:"image-with-text__image-motion absolute left-0 top-0 w-full",children:e(S,{source:J(),alt:s[p].image?.alt,className:"image-with-text__image rounded-box min-xxl:aspect-[824/560] min-xxl:max-w-[824px] tablet:aspect-[704/360] laptop:aspect-[744/336] desktop:aspect-[648/448] md:aspect-[358/360]"})},s[p].image?.url)}):_?K():e(S,{source:J(),className:r("image-with-text__image rounded-box laptop:rounded-box")})})]})});ie.displayName="ImageWithText";var ze=be(ie);export{ze as default};
-//# sourceMappingURL=ImageWithText.js.map

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

@@ -1,2 +1 @@
 import{default as t}from"./ImageWithText.js";import{Cols as p}from"./types.js";export{p as Cols,t as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/ImageWithText/types.js

@@ -1,2 +1 @@
 var t=(e=>(e.One="1",e.Two="2",e.Three="3",e.Four="4",e))(t||{});export{t as Cols};
-//# sourceMappingURL=types.js.map