@anker-in/headless-ui 1.0.10 → 1.0.11

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

@@ -0,0 +1,2 @@
+export { default } from './GraphicOverlay.js';
+export type { GraphicOverlayProps } from './types.js';

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/GraphicOverlay/index.tsx"],
+  "sourcesContent": ["export { default } from './GraphicOverlay.js'\nexport type { GraphicOverlayProps } from './types.js'\n"],
+  "mappings": "AAAA,OAAS,WAAAA,MAAe",
+  "names": ["default"]
+}

package/dist/esm/biz-components/GraphicOverlay/types.d.ts

@@ -0,0 +1,33 @@
+import type { Media, Shape, Theme } from '../../types/props';
+export type Item = {
+    theme?: Theme;
+    title: string;
+    description: string;
+    imageUrl: Media;
+    imageMobileUrl?: Media;
+    tabName?: string;
+    width?: 'full' | 'half' | 'one-third';
+    blockLink?: string;
+    primaryButton: {
+        text: string;
+        link: string;
+    };
+    secondaryButton: {
+        text: string;
+        link: string;
+    };
+    video?: {
+        url: string;
+    };
+    youtubeId?: string;
+    isYouTube?: boolean;
+};
+export type GraphicOverlayProps = {
+    data: {
+        shape?: Shape;
+        items: ({
+            width?: 'full' | 'half' | 'one-third';
+        } & Item)[];
+    };
+    className?: string;
+};

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { Product } from '../../cpn-components/CpnProductCard/types.js';
+import { HeaderNavigationMenu } from './types.js';
+import type { UserProfile } from './types.js';
+interface NavContextType {
+    buildProps: {
+        products: Product[];
+    };
+    event?: {
+        search?: () => void;
+        cart?: () => void;
+        profile?: () => void;
+        livestream?: () => void;
+        join?: () => void;
+        login?: () => void;
+    };
+    profile?: UserProfile;
+    isMobile?: boolean;
+    payloadData: any;
+    currentMenu?: HeaderNavigationMenu;
+    setCurrentMenu?: (menu: HeaderNavigationMenu) => void;
+    thirdNavTitle?: string;
+    setThirdNavTitle?: (title: string) => void;
+    matchSeriesMetadata?: any;
+    setMatchSeriesMetadata?: (metadata: any) => void;
+}
+export declare const NavContext: React.Context<NavContextType>;
+export declare const useNavContext: () => NavContextType;
+declare const NavProvider: ({ children, ...rest }: {
+    children: React.ReactNode;
+} & NavContextType) => import("react/jsx-runtime").JSX.Element;
+export default NavProvider;

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

