@bothub-chat/ui 2.48.1-fix-message-79169952-1f6d-4889-beff-6002523e5f27 → 2.48.1-fix-message-dbd14831-26d9-4d49-85b2-65f0e64cfad3

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

@@ -1,5 +1,5 @@
 export declare const FooterStyled: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").Ref<HTMLElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -48,10 +48,6 @@ 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;
@@ -261,8 +257,6 @@ 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;
@@ -271,25 +265,16 @@ 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;
@@ -334,10 +319,6 @@ 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;
@@ -546,8 +527,6 @@ 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;
@@ -556,19 +535,12 @@ 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;
-    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: 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;
 }>;
 export declare const FooterLogoLink: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").Ref<HTMLAnchorElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLAnchorElement> | undefined;
     key?: import("react").Key | null | undefined;
     download?: any;
     href?: string | undefined | undefined;
@@ -625,10 +597,6 @@ 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;
@@ -838,8 +806,6 @@ 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;
@@ -848,19 +814,11 @@ 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").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -909,10 +867,6 @@ 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;
@@ -1122,8 +1076,6 @@ 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;
@@ -1132,25 +1084,12 @@ 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", {
-    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;
+    variant?: import("../typography").TypographyVariant | undefined;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -1199,10 +1138,6 @@ 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;
@@ -1411,8 +1346,6 @@ 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;
@@ -1421,20 +1354,17 @@ 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;
-    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;
+    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;
 }>;
 export declare const FooterNav: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").Ref<HTMLElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1483,10 +1413,6 @@ 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;
@@ -1696,8 +1622,6 @@ 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;
@@ -1706,25 +1630,12 @@ 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", {
-    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;
+    variant?: import("../typography").TypographyVariant | undefined;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -1773,10 +1684,6 @@ 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;
@@ -1985,8 +1892,6 @@ 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;
@@ -1995,20 +1900,17 @@ 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;
-    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;
+    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;
 }>;
 export declare const FooterNavLink: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").Ref<HTMLAnchorElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLAnchorElement> | undefined;
     key?: import("react").Key | null | undefined;
     download?: any;
     href?: string | undefined | undefined;
@@ -2065,10 +1967,6 @@ 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;
@@ -2278,8 +2176,6 @@ 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;
@@ -2288,19 +2184,15 @@ 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", {
-    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;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -2315,20 +2207,17 @@ 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;
@@ -2340,7 +2229,6 @@ 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;
@@ -2349,10 +2237,6 @@ 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;
@@ -2410,7 +2294,6 @@ 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;
@@ -2562,8 +2445,6 @@ 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;
@@ -2572,14 +2453,7 @@ 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;
-    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: 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;
 }>;

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").Ref<HTMLFormElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLFormElement> | undefined;
     key?: import("react").Key | null | undefined;
     acceptCharset?: string | undefined | undefined;
-    action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+    action?: string | undefined;
     autoComplete?: string | undefined | undefined;
     encType?: string | undefined | undefined;
     method?: string | undefined | undefined;
@@ -56,10 +56,6 @@ 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;
@@ -269,8 +265,6 @@ 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;
@@ -279,25 +273,12 @@ 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", {
-    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;
+    variant?: import("../typography").TypographyVariant | undefined;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -346,10 +327,6 @@ 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;
@@ -558,8 +535,6 @@ 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;
@@ -568,20 +543,17 @@ 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;
-    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;
+    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;
 }>;
 export declare const FormButtons: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -630,10 +602,6 @@ 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;
@@ -843,8 +811,6 @@ 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;
@@ -853,14 +819,6 @@ 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};