@bothub-chat/ui 2.48.1-fix-message-dbd14831-26d9-4d49-85b2-65f0e64cfad3 → 2.48.2-develop-30a324f3-49c5-45da-a58f-44a7a3afc6f4

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

@@ -1,5 +1,5 @@
 export declare const FooterStyled: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLElement> | undefined;
+    ref?: import("react").Ref<HTMLElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -48,6 +48,10 @@ export declare const FooterStyled: 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 +261,8 @@ export declare const FooterStyled: import("styled-components").IStyledComponent<
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLElement> | undefined;
@@ -265,16 +271,25 @@ export declare const FooterStyled: import("styled-components").IStyledComponent<
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
 }>;
 export declare const FooterContainer: 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;
@@ -319,6 +334,10 @@ export declare const FooterContainer: 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;
@@ -527,6 +546,8 @@ export declare const FooterContainer: 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;
@@ -535,12 +556,19 @@ export declare const FooterContainer: 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 declare const FooterLogoLink: 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;
@@ -597,6 +625,10 @@ export declare const FooterLogoLink: 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;
@@ -806,6 +838,8 @@ export declare const FooterLogoLink: 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;
@@ -814,11 +848,19 @@ export declare const FooterLogoLink: 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;
 }>;
 export declare const FooterColumn: 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;
@@ -867,6 +909,10 @@ export declare const FooterColumn: 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;
@@ -1076,6 +1122,8 @@ export declare const FooterColumn: 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;
@@ -1084,12 +1132,25 @@ export declare const FooterColumn: 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 FooterColumnLabel: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
     variant?: import("../typography").TypographyVariant | undefined;
