@bothub-chat/ui 2.48.1-fix-message-dbd14831-26d9-4d49-85b2-65f0e64cfad3 → 2.48.1-fix-message-81026f5e-584f-4918-8c1c-31e3d26f3769

package/dist/components/header/multi-level-menu/index.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as n,useRef as l,useEffect as t}from"react";import{MultiLevelMenuStyled as o,MultiLevelMenuWrapper as u}from"./styled.js";export{ArticleIconMultiLevelMenu,MultiLevelMenuActionChatIcon,MultiLevelMenuArrowRight45,MultiLevelMenuBlogCircleIcon,MultiLevelMenuBlogNewsIcon,MultiLevelMenuFlexIcon,MultiLevelMenuGearIcon,MultiLevelMenuPublicIcon,MultiLevelMenuReferalIcon,MultiLevelMenuSecondLevelArrowRight45,MultiLevelMenuSetchelIcon,MultiLevelMenuStarIconBasic,MultiLevelMenuStarIconDeluxe,MultiLevelMenuStarIconElite,MultiLevelMenuStarIconPlans,MultiLevelMenuStarIconPremium,StartsIconMultiLevelMenu,TgCircleIconMultiLevelMenu}from"./styled.js";import{MultiLevelMenuAccordion as i}from"./multi-level-menu-accordion/ui/index.js";const r=({config:r})=>{const c=r,[M,v]=n(null),a=l(null);t((()=>{const e=a.current;if(null!==e){const n=n=>{e.contains(n.target)||v(null)},l=()=>v(null);return document.addEventListener("click",n),window.addEventListener("blur",l),()=>{document.removeEventListener("click",n),window.removeEventListener("blur",l)}}}),[]);const L=()=>v(null);return e(o,{children:e(u,{ref:a,children:c&&c.map(((n,l)=>e(i,{accordionIndex:l,openAccordion:l===M,handleAccordionToggle:()=>{var e;v(M===(e=l)?null:e)},handleCloseAccordion:L,menuItem:n},l)))})})};export{o as MultiLevelMenuStyled,u as MultiLevelMenuWrapper,r as MultilevelMenu};
+import{jsx as e}from"react/jsx-runtime";import{useState as n,useRef as l,useEffect as t}from"react";import{MultiLevelMenuStyled as o,MultiLevelMenuWrapper as u}from"./styled.js";export{ArticleIconMultiLevelMenu,MultiLevelMenuActionChatIcon,MultiLevelMenuArrowRight45,MultiLevelMenuBlogCircleIcon,MultiLevelMenuBlogNewsIcon,MultiLevelMenuFlexIcon,MultiLevelMenuGearIcon,MultiLevelMenuPublicIcon,MultiLevelMenuReferalIcon,MultiLevelMenuSecondLevelArrowRight45,MultiLevelMenuSetchelIcon,MultiLevelMenuStarIconBasic,MultiLevelMenuStarIconDeluxe,MultiLevelMenuStarIconElite,MultiLevelMenuStarIconPlans,MultiLevelMenuStarIconPremium,StartsIconMultiLevelMenu,TgCircleIconMultiLevelMenu}from"./styled.js";import{MultiLevelMenuAccordion as i}from"./multi-level-menu-accordion/ui/index.js";const r=({config:r})=>{const c=r,[M,v]=n(null),a=l(null);t(()=>{const e=a.current;if(null!==e){const n=n=>{e.contains(n.target)||v(null)},l=()=>v(null);return document.addEventListener("click",n),window.addEventListener("blur",l),()=>{document.removeEventListener("click",n),window.removeEventListener("blur",l)}}},[]);const L=()=>v(null);return e(o,{children:e(u,{ref:a,children:c&&c.map((n,l)=>e(i,{accordionIndex:l,openAccordion:l===M,handleAccordionToggle:()=>{var e;v(M===(e=l)?null:e)},handleCloseAccordion:L,menuItem:n},l))})})};export{o as MultiLevelMenuStyled,u as MultiLevelMenuWrapper,r as MultilevelMenu};