@@ -0,0 +1,2 @@
+import{jsx as C}from"react/jsx-runtime";import{createContext as l,useCallback as n,useContext as v,useMemo as M,useReducer as N}from"react";import{HeaderNavigationMenu as c}from"./types.js";const T={isMobile:!1,payloadData:{},buildProps:{products:[]},currentMenu:c.Primary,setCurrentMenu:()=>{},thirdNavTitle:"",setThirdNavTitle:()=>{},matchSeriesMetadata:{},setMatchSeriesMetadata:()=>{}},o=l(T),h=()=>{if(!v(o))throw new Error("useNavContext must be used in <NavProvider>");return v(o)},E=(e,t)=>{switch(t.type){case"SET_CURRENT_MENU":return{...e,currentMenu:t.value};case"SET_THIRD_NAV_TITLE":return{...e,thirdNavTitle:t.value};case"SET_MATCH_SERIES_METADATA":return{...e,matchSeriesMetadata:t.value}}},y=({children:e,...t})=>{const[i,r]=N(E,{...T,currentMenu:c.Primary,setCurrentMenu:()=>{}}),s=n(a=>r({type:"SET_CURRENT_MENU",value:a}),[r]),u=n(a=>r({type:"SET_THIRD_NAV_TITLE",value:a}),[r]),d=n(a=>r({type:"SET_MATCH_SERIES_METADATA",value:a}),[r]),p=M(()=>({...i,setCurrentMenu:s,setThirdNavTitle:u,setMatchSeriesMetadata:d}),[s,u,d,i]);return C(o.Provider,{value:{...p,...t},children:e})};var A=y;export{o as NavContext,A as default,h as useNavContext};
+//# sourceMappingURL=NavProvider.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/HeaderNavigation/NavProvider.tsx"],
+  "sourcesContent": ["import React, { createContext, useCallback, useContext, useMemo, useReducer } from 'react'\nimport type { Product } from '../../cpn-components/CpnProductCard/types.js'\nimport { HeaderNavigationMenu } from './types.js'\nimport type { UserProfile } from './types.js'\n\ninterface NavContextType {\n  buildProps: {\n    products: Product[] // \u4EA7\u54C1\u6570\u636E\n  }\n  event?: {\n    search?: () => void\n    cart?: () => void\n    profile?: () => void\n    livestream?: () => void\n    join?: () => void\n    login?: () => void\n  }\n  profile?: UserProfile // \u7528\u6237\u4FE1\u606F\n  isMobile?: boolean\n  payloadData: any\n  currentMenu?: HeaderNavigationMenu // \u5F53\u524D\u83DC\u5355\n  setCurrentMenu?: (menu: HeaderNavigationMenu) => void // \u8BBE\u7F6E\u5F53\u524D\u83DC\u5355\n  thirdNavTitle?: string // \u7B2C\u4E09\u7EA7\u5BFC\u822A\u6807\u9898\n  setThirdNavTitle?: (title: string) => void // \u8BBE\u7F6E\u7B2C\u4E09\u7EA7\u5BFC\u822A\u6807\u9898\n  matchSeriesMetadata?: any // \u5339\u914D\u7684\u7CFB\u5217\u5143\u6570\u636E\n  setMatchSeriesMetadata?: (metadata: any) => void // \u8BBE\u7F6E\u5339\u914D\u7684\u7CFB\u5217\u5143\u6570\u636E\n}\n\nconst initialState: NavContextType = {\n  isMobile: false,\n  payloadData: {},\n  buildProps: {\n    products: [],\n  },\n  currentMenu: HeaderNavigationMenu.Primary,\n  setCurrentMenu: () => {},\n  thirdNavTitle: '',\n  setThirdNavTitle: () => {},\n  matchSeriesMetadata: {},\n  setMatchSeriesMetadata: () => {},\n}\n\ntype Action =\n  | {\n      type: 'SET_CURRENT_MENU'\n      value: HeaderNavigationMenu\n    }\n  | {\n      type: 'SET_THIRD_NAV_TITLE'\n      value: string\n    }\n  | {\n      type: 'SET_MATCH_SERIES_METADATA'\n      value: any\n    }\n\nexport const NavContext = createContext<NavContextType>(initialState)\n\nexport const useNavContext = () => {\n  const context = useContext(NavContext)\n  if (!context) {\n    throw new Error('useNavContext must be used in <NavProvider>')\n  }\n  return useContext(NavContext)\n}\n\nconst reducer = (state: NavContextType, action: Action) => {\n  switch (action.type) {\n    case 'SET_CURRENT_MENU': {\n      return {\n        ...state,\n        currentMenu: action.value,\n      }\n    }\n    case 'SET_THIRD_NAV_TITLE': {\n      return {\n        ...state,\n        thirdNavTitle: action.value,\n      }\n    }\n    case 'SET_MATCH_SERIES_METADATA': {\n      return {\n        ...state,\n        matchSeriesMetadata: action.value,\n      }\n    }\n  }\n}\n\nconst NavProvider = ({\n  children,\n  ...rest\n}: {\n  children: React.ReactNode\n} & NavContextType) => {\n  const [state, dispatch] = useReducer(reducer, {\n    ...initialState,\n    currentMenu: HeaderNavigationMenu.Primary,\n    setCurrentMenu: () => {},\n  })\n\n  const setCurrentMenu = useCallback(\n    (value: HeaderNavigationMenu) => {\n      return dispatch({ type: 'SET_CURRENT_MENU', value })\n    },\n    [dispatch]\n  )\n\n  const setThirdNavTitle = useCallback(\n    (value: string) => {\n      return dispatch({ type: 'SET_THIRD_NAV_TITLE', value })\n    },\n    [dispatch]\n  )\n\n  const setMatchSeriesMetadata = useCallback(\n    (value: any) => {\n      return dispatch({ type: 'SET_MATCH_SERIES_METADATA', value })\n    },\n    [dispatch]\n  )\n\n  const value = useMemo(\n    () => ({\n      ...state,\n      setCurrentMenu,\n      setThirdNavTitle,\n      setMatchSeriesMetadata,\n    }),\n    [setCurrentMenu, setThirdNavTitle, setMatchSeriesMetadata, state]\n  )\n\n  return <NavContext.Provider value={{ ...value, ...rest }}>{children}</NavContext.Provider>\n}\n\nexport default NavProvider\n"],
+  "mappings": "AAoIS,cAAAA,MAAA,oBApIT,OAAgB,iBAAAC,EAAe,eAAAC,EAAa,cAAAC,EAAY,WAAAC,EAAS,cAAAC,MAAkB,QAEnF,OAAS,wBAAAC,MAA4B,aA0BrC,MAAMC,EAA+B,CACnC,SAAU,GACV,YAAa,CAAC,EACd,WAAY,CACV,SAAU,CAAC,CACb,EACA,YAAaD,EAAqB,QAClC,eAAgB,IAAM,CAAC,EACvB,cAAe,GACf,iBAAkB,IAAM,CAAC,EACzB,oBAAqB,CAAC,EACtB,uBAAwB,IAAM,CAAC,CACjC,EAgBaE,EAAaP,EAA8BM,CAAY,EAEvDE,EAAgB,IAAM,CAEjC,GAAI,CADYN,EAAWK,CAAU,EAEnC,MAAM,IAAI,MAAM,6CAA6C,EAE/D,OAAOL,EAAWK,CAAU,CAC9B,EAEME,EAAU,CAACC,EAAuBC,IAAmB,CACzD,OAAQA,EAAO,KAAM,CACnB,IAAK,mBACH,MAAO,CACL,GAAGD,EACH,YAAaC,EAAO,KACtB,EAEF,IAAK,sBACH,MAAO,CACL,GAAGD,EACH,cAAeC,EAAO,KACxB,EAEF,IAAK,4BACH,MAAO,CACL,GAAGD,EACH,oBAAqBC,EAAO,KAC9B,CAEJ,CACF,EAEMC,EAAc,CAAC,CACnB,SAAAC,EACA,GAAGC,CACL,IAEuB,CACrB,KAAM,CAACJ,EAAOK,CAAQ,EAAIX,EAAWK,EAAS,CAC5C,GAAGH,EACH,YAAaD,EAAqB,QAClC,eAAgB,IAAM,CAAC,CACzB,CAAC,EAEKW,EAAiBf,EACpBgB,GACQF,EAAS,CAAE,KAAM,mBAAoB,MAAAE,CAAM,CAAC,EAErD,CAACF,CAAQ,CACX,EAEMG,EAAmBjB,EACtBgB,GACQF,EAAS,CAAE,KAAM,sBAAuB,MAAAE,CAAM,CAAC,EAExD,CAACF,CAAQ,CACX,EAEMI,EAAyBlB,EAC5BgB,GACQF,EAAS,CAAE,KAAM,4BAA6B,MAAAE,CAAM,CAAC,EAE9D,CAACF,CAAQ,CACX,EAEME,EAAQd,EACZ,KAAO,CACL,GAAGO,EACH,eAAAM,EACA,iBAAAE,EACA,uBAAAC,CACF,GACA,CAACH,EAAgBE,EAAkBC,EAAwBT,CAAK,CAClE,EAEA,OAAOX,EAACQ,EAAW,SAAX,CAAoB,MAAO,CAAE,GAAGU,EAAO,GAAGH,CAAK,EAAI,SAAAD,EAAS,CACtE,EAEA,IAAOO,EAAQR",
+  "names": ["jsx", "createContext", "useCallback", "useContext", "useMemo", "useReducer", "HeaderNavigationMenu", "initialState", "NavContext", "useNavContext", "reducer", "state", "action", "NavProvider", "children", "rest", "dispatch", "setCurrentMenu", "value", "setThirdNavTitle", "setMatchSeriesMetadata", "NavProvider_default"]
+}