+    component?: import("../typography").TypographyComponent | undefined;
+    align?: import("../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;
@@ -1138,6 +1199,10 @@ export declare const FooterColumnLabel: import("styled-components").IStyledCompo
     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;
@@ -1346,6 +1411,8 @@ export declare const FooterColumnLabel: import("styled-components").IStyledCompo
     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;
@@ -1354,17 +1421,20 @@ export declare const FooterColumnLabel: import("styled-components").IStyledCompo
     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("../typography").TypographyAlign | undefined;
-    component?: import("../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 FooterNav: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLElement> | undefined;
+    ref?: import("react").Ref<HTMLElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1413,6 +1483,10 @@ export declare const FooterNav: import("styled-components").IStyledComponent<"we
     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;
@@ -1622,6 +1696,8 @@ export declare const FooterNav: import("styled-components").IStyledComponent<"we
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLElement> | undefined;
@@ -1630,12 +1706,25 @@ export declare const FooterNav: import("styled-components").IStyledComponent<"we
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
 }>;
 export declare const FooterText: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
     variant?: import("../typography").TypographyVariant | undefined;
+    component?: import("../typography").TypographyComponent | undefined;
+    align?: import("../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;
@@ -1684,6 +1773,10 @@ export declare const FooterText: 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;
@@ -1892,6 +1985,8 @@ export declare const FooterText: import("styled-components").IStyledComponent<"w
     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;
@@ -1900,17 +1995,20 @@ export declare const FooterText: import("styled-components").IStyledComponent<"w
     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("../typography").TypographyAlign | undefined;
-    component?: import("../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 FooterNavLink: 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;
@@ -1967,6 +2065,10 @@ export declare const FooterNavLink: 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;
@@ -2176,6 +2278,8 @@ export declare const FooterNavLink: import("styled-components").IStyledComponent
     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;
@@ -2184,15 +2288,19 @@ export declare const FooterNavLink: import("styled-components").IStyledComponent
     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 FooterMainColumn: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
-    hidden?: boolean | undefined | undefined;
-    color?: string | undefined | undefined;
-    content?: string | undefined | undefined;
-    style?: import("react").CSSProperties | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -2207,17 +2315,20 @@ export declare const FooterMainColumn: import("styled-components").IStyledCompon
     dir?: string | undefined | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     nonce?: string | undefined | undefined;
     slot?: string | undefined | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
+    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined | undefined;
     title?: string | undefined | undefined;
     translate?: "yes" | "no" | undefined | undefined;
     radioGroup?: string | undefined | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
     prefix?: string | undefined | undefined;
@@ -2229,6 +2340,7 @@ export declare const FooterMainColumn: import("styled-components").IStyledCompon
     vocab?: string | undefined | undefined;
     autoCorrect?: string | undefined | undefined;
     autoSave?: string | undefined | undefined;
+    color?: string | undefined | undefined;
     itemProp?: string | undefined | undefined;
     itemScope?: boolean | undefined | undefined;
     itemType?: string | undefined | undefined;
@@ -2237,6 +2349,10 @@ export declare const FooterMainColumn: 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;
@@ -2294,6 +2410,7 @@ export declare const FooterMainColumn: import("styled-components").IStyledCompon
     "aria-valuemin"?: number | undefined | undefined;
     "aria-valuenow"?: number | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
+    children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;
@@ -2445,6 +2562,8 @@ export declare const FooterMainColumn: import("styled-components").IStyledCompon
     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;
@@ -2453,7 +2572,14 @@ export declare const FooterMainColumn: import("styled-components").IStyledCompon
     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;
 }>;

package/dist/components/footer/styled.js

@@ -1 +1 @@
-import{styled as e}from"styled-components";import{Container as t}from"../container/index.js";import{Typography as o}from"../typography/index.js";const i=e.footer.withConfig({displayName:"styled__FooterStyled",componentId:"sc-1rkoj49-0"})(["min-width:",";width:100%;padding:64px 0px;background:radial-gradient( 51.67% 103.33% at 50% -3.33%,rgba(28,100,242,0.35) 0%,rgba(8,16,39,0) 53.98% ),#121825;background-repeat:no-repeat;background-size:100% 400px;border-top:1px solid ",";@media (max-width:","){background-size:100% 200px;}"],(({theme:e})=>e.mobile.minWidth),(({theme:e})=>e.colors.grayScale.gray3),(({theme:e})=>e.mobile.maxWidth)),a=e(t).withConfig({displayName:"styled__FooterContainer",componentId:"sc-1rkoj49-1"})(["display:grid;grid-template-columns:300px 1fr 1fr 1fr 1fr;column-gap:75px;row-gap:46px;@media (max-width:","){grid-template-columns:repeat(4,1fr);}@media (max-width:1100px){grid-template-columns:repeat(3,1fr);}@media (max-width:880px){grid-template-columns:repeat(2,1fr);}@media (max-width:","){grid-template-columns:repeat(1,1fr);row-gap:36px;}"],(({theme:e})=>e.tablet.maxWidth),(({theme:e})=>e.mobile.maxWidth)),r=e.a.withConfig({displayName:"styled__FooterLogoLink",componentId:"sc-1rkoj49-2"})(["display:inline-flex;"]),n=e.div.withConfig({displayName:"styled__FooterColumn",componentId:"sc-1rkoj49-3"})(["display:flex;flex-direction:column;width:100%;> ","{margin-bottom:20px;}"],r),m=e(o).withConfig({displayName:"styled__FooterColumnLabel",componentId:"sc-1rkoj49-4"})(["color:",";font-weight:600;font-size:16px;line-height:22px;margin-bottom:20px;"],(({theme:e})=>e.colors.grayScale.gray1)),l=e.nav.withConfig({displayName:"styled__FooterNav",componentId:"sc-1rkoj49-5"})(["display:flex;flex-direction:column;gap:20px;align-items:flex-start;"]),d=e(o).withConfig({displayName:"styled__FooterText",componentId:"sc-1rkoj49-6"})(["font-weight:500;font-size:14px;line-height:18px;"]),p=e.a.withConfig({displayName:"styled__FooterNavLink",componentId:"sc-1rkoj49-7"})(["display:inline-flex;white-space:nowrap;align-items:center;gap:8px;font-weight:400;font-size:16px;line-height:22px;color:",";text-decoration:none;cursor:default;&[href]{cursor:pointer;}svg path{fill:",";}&:hover{color:",";svg path{fill:",";}}"],(({theme:e})=>e.colors.base.white),(({theme:e})=>e.colors.base.white),(({theme:e})=>e.colors.accent.primaryLight),(({theme:e})=>e.colors.accent.primaryLight)),s=e(n).withConfig({displayName:"styled__FooterMainColumn",componentId:"sc-1rkoj49-8"})(["@media (max-width:","){& + ","{grid-column-start:1;}}"],(({theme:e})=>e.tablet.maxWidth),n);export{n as FooterColumn,m as FooterColumnLabel,a as FooterContainer,r as FooterLogoLink,s as FooterMainColumn,l as FooterNav,p as FooterNavLink,i as FooterStyled,d as FooterText};
+import{styled as e}from"styled-components";import{Container as t}from"../container/index.js";import{Typography as o}from"../typography/index.js";const i=e.footer.withConfig({displayName:"styled__FooterStyled",componentId:"sc-1rkoj49-0"})(["min-width:",";width:100%;padding:64px 0px;background:radial-gradient( 51.67% 103.33% at 50% -3.33%,rgba(28,100,242,0.35) 0%,rgba(8,16,39,0) 53.98% ),#121825;background-repeat:no-repeat;background-size:100% 400px;border-top:1px solid ",";@media (max-width:","){background-size:100% 200px;}"],({theme:e})=>e.mobile.minWidth,({theme:e})=>e.colors.grayScale.gray3,({theme:e})=>e.mobile.maxWidth),a=e(t).withConfig({displayName:"styled__FooterContainer",componentId:"sc-1rkoj49-1"})(["display:grid;grid-template-columns:300px 1fr 1fr 1fr 1fr;column-gap:75px;row-gap:46px;@media (max-width:","){grid-template-columns:repeat(4,1fr);}@media (max-width:1100px){grid-template-columns:repeat(3,1fr);}@media (max-width:880px){grid-template-columns:repeat(2,1fr);}@media (max-width:","){grid-template-columns:repeat(1,1fr);row-gap:36px;}"],({theme:e})=>e.tablet.maxWidth,({theme:e})=>e.mobile.maxWidth),r=e.a.withConfig({displayName:"styled__FooterLogoLink",componentId:"sc-1rkoj49-2"})(["display:inline-flex;"]),n=e.div.withConfig({displayName:"styled__FooterColumn",componentId:"sc-1rkoj49-3"})(["display:flex;flex-direction:column;width:100%;> ","{margin-bottom:20px;}"],r),m=e(o).withConfig({displayName:"styled__FooterColumnLabel",componentId:"sc-1rkoj49-4"})(["color:",";font-weight:600;font-size:16px;line-height:22px;margin-bottom:20px;"],({theme:e})=>e.colors.grayScale.gray1),l=e.nav.withConfig({displayName:"styled__FooterNav",componentId:"sc-1rkoj49-5"})(["display:flex;flex-direction:column;gap:20px;align-items:flex-start;"]),d=e(o).withConfig({displayName:"styled__FooterText",componentId:"sc-1rkoj49-6"})(["font-weight:500;font-size:14px;line-height:18px;"]),p=e.a.withConfig({displayName:"styled__FooterNavLink",componentId:"sc-1rkoj49-7"})(["display:inline-flex;white-space:nowrap;align-items:center;gap:8px;font-weight:400;font-size:16px;line-height:22px;color:",";text-decoration:none;cursor:default;&[href]{cursor:pointer;}svg path{fill:",";}&:hover{color:",";svg path{fill:",";}}"],({theme:e})=>e.colors.base.white,({theme:e})=>e.colors.base.white,({theme:e})=>e.colors.accent.primaryLight,({theme:e})=>e.colors.accent.primaryLight),s=e(n).withConfig({displayName:"styled__FooterMainColumn",componentId:"sc-1rkoj49-8"})(["@media (max-width:","){& + ","{grid-column-start:1;}}"],({theme:e})=>e.tablet.maxWidth,n);export{n as FooterColumn,m as FooterColumnLabel,a as FooterContainer,r as FooterLogoLink,s as FooterMainColumn,l as FooterNav,p as FooterNavLink,i as FooterStyled,d as FooterText};

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

@@ -1,8 +1,8 @@
 export declare const Form: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLFormElement> | undefined;
+    ref?: import("react").Ref<HTMLFormElement> | undefined;
     key?: import("react").Key | null | undefined;
     acceptCharset?: string | undefined | undefined;
-    action?: string | undefined;
+    action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
     autoComplete?: string | undefined | undefined;
     encType?: string | undefined | undefined;
     method?: string | undefined | undefined;
@@ -56,6 +56,10 @@ export declare const Form: import("styled-components").IStyledComponent<"web", {
     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 Form: import("styled-components").IStyledComponent<"web", {
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLFormElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLFormElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLFormElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLFormElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLFormElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLFormElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLFormElement> | undefined;
@@ -273,12 +279,25 @@ export declare const Form: import("styled-components").IStyledComponent<"web", {
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLFormElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLFormElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLFormElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLFormElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLFormElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLFormElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLFormElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLFormElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLFormElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLFormElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLFormElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLFormElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLFormElement> | undefined;
 }>;
 export declare const FormText: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
     variant?: import("../typography").TypographyVariant | undefined;
+    component?: import("../typography").TypographyComponent | undefined;
+    align?: import("../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;
@@ -327,6 +346,10 @@ export declare const FormText: import("styled-components").IStyledComponent<"web
     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 +558,8 @@ export declare const FormText: import("styled-components").IStyledComponent<"web
     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,17 +568,20 @@ export declare const FormText: import("styled-components").IStyledComponent<"web
     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("../typography").TypographyAlign | undefined;
-    component?: import("../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 FormButtons: 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;
@@ -602,6 +630,10 @@ export declare const FormButtons: 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;
@@ -811,6 +843,8 @@ export declare const FormButtons: 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;
@@ -819,6 +853,14 @@ export declare const FormButtons: 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;
 }>;

package/dist/components/form/styled.js

@@ -1 +1 @@
-import{styled as o}from"styled-components";import{Typography as t}from"../typography/index.js";const i=o.form.withConfig({displayName:"styled__Form",componentId:"sc-1oduc7-0"})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;box-sizing:border-box;gap:16px;padding-bottom:1px;"]),d=o(t).attrs({variant:"body-m-medium",component:"p"}).withConfig({displayName:"styled__FormText",componentId:"sc-1oduc7-1"})(["color:",";width:100%;margin-bottom:10px;"],(({theme:o})=>o.default.colors.grayScale.gray1)),e=o.div.withConfig({displayName:"styled__FormButtons",componentId:"sc-1oduc7-2"})(["display:flex;width:100%;gap:20px;"]);export{i as Form,e as FormButtons,d as FormText};
+import{styled as o}from"styled-components";import{Typography as t}from"../typography/index.js";const i=o.form.withConfig({displayName:"styled__Form",componentId:"sc-1oduc7-0"})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;box-sizing:border-box;gap:16px;padding-bottom:1px;"]),d=o(t).attrs({variant:"body-m-medium",component:"p"}).withConfig({displayName:"styled__FormText",componentId:"sc-1oduc7-1"})(["color:",";width:100%;margin-bottom:10px;"],({theme:o})=>o.default.colors.grayScale.gray1),e=o.div.withConfig({displayName:"styled__FormButtons",componentId:"sc-1oduc7-2"})(["display:flex;width:100%;gap:20px;"]);export{i as Form,e as FormButtons,d as FormText};