package/dist/components/header/multi-level-menu/multi-level-menu-accordion/ui/index.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import i,{useState as r,useRef as n}from"react";import{useTransition as o}from"@react-spring/web";import{MultiLevelMenuLi as l,MultiLevelMenuHeader as c,MultiLevelMenuTitle as d,MultiLevelMenuArrowDownIcon as s,MultiLevelMenuFirstLevelWrapper as a,MultiLevelMenuFirstLevelUl as m,MultiLevelMenuSecondLevelWrapper as h,MultiLevelMenuSecondLevelContentWrapper as p,MultiLevelMenuSecondLevelLi as u,MultiLevelMenuSecondLevelLiHover as f,MultiLevelMenuSecondLevelCardLink as y,MultiLevelMenuSecondLevelHeader as g,MultiLevelMenuSecondLevelHeaderWrapper as j,MultiLevelMenuSecondLevelHeaderContent as x,MultiLevelMenuSecondLevelSubTitle as v,MultiLevelMenuSecondLevelDescription as C}from"./styled.js";import{MultiLevelMenuFirstLevelItem as $}from"../../multi-level-menu-first-level/ui/index.js";import{MultiLevelMenuSecondLevelArrowRight45 as k}from"../../styled.js";import{MultiLevelMenuFirstLevelTitle as I}from"../../multi-level-menu-first-level/ui/styled.js";import"tslib";import{IconProvider as Y}from"../../../../icon/context.js";import"../../../../icon/styled.js";import"react-dom";import"../../../../portal/styled.js";import"../../../../tooltip/styled.js";import"../../../../tooltip/arrow/styled.js";import"../../../../../theme/index.js";import"../../../../tooltip/context.js";const b=({menuItem:b,accordionIndex:_,openAccordion:T,handleCloseAccordion:A,handleAccordionToggle:w})=>{const[z,E]=r(b.children&&b.children[0].children?b.children[0]:void 0),O=n(null),L=o(T,{from:{opacity:0,height:0,transform:"translateY(-30px)"},enter:{opacity:1,height:"auto",transform:"translateY(0)"},leave:{opacity:0,height:"auto",transform:"translateY(-10px)"},config:{duration:200}}),M=o(z,{from:{opacity:0,height:0,transform:"translateY(-10px)"},enter:{opacity:1,height:"auto",transform:"translateY(0)"},leave:{opacity:0,height:0,transform:"translateY(-10px)"},config:{duration:100}});return e(l,{"data-test":b.accordion_title,children:[e(c,{onClick:w,$active:T,children:[t(d,{$open:T,children:b.accordion_title}),t(s,{$open:T})]}),L(((r,n)=>n&&e(a,{$open:T&&!!n,style:r,children:[t(m,{children:b.children&&b.children.map(((e,i)=>t($,{onMouseEnter:()=>((e,t)=>{E(void 0),O.current&&clearTimeout(O.current),O.current=setTimeout((()=>{E(Object.assign(Object.assign({},e),{index:t}))}),200)})(e,i),firstLevelItem:e,selectedItemTitle:null==z?void 0:z.title,linkIcon_hidden:b.linkIcon_hidden},i)))}),M(((r,n)=>n&&t(h,{style:r,children:t(p,{$columnsCount:0===_&&z&&1===z.index?2:1,children:z&&z.children&&z.children.map(((r,n)=>t(u,{$even:z&&z.children&&z.children.length%2==0,$nthChildCount:0===_&&z&&1===z.index?2:1,"data-test":r.title,children:e(f,{onClick:A,children:[t(y,{onClick:r.onClick,href:r.path}),e(g,{children:[e(j,{children:[e(x,{children:[t(Y,{size:18,children:r.icon?i.createElement(r.icon):""}),t(I,{children:r.title}),t(v,{children:r.sub_title})]}),t(k,{size:30})]}),r.description&&t(C,{children:r.description})]})]})},n)))})})))]})))]})};export{b as MultiLevelMenuAccordion};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import i,{useState as r,useRef as n}from"react";import{useTransition as o}from"@react-spring/web";import{MultiLevelMenuLi as l,MultiLevelMenuHeader as c,MultiLevelMenuTitle as d,MultiLevelMenuArrowDownIcon as a,MultiLevelMenuFirstLevelWrapper as s,MultiLevelMenuFirstLevelUl as m,MultiLevelMenuSecondLevelWrapper as h,MultiLevelMenuSecondLevelContentWrapper as p,MultiLevelMenuSecondLevelLi as u,MultiLevelMenuSecondLevelLiHover as f,MultiLevelMenuSecondLevelCardLink as y,MultiLevelMenuSecondLevelHeader as g,MultiLevelMenuSecondLevelHeaderWrapper as j,MultiLevelMenuSecondLevelHeaderContent as x,MultiLevelMenuSecondLevelSubTitle as v,MultiLevelMenuSecondLevelDescription as C}from"./styled.js";import{MultiLevelMenuFirstLevelItem as k}from"../../multi-level-menu-first-level/ui/index.js";import{MultiLevelMenuSecondLevelArrowRight45 as $}from"../../styled.js";import{MultiLevelMenuFirstLevelTitle as I}from"../../multi-level-menu-first-level/ui/styled.js";import"tslib";import{IconProvider as Y}from"../../../../icon/context.js";import"../../../../icon/styled.js";import"react-markdown";import"react-dom";import"../../../../portal/styled.js";import"../../../../tooltip/styled.js";import"../../../../tooltip/arrow/styled.js";import"../../../../../theme/index.js";import"../../../../tooltip/context.js";const b=({menuItem:b,accordionIndex:_,openAccordion:T,handleCloseAccordion:w,handleAccordionToggle:A})=>{const[z,E]=r(b.children&&b.children[0].children?b.children[0]:void 0),O=n(null),L=o(T,{from:{opacity:0,height:0,transform:"translateY(-30px)"},enter:{opacity:1,height:"auto",transform:"translateY(0)"},leave:{opacity:0,height:"auto",transform:"translateY(-10px)"},config:{duration:200}}),M=o(z,{from:{opacity:0,height:0,transform:"translateY(-10px)"},enter:{opacity:1,height:"auto",transform:"translateY(0)"},leave:{opacity:0,height:0,transform:"translateY(-10px)"},config:{duration:100}});return e(l,{"data-test":b.accordion_title,children:[e(c,{onClick:A,$active:T,children:[t(d,{$open:T,children:b.accordion_title}),t(a,{$open:T})]}),L((r,n)=>n&&e(s,{$open:T&&!!n,style:r,children:[t(m,{children:b.children&&b.children.map((e,i)=>t(k,{onMouseEnter:()=>((e,t)=>{E(void 0),O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{E(Object.assign(Object.assign({},e),{index:t}))},200)})(e,i),firstLevelItem:e,selectedItemTitle:null==z?void 0:z.title,linkIcon_hidden:b.linkIcon_hidden},i))}),M((r,n)=>n&&t(h,{style:r,children:t(p,{$columnsCount:0===_&&z&&1===z.index?2:1,children:z&&z.children&&z.children.map((r,n)=>t(u,{$even:z&&z.children&&z.children.length%2==0,$nthChildCount:0===_&&z&&1===z.index?2:1,"data-test":r.title,children:e(f,{onClick:w,children:[t(y,{onClick:r.onClick,href:r.path}),e(g,{children:[e(j,{children:[e(x,{children:[t(Y,{size:18,children:r.icon?i.createElement(r.icon):""}),t(I,{children:r.title}),t(v,{children:r.sub_title})]}),t($,{size:30})]}),r.description&&t(C,{children:r.description})]})]})},n))})}))]}))]})};export{b as MultiLevelMenuAccordion};