package/dist/esm/biz-components/HeaderNavigation/icons/AnkerLogo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AnkerLogo: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default AnkerLogo;

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/AnkerLogo.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst AnkerLogo = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg width=\"82\" height=\"21\" viewBox=\"0 0 82 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M10.9365 10.5967C10.9546 10.5727 10.9911 10.5911 10.9912 10.6211L10.6172 14.7471C10.6172 14.7651 10.6475 14.7832 10.6475 14.7832H12.584C12.6081 14.7832 12.6084 14.832 12.6084 14.832L8.44531 20.2793C8.42722 20.3033 8.39077 20.285 8.39062 20.2549L8.76465 16.1289C8.76465 16.1111 8.73567 16.0936 8.73438 16.0928H6.79785C6.77371 16.0928 6.77344 16.0439 6.77344 16.0439L10.9365 10.5967ZM9.8877 1C10.5152 1 11.0828 1.35599 11.3604 1.91699L18.8125 17.0576H15.5723L9.9248 5.65723L4.27051 17.0576H1L8.5 1.8623C8.75942 1.3377 9.29658 1.00016 9.8877 1ZM65.6787 3.84766H57.165V14.2227H65.6787V17.0576H55.668C54.8776 17.0574 54.2383 16.4179 54.2383 15.6279V1H65.6787V3.84766ZM75.3281 1.00586C77.8864 1.00606 80.131 2.86991 80.3242 5.64453C80.4569 7.55073 79.6417 9.02852 77.7832 10.4521L81.9229 17.0576H78.4775L74.3506 10.4521H70.9053V17.0576H67.9844V1.00586H75.3281ZM52.9961 17.0566L49.5273 17.0498L45.7617 11.0537L47.6504 8.55078L52.9961 17.0566ZM40.6006 11.1465L48.2334 1H51.9443C51.914 1.04013 40.2758 16.4217 40.2207 16.4971C39.8225 17.0279 39.1521 17.1057 38.8203 17.0273C37.9817 16.8402 37.668 16.1705 37.668 15.6338V1H40.6006V11.1465ZM31.8037 11.1465V1H34.7363V15.6338C34.7363 16.1706 34.4218 16.8343 33.583 17.0273C33.251 17.1055 32.5816 17.0215 32.1836 16.4971C32.1473 16.4548 26.8316 9.41522 23.3682 4.84277V17.0459H20.4414V1H24.1709L31.8037 11.1465ZM64.1963 10.4463H58.4336V7.60547H64.1963V10.4463ZM70.9053 7.60547H75.3096C76.631 7.60547 77.4941 6.88097 77.4941 5.65039C77.494 4.9868 76.9747 3.84082 75.3096 3.84082H70.9053V7.60547Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nexport default AnkerLogo\n"],
+  "mappings": "AAKM,cAAAA,MAAA,oBALN,MAAkB,QAElB,MAAMC,EAAaC,GAEfF,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA8B,GAAGE,EACjG,SAAAF,EAAC,QACC,EAAE,8/CACF,KAAK,eACP,EACF,EAIJ,IAAOG,EAAQF",
+  "names": ["jsx", "AnkerLogo", "props", "AnkerLogo_default"]
+}

package/dist/esm/biz-components/HeaderNavigation/icons/Cart.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Cart: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Cart;

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/Cart.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst Cart = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" {...props}>\n      <path\n        d=\"M8.36719 18.5C9.2806 18.5001 10.0215 19.2466 10.0215 20.167C10.0213 21.0873 9.2805 21.8329 8.36719 21.833C7.45379 21.833 6.71307 21.0873 6.71289 20.167C6.71289 19.2465 7.45369 18.5 8.36719 18.5ZM18.291 18.5C19.2044 18.5001 19.9453 19.2466 19.9453 20.167C19.9451 21.0873 19.2043 21.8329 18.291 21.833C17.3776 21.833 16.6369 21.0873 16.6367 20.167C16.6367 19.2465 17.3775 18.5 18.291 18.5ZM4.18652 3.5C4.64137 3.50021 5.03769 3.81227 5.14844 4.25684L5.65039 6.26953H20.1621C21.4568 6.26958 22.3987 7.49588 22.085 8.75586L20.4727 15.2305C20.1403 16.5645 18.95 17.4999 17.585 17.5H8.72363C7.35983 17.5 6.16959 16.5678 5.83691 15.2324L3.96875 7.73535L1.81543 5.1416C1.56834 4.8438 1.51474 4.42887 1.67773 4.07715C1.84084 3.72535 2.19083 3.50009 2.57617 3.5H4.18652ZM7.76172 14.7451C7.87219 15.1886 8.2673 15.5 8.72363 15.5H17.585C18.0399 15.4999 18.4361 15.1878 18.5469 14.7432L20.1602 8.26953H6.14844L7.76172 14.7451Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nexport default Cart\n"],
+  "mappings": "AAKM,cAAAA,MAAA,oBALN,MAAkB,QAElB,MAAMC,EAAQC,GAEVF,EAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAQ,GAAGE,EACjG,SAAAF,EAAC,QACC,EAAE,o5BACF,KAAK,eACP,EACF,EAIJ,IAAOG,EAAQF",
+  "names": ["jsx", "Cart", "props", "Cart_default"]
+}

package/dist/esm/biz-components/HeaderNavigation/icons/Close.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Close: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Close;

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/Close.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst Close = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <g clip-path=\"url(#clip0_1031_9682)\">\n        <path\n          d=\"M5.63593 5.63604C6.0264 5.24546 6.65962 5.24551 7.05015 5.63604L11.9999 10.5858L16.9496 5.63604L17.0256 5.56699C17.4184 5.24681 17.9979 5.26993 18.3639 5.63604C18.7298 6.00211 18.753 6.58152 18.4329 6.97429L18.3639 7.05025L13.4141 12L18.3639 16.9497L18.4329 17.0257C18.753 17.4185 18.7298 17.9979 18.3639 18.364C17.9979 18.7301 17.4184 18.7532 17.0256 18.433L16.9496 18.364L11.9999 13.4142L7.05015 18.364C6.65962 18.7545 6.0264 18.7545 5.63593 18.364C5.2455 17.9734 5.24551 17.3403 5.63593 16.9497L10.5857 12L5.63593 7.05025C5.24551 6.65972 5.2455 6.02658 5.63593 5.63604Z\"\n          fill=\"currentColor\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1031_9682\">\n          <rect width=\"24\" height=\"24\" fill=\"white\" />\n        </clipPath>\n      </defs>\n    </svg>\n  )\n}\n\nexport default Close\n"],
+  "mappings": "AAII,OAEI,OAAAA,EAFJ,QAAAC,MAAA,oBAJJ,MAAkB,QAElB,MAAMC,EAASC,GAEXF,EAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAQ,GAAGE,EACjG,UAAAH,EAAC,KAAE,YAAU,wBACX,SAAAA,EAAC,QACC,EAAE,+jBACF,KAAK,eACP,EACF,EACAA,EAAC,QACC,SAAAA,EAAC,YAAS,GAAG,kBACX,SAAAA,EAAC,QAAK,MAAM,KAAK,OAAO,KAAK,KAAK,QAAQ,EAC5C,EACF,GACF,EAIJ,IAAOI,EAAQF",
+  "names": ["jsx", "jsxs", "Close", "props", "Close_default"]
+}

package/dist/esm/biz-components/HeaderNavigation/icons/DownArrow.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DownArrow: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default DownArrow;

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/DownArrow.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst DownArrow = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n    </svg>\n  )\n}\n\nexport default DownArrow\n"],
+  "mappings": "AAKM,cAAAA,MAAA,oBALN,MAAkB,QAElB,MAAMC,EAAaC,GAEfF,EAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAQ,GAAGE,EACjG,SAAAF,EAAC,QAAK,EAAE,kBAAkB,OAAO,eAAe,eAAa,IAAI,iBAAe,QAAQ,kBAAgB,QAAQ,EAClH,EAIJ,IAAOG,EAAQF",
+  "names": ["jsx", "DownArrow", "props", "DownArrow_default"]
+}

