@bothub-chat/ui 2.48.1-fix-message-79720dcc-0313-4bb2-ac15-912e6fc16d36 → 2.48.1-fix-refactor-2b2ac2ff-898d-489a-83f0-2a58a894046a

package/dist/components/header/styled.d.ts

@@ -1,6 +1,6 @@
 import { HeaderVariant } from './types';
 export declare const HeaderOffset: 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;
@@ -49,6 +49,10 @@ export declare const HeaderOffset: import("styled-components").IStyledComponent<
     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;
@@ -258,6 +262,8 @@ export declare const HeaderOffset: import("styled-components").IStyledComponent<
     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;
@@ -266,8 +272,16 @@ export declare const HeaderOffset: import("styled-components").IStyledComponent<
     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 interface HeaderStyledProps {
     $variant: HeaderVariant | 'admin';
@@ -278,12 +292,13 @@ export interface HeaderContentProps {
 }
 export declare const HeaderContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderContentProps>>;
 export declare const HeaderContainer: import("styled-components").IStyledComponent<"web", {
+    disabled?: boolean | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     children?: import("react").ReactNode;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
     style?: import("react").CSSProperties | undefined;
-    disabled?: boolean | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -328,6 +343,10 @@ export declare const HeaderContainer: import("styled-components").IStyledCompone
     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;
@@ -536,6 +555,8 @@ export declare const HeaderContainer: import("styled-components").IStyledCompone
     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;
@@ -544,9 +565,16 @@ export declare const HeaderContainer: import("styled-components").IStyledCompone
     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;
-    ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | 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 interface HeaderContainerContentProps {
     $screenSize: 'desktop' | 'tablet' | 'mobile';
@@ -554,7 +582,7 @@ export interface HeaderContainerContentProps {
 }
 export declare const HeaderContainerContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderContainerContentProps>>;
 export declare const HeaderLeft: 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;
@@ -603,6 +631,10 @@ export declare const HeaderLeft: import("styled-components").IStyledComponent<"w
     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;
@@ -812,6 +844,8 @@ export declare const HeaderLeft: import("styled-components").IStyledComponent<"w
     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;
@@ -820,11 +854,19 @@ export declare const HeaderLeft: import("styled-components").IStyledComponent<"w
     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 HeaderCenter: 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;
@@ -873,6 +915,10 @@ export declare const HeaderCenter: import("styled-components").IStyledComponent<
     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;
@@ -1082,6 +1128,8 @@ export declare const HeaderCenter: import("styled-components").IStyledComponent<
     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;
@@ -1090,11 +1138,19 @@ export declare const HeaderCenter: import("styled-components").IStyledComponent<
     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 HeaderRight: 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;
@@ -1143,6 +1199,10 @@ export declare const HeaderRight: import("styled-components").IStyledComponent<"
     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;
@@ -1352,6 +1412,8 @@ export declare const HeaderRight: import("styled-components").IStyledComponent<"
     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;
@@ -1360,11 +1422,19 @@ export declare const HeaderRight: import("styled-components").IStyledComponent<"
     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 HeaderLogoLink: 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;
@@ -1421,6 +1491,10 @@ export declare const HeaderLogoLink: import("styled-components").IStyledComponen
     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;
@@ -1630,6 +1704,8 @@ export declare const HeaderLogoLink: import("styled-components").IStyledComponen
     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;
@@ -1638,6 +1714,14 @@ export declare const HeaderLogoLink: import("styled-components").IStyledComponen
     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;
 }>;

package/dist/components/header/styled.js

@@ -1,4 +1,4 @@
-import{styled as e,css as i}from"styled-components";import{Container as t}from"../container/index.js";import{adaptive as a}from"../../adaptive/index.js";const d=e.div.withConfig({displayName:"styled__HeaderOffset",componentId:"sc-1m73u3z-0"})(["display:flex;min-width:",";width:100%;height:",";background:",";@media (max-width:","){height:",";}"],(({theme:e})=>e.mobile.minWidth),(({theme:e})=>e.header.height),(({theme:e})=>e.colors.base.black),(({theme:e})=>e.mobile.maxWidth),(({theme:e})=>e.header.mobile.height)),n=e.header.withConfig({displayName:"styled__HeaderStyled",componentId:"sc-1m73u3z-1"})(["z-index:",";width:100%;"," ",""],(({theme:e})=>e.zIndex.header),(({theme:e,$variant:t})=>{switch(t){case"main":{const t=a({merge:!0,desktop:i`
+import{styled as e,css as i}from"styled-components";import{Container as t}from"../container/index.js";import{adaptive as a}from"../../adaptive/index.js";const d=e.div.withConfig({displayName:"styled__HeaderOffset",componentId:"sc-1m73u3z-0"})(["display:flex;min-width:",";width:100%;height:",";background:",";@media (max-width:","){height:",";}"],({theme:e})=>e.mobile.minWidth,({theme:e})=>e.header.height,({theme:e})=>e.colors.base.black,({theme:e})=>e.mobile.maxWidth,({theme:e})=>e.header.mobile.height),n=e.header.withConfig({displayName:"styled__HeaderStyled",componentId:"sc-1m73u3z-1"})(["z-index:",";width:100%;"," ",""],({theme:e})=>e.zIndex.header,({theme:e,$variant:t})=>{switch(t){case"main":{const t=a({merge:!0,desktop:i`
             height: ${e.header.height};
           `,mobile:i`
             height: ${e.header.mobile.height};
@@ -18,9 +18,9 @@ import{styled as e,css as i}from"styled-components";import{Container as t}from".
           `});return i`
           position: relative;
           ${t}
-        `}}}),(({$variant:e})=>"admin"===e&&a({variant:"dashboard",mobile:i`
+        `}}},({$variant:e})=>"admin"===e&&a({variant:"dashboard",mobile:i`
         padding: 0;
-      `}))),o=e.div.withConfig({displayName:"styled__HeaderContent",componentId:"sc-1m73u3z-2"})(["display:flex;flex-direction:column;position:relative;height:inherit;z-index:",";"," ",""],(({theme:e})=>e.zIndex.header),(({theme:e,$variant:t})=>{switch(t){case"main":return i`
+      `})),o=e.div.withConfig({displayName:"styled__HeaderContent",componentId:"sc-1m73u3z-2"})(["display:flex;flex-direction:column;position:relative;height:inherit;z-index:",";"," ",""],({theme:e})=>e.zIndex.header,({theme:e,$variant:t})=>{switch(t){case"main":return i`
           border-bottom: 1px solid ${e.colors.grayScale.gray3};
           backdrop-filter: blur(9px);
           -webkit-backdrop-filter: blur(9px);
@@ -37,9 +37,9 @@ import{styled as e,css as i}from"styled-components";import{Container as t}from".
           transition: background-color 0.3s;
           background-color: ${e.colors.grayScale.gray4};
           ${t}
-        `}}}),(({$variant:e})=>"admin"===e&&a({variant:"dashboard",mobile:i`
+        `}}},({$variant:e})=>"admin"===e&&a({variant:"dashboard",mobile:i`
         border-radius: 18px;
-      `}))),r=e(t).withConfig({displayName:"styled__HeaderContainer",componentId:"sc-1m73u3z-3"})(["display:flex;justify-content:space-between;align-items:center;height:inherit;position:relative;"]),s=e.div.withConfig({displayName:"styled__HeaderContainerContent",componentId:"sc-1m73u3z-4"})(["display:flex;align-items:center;width:100%;height:inherit;box-sizing:border-box;position:relative;",""],(({$screenSize:e,$variant:t})=>a({variant:"dashboard",desktop:i`
+      `})),r=e(t).withConfig({displayName:"styled__HeaderContainer",componentId:"sc-1m73u3z-3"})(["display:flex;justify-content:space-between;align-items:center;height:inherit;position:relative;"]),s=e.div.withConfig({displayName:"styled__HeaderContainerContent",componentId:"sc-1m73u3z-4"})(["display:flex;align-items:center;width:100%;height:inherit;box-sizing:border-box;position:relative;",""],({$screenSize:e,$variant:t})=>a({variant:"dashboard",desktop:i`
         display: ${"desktop"===e?"flex":"none"};
         justify-content: space-between;
       `,tablet:i`
@@ -54,7 +54,7 @@ import{styled as e,css as i}from"styled-components";import{Container as t}from".
         padding: 8px;
         justify-content: space-between;
         z-index: ${({theme:e})=>e.zIndex.modal};
-      `}))),l=e.div.withConfig({displayName:"styled__HeaderLeft",componentId:"sc-1m73u3z-5"})(["display:flex;align-items:center;position:relative;gap:18px;",""],a({variant:"dashboard",tablet:i`
+      `})),l=e.div.withConfig({displayName:"styled__HeaderLeft",componentId:"sc-1m73u3z-5"})(["display:flex;align-items:center;position:relative;gap:18px;",""],a({variant:"dashboard",tablet:i`
       flex: 1;
     `})),h=e.div.withConfig({displayName:"styled__HeaderCenter",componentId:"sc-1m73u3z-6"})(["display:flex;align-items:center;",""],a({variant:"dashboard",tablet:i`
       flex: 1;

package/dist/components/header/user/button/styled.d.ts

@@ -1,11 +1,9 @@
 export declare const ButtonStyled: import("styled-components").IStyledComponent<"web", {
-    value?: string | number | readonly string[] | undefined;
     children?: import("react").ReactNode;
-    variant?: import("@/ui/components/button").ButtonVariant | undefined;
+    value?: string | number | readonly string[] | undefined;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
-    size?: import("@/ui/components/button").ButtonSize | undefined;
     style?: import("react").CSSProperties | undefined;
     disabled?: boolean | undefined | undefined;
     key?: import("react").Key | null | undefined;
@@ -52,6 +50,10 @@ export declare const ButtonStyled: import("styled-components").IStyledComponent<
     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;
@@ -257,6 +259,8 @@ export declare const ButtonStyled: import("styled-components").IStyledComponent<
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -264,26 +268,36 @@ export declare const ButtonStyled: import("styled-components").IStyledComponent<
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     form?: string | undefined | undefined;
-    name?: string | undefined | undefined;
     type?: "submit" | "reset" | "button" | undefined | undefined;
-    href?: string | undefined;
-    formAction?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
     formTarget?: string | undefined | undefined;
-    htmlFor?: string | undefined;
-    component?: import("@/ui/components/button").ButtonComponent | undefined;
+    name?: string | undefined | undefined;
     fullWidth?: boolean | undefined;
-    skeleton?: boolean | undefined;
+    variant?: import("@/ui/components/button").ButtonVariant | undefined;
+    component?: import("@/ui/components/button").ButtonComponent | undefined;
+    size?: import("@/ui/components/button").ButtonSize | undefined;
     corner?: import("@/ui/components/button").ButtonCorner | undefined;
     startIcon?: import("react").ReactNode;
     endIcon?: import("react").ReactNode;
     iconSize?: number | undefined;
     iconFill?: string | undefined;
+    skeleton?: boolean | undefined;
+    htmlFor?: string | undefined;
+    href?: string | undefined;
     disableHoverColor?: boolean | undefined;
-    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement | null> | null | undefined;
+    ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;

package/dist/components/header/user/button/styled.js

@@ -1 +1 @@
-import{styled as t}from"styled-components";import{Button as o}from"../../../button/index.js";const e=t(o).withConfig({displayName:"styled__ButtonStyled",componentId:"sc-1lhberd-0"})(["@media (max-width:","){margin:0 36px;}"],(({theme:t})=>t.mobile.maxWidth));export{e as ButtonStyled};
+import{styled as t}from"styled-components";import{Button as o}from"../../../button/index.js";const e=t(o).withConfig({displayName:"styled__ButtonStyled",componentId:"sc-1lhberd-0"})(["@media (max-width:","){margin:0 36px;}"],({theme:t})=>t.mobile.maxWidth);export{e as ButtonStyled};

package/dist/components/header/user/styled.js

@@ -1 +1 @@
-import{styled as e,css as n}from"styled-components";import{adaptive as t}from"../../../adaptive/index.js";const i=e.div.withConfig({displayName:"styled__HeaderUserStyled",componentId:"sc-kknlo2-0"})(["display:flex;align-items:center;",""],(({$variant:e,$inMenu:i})=>{if(i){const i=t({variant:e,desktop:n(["display:none;"]),tablet:n(["display:none;"])});return n(["width:100%;",""],i)}return t({variant:e,mobile:n(["display:none;"])})}));export{i as HeaderUserStyled};
+import{styled as e,css as n}from"styled-components";import{adaptive as t}from"../../../adaptive/index.js";const i=e.div.withConfig({displayName:"styled__HeaderUserStyled",componentId:"sc-kknlo2-0"})(["display:flex;align-items:center;",""],({$variant:e,$inMenu:i})=>{if(i){const i=t({variant:e,desktop:n(["display:none;"]),tablet:n(["display:none;"])});return n(["width:100%;",""],i)}return t({variant:e,mobile:n(["display:none;"])})});export{i as HeaderUserStyled};

package/dist/components/header/user-info/index.js

@@ -1 +1 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useRef as r,useState as n,useCallback as o,useEffect as i}from"react";import{useTransition as s}from"@react-spring/web";import{HeaderUserInfoStyled as c,HeaderUserInfoHead as l,HeaderUserInfoInfo as a,HeaderUserInfoInfoText as m,HeaderUserInfoName as d,HeaderUserInfoTokens as p,HeaderUserInfoArrow as u,HeaderUserInfoBody as f}from"./styled.js";export{HeaderUserInfoAvatar,HeaderUserInfoList}from"./styled.js";import{HeaderUserInfoProvider as j}from"./context.js";import{useHeaderMenu as h}from"../menu/context.js";import"tslib";import"../../../theme/index.js";import"../../icon/styled.js";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../tooltip/context.js";import"./item/styled.js";const y=({avatar:y,name:v,tokens:g,children:w})=>{const{isInMenu:x}=h(),b=r(null),L=r(null),[k,E]=n(0),[I,M]=n(!1),$=o((()=>{let t;t=null!==L.current?L.current.getBoundingClientRect().width:0,E(t),M(!I)}),[I,L]);i((()=>{const t=b.current;if(null!==t){const e=e=>{t.contains(e.target)||M(!1)},r=()=>M(!1);return document.addEventListener("click",e),window.addEventListener("blur",r),()=>{document.removeEventListener("click",e),window.removeEventListener("blur",r)}}}),[]);const O=s(I,x?{}:{from:{opacity:0,transform:"scale(0)"},enter:{opacity:I?1:.5,transform:`scale(${I?1:.999})`,transition:{duration:.15}},leave:{opacity:0,transform:"scale(0.999)"},config:{duration:150}});return t(j,{setIsOpen:M,children:e(c,{ref:b,$inMenu:x,"data-test":"user-info",children:[e(l,{$inMenu:x,ref:L,onClick:$,children:[e(a,{children:[y,e(m,{children:[t(d,{children:v}),t(p,{children:g})]})]}),t(u,{style:{transform:I?"rotateZ(-180deg)":"rotateZ(0)"}})]}),O(((e,r)=>r&&t(f,{$inMenu:x,style:Object.assign(Object.assign({},e),{width:k}),children:w})))]})})};export{y as HeaderUserInfo,u as HeaderUserInfoArrow,f as HeaderUserInfoBody,l as HeaderUserInfoHead,a as HeaderUserInfoInfo,m as HeaderUserInfoInfoText,d as HeaderUserInfoName,c as HeaderUserInfoStyled,p as HeaderUserInfoTokens};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useRef as r,useState as n,useCallback as o,useEffect as i}from"react";import{useTransition as s}from"@react-spring/web";import{HeaderUserInfoStyled as c,HeaderUserInfoHead as l,HeaderUserInfoInfo as a,HeaderUserInfoInfoText as m,HeaderUserInfoName as d,HeaderUserInfoTokens as p,HeaderUserInfoArrow as u,HeaderUserInfoBody as f}from"./styled.js";export{HeaderUserInfoAvatar,HeaderUserInfoList}from"./styled.js";import{HeaderUserInfoProvider as j}from"./context.js";import{useHeaderMenu as h}from"../menu/context.js";import"tslib";import"../../../theme/index.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"../../tooltip/context.js";import"./item/styled.js";const y=({avatar:y,name:v,tokens:w,children:g})=>{const{isInMenu:x}=h(),b=r(null),k=r(null),[L,E]=n(0),[I,M]=n(!1),$=o(()=>{let t;t=null!==k.current?k.current.getBoundingClientRect().width:0,E(t),M(!I)},[I,k]);i(()=>{const t=b.current;if(null!==t){const e=e=>{t.contains(e.target)||M(!1)},r=()=>M(!1);return document.addEventListener("click",e),window.addEventListener("blur",r),()=>{document.removeEventListener("click",e),window.removeEventListener("blur",r)}}},[]);const O=s(I,x?{}:{from:{opacity:0,transform:"scale(0)"},enter:{opacity:I?1:.5,transform:`scale(${I?1:.999})`,transition:{duration:.15}},leave:{opacity:0,transform:"scale(0.999)"},config:{duration:150}});return t(j,{setIsOpen:M,children:e(c,{ref:b,$inMenu:x,"data-test":"user-info",children:[e(l,{$inMenu:x,ref:k,onClick:$,children:[e(a,{children:[y,e(m,{children:[t(d,{children:v}),t(p,{children:w})]})]}),t(u,{style:{transform:I?"rotateZ(-180deg)":"rotateZ(0)"}})]}),O((e,r)=>r&&t(f,{$inMenu:x,style:Object.assign(Object.assign({},e),{width:L}),children:g}))]})})};export{y as HeaderUserInfo,u as HeaderUserInfoArrow,f as HeaderUserInfoBody,l as HeaderUserInfoHead,a as HeaderUserInfoInfo,m as HeaderUserInfoInfoText,d as HeaderUserInfoName,c as HeaderUserInfoStyled,p as HeaderUserInfoTokens};

package/dist/components/header/user-info/item/index.js

@@ -1 +1 @@
-import{__rest as o}from"tslib";import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useCallback as i}from"react";import"../../../../theme/index.js";import{IconProvider as e}from"../../../icon/context.js";import"../../../icon/styled.js";import"@react-spring/web";import"react-dom";import"../../../portal/styled.js";import"../../../tooltip/styled.js";import"../../../tooltip/arrow/styled.js";import"../../../tooltip/context.js";import{HeaderUserInfoItemStyled as s,HeaderUserInfoItemContent as m}from"./styled.js";import{useHeaderUserInfo as n}from"../context.js";import{useHeader as c}from"../../context.js";import{useTheme as l}from"../../../../theme/hook.js";const p=p=>{var{icon:d,to:j,children:a}=p,f=o(p,["icon","to","children"]);const h=l(),{setIsMenuOpen:x}=c(),{setIsOpen:y}=n(),b=i((o=>{var t;null===(t=f.onClick)||void 0===t||t.call(f,o),y(!1),x(!1)}),[f.onClick]);return t(s,Object.assign({},f,{to:j,onClick:b,children:r(m,{children:[t(e,{size:18,fill:h.colors.base.white,children:d}),a]})}))};export{p as HeaderUserInfoItem};
+import{__rest as o}from"tslib";import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useCallback as i}from"react";import"../../../../theme/index.js";import{IconProvider as e}from"../../../icon/context.js";import"../../../icon/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../../../portal/styled.js";import"../../../tooltip/styled.js";import"../../../tooltip/arrow/styled.js";import"../../../tooltip/context.js";import{HeaderUserInfoItemStyled as m,HeaderUserInfoItemContent as s}from"./styled.js";import{useHeaderUserInfo as n}from"../context.js";import{useHeader as c}from"../../context.js";import{useTheme as l}from"../../../../theme/hook.js";const p=p=>{var{icon:d,to:a,children:j}=p,f=o(p,["icon","to","children"]);const h=l(),{setIsMenuOpen:x}=c(),{setIsOpen:k}=n(),y=i(o=>{var t;null===(t=f.onClick)||void 0===t||t.call(f,o),k(!1),x(!1)},[f.onClick]);return t(m,Object.assign({},f,{to:a,onClick:y,children:r(s,{children:[t(e,{size:18,fill:h.colors.base.white,children:d}),j]})}))};export{p as HeaderUserInfoItem};

package/dist/components/header/user-info/item/styled.d.ts

@@ -1,5 +1,5 @@
 export declare const HeaderUserInfoItemStyled: 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;
@@ -56,6 +56,10 @@ export declare const HeaderUserInfoItemStyled: import("styled-components").IStyl
     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;
@@ -265,6 +269,8 @@ export declare const HeaderUserInfoItemStyled: import("styled-components").IStyl
     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;
@@ -273,11 +279,19 @@ export declare const HeaderUserInfoItemStyled: import("styled-components").IStyl
     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 HeaderUserInfoItemContent: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLSpanElement> | undefined;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -326,6 +340,10 @@ export declare const HeaderUserInfoItemContent: import("styled-components").ISty
     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 HeaderUserInfoItemContent: import("styled-components").ISty
     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;
@@ -543,6 +563,14 @@ export declare const HeaderUserInfoItemContent: import("styled-components").ISty
     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;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
 }>;

package/dist/components/header/user-info/item/styled.js

@@ -1 +1 @@
-import{styled as e}from"styled-components";const o=e.a.withConfig({displayName:"styled__HeaderUserInfoItemStyled",componentId:"sc-7lmkm4-0"})(["display:inline-flex;width:100%;"]),t=e.span.withConfig({displayName:"styled__HeaderUserInfoItemContent",componentId:"sc-7lmkm4-1"})(["display:inline-flex;width:100%;padding:8px 16px;font-weight:500;font-size:14px;color:",";line-height:18px;gap:10px;cursor:pointer;box-sizing:border-box;background:",";transition:background 0.3s ease-out;&:hover{background:",";}"],(({theme:e})=>e.colors.base.white),(({theme:e})=>e.colors.grayScale.gray4),(({theme:e})=>e.colors.grayScale.gray2));export{t as HeaderUserInfoItemContent,o as HeaderUserInfoItemStyled};
+import{styled as e}from"styled-components";const o=e.a.withConfig({displayName:"styled__HeaderUserInfoItemStyled",componentId:"sc-7lmkm4-0"})(["display:inline-flex;width:100%;"]),t=e.span.withConfig({displayName:"styled__HeaderUserInfoItemContent",componentId:"sc-7lmkm4-1"})(["display:inline-flex;width:100%;padding:8px 16px;font-weight:500;font-size:14px;color:",";line-height:18px;gap:10px;cursor:pointer;box-sizing:border-box;background:",";transition:background 0.3s ease-out;&:hover{background:",";}"],({theme:e})=>e.colors.base.white,({theme:e})=>e.colors.grayScale.gray4,({theme:e})=>e.colors.grayScale.gray2);export{t as HeaderUserInfoItemContent,o as HeaderUserInfoItemStyled};