package/dist/components/header/multi-level-menu/multi-level-menu-accordion/ui/styled.d.ts

@@ -3,7 +3,7 @@ export declare const MultiLevelMenuFirstLevelWrapper: React.FC<AnimatedProps<Rea
     $open: boolean;
 }>;
 export declare const MultiLevelMenuFirstLevelUl: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLUListElement> | undefined;
+    ref?: import("react").Ref<HTMLUListElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -52,6 +52,10 @@ export declare const MultiLevelMenuFirstLevelUl: import("styled-components").ISt
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -261,6 +265,8 @@ export declare const MultiLevelMenuFirstLevelUl: import("styled-components").ISt
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLUListElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLUListElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLUListElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLUListElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLUListElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLUListElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLUListElement> | undefined;
@@ -269,14 +275,22 @@ export declare const MultiLevelMenuFirstLevelUl: import("styled-components").ISt
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLUListElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLUListElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLUListElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLUListElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLUListElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
 }>;
 export declare const MultiLevelMenuHeader: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $active: boolean;
 }>>;
 export declare const MultiLevelMenuLi: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLLIElement> | undefined;
+    ref?: import("react").Ref<HTMLLIElement> | undefined;
     key?: import("react").Key | null | undefined;
     value?: string | number | readonly string[] | undefined;
     defaultChecked?: boolean | undefined | undefined;