package/dist/esm/biz-components/HeaderNavigation/icons/LeftArrow.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const LeftArrow: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default LeftArrow;

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/LeftArrow.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst LeftArrow = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <path\n        d=\"M15 6L9 12L15 18\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nexport default LeftArrow\n"],
+  "mappings": "AAKM,cAAAA,MAAA,oBALN,MAAkB,QAElB,MAAMC,EAAaC,GAEfF,EAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAQ,GAAGE,EACjG,SAAAF,EAAC,QACC,EAAE,mBACF,OAAO,eACP,eAAa,IACb,iBAAe,QACf,kBAAgB,QAClB,EACF,EAIJ,IAAOG,EAAQF",
+  "names": ["jsx", "LeftArrow", "props", "LeftArrow_default"]
+}

package/dist/esm/biz-components/HeaderNavigation/icons/LogoLine.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const LogoLine: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default LogoLine;

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/LogoLine.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst LogoLine = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1\" height=\"16\" viewBox=\"0 0 1 16\" fill=\"none\" {...props}>\n      <path d=\"M1 0H0V16H1V0Z\" fill=\"currentColor\" />\n    </svg>\n  )\n}\n\nexport default LogoLine\n"],
+  "mappings": "AAKM,cAAAA,MAAA,oBALN,MAAkB,QAElB,MAAMC,EAAYC,GAEdF,EAAC,OAAI,MAAM,6BAA6B,MAAM,IAAI,OAAO,KAAK,QAAQ,WAAW,KAAK,OAAQ,GAAGE,EAC/F,SAAAF,EAAC,QAAK,EAAE,iBAAiB,KAAK,eAAe,EAC/C,EAIJ,IAAOG,EAAQF",
+  "names": ["jsx", "LogoLine", "props", "LogoLine_default"]
+}

package/dist/esm/biz-components/HeaderNavigation/icons/Menu.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Menu: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Menu;

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

@@ -0,0 +1,2 @@
+import{jsx as t,jsxs as h}from"react/jsx-runtime";import"react";const r=e=>h("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:[t("rect",{x:"2.40002",y:"4.99902",width:"19.2",height:"1.8",rx:"0.9"}),t("rect",{x:"2.40002",y:"11.5991",width:"19.2",height:"1.8",rx:"0.9"}),t("rect",{x:"2.40002",y:"18.1992",width:"19.2",height:"1.8",rx:"0.9"})]});var c=r;export{c as default};
+//# sourceMappingURL=Menu.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/Menu.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst Menu = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <rect x=\"2.40002\" y=\"4.99902\" width=\"19.2\" height=\"1.8\" rx=\"0.9\"></rect>\n      <rect x=\"2.40002\" y=\"11.5991\" width=\"19.2\" height=\"1.8\" rx=\"0.9\"></rect>\n      <rect x=\"2.40002\" y=\"18.1992\" width=\"19.2\" height=\"1.8\" rx=\"0.9\"></rect>\n    </svg>\n  )\n}\n\nexport default Menu\n"],
+  "mappings": "AAII,OACE,OAAAA,EADF,QAAAC,MAAA,oBAJJ,MAAkB,QAElB,MAAMC,EAAQC,GAEVF,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,MAAM,6BAA8B,GAAGE,EACrF,UAAAH,EAAC,QAAK,EAAE,UAAU,EAAE,UAAU,MAAM,OAAO,OAAO,MAAM,GAAG,MAAM,EACjEA,EAAC,QAAK,EAAE,UAAU,EAAE,UAAU,MAAM,OAAO,OAAO,MAAM,GAAG,MAAM,EACjEA,EAAC,QAAK,EAAE,UAAU,EAAE,UAAU,MAAM,OAAO,OAAO,MAAM,GAAG,MAAM,GACnE,EAIJ,IAAOI,EAAQF",
+  "names": ["jsx", "jsxs", "Menu", "props", "Menu_default"]
+}

package/dist/esm/biz-components/HeaderNavigation/icons/RightArrow.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const RightArrow: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default RightArrow;

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/RightArrow.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst RightArrow = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n    </svg>\n  )\n}\n\nexport default RightArrow\n"],
+  "mappings": "AAKM,cAAAA,MAAA,oBALN,MAAkB,QAElB,MAAMC,EAAcC,GAEhBF,EAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAQ,GAAGE,EACjG,SAAAF,EAAC,QAAK,EAAE,kBAAkB,OAAO,eAAe,eAAa,IAAI,iBAAe,QAAQ,kBAAgB,QAAQ,EAClH,EAIJ,IAAOG,EAAQF",
+  "names": ["jsx", "RightArrow", "props", "RightArrow_default"]
+}

package/dist/esm/biz-components/HeaderNavigation/icons/Search.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Search: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Search;

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/Search.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst Search = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <path\n        d=\"M10.5 1C15.7467 1 20 5.25329 20 10.5C20 12.7631 19.2068 14.8398 17.8857 16.4717L21.833 20.4189C22.2231 20.8095 22.2234 21.4426 21.833 21.833C21.4426 22.2234 20.8095 22.2231 20.4189 21.833L16.4717 17.8857C14.8398 19.2068 12.7631 20 10.5 20C5.25329 20 1 15.7467 1 10.5C1 5.25329 5.25329 1 10.5 1ZM10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nexport default Search\n"],
+  "mappings": "AAKM,cAAAA,MAAA,oBALN,MAAkB,QAElB,MAAMC,EAAUC,GAEZF,EAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAQ,GAAGE,EACjG,SAAAF,EAAC,QACC,EAAE,maACF,KAAK,eACP,EACF,EAIJ,IAAOG,EAAQF",
+  "names": ["jsx", "Search", "props", "Search_default"]
+}

