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

package/dist/esm/biz-components/HeaderNavigation/MobileTextLinksMenu.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 移动端 TextLinks 菜单
+ * 二级菜单：折叠式分类导航（与 MobileSidebarMenu 相同的 currentMenu 切换模式）
+ * 三级菜单：对应列的纯文字链接列表
+ */
+export declare const MobileTextLinksMenu: {
+    ({ textlinksCategoriesMetadata, textlinksColumnsMetadata, }: {
+        textlinksCategoriesMetadata: any;
+        textlinksColumnsMetadata: any;
+    }): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

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

@@ -0,0 +1,2 @@
+import{jsx as r,jsxs as u}from"react/jsx-runtime";import{useCallback as $,useEffect as F,useMemo as k,useState as L}from"react";import{Button as T,Text as y,Link as E}from"../../components/index.js";import{cn as M,getLocalizedPath as x}from"../../helpers/utils.js";import{useNavContext as D}from"./NavProvider.js";import{useAiuiContext as z}from"../AiuiProvider/index.js";import{HeaderNavigationMenu as m}from"./types.js";import{MenuItem as B}from"./MobileMenuComponents.js";const _=({textlinksCategoriesMetadata:o,textlinksColumnsMetadata:g})=>{const{currentMenu:h,setCurrentMenu:i,subSubCategory:d,setSubSubCategory:b,onSidebarNavClick:c}=D(),{locale:p="us"}=z(),[v,f]=L([]),[S,A]=L(-1);F(()=>{const e=o?.subcategories;e?.length&&f(e.map((l,a)=>({index:a,open:!1})))},[o]);const N=k(()=>d&&g?.find(e=>e?.label?.toLowerCase()===d?.label?.toLowerCase())||null,[d,g]),C=$((e,l)=>{if(!(Array.isArray(e?.subSubCategories)&&e?.subSubCategories?.length>0)){b?.(e),i?.(m.Third);return}f(t=>t.map((n,s)=>({...n,open:s===l?!n.open:!1})))},[i,b]),w=$((e,l,a)=>{b?.(e),i?.(m.Third),A(a),f(t=>t.map(n=>({...n,open:n.index===l}))),c?.(e,a)},[i,b,c]);return k(()=>{switch(h){case m.Secondary:return u("div",{className:"tablet:px-8 laptop:px-16 flex h-full flex-col gap-8 p-4",children:[r("div",{children:o?.subcategories?.map((e,l)=>{const a=Array.isArray(e?.subSubCategories)&&e?.subSubCategories?.length>0,t=v?.find(n=>n.index===l)?.open;return u("div",{children:[r(B,{label:e?.label,active:t,onClick:()=>{C(e,l),c?.(e,l)}}),t&&a&&r("div",{className:"flex flex-col",role:"menu",children:e.subSubCategories?.map((n,s)=>r("button",{onClick:()=>w(n,l,s),className:M("w-full cursor-pointer border-0 bg-transparent px-4 py-3 text-left hover:bg-[#F5F5F7]",{"bg-[#F5F5F7]":S===s}),role:"menuitem","aria-label":n.label,children:r(y,{html:n.label,className:"text-sm font-bold leading-[1.4] text-[#4A4C56]"})},`mobile-textlinks-subSubItem-${l}-${s}`))})]},`mobile-textlinks-subcategory-${e?.label||""}-${l}`)})}),u("div",{className:"tablet:items-start flex flex-col items-center gap-4",children:[o?.primary&&r(T,{as:"a",href:`${x(o?.primary?.url,p)}?ref=${o?.primary?.label}_shopall`,variant:"primary",size:"lg",className:"tablet:w-auto w-full text-base",children:o?.primary?.label}),o?.secondary&&r(T,{as:"a",href:x(o?.secondary?.url,p),variant:"link",size:"lg",className:"tablet:w-auto tablet:px-0 w-full py-0 text-base",children:o?.secondary?.label})]})]});case m.Third:return r("div",{className:"tablet:px-8 laptop:px-16 flex flex-col gap-6 p-4",children:N?.columns?.map((e,l)=>u("div",{className:"flex flex-col gap-2",children:[e?.label&&r(y,{html:e.label,as:"p",className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),r("div",{className:"flex flex-col",children:e?.links?.map((a,t)=>u("div",{className:"flex min-h-[36px] items-center gap-1 py-2",children:[r(E,{href:x(a?.url,p),asChild:!a?.url,className:"text-sm font-bold leading-[1.4] no-underline",children:a.label}),a?.badge&&r(y,{as:"p",html:a.badge,className:"h-[24px] whitespace-nowrap rounded-full border-[1.6px] border-[#005D8E] px-[6px] text-xs font-bold !leading-[22px] text-[#005D8E]"})]},`mobile-textlinks-link-${a?.label||""}-${t}`))})]},`mobile-textlinks-col-${e?.label||""}-${l}`))});default:return null}},[h,o,v,S,N,C,w,c,p])};_.displayName="MobileTextLinksMenu";export{_ as MobileTextLinksMenu};
+//# sourceMappingURL=MobileTextLinksMenu.js.map

package/dist/esm/biz-components/HeaderNavigation/MobileTextLinksMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/HeaderNavigation/MobileTextLinksMenu.tsx"],
+  "sourcesContent": ["import React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { Button, Text, Link } from '../../components/index.js'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { useNavContext } from './NavProvider.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { HeaderNavigationMenu } from './types.js'\nimport { MenuItem } from './MobileMenuComponents.js'\n\n/**\n * \u79FB\u52A8\u7AEF TextLinks \u83DC\u5355\n * \u4E8C\u7EA7\u83DC\u5355\uFF1A\u6298\u53E0\u5F0F\u5206\u7C7B\u5BFC\u822A\uFF08\u4E0E MobileSidebarMenu \u76F8\u540C\u7684 currentMenu \u5207\u6362\u6A21\u5F0F\uFF09\n * \u4E09\u7EA7\u83DC\u5355\uFF1A\u5BF9\u5E94\u5217\u7684\u7EAF\u6587\u5B57\u94FE\u63A5\u5217\u8868\n */\nexport const MobileTextLinksMenu = ({\n  textlinksCategoriesMetadata,\n  textlinksColumnsMetadata,\n}: {\n  textlinksCategoriesMetadata: any\n  textlinksColumnsMetadata: any\n}) => {\n  const { currentMenu, setCurrentMenu, subSubCategory, setSubSubCategory, onSidebarNavClick } = useNavContext()\n  const { locale = 'us' } = useAiuiContext()\n  const [expandedSubcategory, setExpandedSubcategory] = useState<{ index: number; open: boolean }[]>([])\n  const [activeSubSubcategoryIndex, setActiveSubSubcategoryIndex] = useState(-1)\n\n  useEffect(() => {\n    const subcategories = textlinksCategoriesMetadata?.subcategories\n    if (!subcategories?.length) return\n    setExpandedSubcategory(subcategories.map((_: any, index: number) => ({ index, open: false })))\n  }, [textlinksCategoriesMetadata])\n\n  // \u901A\u8FC7 context \u7684 subSubCategory \u5339\u914D\u4E09\u7EA7\u5217\u6570\u636E\n  const matchColumnsMetadata = useMemo(() => {\n    if (!subSubCategory) return null\n    return (\n      textlinksColumnsMetadata?.find(\n        (item: any) => item?.label?.toLowerCase() === subSubCategory?.label?.toLowerCase()\n      ) || null\n    )\n  }, [subSubCategory, textlinksColumnsMetadata])\n\n  // \u70B9\u51FB\u6709\u5B50\u9879\u7684 subcategory \u2014 \u53EA\u5C55\u5F00\u6298\u53E0\uFF0C\u4E0D\u8DF3\u7EA7\n  // \u70B9\u51FB\u65E0\u5B50\u9879\u7684 subcategory \u2014 \u76F4\u63A5\u8DF3\u4E09\u7EA7\n  const handleSubcategoryClick = useCallback(\n    (subItem: any, index: number) => {\n      const hasSubSubCategories = Array.isArray(subItem?.subSubCategories) && subItem?.subSubCategories?.length > 0\n\n      if (!hasSubSubCategories) {\n        setSubSubCategory?.(subItem)\n        setCurrentMenu?.(HeaderNavigationMenu.Third)\n        return\n      }\n\n      setExpandedSubcategory(prev => prev.map((item, i) => ({ ...item, open: i === index ? !item.open : false })))\n    },\n    [setCurrentMenu, setSubSubCategory]\n  )\n\n  // \u70B9\u51FB\u6709\u5B50\u9879\u7684\u5B50\u9879 \u2014 \u5199\u5165 context \u5E76\u8DF3\u4E09\u7EA7\n  const handleSubSubcategoryClick = useCallback(\n    (subSubItem: any, index: number, subSubindex: number) => {\n      setSubSubCategory?.(subSubItem)\n      setCurrentMenu?.(HeaderNavigationMenu.Third)\n      setActiveSubSubcategoryIndex(subSubindex)\n      setExpandedSubcategory(prev => prev.map(item => ({ ...item, open: item.index === index })))\n      onSidebarNavClick?.(subSubItem, subSubindex)\n    },\n    [setCurrentMenu, setSubSubCategory, onSidebarNavClick]\n  )\n\n  const MobileTextLinksMenuComp = useMemo(() => {\n    switch (currentMenu) {\n      case HeaderNavigationMenu.Secondary:\n        return (\n          // \u4E8C\u7EA7\u83DC\u5355\uFF1A\u6298\u53E0\u5F0F\u5206\u7C7B\u5BFC\u822A + \u5E95\u90E8 CTA\n          <div className=\"tablet:px-8 laptop:px-16 flex h-full flex-col gap-8 p-4\">\n            <div>\n              {textlinksCategoriesMetadata?.subcategories?.map((subItem: any, index: number) => {\n                const hasSubSubCategory =\n                  Array.isArray(subItem?.subSubCategories) && subItem?.subSubCategories?.length > 0\n                const isExpanded = expandedSubcategory?.find(item => item.index === index)?.open\n\n                return (\n                  <div key={`mobile-textlinks-subcategory-${subItem?.label || ''}-${index}`}>\n                    <MenuItem\n                      label={subItem?.label}\n                      active={isExpanded}\n                      onClick={() => {\n                        handleSubcategoryClick(subItem, index)\n                        onSidebarNavClick?.(subItem, index)\n                      }}\n                    />\n\n                    {isExpanded && hasSubSubCategory && (\n                      <div className=\"flex flex-col\" role=\"menu\">\n                        {subItem.subSubCategories?.map((subSubItem: any, subSubindex: number) => (\n                          <button\n                            key={`mobile-textlinks-subSubItem-${index}-${subSubindex}`}\n                            onClick={() => handleSubSubcategoryClick(subSubItem, index, subSubindex)}\n                            className={cn(\n                              'w-full cursor-pointer border-0 bg-transparent px-4 py-3 text-left hover:bg-[#F5F5F7]',\n                              {\n                                'bg-[#F5F5F7]': activeSubSubcategoryIndex === subSubindex,\n                              }\n                            )}\n                            role=\"menuitem\"\n                            aria-label={subSubItem.label}\n                          >\n                            <Text html={subSubItem.label} className=\"text-sm font-bold leading-[1.4] text-[#4A4C56]\" />\n                          </button>\n                        ))}\n                      </div>\n                    )}\n                  </div>\n                )\n              })}\n            </div>\n\n            {/* \u5E95\u90E8 CTA */}\n            <div className=\"tablet:items-start flex flex-col items-center gap-4\">\n              {textlinksCategoriesMetadata?.primary && (\n                <Button\n                  as=\"a\"\n                  href={`${getLocalizedPath(textlinksCategoriesMetadata?.primary?.url, locale)}?ref=${textlinksCategoriesMetadata?.primary?.label}_shopall`}\n                  variant=\"primary\"\n                  size=\"lg\"\n                  className=\"tablet:w-auto w-full text-base\"\n                >\n                  {textlinksCategoriesMetadata?.primary?.label}\n                </Button>\n              )}\n              {textlinksCategoriesMetadata?.secondary && (\n                <Button\n                  as=\"a\"\n                  href={getLocalizedPath(textlinksCategoriesMetadata?.secondary?.url, locale)}\n                  variant=\"link\"\n                  size=\"lg\"\n                  className=\"tablet:w-auto tablet:px-0 w-full py-0 text-base\"\n                >\n                  {textlinksCategoriesMetadata?.secondary?.label}\n                </Button>\n              )}\n            </div>\n          </div>\n        )\n\n      case HeaderNavigationMenu.Third:\n        return (\n          // \u4E09\u7EA7\u83DC\u5355\uFF1AmatchColumnsMetadata \u7684\u591A\u5217\u6587\u5B57\u94FE\u63A5\u5E73\u94FA\u5C55\u793A\n          <div className=\"tablet:px-8 laptop:px-16 flex flex-col gap-6 p-4\">\n            {matchColumnsMetadata?.columns?.map((col: any, colIndex: number) => (\n              <div key={`mobile-textlinks-col-${col?.label || ''}-${colIndex}`} className=\"flex flex-col gap-2\">\n                {col?.label && (\n                  <Text html={col.label} as=\"p\" className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                )}\n                <div className=\"flex flex-col\">\n                  {col?.links?.map((linkItem: any, linkIndex: number) => (\n                    <div\n                      key={`mobile-textlinks-link-${linkItem?.label || ''}-${linkIndex}`}\n                      className=\"flex min-h-[36px] items-center gap-1 py-2\"\n                    >\n                      <Link\n                        href={getLocalizedPath(linkItem?.url, locale)}\n                        asChild={!linkItem?.url}\n                        className=\"text-sm font-bold leading-[1.4] no-underline\"\n                      >\n                        {linkItem.label}\n                      </Link>\n                      {linkItem?.badge && (\n                        <Text\n                          as=\"p\"\n                          html={linkItem.badge}\n                          className=\"h-[24px] whitespace-nowrap rounded-full border-[1.6px] border-[#005D8E] px-[6px] text-xs font-bold !leading-[22px] text-[#005D8E]\"\n                        />\n                      )}\n                    </div>\n                  ))}\n                </div>\n              </div>\n            ))}\n          </div>\n        )\n\n      default:\n        return null\n    }\n  }, [\n    currentMenu,\n    textlinksCategoriesMetadata,\n    expandedSubcategory,\n    activeSubSubcategoryIndex,\n    matchColumnsMetadata,\n    handleSubcategoryClick,\n    handleSubSubcategoryClick,\n    onSidebarNavClick,\n    locale,\n  ])\n\n  return MobileTextLinksMenuComp\n}\n\nMobileTextLinksMenu.displayName = 'MobileTextLinksMenu'\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "useCallback", "useEffect", "useMemo", "useState", "Button", "Text", "Link", "cn", "getLocalizedPath", "useNavContext", "useAiuiContext", "HeaderNavigationMenu", "MenuItem", "MobileTextLinksMenu", "textlinksCategoriesMetadata", "textlinksColumnsMetadata", "currentMenu", "setCurrentMenu", "subSubCategory", "setSubSubCategory", "onSidebarNavClick", "locale", "expandedSubcategory", "setExpandedSubcategory", "activeSubSubcategoryIndex", "setActiveSubSubcategoryIndex", "subcategories", "_", "index", "matchColumnsMetadata", "item", "handleSubcategoryClick", "subItem", "prev", "i", "handleSubSubcategoryClick", "subSubItem", "subSubindex", "hasSubSubCategory", "isExpanded", "col", "colIndex", "linkItem", "linkIndex"]
+}

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

@@ -1,2 +1,2 @@
-import{Fragment as m,jsx as a,jsxs as t}from"react/jsx-runtime";import{useRef as c}from"react";import{Container as u,Text as s,Link as p,Picture as f,Button as b}from"../../components/index.js";import h from"./CompanyStatsBanner/index.js";import{cn as n,getLocalizedPath as i}from"../../helpers/utils.js";import{useAiuiContext as v}from"../AiuiProvider/index.js";const D=({multicolMetadata:e,showStatsBanner:r,statsBannerData:o})=>{const l=c(null);return a("div",{ref:l,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:[r&&a(h,{data:o}),a("div",{className:"flex gap-4",children:e?.map((d,x)=>a("div",{className:"w-1/4",children:a(g,{item:d})},`multicolItem-${d?.label}-${x}`))})]})})})},g=({item:e,allPicture:r})=>{const{locale:o="us"}=v();return t(m,{children:[e?.columns&&t(m,{children:[a(s,{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:`${i(l.url,o)}?ref=navMenu`,asChild:!l.url,className:"text-sm font-bold leading-[1.4] no-underline",children:l.label}),l?.badge&&a(s,{as:"p",html:l?.badge||"badge",className:"text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px]"})]},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":r}),children:t(p,{href:`${i(e.url,o)}?ref=navMenu`,asChild:!e.url,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(s,{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(s,{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:i(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{D as MulticolDropdown,g as MulticolItem};
+import{Fragment as m,jsx as a,jsxs as t}from"react/jsx-runtime";import{useRef as c}from"react";import{Container as u,Text as s,Link as p,Picture as f,Button as b}from"../../components/index.js";import h from"./CompanyStatsBanner/index.js";import{cn as n,getLocalizedPath as i}from"../../helpers/utils.js";import{useAiuiContext as v}from"../AiuiProvider/index.js";const D=({multicolMetadata:e,showStatsBanner:r,statsBannerData:o})=>{const l=c(null);return a("div",{ref:l,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:[r&&a(h,{data:o}),a("div",{className:"flex gap-4",children:e?.map((d,x)=>a("div",{className:"w-1/4",children:a(g,{item:d})},`multicolItem-${d?.label}-${x}`))})]})})})},g=({item:e,allPicture:r})=>{const{locale:o="us"}=v();return t(m,{children:[e?.columns&&t(m,{children:[a(s,{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:`${i(l.url,o)}?ref=navMenu`,asChild:!l.url,className:"text-sm font-bold leading-[1.4] no-underline",children:l.label}),l?.badge&&a(s,{as:"p",html:l?.badge||"badge",className:"text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px]"})]},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":r}),children:a(p,{href:`${i(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(s,{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(s,{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:i(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{D as MulticolDropdown,g as MulticolItem};
 //# sourceMappingURL=MulticolDropdown.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeaderNavigation/MulticolDropdown.tsx"],
-  "sourcesContent": ["import React, { useRef } from 'react'\nimport { Container, Text, Link, Picture, Button } from '../../components/index.js'\nimport CompanyStatsBanner from './CompanyStatsBanner/index.js'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\n/**\n * \u591A\u5217\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n */\nexport const MulticolDropdown = ({\n  multicolMetadata,\n  showStatsBanner,\n  statsBannerData,\n}: {\n  multicolMetadata: any\n  showStatsBanner: boolean\n  statsBannerData: any\n}) => {\n  const multicolDropdownRef = useRef<HTMLDivElement>(null)\n\n  return (\n    <div ref={multicolDropdownRef} className=\"bg-white py-4\">\n      <Container childClassName=\"bg-white\" className=\"h-full\">\n        <div className=\"laptop:gap-4 flex flex-col gap-3\">\n          {showStatsBanner && <CompanyStatsBanner data={statsBannerData} />}\n          <div className=\"flex gap-4\">\n            {multicolMetadata?.map((item: any, index: number) => (\n              <div key={`multicolItem-${item?.label}-${index}`} className=\"w-1/4\">\n                <MulticolItem item={item} />\n              </div>\n            ))}\n          </div>\n        </div>\n      </Container>\n    </div>\n  )\n}\n\n/**\n * \u591A\u5217\u4E0B\u62C9\u9879\n * @param item \u591A\u5217\u4E0B\u62C9\u9879\n */\nexport const MulticolItem = ({ item, allPicture }: { item: any; allPicture?: boolean }) => {\n  const { locale = 'us' } = useAiuiContext()\n  return (\n    <>\n      {item?.columns && (\n        <>\n          <Text html={item.label} as=\"div\" className=\"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n          <div className=\"mt-2 flex flex-col\">\n            {item.columns?.map((columnItem: any) => (\n              <div key={columnItem.label} className=\"flex items-center gap-1 py-2\">\n                <Link\n                  href={`${getLocalizedPath(columnItem.url, locale)}?ref=navMenu`}\n                  asChild={!columnItem.url}\n                  className=\"text-sm font-bold leading-[1.4] no-underline\"\n                >\n                  {columnItem.label}\n                </Link>\n                {columnItem?.badge && (\n                  <Text\n                    as=\"p\"\n                    html={columnItem?.badge || 'badge'}\n                    className=\"text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px]\"\n                  />\n                )}\n              </div>\n            ))}\n          </div>\n        </>\n      )}\n      {item?.imageUrl && (\n        <div\n          className={cn(\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',\n            {\n              ['tablet:max-w-none laptop:max-w-none']: allPicture,\n            }\n          )}\n        >\n          <Link href={`${getLocalizedPath(item.url, locale)}?ref=navMenu`} asChild={!item.url}>\n            <Picture\n              source={item.imageUrl}\n              width={404}\n              height={280}\n              className=\"size-full\"\n              imgClassName=\"object-cover h-full hover:scale-105 transition-all duration-300\"\n            />\n            <div className=\"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline\">\n              <Text\n                html={item.title}\n                className={cn('lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white', {\n                  'text-black': item?.theme === 'dark',\n                })}\n              />\n              {item.subtitle && (\n                <Text\n                  html={item.subtitle}\n                  className={cn('text-sm font-bold leading-[1.4] text-white', {\n                    'text-black': item?.theme === 'dark',\n                  })}\n                />\n              )}\n              {item?.primary?.label && (\n                <Button\n                  as=\"a\"\n                  href={getLocalizedPath(item?.primary?.url, locale)}\n                  variant=\"link\"\n                  size=\"lg\"\n                  iconClassName=\"size-4 lg-desktop:size-5\"\n                  className={cn('mr-auto !p-0 text-sm font-bold leading-[1.4] text-white', {\n                    'text-black': item?.theme === 'dark',\n                  })}\n                >\n                  {item?.primary?.label || 'more'}\n                </Button>\n              )}\n            </div>\n          </Link>\n        </div>\n      )}\n    </>\n  )\n}\n"],
-  "mappings": "AAwBQ,OAwBA,YAAAA,EAvBsB,OAAAC,EADtB,QAAAC,MAAA,oBAxBR,OAAgB,UAAAC,MAAc,QAC9B,OAAS,aAAAC,EAAW,QAAAC,EAAM,QAAAC,EAAM,WAAAC,EAAS,UAAAC,MAAc,4BACvD,OAAOC,MAAwB,gCAC/B,OAAS,MAAAC,EAAI,oBAAAC,MAAwB,yBACrC,OAAS,kBAAAC,MAAsB,2BAMxB,MAAMC,EAAmB,CAAC,CAC/B,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,CACF,IAIM,CACJ,MAAMC,EAAsBd,EAAuB,IAAI,EAEvD,OACEF,EAAC,OAAI,IAAKgB,EAAqB,UAAU,gBACvC,SAAAhB,EAACG,EAAA,CAAU,eAAe,WAAW,UAAU,SAC7C,SAAAF,EAAC,OAAI,UAAU,mCACZ,UAAAa,GAAmBd,EAACQ,EAAA,CAAmB,KAAMO,EAAiB,EAC/Df,EAAC,OAAI,UAAU,aACZ,SAAAa,GAAkB,IAAI,CAACI,EAAWC,IACjClB,EAAC,OAAiD,UAAU,QAC1D,SAAAA,EAACmB,EAAA,CAAa,KAAMF,EAAM,GADlB,gBAAgBA,GAAM,KAAK,IAAIC,CAAK,EAE9C,CACD,EACH,GACF,EACF,EACF,CAEJ,EAMaC,EAAe,CAAC,CAAE,KAAAF,EAAM,WAAAG,CAAW,IAA2C,CACzF,KAAM,CAAE,OAAAC,EAAS,IAAK,EAAIV,EAAe,EACzC,OACEV,EAAAF,EAAA,CACG,UAAAkB,GAAM,SACLhB,EAAAF,EAAA,CACE,UAAAC,EAACI,EAAA,CAAK,KAAMa,EAAK,MAAO,GAAG,MAAM,UAAU,sDAAsD,EACjGjB,EAAC,OAAI,UAAU,qBACZ,SAAAiB,EAAK,SAAS,IAAKK,GAClBrB,EAAC,OAA2B,UAAU,+BACpC,UAAAD,EAACK,EAAA,CACC,KAAM,GAAGK,EAAiBY,EAAW,IAAKD,CAAM,CAAC,eACjD,QAAS,CAACC,EAAW,IACrB,UAAU,+CAET,SAAAA,EAAW,MACd,EACCA,GAAY,OACXtB,EAACI,EAAA,CACC,GAAG,IACH,KAAMkB,GAAY,OAAS,QAC3B,UAAU,6HACZ,IAbMA,EAAW,KAerB,CACD,EACH,GACF,EAEDL,GAAM,UACLjB,EAAC,OACC,UAAWS,EACT,uLACA,CACG,sCAAwCW,CAC3C,CACF,EAEA,SAAAnB,EAACI,EAAA,CAAK,KAAM,GAAGK,EAAiBO,EAAK,IAAKI,CAAM,CAAC,eAAgB,QAAS,CAACJ,EAAK,IAC9E,UAAAjB,EAACM,EAAA,CACC,OAAQW,EAAK,SACb,MAAO,IACP,OAAQ,IACR,UAAU,YACV,aAAa,kEACf,EACAhB,EAAC,OAAI,UAAU,uEACb,UAAAD,EAACI,EAAA,CACC,KAAMa,EAAK,MACX,UAAWR,EAAG,iEAAkE,CAC9E,aAAcQ,GAAM,QAAU,MAChC,CAAC,EACH,EACCA,EAAK,UACJjB,EAACI,EAAA,CACC,KAAMa,EAAK,SACX,UAAWR,EAAG,6CAA8C,CAC1D,aAAcQ,GAAM,QAAU,MAChC,CAAC,EACH,EAEDA,GAAM,SAAS,OACdjB,EAACO,EAAA,CACC,GAAG,IACH,KAAMG,EAAiBO,GAAM,SAAS,IAAKI,CAAM,EACjD,QAAQ,OACR,KAAK,KACL,cAAc,2BACd,UAAWZ,EAAG,0DAA2D,CACvE,aAAcQ,GAAM,QAAU,MAChC,CAAC,EAEA,SAAAA,GAAM,SAAS,OAAS,OAC3B,GAEJ,GACF,EACF,GAEJ,CAEJ",
+  "sourcesContent": ["import React, { useRef } from 'react'\nimport { Container, Text, Link, Picture, Button } from '../../components/index.js'\nimport CompanyStatsBanner from './CompanyStatsBanner/index.js'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\n/**\n * \u591A\u5217\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n */\nexport const MulticolDropdown = ({\n  multicolMetadata,\n  showStatsBanner,\n  statsBannerData,\n}: {\n  multicolMetadata: any\n  showStatsBanner: boolean\n  statsBannerData: any\n}) => {\n  const multicolDropdownRef = useRef<HTMLDivElement>(null)\n\n  return (\n    <div ref={multicolDropdownRef} className=\"bg-white py-4\">\n      <Container childClassName=\"bg-white\" className=\"h-full\">\n        <div className=\"laptop:gap-4 flex flex-col gap-3\">\n          {showStatsBanner && <CompanyStatsBanner data={statsBannerData} />}\n          <div className=\"flex gap-4\">\n            {multicolMetadata?.map((item: any, index: number) => (\n              <div key={`multicolItem-${item?.label}-${index}`} className=\"w-1/4\">\n                <MulticolItem item={item} />\n              </div>\n            ))}\n          </div>\n        </div>\n      </Container>\n    </div>\n  )\n}\n\n/**\n * \u591A\u5217\u4E0B\u62C9\u9879\n * @param item \u591A\u5217\u4E0B\u62C9\u9879\n */\nexport const MulticolItem = ({ item, allPicture }: { item: any; allPicture?: boolean }) => {\n  const { locale = 'us' } = useAiuiContext()\n  return (\n    <>\n      {item?.columns && (\n        <>\n          <Text html={item.label} as=\"div\" className=\"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n          <div className=\"mt-2 flex flex-col\">\n            {item.columns?.map((columnItem: any) => (\n              <div key={columnItem.label} className=\"flex items-center gap-1 py-2\">\n                <Link\n                  href={`${getLocalizedPath(columnItem.url, locale)}?ref=navMenu`}\n                  asChild={!columnItem.url}\n                  className=\"text-sm font-bold leading-[1.4] no-underline\"\n                >\n                  {columnItem.label}\n                </Link>\n                {columnItem?.badge && (\n                  <Text\n                    as=\"p\"\n                    html={columnItem?.badge || 'badge'}\n                    className=\"text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px]\"\n                  />\n                )}\n              </div>\n            ))}\n          </div>\n        </>\n      )}\n      {item?.imageUrl && (\n        <div\n          className={cn(\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',\n            {\n              ['tablet:max-w-none laptop:max-w-none']: allPicture,\n            }\n          )}\n        >\n          <Link href={`${getLocalizedPath(item.url, locale)}?ref=navMenu`} asChild={!item.url}>\n            <div className=\"size-full\">\n              <Picture\n                source={item.imageUrl}\n                width={404}\n                height={280}\n                className=\"size-full\"\n                imgClassName=\"object-cover h-full hover:scale-105 transition-all duration-300\"\n              />\n              <div className=\"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline\">\n                <Text\n                  html={item.title}\n                  className={cn('lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white', {\n                    'text-black': item?.theme === 'dark',\n                  })}\n                />\n                {item.subtitle && (\n                  <Text\n                    html={item.subtitle}\n                    className={cn('text-sm font-bold leading-[1.4] text-white', {\n                      'text-black': item?.theme === 'dark',\n                    })}\n                  />\n                )}\n                {item?.primary?.label && (\n                  <Button\n                    as=\"a\"\n                    href={getLocalizedPath(item?.primary?.url, locale)}\n                    variant=\"link\"\n                    size=\"lg\"\n                    iconClassName=\"size-4 lg-desktop:size-5\"\n                    className={cn('mr-auto !p-0 text-sm font-bold leading-[1.4] text-white', {\n                      'text-black': item?.theme === 'dark',\n                    })}\n                  >\n                    {item?.primary?.label || 'more'}\n                  </Button>\n                )}\n              </div>\n            </div>\n          </Link>\n        </div>\n      )}\n    </>\n  )\n}\n"],
+  "mappings": "AAwBQ,OAwBA,YAAAA,EAvBsB,OAAAC,EADtB,QAAAC,MAAA,oBAxBR,OAAgB,UAAAC,MAAc,QAC9B,OAAS,aAAAC,EAAW,QAAAC,EAAM,QAAAC,EAAM,WAAAC,EAAS,UAAAC,MAAc,4BACvD,OAAOC,MAAwB,gCAC/B,OAAS,MAAAC,EAAI,oBAAAC,MAAwB,yBACrC,OAAS,kBAAAC,MAAsB,2BAMxB,MAAMC,EAAmB,CAAC,CAC/B,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,CACF,IAIM,CACJ,MAAMC,EAAsBd,EAAuB,IAAI,EAEvD,OACEF,EAAC,OAAI,IAAKgB,EAAqB,UAAU,gBACvC,SAAAhB,EAACG,EAAA,CAAU,eAAe,WAAW,UAAU,SAC7C,SAAAF,EAAC,OAAI,UAAU,mCACZ,UAAAa,GAAmBd,EAACQ,EAAA,CAAmB,KAAMO,EAAiB,EAC/Df,EAAC,OAAI,UAAU,aACZ,SAAAa,GAAkB,IAAI,CAACI,EAAWC,IACjClB,EAAC,OAAiD,UAAU,QAC1D,SAAAA,EAACmB,EAAA,CAAa,KAAMF,EAAM,GADlB,gBAAgBA,GAAM,KAAK,IAAIC,CAAK,EAE9C,CACD,EACH,GACF,EACF,EACF,CAEJ,EAMaC,EAAe,CAAC,CAAE,KAAAF,EAAM,WAAAG,CAAW,IAA2C,CACzF,KAAM,CAAE,OAAAC,EAAS,IAAK,EAAIV,EAAe,EACzC,OACEV,EAAAF,EAAA,CACG,UAAAkB,GAAM,SACLhB,EAAAF,EAAA,CACE,UAAAC,EAACI,EAAA,CAAK,KAAMa,EAAK,MAAO,GAAG,MAAM,UAAU,sDAAsD,EACjGjB,EAAC,OAAI,UAAU,qBACZ,SAAAiB,EAAK,SAAS,IAAKK,GAClBrB,EAAC,OAA2B,UAAU,+BACpC,UAAAD,EAACK,EAAA,CACC,KAAM,GAAGK,EAAiBY,EAAW,IAAKD,CAAM,CAAC,eACjD,QAAS,CAACC,EAAW,IACrB,UAAU,+CAET,SAAAA,EAAW,MACd,EACCA,GAAY,OACXtB,EAACI,EAAA,CACC,GAAG,IACH,KAAMkB,GAAY,OAAS,QAC3B,UAAU,6HACZ,IAbMA,EAAW,KAerB,CACD,EACH,GACF,EAEDL,GAAM,UACLjB,EAAC,OACC,UAAWS,EACT,uLACA,CACG,sCAAwCW,CAC3C,CACF,EAEA,SAAApB,EAACK,EAAA,CAAK,KAAM,GAAGK,EAAiBO,EAAK,IAAKI,CAAM,CAAC,eAAgB,QAAS,CAACJ,EAAK,IAC9E,SAAAhB,EAAC,OAAI,UAAU,YACb,UAAAD,EAACM,EAAA,CACC,OAAQW,EAAK,SACb,MAAO,IACP,OAAQ,IACR,UAAU,YACV,aAAa,kEACf,EACAhB,EAAC,OAAI,UAAU,uEACb,UAAAD,EAACI,EAAA,CACC,KAAMa,EAAK,MACX,UAAWR,EAAG,iEAAkE,CAC9E,aAAcQ,GAAM,QAAU,MAChC,CAAC,EACH,EACCA,EAAK,UACJjB,EAACI,EAAA,CACC,KAAMa,EAAK,SACX,UAAWR,EAAG,6CAA8C,CAC1D,aAAcQ,GAAM,QAAU,MAChC,CAAC,EACH,EAEDA,GAAM,SAAS,OACdjB,EAACO,EAAA,CACC,GAAG,IACH,KAAMG,EAAiBO,GAAM,SAAS,IAAKI,CAAM,EACjD,QAAQ,OACR,KAAK,KACL,cAAc,2BACd,UAAWZ,EAAG,0DAA2D,CACvE,aAAcQ,GAAM,QAAU,MAChC,CAAC,EAEA,SAAAA,GAAM,SAAS,OAAS,OAC3B,GAEJ,GACF,EACF,EACF,GAEJ,CAEJ",
   "names": ["Fragment", "jsx", "jsxs", "useRef", "Container", "Text", "Link", "Picture", "Button", "CompanyStatsBanner", "cn", "getLocalizedPath", "useAiuiContext", "MulticolDropdown", "multicolMetadata", "showStatsBanner", "statsBannerData", "multicolDropdownRef", "item", "index", "MulticolItem", "allPicture", "locale", "columnItem"]
 }

package/dist/esm/biz-components/HeaderNavigation/TextLinksDropdown.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+/**
+ * TextLinks 下拉
+ * 左侧：折叠式分类导航（含子项）
+ * 右侧：多列纯文字链接列表（支持 badge 标签）
+ */
+export declare const TextLinksDropdown: React.MemoExoticComponent<({ textlinksCategoriesMetadata, textlinksColumnsMetadata, }: {
+    textlinksCategoriesMetadata: any;
+    textlinksColumnsMetadata: any;
+}) => import("react/jsx-runtime").JSX.Element>;

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

@@ -0,0 +1,2 @@
+import{Fragment as $,jsx as r,jsxs as b}from"react/jsx-runtime";import E,{useCallback as C,useEffect as B,useMemo as D,useRef as w,useState as k}from"react";import{Button as y,Container as O,Text as u,Link as R}from"../../components/index.js";import{cn as v,getLocalizedPath as p}from"../../helpers/utils.js";import{DownArrow as T}from"./icons/index.js";import{useNavContext as j}from"./NavProvider.js";import{useAiuiContext as _}from"../AiuiProvider/index.js";const W=E.memo(({textlinksCategoriesMetadata:o,textlinksColumnsMetadata:m})=>{const{onSidebarNavClick:h}=j(),{locale:c="us"}=_(),[f,x]=k([]),[d,g]=k(-1),L=w(null),S=w(null),N=C(()=>{const e=o?.subcategories;if(!e?.length)return;const l=e.findIndex(t=>!!t?.subSubCategories),a=e.findIndex(t=>!t?.subSubCategories),n=e.map((t,s)=>({index:s,open:l===s||a===s}));x(n)},[o]);B(()=>{N()},[N]);const i=D(()=>{const e=o?.subcategories?.[f?.find(l=>l.open)?.index||0];if(!e)return null;if(e?.subSubCategories){const l=e?.subSubCategories?.[d];if(l)return m?.find(a=>a?.label?.toLowerCase()===l?.label?.toLowerCase())||null}return m?.find(l=>l?.label?.toLowerCase()===e?.label?.toLowerCase())||null},[o,f,d,m]),F=C((e,l)=>{const a=l?.subSubCategories?.length>0;g(a?0:-1);const n=S.current;x(t=>t.map((s,A)=>A===e?{...s,open:!s.open}:a?{...s,open:!1}:!n&&d===-1?{...s,open:!1}:n&&!n.hasSubSubCategories&&!a&&d===-1?{...s,open:!1}:s)),S.current={index:e,hasSubSubCategories:a}},[d]),z=(e,l)=>{x(a=>a.map(n=>n.index===e?{...n,open:!0}:{...n,open:!1})),g(l)};return b(O,{childClassName:"lg-desktop:gap-12 flex bg-white gap-8",children:[b("div",{className:"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4",style:{userSelect:"none"},ref:L,children:[r("div",{className:"desktop:h-[416px] flex flex-col overflow-y-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:o?.subcategories?.map((e,l)=>{const a=Array.isArray(e?.subSubCategories)&&e?.subSubCategories?.length>0,n=f?.find(t=>t.index===l)?.open;return b("div",{children:[b("button",{className:v("rounded-sidebar-shelf flex w-full cursor-pointer items-center justify-between border-0 bg-transparent text-left",{"bg-[#F5F5F7]":!a&&n}),onClick:()=>{F(l,e),h?.(e,l)},"aria-expanded":a?n:void 0,"aria-haspopup":a?"true":void 0,children:[r(u,{html:e.label,className:"p-4 text-sm font-bold leading-[1.4]"}),a&&r(T,{"aria-hidden":"true",className:v("size-4",{"rotate-180":n})})]}),n&&a&&r("div",{className:"flex flex-col",role:"menu",children:e.subSubCategories?.map((t,s)=>r("button",{onClick:()=>{z(l,s),h?.(t,s)},className:v("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===s}),role:"menuitem","aria-label":t.label,children:r(u,{html:t.label,className:"text-sm font-bold leading-[1.4] text-[#4A4C56]"})},`textlinks-subSubItem-${l}-${s}`))})]},`${e?.label||""}textlinks-subcategoryItem-${l}`)})}),o&&r("div",{className:"flex",children:b("div",{className:"flex flex-col gap-4",children:[o?.primary&&r(y,{as:"a",href:`${p(o?.primary?.url,c)}?ref=${o?.primary?.label}_shopall`,variant:"primary",size:"lg",className:"lg-desktop:text-base text-sm",children:o?.primary?.label}),o?.secondary&&r(y,{as:"a",href:p(o?.secondary?.url,c),variant:"link",size:"lg",iconClassName:"size-4",className:"lg-desktop:text-base justify-start !p-0 text-sm",children:o?.secondary?.label})]})})]}),r("div",{className:"flex-1 py-4",children:i&&b($,{children:[b("div",{className:"mb-4 flex items-center justify-between",children:[(()=>{const e=b($,{children:[i?.label&&r(u,{html:i.label,className:"lg-desktop:text-2xl text-xl font-bold leading-[1.2]"}),i?.primary&&r(u,{html:i.primary.label,className:"lg-desktop:text-base text-sm font-bold leading-[1.2]"})]});return i?.primary?.url?r(y,{as:"a",href:`${p(i.primary.url,c)}?ref=${i.label}_viewmore`,variant:"link",size:"lg",iconClassName:"size-4",className:"flex items-center justify-start gap-2 !p-0 no-underline",children:e}):r("div",{className:"flex items-center gap-2",children:e})})(),i?.badge&&r(u,{html:i.badge,className:"h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px] text-[var(--brand-color-0)]"})]}),r("div",{className:"desktop:h-[416px] grid grid-cols-3 gap-4 overflow-y-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:i?.columns?.map((e,l)=>b("div",{className:"flex flex-col gap-2 pr-12",children:[e?.label&&r(u,{html:e.label,as:"p",className:"text-sm font-bold leading-[1.4] text-[#4A4C56]"}),r("div",{className:"flex flex-col",children:e?.links?.map((a,n)=>b("div",{className:"flex min-h-[36px] items-center gap-1 py-2",children:[r(R,{href:p(a?.url,c),asChild:!a?.url,className:"text-sm font-bold leading-[1.4] no-underline hover:opacity-70",children:a.label}),a?.badge&&r(u,{as:"p",html:a.badge,className:"text-brand-0 border-brand-0 h-[24px] whitespace-nowrap rounded-full border-[1.6px] px-[6px] text-xs font-bold !leading-[22px]"})]},`textlinks-link-${a?.label||""}-${n}`))})]},`textlinks-col-${e?.label||""}-${l}`))})]})})]})});W.displayName="TextLinksDropdown";export{W as TextLinksDropdown};
+//# sourceMappingURL=TextLinksDropdown.js.map

package/dist/esm/biz-components/HeaderNavigation/TextLinksDropdown.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/HeaderNavigation/TextLinksDropdown.tsx"],
+  "sourcesContent": ["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { Button, Container, Text, Link } from '../../components/index.js'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { DownArrow } from './icons/index.js'\nimport { useNavContext } from './NavProvider.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\n/**\n * TextLinks \u4E0B\u62C9\n * \u5DE6\u4FA7\uFF1A\u6298\u53E0\u5F0F\u5206\u7C7B\u5BFC\u822A\uFF08\u542B\u5B50\u9879\uFF09\n * \u53F3\u4FA7\uFF1A\u591A\u5217\u7EAF\u6587\u5B57\u94FE\u63A5\u5217\u8868\uFF08\u652F\u6301 badge \u6807\u7B7E\uFF09\n */\nexport const TextLinksDropdown = React.memo(\n  ({\n    textlinksCategoriesMetadata,\n    textlinksColumnsMetadata,\n  }: {\n    textlinksCategoriesMetadata: any\n    textlinksColumnsMetadata: any\n  }) => {\n    const { onSidebarNavClick } = useNavContext()\n    const { locale = 'us' } = useAiuiContext()\n    const [expandedSubcategory, setExpandedSubcategory] = useState<{ index: number; open: boolean }[]>([])\n    const [activeSubSubcategoryIndex, setActiveSubSubcategoryIndex] = useState(-1)\n    const sidebarRef = useRef<HTMLDivElement>(null)\n    const lastClickRef = useRef<{ index: number; hasSubSubCategories: boolean } | null>(null)\n\n    const initExpandedSubcategory = useCallback(() => {\n      const subcategories = textlinksCategoriesMetadata?.subcategories\n      if (!subcategories?.length) return\n\n      const withSubSubCategoriesIndex = subcategories.findIndex((item: any) => !!item?.subSubCategories)\n      const withoutSubSubCategoriesIndex = subcategories.findIndex((item: any) => !item?.subSubCategories)\n\n      const expandedStates = subcategories.map((_: any, index: number) => ({\n        index,\n        open: withSubSubCategoriesIndex === index || withoutSubSubCategoriesIndex === index,\n      }))\n\n      setExpandedSubcategory(expandedStates)\n    }, [textlinksCategoriesMetadata])\n\n    useEffect(() => {\n      initExpandedSubcategory()\n    }, [initExpandedSubcategory])\n\n    // \u901A\u8FC7\u5F53\u524D\u6FC0\u6D3B\u7684 subcategory/subSubCategory \u7684 label \u5339\u914D\u53F3\u4FA7\u5217\u6570\u636E\n    const matchColumnsMetadata = useMemo(() => {\n      const subCategory =\n        textlinksCategoriesMetadata?.subcategories?.[expandedSubcategory?.find(item => item.open)?.index || 0]\n\n      if (!subCategory) return null\n\n      if (subCategory?.subSubCategories) {\n        const activeSubSubcategory = subCategory?.subSubCategories?.[activeSubSubcategoryIndex]\n        if (activeSubSubcategory) {\n          return (\n            textlinksColumnsMetadata?.find(\n              (item: any) => item?.label?.toLowerCase() === activeSubSubcategory?.label?.toLowerCase()\n            ) || null\n          )\n        }\n      }\n\n      return (\n        textlinksColumnsMetadata?.find(\n          (item: any) => item?.label?.toLowerCase() === subCategory?.label?.toLowerCase()\n        ) || null\n      )\n    }, [textlinksCategoriesMetadata, expandedSubcategory, activeSubSubcategoryIndex, textlinksColumnsMetadata])\n\n    const handleSubcategoryOpen = useCallback(\n      (index: number, subcategoryItem: any) => {\n        const hasSubSubCategories = subcategoryItem?.subSubCategories?.length > 0\n        hasSubSubCategories ? setActiveSubSubcategoryIndex(0) : setActiveSubSubcategoryIndex(-1)\n\n        const lastClick = lastClickRef.current\n\n        setExpandedSubcategory(prev =>\n          prev.map((item, i) => {\n            if (i === index) {\n              return { ...item, open: !item.open }\n            }\n            if (hasSubSubCategories) {\n              return { ...item, open: false }\n            }\n            if (!lastClick && activeSubSubcategoryIndex === -1) {\n              return { ...item, open: false }\n            }\n            if (\n              lastClick &&\n              !lastClick.hasSubSubCategories &&\n              !hasSubSubCategories &&\n              activeSubSubcategoryIndex === -1\n            ) {\n              return { ...item, open: false }\n            }\n            return item\n          })\n        )\n\n        lastClickRef.current = { index, hasSubSubCategories }\n      },\n      [activeSubSubcategoryIndex]\n    )\n\n    const handleSubSubcategoryOpen = (index: number, subSubindex: number) => {\n      setExpandedSubcategory(prev =>\n        prev.map(item => (item.index === index ? { ...item, open: true } : { ...item, open: false }))\n      )\n      setActiveSubSubcategoryIndex(subSubindex)\n    }\n\n    return (\n      <Container childClassName=\"lg-desktop:gap-12 flex bg-white gap-8\">\n        {/* \u5DE6\u4FA7\uFF1A\u6298\u53E0\u5F0F\u5206\u7C7B\u5BFC\u822A */}\n        <div\n          className=\"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4\"\n          style={{ userSelect: 'none' }}\n          ref={sidebarRef}\n        >\n          <div\n            className=\"desktop:h-[416px] flex flex-col overflow-y-auto\"\n            style={{ scrollbarWidth: 'none', msOverflowStyle: 'none' }}\n          >\n            {textlinksCategoriesMetadata?.subcategories?.map((subItem: any, index: number) => {\n              const hasSubSubCategory =\n                Array.isArray(subItem?.subSubCategories) && subItem?.subSubCategories?.length > 0\n              const isExpanded = expandedSubcategory?.find(item => item.index === index)?.open\n              return (\n                <div key={`${subItem?.label || ''}textlinks-subcategoryItem-${index}`}>\n                  <button\n                    className={cn(\n                      'rounded-sidebar-shelf flex w-full cursor-pointer items-center justify-between border-0 bg-transparent text-left',\n                      {\n                        'bg-[#F5F5F7]': !hasSubSubCategory && isExpanded,\n                      }\n                    )}\n                    onClick={() => {\n                      handleSubcategoryOpen(index, subItem)\n                      onSidebarNavClick?.(subItem, index)\n                    }}\n                    aria-expanded={hasSubSubCategory ? isExpanded : undefined}\n                    aria-haspopup={hasSubSubCategory ? 'true' : undefined}\n                  >\n                    <Text html={subItem.label} className=\"p-4 text-sm font-bold leading-[1.4]\" />\n                    {hasSubSubCategory && (\n                      <DownArrow\n                        aria-hidden=\"true\"\n                        className={cn('size-4', {\n                          ['rotate-180']: isExpanded,\n                        })}\n                      />\n                    )}\n                  </button>\n                  {isExpanded && hasSubSubCategory && (\n                    <div className=\"flex flex-col\" role=\"menu\">\n                      {subItem.subSubCategories?.map((subSubItem: any, subSubindex: number) => (\n                        <button\n                          onClick={() => {\n                            handleSubSubcategoryOpen(index, subSubindex)\n                            onSidebarNavClick?.(subSubItem, subSubindex)\n                          }}\n                          key={`textlinks-subSubItem-${index}-${subSubindex}`}\n                          className={cn(\n                            'rounded-sidebar-shelf w-full cursor-pointer border-0 bg-transparent px-6 py-4 text-left leading-none hover:bg-[#F5F5F7]',\n                            {\n                              'bg-[#F5F5F7]': activeSubSubcategoryIndex === subSubindex,\n                            }\n                          )}\n                          role=\"menuitem\"\n                          aria-label={subSubItem.label}\n                        >\n                          <Text html={subSubItem.label} className=\"text-sm font-bold leading-[1.4] text-[#4A4C56]\" />\n                        </button>\n                      ))}\n                    </div>\n                  )}\n                </div>\n              )\n            })}\n          </div>\n\n          {/* \u5DE6\u4FA7\u5E95\u90E8 CTA */}\n          {textlinksCategoriesMetadata && (\n            <div className=\"flex\">\n              <div className=\"flex flex-col gap-4\">\n                {textlinksCategoriesMetadata?.primary && (\n                  <Button\n                    as=\"a\"\n                    href={`${getLocalizedPath(textlinksCategoriesMetadata?.primary?.url, locale)}?ref=${textlinksCategoriesMetadata?.primary?.label}_shopall`}\n                    variant=\"primary\"\n                    size=\"lg\"\n                    className=\"lg-desktop:text-base text-sm\"\n                  >\n                    {textlinksCategoriesMetadata?.primary?.label}\n                  </Button>\n                )}\n                {textlinksCategoriesMetadata?.secondary && (\n                  <Button\n                    as=\"a\"\n                    href={getLocalizedPath(textlinksCategoriesMetadata?.secondary?.url, locale)}\n                    variant=\"link\"\n                    size=\"lg\"\n                    iconClassName=\"size-4\"\n                    className=\"lg-desktop:text-base justify-start !p-0 text-sm\"\n                  >\n                    {textlinksCategoriesMetadata?.secondary?.label}\n                  </Button>\n                )}\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* \u53F3\u4FA7\uFF1A\u591A\u5217\u7EAF\u6587\u5B57\u94FE\u63A5 */}\n        <div className=\"flex-1 py-4\">\n          {matchColumnsMetadata && (\n            <>\n              {/* \u53F3\u4FA7\u6807\u9898\u884C */}\n              <div className=\"mb-4 flex items-center justify-between\">\n                {(() => {\n                  const labelContent = (\n                    <>\n                      {matchColumnsMetadata?.label && (\n                        <Text\n                          html={matchColumnsMetadata.label}\n                          className=\"lg-desktop:text-2xl text-xl font-bold leading-[1.2]\"\n                        />\n                      )}\n                      {matchColumnsMetadata?.primary && (\n                        <Text\n                          html={matchColumnsMetadata.primary.label}\n                          className=\"lg-desktop:text-base text-sm font-bold leading-[1.2]\"\n                        />\n                      )}\n                    </>\n                  )\n                  return matchColumnsMetadata?.primary?.url ? (\n                    <Button\n                      as=\"a\"\n                      href={`${getLocalizedPath(matchColumnsMetadata.primary.url, locale)}?ref=${matchColumnsMetadata.label}_viewmore`}\n                      variant=\"link\"\n                      size=\"lg\"\n                      iconClassName=\"size-4\"\n                      className=\"flex items-center justify-start gap-2 !p-0 no-underline\"\n                    >\n                      {labelContent}\n                    </Button>\n                  ) : (\n                    <div className=\"flex items-center gap-2\">{labelContent}</div>\n                  )\n                })()}\n                {matchColumnsMetadata?.badge && (\n                  <Text\n                    html={matchColumnsMetadata.badge}\n                    className=\"h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px] text-[var(--brand-color-0)]\"\n                  />\n                )}\n              </div>\n\n              {/* \u591A\u5217\u6587\u5B57\u94FE\u63A5 \u2014 \u56FA\u5B9A3\u5217\u7B49\u5BBD\uFF0C\u5217\u95F4\u8DDD gap-4\uFF0C\u6BCF\u5217 pr-12 */}\n              <div\n                className=\"desktop:h-[416px] grid grid-cols-3 gap-4 overflow-y-auto\"\n                style={{ scrollbarWidth: 'none', msOverflowStyle: 'none' }}\n              >\n                {matchColumnsMetadata?.columns?.map((col: any, colIndex: number) => (\n                  <div key={`textlinks-col-${col?.label || ''}-${colIndex}`} className=\"flex flex-col gap-2 pr-12\">\n                    {col?.label && (\n                      <Text html={col.label} as=\"p\" className=\"text-sm font-bold leading-[1.4] text-[#4A4C56]\" />\n                    )}\n                    <div className=\"flex flex-col\">\n                      {col?.links?.map((linkItem: any, linkIndex: number) => (\n                        <div\n                          key={`textlinks-link-${linkItem?.label || ''}-${linkIndex}`}\n                          className=\"flex min-h-[36px] items-center gap-1 py-2\"\n                        >\n                          <Link\n                            href={getLocalizedPath(linkItem?.url, locale)}\n                            asChild={!linkItem?.url}\n                            className=\"text-sm font-bold leading-[1.4] no-underline hover:opacity-70\"\n                          >\n                            {linkItem.label}\n                          </Link>\n                          {linkItem?.badge && (\n                            <Text\n                              as=\"p\"\n                              html={linkItem.badge}\n                              className=\"text-brand-0 border-brand-0 h-[24px] whitespace-nowrap rounded-full border-[1.6px] px-[6px] text-xs font-bold !leading-[22px]\"\n                            />\n                          )}\n                        </div>\n                      ))}\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </>\n          )}\n        </div>\n      </Container>\n    )\n  }\n)\n\nTextLinksDropdown.displayName = 'TextLinksDropdown'\n"],
+  "mappings": "AAmIkB,OA4FE,YAAAA,EA9EA,OAAAC,EAdF,QAAAC,MAAA,oBAnIlB,OAAOC,GAAS,eAAAC,EAAa,aAAAC,EAAW,WAAAC,EAAS,UAAAC,EAAQ,YAAAC,MAAgB,QACzE,OAAS,UAAAC,EAAQ,aAAAC,EAAW,QAAAC,EAAM,QAAAC,MAAY,4BAC9C,OAAS,MAAAC,EAAI,oBAAAC,MAAwB,yBACrC,OAAS,aAAAC,MAAiB,mBAC1B,OAAS,iBAAAC,MAAqB,mBAC9B,OAAS,kBAAAC,MAAsB,2BAOxB,MAAMC,EAAoBf,EAAM,KACrC,CAAC,CACC,4BAAAgB,EACA,yBAAAC,CACF,IAGM,CACJ,KAAM,CAAE,kBAAAC,CAAkB,EAAIL,EAAc,EACtC,CAAE,OAAAM,EAAS,IAAK,EAAIL,EAAe,EACnC,CAACM,EAAqBC,CAAsB,EAAIhB,EAA6C,CAAC,CAAC,EAC/F,CAACiB,EAA2BC,CAA4B,EAAIlB,EAAS,EAAE,EACvEmB,EAAapB,EAAuB,IAAI,EACxCqB,EAAerB,EAA+D,IAAI,EAElFsB,EAA0BzB,EAAY,IAAM,CAChD,MAAM0B,EAAgBX,GAA6B,cACnD,GAAI,CAACW,GAAe,OAAQ,OAE5B,MAAMC,EAA4BD,EAAc,UAAWE,GAAc,CAAC,CAACA,GAAM,gBAAgB,EAC3FC,EAA+BH,EAAc,UAAWE,GAAc,CAACA,GAAM,gBAAgB,EAE7FE,EAAiBJ,EAAc,IAAI,CAACK,EAAQC,KAAmB,CACnE,MAAAA,EACA,KAAML,IAA8BK,GAASH,IAAiCG,CAChF,EAAE,EAEFZ,EAAuBU,CAAc,CACvC,EAAG,CAACf,CAA2B,CAAC,EAEhCd,EAAU,IAAM,CACdwB,EAAwB,CAC1B,EAAG,CAACA,CAAuB,CAAC,EAG5B,MAAMQ,EAAuB/B,EAAQ,IAAM,CACzC,MAAMgC,EACJnB,GAA6B,gBAAgBI,GAAqB,KAAKS,GAAQA,EAAK,IAAI,GAAG,OAAS,CAAC,EAEvG,GAAI,CAACM,EAAa,OAAO,KAEzB,GAAIA,GAAa,iBAAkB,CACjC,MAAMC,EAAuBD,GAAa,mBAAmBb,CAAyB,EACtF,GAAIc,EACF,OACEnB,GAA0B,KACvBY,GAAcA,GAAM,OAAO,YAAY,IAAMO,GAAsB,OAAO,YAAY,CACzF,GAAK,IAGX,CAEA,OACEnB,GAA0B,KACvBY,GAAcA,GAAM,OAAO,YAAY,IAAMM,GAAa,OAAO,YAAY,CAChF,GAAK,IAET,EAAG,CAACnB,EAA6BI,EAAqBE,EAA2BL,CAAwB,CAAC,EAEpGoB,EAAwBpC,EAC5B,CAACgC,EAAeK,IAAyB,CACvC,MAAMC,EAAsBD,GAAiB,kBAAkB,OAAS,EAClDf,EAAtBgB,EAAmD,EAAkC,EAAjC,EAEpD,MAAMC,EAAYf,EAAa,QAE/BJ,EAAuBoB,GACrBA,EAAK,IAAI,CAACZ,EAAMa,IACVA,IAAMT,EACD,CAAE,GAAGJ,EAAM,KAAM,CAACA,EAAK,IAAK,EAEjCU,EACK,CAAE,GAAGV,EAAM,KAAM,EAAM,EAE5B,CAACW,GAAalB,IAA8B,GACvC,CAAE,GAAGO,EAAM,KAAM,EAAM,EAG9BW,GACA,CAACA,EAAU,qBACX,CAACD,GACDjB,IAA8B,GAEvB,CAAE,GAAGO,EAAM,KAAM,EAAM,EAEzBA,CACR,CACH,EAEAJ,EAAa,QAAU,CAAE,MAAAQ,EAAO,oBAAAM,CAAoB,CACtD,EACA,CAACjB,CAAyB,CAC5B,EAEMqB,EAA2B,CAACV,EAAeW,IAAwB,CACvEvB,EAAuBoB,GACrBA,EAAK,IAAIZ,GAASA,EAAK,QAAUI,EAAQ,CAAE,GAAGJ,EAAM,KAAM,EAAK,EAAI,CAAE,GAAGA,EAAM,KAAM,EAAM,CAAE,CAC9F,EACAN,EAA6BqB,CAAW,CAC1C,EAEA,OACE7C,EAACQ,EAAA,CAAU,eAAe,wCAExB,UAAAR,EAAC,OACC,UAAU,kEACV,MAAO,CAAE,WAAY,MAAO,EAC5B,IAAKyB,EAEL,UAAA1B,EAAC,OACC,UAAU,kDACV,MAAO,CAAE,eAAgB,OAAQ,gBAAiB,MAAO,EAExD,SAAAkB,GAA6B,eAAe,IAAI,CAAC6B,EAAcZ,IAAkB,CAChF,MAAMa,EACJ,MAAM,QAAQD,GAAS,gBAAgB,GAAKA,GAAS,kBAAkB,OAAS,EAC5EE,EAAa3B,GAAqB,KAAKS,GAAQA,EAAK,QAAUI,CAAK,GAAG,KAC5E,OACElC,EAAC,OACC,UAAAA,EAAC,UACC,UAAWW,EACT,kHACA,CACE,eAAgB,CAACoC,GAAqBC,CACxC,CACF,EACA,QAAS,IAAM,CACbV,EAAsBJ,EAAOY,CAAO,EACpC3B,IAAoB2B,EAASZ,CAAK,CACpC,EACA,gBAAea,EAAoBC,EAAa,OAChD,gBAAeD,EAAoB,OAAS,OAE5C,UAAAhD,EAACU,EAAA,CAAK,KAAMqC,EAAQ,MAAO,UAAU,sCAAsC,EAC1EC,GACChD,EAACc,EAAA,CACC,cAAY,OACZ,UAAWF,EAAG,SAAU,CACrB,aAAeqC,CAClB,CAAC,EACH,GAEJ,EACCA,GAAcD,GACbhD,EAAC,OAAI,UAAU,gBAAgB,KAAK,OACjC,SAAA+C,EAAQ,kBAAkB,IAAI,CAACG,EAAiBJ,IAC/C9C,EAAC,UACC,QAAS,IAAM,CACb6C,EAAyBV,EAAOW,CAAW,EAC3C1B,IAAoB8B,EAAYJ,CAAW,CAC7C,EAEA,UAAWlC,EACT,0HACA,CACE,eAAgBY,IAA8BsB,CAChD,CACF,EACA,KAAK,WACL,aAAYI,EAAW,MAEvB,SAAAlD,EAACU,EAAA,CAAK,KAAMwC,EAAW,MAAO,UAAU,iDAAiD,GAVpF,wBAAwBf,CAAK,IAAIW,CAAW,EAWnD,CACD,EACH,IA9CM,GAAGC,GAAS,OAAS,EAAE,6BAA6BZ,CAAK,EAgDnE,CAEJ,CAAC,EACH,EAGCjB,GACClB,EAAC,OAAI,UAAU,OACb,SAAAC,EAAC,OAAI,UAAU,sBACZ,UAAAiB,GAA6B,SAC5BlB,EAACQ,EAAA,CACC,GAAG,IACH,KAAM,GAAGK,EAAiBK,GAA6B,SAAS,IAAKG,CAAM,CAAC,QAAQH,GAA6B,SAAS,KAAK,WAC/H,QAAQ,UACR,KAAK,KACL,UAAU,+BAET,SAAAA,GAA6B,SAAS,MACzC,EAEDA,GAA6B,WAC5BlB,EAACQ,EAAA,CACC,GAAG,IACH,KAAMK,EAAiBK,GAA6B,WAAW,IAAKG,CAAM,EAC1E,QAAQ,OACR,KAAK,KACL,cAAc,SACd,UAAU,kDAET,SAAAH,GAA6B,WAAW,MAC3C,GAEJ,EACF,GAEJ,EAGAlB,EAAC,OAAI,UAAU,cACZ,SAAAoC,GACCnC,EAAAF,EAAA,CAEE,UAAAE,EAAC,OAAI,UAAU,yCACX,eAAM,CACN,MAAMkD,EACJlD,EAAAF,EAAA,CACG,UAAAqC,GAAsB,OACrBpC,EAACU,EAAA,CACC,KAAM0B,EAAqB,MAC3B,UAAU,sDACZ,EAEDA,GAAsB,SACrBpC,EAACU,EAAA,CACC,KAAM0B,EAAqB,QAAQ,MACnC,UAAU,uDACZ,GAEJ,EAEF,OAAOA,GAAsB,SAAS,IACpCpC,EAACQ,EAAA,CACC,GAAG,IACH,KAAM,GAAGK,EAAiBuB,EAAqB,QAAQ,IAAKf,CAAM,CAAC,QAAQe,EAAqB,KAAK,YACrG,QAAQ,OACR,KAAK,KACL,cAAc,SACd,UAAU,0DAET,SAAAe,EACH,EAEAnD,EAAC,OAAI,UAAU,0BAA2B,SAAAmD,EAAa,CAE3D,GAAG,EACFf,GAAsB,OACrBpC,EAACU,EAAA,CACC,KAAM0B,EAAqB,MAC3B,UAAU,4IACZ,GAEJ,EAGApC,EAAC,OACC,UAAU,2DACV,MAAO,CAAE,eAAgB,OAAQ,gBAAiB,MAAO,EAExD,SAAAoC,GAAsB,SAAS,IAAI,CAACgB,EAAUC,IAC7CpD,EAAC,OAA0D,UAAU,4BAClE,UAAAmD,GAAK,OACJpD,EAACU,EAAA,CAAK,KAAM0C,EAAI,MAAO,GAAG,IAAI,UAAU,iDAAiD,EAE3FpD,EAAC,OAAI,UAAU,gBACZ,SAAAoD,GAAK,OAAO,IAAI,CAACE,EAAeC,IAC/BtD,EAAC,OAEC,UAAU,4CAEV,UAAAD,EAACW,EAAA,CACC,KAAME,EAAiByC,GAAU,IAAKjC,CAAM,EAC5C,QAAS,CAACiC,GAAU,IACpB,UAAU,gEAET,SAAAA,EAAS,MACZ,EACCA,GAAU,OACTtD,EAACU,EAAA,CACC,GAAG,IACH,KAAM4C,EAAS,MACf,UAAU,gIACZ,IAfG,kBAAkBA,GAAU,OAAS,EAAE,IAAIC,CAAS,EAiB3D,CACD,EACH,IA1BQ,iBAAiBH,GAAK,OAAS,EAAE,IAAIC,CAAQ,EA2BvD,CACD,EACH,GACF,EAEJ,GACF,CAEJ,CACF,EAEApC,EAAkB,YAAc",
+  "names": ["Fragment", "jsx", "jsxs", "React", "useCallback", "useEffect", "useMemo", "useRef", "useState", "Button", "Container", "Text", "Link", "cn", "getLocalizedPath", "DownArrow", "useNavContext", "useAiuiContext", "TextLinksDropdown", "textlinksCategoriesMetadata", "textlinksColumnsMetadata", "onSidebarNavClick", "locale", "expandedSubcategory", "setExpandedSubcategory", "activeSubSubcategoryIndex", "setActiveSubSubcategoryIndex", "sidebarRef", "lastClickRef", "initExpandedSubcategory", "subcategories", "withSubSubCategoriesIndex", "item", "withoutSubSubCategoriesIndex", "expandedStates", "_", "index", "matchColumnsMetadata", "subCategory", "activeSubSubcategory", "handleSubcategoryOpen", "subcategoryItem", "hasSubSubCategories", "lastClick", "prev", "i", "handleSubSubcategoryOpen", "subSubindex", "subItem", "hasSubSubCategory", "isExpanded", "subSubItem", "labelContent", "col", "colIndex", "linkItem", "linkIndex"]
+}

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

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

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

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