@@ -326,6 +340,10 @@ export declare const MultiLevelMenuLi: import("styled-components").IStyledCompon
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -535,6 +553,8 @@ export declare const MultiLevelMenuLi: import("styled-components").IStyledCompon
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLLIElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLLIElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLLIElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLLIElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLLIElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLLIElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLLIElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLLIElement> | undefined;
@@ -543,12 +563,25 @@ export declare const MultiLevelMenuLi: import("styled-components").IStyledCompon
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLLIElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLLIElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLLIElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLLIElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLLIElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
 }>;
 export declare const MultiLevelMenuTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
-    children?: import("react").ReactNode;
     variant?: import("@/ui/components/typography").TypographyVariant | undefined;
+    component?: import("@/ui/components/typography").TypographyComponent | undefined;
+    align?: import("@/ui/components/typography").TypographyAlign | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: import("react").HTMLAttributeAnchorTarget | undefined;
+    children?: import("react").ReactNode;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -597,6 +630,10 @@ export declare const MultiLevelMenuTitle: import("styled-components").IStyledCom
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -805,6 +842,8 @@ export declare const MultiLevelMenuTitle: import("styled-components").IStyledCom
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
@@ -813,14 +852,17 @@ export declare const MultiLevelMenuTitle: import("styled-components").IStyledCom
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
-    target?: import("react").HTMLAttributeAnchorTarget | undefined;
-    href?: string | undefined;
-    align?: import("@/ui/components/typography").TypographyAlign | undefined;
-    component?: import("@/ui/components/typography").TypographyComponent | undefined;
-    fullWidth?: boolean | undefined;
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
 }, {
     $open: boolean;
 }>>;