package/dist/esm/biz-components/HeaderNavigation/icons/User.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const User: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default User;

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/User.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst User = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"none\" {...props}>\n      <path\n        d=\"M16.6729 15.625C20.1246 15.625 22.9229 18.4232 22.9229 21.875C22.9229 22.4502 22.457 22.9168 21.8818 22.917C21.3065 22.917 20.8398 22.4503 20.8398 21.875C20.8398 19.5738 18.974 17.708 16.6729 17.708H8.33984C6.03866 17.708 4.17285 19.5738 4.17285 21.875C4.17285 22.4502 3.70698 22.9168 3.13184 22.917C2.55654 22.917 2.08984 22.4503 2.08984 21.875C2.08984 18.4232 4.88806 15.625 8.33984 15.625H16.6729ZM12.5068 2.08398C15.6708 2.08416 18.2354 4.64945 18.2354 7.81348C18.2352 10.9774 15.6707 13.5418 12.5068 13.542C9.34281 13.542 6.77752 10.9775 6.77734 7.81348C6.77734 4.64934 9.3427 2.08398 12.5068 2.08398ZM12.5068 4.16699C10.4933 4.16699 8.86035 5.79994 8.86035 7.81348C8.86053 9.82687 10.4934 11.459 12.5068 11.459C14.5201 11.4588 16.1522 9.82676 16.1523 7.81348C16.1523 5.80005 14.5202 4.16717 12.5068 4.16699Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nexport default User\n"],
+  "mappings": "AAKM,cAAAA,MAAA,oBALN,MAAkB,QAElB,MAAMC,EAAQC,GAEVF,EAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAQ,GAAGE,EACjG,SAAAF,EAAC,QACC,EAAE,gzBACF,KAAK,eACP,EACF,EAIJ,IAAOG,EAAQF",
+  "names": ["jsx", "User", "props", "User_default"]
+}

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

@@ -0,0 +1,11 @@
+import AnkerLogo from './AnkerLogo.js';
+import LogoLine from './LogoLine.js';
+import Menu from './Menu.js';
+import Search from './Search.js';
+import Cart from './Cart.js';
+import Close from './Close.js';
+import User from './User.js';
+import RightArrow from './RightArrow.js';
+import LeftArrow from './LeftArrow.js';
+import DownArrow from './DownArrow.js';
+export { AnkerLogo, Menu, Search, Cart, Close, User, RightArrow, LeftArrow, DownArrow, LogoLine };

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/index.ts"],
+  "sourcesContent": ["import AnkerLogo from './AnkerLogo.js'\nimport LogoLine from './LogoLine.js'\nimport Menu from './Menu.js'\nimport Search from './Search.js'\nimport Cart from './Cart.js'\nimport Close from './Close.js'\nimport User from './User.js'\nimport RightArrow from './RightArrow.js'\nimport LeftArrow from './LeftArrow.js'\nimport DownArrow from './DownArrow.js'\n\nexport { AnkerLogo, Menu, Search, Cart, Close, User, RightArrow, LeftArrow, DownArrow, LogoLine }\n"],
+  "mappings": "AAAA,OAAOA,MAAe,iBACtB,OAAOC,MAAc,gBACrB,OAAOC,MAAU,YACjB,OAAOC,MAAY,cACnB,OAAOC,MAAU,YACjB,OAAOC,MAAW,aAClB,OAAOC,MAAU,YACjB,OAAOC,MAAgB,kBACvB,OAAOC,MAAe,iBACtB,OAAOC,MAAe",
+  "names": ["AnkerLogo", "LogoLine", "Menu", "Search", "Cart", "Close", "User", "RightArrow", "LeftArrow", "DownArrow"]
+}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { HeaderNavigationProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<HeaderNavigationProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
+    className?: string;
+    data?: Record<string, any>;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

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

@@ -0,0 +1,2 @@
+import{Fragment as de,jsx as e,jsxs as l}from"react/jsx-runtime";import{forwardRef as W,useCallback as G,useEffect as C,useImperativeHandle as me,useMemo as h,useRef as $,useState as w}from"react";import{Picture as J,Text as p,Button as S,Container as K,Link as T}from"../../components/index.js";import{withLayout as ue}from"../../shared/Styles.js";import{cn as E,atobID as pe}from"../../helpers/utils.js";import fe,{useNavContext as A}from"./NavProvider.js";import{HeaderNavigationMenu as D,HeaderNavigationBlockType as j,HeaderNavigationActionBlockType as R}from"./types.js";import{useMediaQuery as be}from"react-responsive";import{debounce as ve,throttle as ge}from"es-toolkit";import{useGSAP as Q}from"@gsap/react";import{gsap as V}from"gsap";import{WithSidebar as X,WithSupports as Z,WithMulticol as ee,WithGroupCategory as te}from"./withCategory.js";import{Menu as xe,Close as ae,User as ye,RightArrow as le,LeftArrow as he,DownArrow as ne,LogoLine as Ne}from"./icons/index.js";const ke=W((t,n)=>{const{data:{headerNavigation:a}={},buildProps:i,event:s,profile:o,theme:u="light"}=t,[f,N]=w(!1),[g,r]=w(!1),[c,d]=w(!1),b=$(null),v=be({query:"(max-width: 1440px)"});return C(()=>{N(v)},[v]),me(n,()=>b.current),C(()=>{let H=0,B=0;const I=ge(k=>{const z=B-k;z>0?(H+=z,H>=300&&(r(!1),H=0)):r(k>300),d(k>24),B=k},200),P=()=>{let k=0;document?.documentElement&&document?.documentElement?.scrollTop?k=document?.documentElement.scrollTop:document?.body&&(k=document?.body.scrollTop),I(k)};return window.addEventListener("scroll",P),()=>window.removeEventListener("scroll",P)},[]),e(fe,{buildProps:i,profile:o,isMobile:f,event:s,payloadData:a,children:e("header",{"data-ui-component-id":"HeaderNavigation",className:"sticky top-0 z-50",ref:b,children:l("div",{className:E("border-b border-b-gray-200",u==="light"?"text-black":"text-white",{"translate-y-[-100%] transition-transform duration-500 ease-in-out":g,"!bg-white transition-all duration-500 ease-in-out":c},{"hover:!text-black":u==="dark","!text-black":c}),children:[!f&&e(we,{data:a}),f&&e(Se,{data:a})]})})})}),we=W((t,n)=>{const{data:a}=t,{event:i}=A(),s=h(()=>te(a?.categories),[a]),[o,u]=w(null),[f,N]=w([]),g=$(null),[r,c]=w(!1),d=$(null),b=$(s.map(m=>Array(m?.length||0).fill(null)));C(()=>{s?.length&&N(s?.map((m,y)=>m?.map((M,L)=>({groupIndex:y,index:L,open:!1}))))},[s]);const v=h(()=>{let m=null;for(const y of f){for(const M of y)if(M.open){m=M;break}if(m)break}return m},[f]);C(()=>{},[v]);const H=(m,y,M)=>{m.stopPropagation(),u(s[y][M]),N(L=>L.map(_=>_.map(U=>U.groupIndex===y&&U.index===M?{...U,open:!U.open}:{...U,open:!1})))},B=()=>{N(m=>m.map(y=>y.map(M=>({...M,open:!1}))))},I=h(()=>{if(o)return o?.components?.[0]?.blockType},[o]),P=X(Me,o),k=Z(De,{categoriesItem:o,currentNavItemRef:b.current?.[v?.groupIndex||0]?.[v?.index||0]}),z=ee(Ce,o),Y=h(()=>{switch(I){case j.Sidebar:return e(P,{});case j.Supports:return e(k,{});case j.Multicol:return e(z,{});default:return null}},[I,z,P,k]),F=h(()=>a?.headerBar?.actions?.filter(m=>m?.pcShow),[a]),x=h(()=>F?.find(m=>m?.blockType===R.Profile),[F]),O=G(()=>{c(m=>!m)},[]);return C(()=>{if(g?.current){const m=g.current;return m.addEventListener("click",O),()=>{m.removeEventListener("click",O)}}},[O]),l(K,{childClassName:"bg-white",className:"relative h-[96px]",children:[l("div",{ref:d,onClick:B,className:"flex h-full flex-col justify-end gap-4",children:[l("div",{className:"flex items-center justify-between",children:[e(ie,{}),e(re,{ref:g,actions:F})]}),e("div",{className:"flex justify-between",children:s?.map((m,y)=>e("div",{className:"flex gap-6",children:m?.map((M,L)=>e("div",{ref:_=>{b.current[y][L]=_},className:"hover:text-brand-0 cursor-pointer",children:l("div",{className:"relative",children:[l("div",{className:"flex items-center gap-1 pb-4",onClick:_=>H(_,y,L),children:[e(p,{html:M.text,className:E(" text-sm font-bold leading-[1.4]",{"text-brand-0":v?.groupIndex===y&&v?.index===L})}),e(ne,{className:E({"text-brand-0":v?.groupIndex===y&&v?.index===L})})]}),e("div",{className:E("absolute bottom-0 left-0 h-[2px] w-0 bg-[#1D1D1F] transition-all duration-500",{"w-full":v?.groupIndex===y&&v?.index===L})})]})},M.id))},`groupCategory-${y}`))})]}),v?.open&&o&&l("div",{className:"absolute left-0 top-full z-[999] flex w-full flex-col bg-black/70",style:{height:`calc(100vh - ${d?.current?.getBoundingClientRect()?.bottom}px)`},children:[e("div",{className:"relative z-50",children:Y}),e("div",{className:"flex-1 bg-transparent",onClick:B})]}),r&&l("div",{className:"absolute left-0 z-[999] flex w-full bg-black/70",style:{height:`calc(100vh - ${g?.current?.getBoundingClientRect()?.bottom}px)`,top:`calc(12px + ${g?.current?.getBoundingClientRect()?.top}px)`},children:[l("div",{className:"absolute max-w-[272px] bg-white p-4",style:{right:`calc(100% - ${g?.current?.getBoundingClientRect()?.right}px)`},children:[e(p,{html:x?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),e("div",{className:"mt-3 flex flex-col gap-1",children:x?.benefits?.map(m=>l("div",{className:"flex items-center gap-[6px]",children:[e(J,{source:m.benefitIcon?.url,className:"size-4",alt:m.benefit,width:16,height:16}),e(p,{html:m.benefit,className:"text-sm font-bold leading-[1.4]"})]},m.id))}),l("div",{className:"mt-4 flex items-center gap-2",children:[e(S,{variant:"secondary",size:"sm",onClick:()=>i?.join?.(),children:e(p,{html:x?.primaryButton||"Join Now",className:"text-sm font-bold leading-[1.4]"})}),e(S,{variant:"primary",size:"sm",onClick:()=>i?.login?.(),children:e(p,{html:x?.secondaryButton||"Log In",className:"text-sm font-bold leading-[1.4]"})})]})]}),e("div",{className:"flex-1 bg-transparent",onClick:()=>c(!1)})]})]})}),Me=({sidebarCategoriesMetadata:t,seriesMetadata:n})=>{const[a,i]=w([]),[s,o]=w(0),u=$(null);Q(()=>{V.fromTo(u?.current,{height:0},{height:548})},[]),C(()=>{t?.subcategories?.length&&i(t?.subcategories?.map((r,c)=>({index:c,open:!1})))},[t]);const f=h(()=>n?.find(r=>t?.subcategories?.[a?.find(c=>c.open)?.index||0]?.subSubCategories?.[s]?.label===r.label)||{},[t,a,s,n]),N=r=>{i(c=>c.map(d=>d.index===r?{...d,open:!d.open}:{...d,open:!1}))},g=r=>{o(r)};return l(K,{childClassName:"lg-desktop:gap-12 flex bg-white gap-8",children:[l("div",{className:"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4",style:{userSelect:"none"},children:[e("div",{className:"desktop:max-h-[416px] flex flex-col overflow-y-auto",children:t?.subcategories?.map((r,c)=>l("div",{children:[l("div",{className:"flex cursor-pointer items-center justify-between",onClick:()=>N(c),children:[e(p,{html:r.label,className:"p-4 text-sm font-bold leading-[1.4]"}),e(ne,{className:E({"rotate-180":a.find(d=>d.index===c)?.open})})]}),a.find(d=>d.index===c)?.open&&e("div",{className:"flex flex-col",children:r.subSubCategories?.map((d,b)=>e(p,{html:d.label,onMouseEnter:()=>g(b),className:E("cursor-pointer px-6 py-4 text-sm font-bold leading-[1.4] text-[#6D6D6F] hover:bg-[#F5F5F7]")},`subSubItem-${c}-${b}`))})]},`subcategoryItem-${c}`))}),e("div",{className:"flex",children:l("div",{className:"flex flex-col gap-4",children:[e(S,{variant:"primary",size:"lg",className:"text-base",children:e("a",{href:t?.primary?.url,children:t?.primary?.label})}),e(S,{variant:"link",size:"lg",className:"justify-start py-0 text-base",children:e("a",{href:t?.secondary?.url,children:t?.secondary?.label})})]})})]}),l("div",{className:"flex-1",children:[Reflect.ownKeys(f).length>0&&l("div",{className:"mb-4 flex items-center justify-between",children:[l("div",{className:"flex items-center gap-2",children:[e(p,{html:f?.label,className:"text-2xl font-bold leading-[1.4]"}),e(S,{variant:"link",size:"lg",className:"justify-start p-0 text-base",children:e(T,{href:f?.primary?.url,className:"text-base font-bold leading-[1.2] no-underline",children:f?.primary?.label})})]}),e(T,{href:f?.guide?.url,className:"text-base leading-[1.2] text-[#6D6D6F]",children:f?.guide?.label})]}),e("div",{className:"flex flex-col gap-4 overflow-y-auto",ref:u,children:f?.series?.map((r,c)=>l("div",{children:[e(p,{html:r.label,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),e("div",{className:"mt-2 grid grid-cols-3 gap-4",children:r.products?.map((d,b)=>e(oe,{product:d},`seriesProductItem-${b}`))})]},`seriesItem-${c}`))})]})]})},Ce=({multicolMetadata:t})=>{const n=$(null);return Q(()=>{V.fromTo(n?.current,{height:0},{height:"auto"})},[]),e("div",{ref:n,children:e(K,{childClassName:"bg-white",className:"h-full",children:e("div",{className:"flex gap-4 py-4",children:t?.map((a,i)=>e("div",{className:"w-1/4",children:e(se,{item:a})},`multicolItem-${a?.label}-${i}`))})})})},De=({supportsMetadata:t,currentNavItemRef:n})=>{const a=$(null),[i,s]=w(null);Q(()=>{V.fromTo(a?.current,{height:0},{height:"auto"})},[]);const o=ve(()=>{if(n){const u=n.getBoundingClientRect();s(u)}},500);return C(()=>(o(),window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)}),[o]),C(()=>{if(n){const u=n.getBoundingClientRect();s(u)}},[n]),e("div",{className:"absolute top-0 h-full bg-white p-4",ref:a,style:{right:`calc(100% - ${i?.right}px)`},children:e("div",{children:t?.map(u=>e("div",{className:"py-2",children:e(T,{href:u.url,className:"text-sm font-bold leading-[1.4] no-underline",children:u.label})},u.id))})})},oe=({product:t})=>{const{buildProps:n}=A(),a=n?.products?.find(o=>o.handle===t.handle),i=a?.variants?.find(o=>o.sku===t.sku),s=h(()=>`/products/${a?.handle}?variant=${pe(i?.id)}`,[a?.handle,i?.id]);return l("div",{className:"flex shrink-0 items-center gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-105",children:[e("div",{className:"shrink-0 basis-[96px]",children:e(J,{source:`${i?.image?.url||t?.images?.[0]?.url}}`,width:96,height:96})}),l("div",{className:"relative",children:[t?.badge&&e(p,{as:"p",html:t?.badge,className:"text-brand-0 mb-1 inline-block h-[24px] rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[24px]"}),e(T,{href:s,className:"no-underline",children:e(p,{className:"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]",html:a?.title||t?.name})}),t?.desc&&e(p,{as:"p",html:t?.desc,className:"lg-desktop:text-sm mt-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]"})]})]})},se=({item:t})=>l(de,{children:[t?.columns&&l(de,{children:[e(p,{html:t.label,as:"div",className:"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),e("div",{className:"mt-2 flex flex-col",children:t.columns?.map(n=>e("div",{className:"py-2",children:e(T,{href:n.url,className:"text-sm font-bold leading-[1.4] no-underline",children:n.label})},n.label))})]}),t?.imageUrl&&l("div",{className:"laptop:h-[280px] laptop:w-[404px] desktop:w-full desktop:h-auto relative h-[240px] w-[358px]",children:[e(J,{source:t.imageUrl,width:404,height:280}),l(T,{href:t.url,className:"absolute inset-0 z-10 flex flex-col justify-end p-4 no-underline",children:[e(p,{html:t.title,className:"desktop:text-2xl text-xl font-bold leading-[1.2] text-white"}),e(p,{html:t.subtitle,className:"text-sm font-bold leading-[1.4] text-white"})]})]})]}),Se=W(({data:t},n)=>{const a=h(()=>te(t?.categories),[t]),{currentMenu:i,setCurrentMenu:s,thirdNavTitle:o}=A(),[u,f]=w(!1),[N,g]=w(0),[r,c]=w(null),d=$(null);C(()=>{if(d?.current&&u){const x=d?.current?.getBoundingClientRect();g(window?.innerHeight-(x?.bottom||0))}},[u]),Q(()=>{V.fromTo(d.current,{height:0},{height:N,duration:.5})},[N]),C(()=>{document.documentElement.style.overflow=u?"hidden":"auto"},[u]);const b=h(()=>r?.components?.[0]?.blockType,[r]),v=X(Le,r),H=Z(Te,{categoriesItem:r}),B=ee(Ee,r),I=h(()=>{switch(b){case j.Sidebar:return e(v,{});case j.Supports:return e(H,{});case j.Multicol:return e(B,{});default:return null}},[b,v,H,B]),P=G(()=>{f(!1),g(0),s&&s(D.Primary)},[f,g,s]),k=h(()=>t?.headerBar?.actions?.filter(x=>x?.mobileShow&&x?.blockType!==R.Profile),[t]),z=h(()=>t?.headerBar?.actions?.find(x=>x?.mobileShow&&x?.blockType===R.Profile)||{},[t]),Y=h(()=>{switch(i){case D.Primary:return e(Be,{actions:k,menuOpen:u,onMenuOpenClose:()=>{f(!1),g(0)},onMenuOpenClick:()=>f(!0)});case D.Secondary:return e(ce,{title:r?.text,onMenuOpenClose:P,onMenuBackClick:()=>s?.(D.Primary)});case D.Third:return e(ce,{title:o,onMenuOpenClose:P,onMenuBackClick:()=>s?.(D.Secondary)});default:return null}},[u,i,s,r,k,o,P]),F=G((x,O)=>{const m=Array.isArray(a)?Array.isArray(a[x])?a[x][O]:{}:{};c(m),s?.(D.Secondary)},[a,s]);return l(K,{childClassName:"bg-white",className:"relative h-[52px]",children:[Y,u&&e("div",{ref:d,className:"absolute left-0 top-[calc(100%+1px)] z-[999] w-full overflow-y-auto bg-white",style:{height:N},children:i===D.Primary?e(Pe,{categories:a,onPrimaryMenuClick:F,profileAction:z}):I})]})}),Pe=({categories:t,onPrimaryMenuClick:n,profileAction:a})=>l("div",{className:"flex h-full flex-col justify-between",children:[e("div",{className:"tablet:px-8 laptop:px-16 p-4",children:t?.map((i,s)=>l("div",{className:"",children:[i?.map((o,u)=>e(q,{label:o.text,onClick:()=>n(s,u)},o.id)),e("div",{className:E("my-2 h-px w-full bg-[#E5E5E7]",{hidden:s===t.length-1})})]},`groupCategory-${s}`))}),e(He,{profileAction:a})]}),Le=({sidebarCategoriesMetadata:t,seriesMetadata:n})=>{const{currentMenu:a,setCurrentMenu:i,setThirdNavTitle:s,matchSeriesMetadata:o,setMatchSeriesMetadata:u}=A(),[f,N]=w([]);return C(()=>{t?.subcategories?.length&&N(t?.subcategories?.map((r,c)=>({index:c,open:!1})))},[t]),h(()=>{switch(a){case D.Secondary:return l("div",{className:"tablet:px-8 laptop:px-16 flex h-full flex-col justify-between p-4",children:[l("div",{children:[t?.subcategories?.map((r,c)=>l("div",{children:[e(q,{label:r?.label,active:f.find(d=>d.index===c)?.open,onClick:()=>{N(d=>d.map(b=>b.index===c?{...b,open:!b.open}:{...b,open:!1}))}}),f.find(d=>d.index===c)?.open&&r.subSubCategories?.map((d,b)=>e("div",{className:"px-2 py-4",onClick:()=>{i&&i(D.Third),u?.(n?.find(v=>t?.subcategories?.[c]?.subSubCategories?.[b]?.label===v.label)||{}),s&&s(d.label)},children:e(p,{html:d.label,className:"text-sm font-bold leading-[1.4]"})},`${c}-${b}`))]},`${r.label}-${c}`)),e(T,{href:o?.guide?.url,children:e("div",{className:"mt-4",children:e(p,{html:o?.guide?.label,className:"text-sm font-bold leading-[1.2] text-[#6D6D6F]"})})})]}),l("div",{className:"tablet:items-start flex flex-col items-center gap-4",children:[e(S,{variant:"primary",size:"lg",className:"tablet:w-auto w-full text-base",children:e("a",{href:t?.primary?.url,children:t?.primary?.label})}),e(S,{variant:"link",size:"lg",className:"tablet:w-auto tablet:px-0 w-full py-0 text-base",children:e("a",{href:t?.secondary?.url,children:t?.secondary?.label})})]})]});case D.Third:return l("div",{className:"tablet:px-8 laptop:px-16 desktop:px-0 p-4",children:[Reflect.ownKeys(o).length>0&&l("div",{className:"tablet:pt-0 flex items-center gap-3 py-4",children:[e(p,{html:o?.label,className:"text-xl font-bold leading-[1.4]"}),e(S,{variant:"link",size:"lg",className:"p-0",children:e(T,{href:o?.primary?.url,className:"text-base leading-[1.2]",children:o?.primary?.label})})]}),e("div",{className:"flex flex-col gap-6",children:o?.series?.map((r,c)=>l("div",{children:[e(p,{html:r.label,className:"text-sm font-bold leading-[1.4] text-[#3D3D3F]"}),e("div",{className:"laptop:grid-cols-3 laptop:gap-4 tablet:grid tablet:grid-cols-2 tablet:gap-3 mt-2 flex flex-col gap-2",children:r.products?.map((d,b)=>e(oe,{product:d},`seriesProductItem-${c}-${b}`))})]},`seriesItem-${c}`))})]});default:return null}},[a,o,t,s,i,u,n,f])},Te=({supportsMetadata:t})=>e("div",{className:"tablet:px-8 laptop:px-16 p-4",children:t?.map(n=>e(q,{href:n.url,label:n.label,onClick:()=>{}},n.id))}),Ee=({multicolMetadata:t})=>e("div",{className:"tablet:px-8 tablet:p-4 laptop:px-16 flex flex-col gap-4 px-4",children:t?.map((n,a)=>e("div",{children:e(se,{item:n})},`multicolItem-${n?.label}-${a}`))}),He=({profileAction:t})=>{const[n,a]=w(!1),{profile:i,event:s}=A();return l("div",{className:"tablet:px-8 laptop:px-16 bg-[#F5F5F7] px-4 py-6",children:[l("div",{className:"flex items-center justify-between",onClick:()=>a(!n),children:[l("div",{className:"flex items-center gap-[14px]",children:[e("div",{className:"flex size-[40px] items-center justify-center rounded-full bg-white",children:e(ye,{})}),e(p,{html:i?.nick_name||t?.welcome,className:"text-base font-bold leading-[1.4]"})]}),e(le,{className:E({"rotate-90":n})})]}),i?.email&&e("div",{className:"mt-4",children:t?.profiles?.map(o=>e(q,{label:o?.title,href:o?.url},o.id))}),n&&!i?.email&&l("div",{className:"mt-4",children:[e(p,{html:t?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),e("div",{className:"mt-3 flex flex-col gap-1",children:t?.benefits?.map(o=>l("div",{className:"flex items-center gap-[6px]",children:[e(J,{source:o.benefitIcon?.url,className:"size-4",alt:o.benefit,width:16,height:16}),e(p,{html:o.benefit,className:"text-sm font-bold leading-[1.4]"})]},o.id))})]}),l("div",{className:"tablet:mt-4 mt-6 flex items-center gap-3",children:[e(S,{className:"tablet:flex-none flex-1",variant:"secondary",size:"sm",onClick:()=>s?.join?.(),children:e(p,{html:t?.primaryButton||"Join Now",className:"text-sm font-bold leading-[1.4]"})}),e(S,{className:"tablet:flex-none flex-1",variant:"primary",size:"sm",onClick:()=>s?.login?.(),children:e(p,{html:t?.secondaryButton||"Log In",className:"text-sm font-bold leading-[1.4]"})})]})]})},Be=({menuOpen:t,onMenuOpenClose:n,onMenuOpenClick:a,actions:i})=>l("div",{className:"flex h-full items-center justify-between gap-4",children:[e(ie,{}),l("div",{className:"desktop:gap-6 flex items-center gap-4",children:[e(re,{actions:i}),t?e(ae,{onClick:()=>n()}):e(xe,{onClick:()=>a()})]})]}),ie=()=>{const{payloadData:t}=A();return l("div",{className:"desktop:gap-2 flex items-center gap-[6px]",children:[e("div",{dangerouslySetInnerHTML:{__html:t?.headerBar?.logo}}),e(Ne,{}),e(p,{html:t?.headerBar?.slogan,className:"tablet:text-sm text-xs font-bold leading-[1.4]"})]})},re=W(({actions:t},n)=>{const{event:a}=A(),i=G(s=>{switch(s?.blockType){case R.Search:a?.search?.();break;case R.Cart:a?.cart?.();break;case R.Profile:a?.profile?.();break;case R.Livestream:a?.livestream?.();break;default:return()=>{}}},[a]);return e("div",{className:"desktop:gap-6 flex items-center gap-4",children:Array.isArray(t)&&t?.map(s=>e("div",{ref:s.blockType===R.Profile?n:null,onClick:()=>i(s),children:e(p,{html:s.icon,className:"hover:text-brand-0 cursor-pointer"})},s.id))})}),ce=({title:t,onMenuOpenClose:n,onMenuBackClick:a})=>l("div",{className:"flex h-full items-center gap-3",children:[e(he,{onClick:()=>a()}),e(p,{html:t,className:"flex-1 text-center text-base font-bold leading-[1.4]"}),e(ae,{onClick:()=>n()})]}),q=({label:t,href:n,onClick:a,active:i})=>e("div",{className:"flex cursor-pointer items-center justify-between py-4",onClick:a,children:l(T,{href:n,asChild:!n,className:"flex w-full items-center justify-between no-underline",children:[e(p,{html:t,className:"text-sm font-bold leading-[1.4]"}),e(le,{className:E({"rotate-90":i})})]})});var Ke=ue(ke);export{Ke as default};
+//# sourceMappingURL=index.js.map