@@ -828,7 +870,7 @@ export declare const MultiLevelMenuArrowDownIcon: import("styled-components").IS
     $open: boolean;
 }>>;
 export declare const MultiLevelMenuSecondLevelHeader: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -877,6 +919,10 @@ export declare const MultiLevelMenuSecondLevelHeader: import("styled-components"
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -1086,6 +1132,8 @@ export declare const MultiLevelMenuSecondLevelHeader: import("styled-components"
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -1094,11 +1142,19 @@ export declare const MultiLevelMenuSecondLevelHeader: import("styled-components"
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export declare const MultiLevelMenuSecondLevelHeaderWrapper: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1147,6 +1203,10 @@ export declare const MultiLevelMenuSecondLevelHeaderWrapper: import("styled-comp
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -1356,6 +1416,8 @@ export declare const MultiLevelMenuSecondLevelHeaderWrapper: import("styled-comp
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -1364,11 +1426,19 @@ export declare const MultiLevelMenuSecondLevelHeaderWrapper: import("styled-comp
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export declare const MultiLevelMenuSecondLevelLiHover: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1417,6 +1487,10 @@ export declare const MultiLevelMenuSecondLevelLiHover: import("styled-components
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -1626,6 +1700,8 @@ export declare const MultiLevelMenuSecondLevelLiHover: import("styled-components
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -1634,15 +1710,23 @@ export declare const MultiLevelMenuSecondLevelLiHover: import("styled-components
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export declare const MultiLevelMenuSecondLevelLi: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
     $even?: boolean;
     $nthChildCount: number;
 }>>;
 export declare const MultiLevelMenuSecondLevelCardLink: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLAnchorElement> | undefined;
+    ref?: import("react").Ref<HTMLAnchorElement> | undefined;
     key?: import("react").Key | null | undefined;
     download?: any;
     href?: string | undefined | undefined;
@@ -1699,6 +1783,10 @@ export declare const MultiLevelMenuSecondLevelCardLink: import("styled-component
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -1908,6 +1996,8 @@ export declare const MultiLevelMenuSecondLevelCardLink: import("styled-component
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLAnchorElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLAnchorElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLAnchorElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLAnchorElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLAnchorElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLAnchorElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;
@@ -1916,11 +2006,19 @@ export declare const MultiLevelMenuSecondLevelCardLink: import("styled-component
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLAnchorElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLAnchorElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
 }>;
 export declare const MultiLevelMenuSecondLevelHeaderContent: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1969,6 +2067,10 @@ export declare const MultiLevelMenuSecondLevelHeaderContent: import("styled-comp
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -2178,6 +2280,8 @@ export declare const MultiLevelMenuSecondLevelHeaderContent: import("styled-comp
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -2186,12 +2290,25 @@ export declare const MultiLevelMenuSecondLevelHeaderContent: import("styled-comp
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export declare const MultiLevelMenuSecondLevelDescription: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
     variant?: import("@/ui/components/typography").TypographyVariant | undefined;
+    component?: import("@/ui/components/typography").TypographyComponent | undefined;
+    align?: import("@/ui/components/typography").TypographyAlign | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: import("react").HTMLAttributeAnchorTarget | undefined;
+    children?: import("react").ReactNode;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -2240,6 +2357,10 @@ export declare const MultiLevelMenuSecondLevelDescription: import("styled-compon
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -2448,6 +2569,8 @@ export declare const MultiLevelMenuSecondLevelDescription: import("styled-compon
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
@@ -2456,22 +2579,30 @@ export declare const MultiLevelMenuSecondLevelDescription: import("styled-compon
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
-    target?: import("react").HTMLAttributeAnchorTarget | undefined;
-    href?: string | undefined;
-    align?: import("@/ui/components/typography").TypographyAlign | undefined;
-    component?: import("@/ui/components/typography").TypographyComponent | undefined;
-    fullWidth?: boolean | undefined;
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
 }>;
 export declare const MultiLevelMenuSecondLevelWrapper: React.FC<AnimatedProps<React.ComponentProps<'div'>>>;
 export declare const MultiLevelMenuSecondLevelContentWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $columnsCount: number;
 }>>;
 export declare const MultiLevelMenuSecondLevelTitle: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
     variant?: import("@/ui/components/typography").TypographyVariant | undefined;
+    component?: import("@/ui/components/typography").TypographyComponent | undefined;
+    align?: import("@/ui/components/typography").TypographyAlign | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: import("react").HTMLAttributeAnchorTarget | undefined;
+    children?: import("react").ReactNode;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -2520,6 +2651,10 @@ export declare const MultiLevelMenuSecondLevelTitle: import("styled-components")
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -2728,6 +2863,8 @@ export declare const MultiLevelMenuSecondLevelTitle: import("styled-components")
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
@@ -2736,18 +2873,26 @@ export declare const MultiLevelMenuSecondLevelTitle: import("styled-components")
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
-    target?: import("react").HTMLAttributeAnchorTarget | undefined;
-    href?: string | undefined;
-    align?: import("@/ui/components/typography").TypographyAlign | undefined;
-    component?: import("@/ui/components/typography").TypographyComponent | undefined;
-    fullWidth?: boolean | undefined;
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
 }>;
 export declare const MultiLevelMenuSecondLevelSubTitle: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
     variant?: import("@/ui/components/typography").TypographyVariant | undefined;
+    component?: import("@/ui/components/typography").TypographyComponent | undefined;
+    align?: import("@/ui/components/typography").TypographyAlign | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: import("react").HTMLAttributeAnchorTarget | undefined;
+    children?: import("react").ReactNode;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -2796,6 +2941,10 @@ export declare const MultiLevelMenuSecondLevelSubTitle: import("styled-component
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -3004,6 +3153,8 @@ export declare const MultiLevelMenuSecondLevelSubTitle: import("styled-component
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
@@ -3012,12 +3163,15 @@ export declare const MultiLevelMenuSecondLevelSubTitle: import("styled-component
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
-    target?: import("react").HTMLAttributeAnchorTarget | undefined;
-    href?: string | undefined;
-    align?: import("@/ui/components/typography").TypographyAlign | undefined;
-    component?: import("@/ui/components/typography").TypographyComponent | undefined;
-    fullWidth?: boolean | undefined;
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
 }>;