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

package/dist/components/message/actions/copy-button/styled.d.ts

@@ -1,8 +1,25 @@
 export declare const MessageActionsButtonIconStyled: import("styled-components").IStyledComponent<"web", {
-    children?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | import("@react-spring/shared").FluidValue<string | number | boolean | null, any> | null | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    key?: import("react").Key | null | undefined;
+    defaultChecked?: boolean | import("@react-spring/shared").FluidValue<boolean, any> | undefined;
+    defaultValue?: string | number | readonly string[] | import("@react-spring/shared").FluidValue<string | number | readonly string[], any> | undefined;
+    suppressContentEditableWarning?: boolean | import("@react-spring/shared").FluidValue<boolean, any> | undefined;
+    suppressHydrationWarning?: boolean | import("@react-spring/shared").FluidValue<boolean, any> | undefined;
+    accessKey?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
+    autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | import("@react-spring/shared").FluidValue<(string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters", any> | undefined;
+    autoFocus?: boolean | import("@react-spring/shared").FluidValue<boolean, any> | undefined;
+    className?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
+    contentEditable?: boolean | "inherit" | "false" | "true" | "plaintext-only" | import("@react-spring/shared").FluidValue<"inherit" | (boolean | "false" | "true") | "plaintext-only", any> | undefined;
+    contextMenu?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
+    dir?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
+    draggable?: boolean | "false" | "true" | import("@react-spring/shared").FluidValue<boolean | "false" | "true", any> | undefined;
+    enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | import("@react-spring/shared").FluidValue<"search" | "next" | "enter" | "done" | "go" | "previous" | "send", any> | undefined;
     hidden?: boolean | import("@react-spring/shared").FluidValue<boolean, any> | undefined;
-    color?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
-    content?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
+    id?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
+    lang?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
+    nonce?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
+    slot?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
+    spellCheck?: boolean | "false" | "true" | import("@react-spring/shared").FluidValue<boolean | "false" | "true", any> | undefined;
     style?: {
         accentColor?: "orange" | "aquamarine" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "aliceblue" | "antiquewhite" | "aqua" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | import("@react-spring/shared").FluidValue<"orange" | "aquamarine" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "aliceblue" | "antiquewhite" | "aqua" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor", any> | undefined;
         alignContent?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal", any> | undefined;
@@ -11,7 +28,7 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
         alignTracks?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal", any> | undefined;
         animationComposition?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "replace" | "accumulate" | "add" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "replace" | "accumulate" | "add", any> | undefined;
         animationDelay?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset", any> | undefined;
-        animationDirection?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "alternate" | "alternate-reverse" | "reverse" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "alternate" | "alternate-reverse" | "reverse", any> | undefined;
+        animationDirection?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "normal" | "alternate" | "alternate-reverse" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "normal" | "alternate" | "alternate-reverse", any> | undefined;
         animationDuration?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset", any> | undefined;
         animationFillMode?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "backwards" | "both" | "forwards" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "backwards" | "both" | "forwards", any> | undefined;
         animationIterationCount?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "infinite" | (number & {}) | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "infinite" | (number & {}), any> | undefined;
@@ -233,15 +250,15 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
         mixBlendMode?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "color" | "color-burn" | "color-dodge" | "darken" | "difference" | "exclusion" | "hard-light" | "hue" | "lighten" | "luminosity" | "multiply" | "overlay" | "saturation" | "screen" | "soft-light" | "plus-lighter" | import("@react-spring/shared").FluidValue<import("csstype").Property.MixBlendMode, any> | undefined;
         motionDistance?: string | number | (string & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.OffsetDistance<string | number>, any> | undefined;
         motionPath?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none", any> | undefined;
-        motionRotation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "reverse" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "reverse", any> | undefined;
-        objectFit?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "contain" | "cover" | "fill" | "scale-down" | import("@react-spring/shared").FluidValue<import("csstype").Property.ObjectFit, any> | undefined;
+        motionRotation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "auto" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "auto", any> | undefined;
+        objectFit?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "fill" | "contain" | "cover" | "scale-down" | import("@react-spring/shared").FluidValue<import("csstype").Property.ObjectFit, any> | undefined;
         objectPosition?: string | number | (string & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.ObjectPosition<string | number>, any> | undefined;
         offsetAnchor?: string | number | (string & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.OffsetAnchor<string | number>, any> | undefined;
         offsetDistance?: string | number | (string & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.OffsetDistance<string | number>, any> | undefined;
         offsetPath?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none", any> | undefined;
         offsetPosition?: string | number | (string & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.OffsetPosition<string | number>, any> | undefined;
-        offsetRotate?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "reverse" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "reverse", any> | undefined;
-        offsetRotation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "reverse" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "reverse", any> | undefined;
+        offsetRotate?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "auto" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "auto", any> | undefined;
+        offsetRotation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "auto" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "auto", any> | undefined;
         opacity?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}), any> | undefined;
         order?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}), any> | undefined;
         orphans?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}), any> | undefined;
@@ -274,10 +291,10 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
         pageBreakAfter?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "left" | "right" | "always" | "avoid" | "recto" | "verso" | import("@react-spring/shared").FluidValue<import("csstype").Property.PageBreakAfter, any> | undefined;
         pageBreakBefore?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "left" | "right" | "always" | "avoid" | "recto" | "verso" | import("@react-spring/shared").FluidValue<import("csstype").Property.PageBreakBefore, any> | undefined;
         pageBreakInside?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "avoid" | import("@react-spring/shared").FluidValue<import("csstype").Property.PageBreakInside, any> | undefined;
-        paintOrder?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "fill" | "markers" | "stroke" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "fill" | "markers" | "stroke", any> | undefined;
+        paintOrder?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "fill" | "normal" | "markers" | "stroke" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "fill" | "normal" | "markers" | "stroke", any> | undefined;
         perspective?: string | number | import("@react-spring/shared").FluidValue<import("csstype").Property.Perspective<string | number>, any> | undefined;
         perspectiveOrigin?: string | number | (string & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.PerspectiveOrigin<string | number>, any> | undefined;
-        pointerEvents?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "visible" | "all" | "fill" | "stroke" | "painted" | "visibleFill" | "visiblePainted" | "visibleStroke" | import("@react-spring/shared").FluidValue<import("csstype").Property.PointerEvents, any> | undefined;
+        pointerEvents?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "fill" | "auto" | "visible" | "all" | "stroke" | "painted" | "visibleFill" | "visiblePainted" | "visibleStroke" | import("@react-spring/shared").FluidValue<import("csstype").Property.PointerEvents, any> | undefined;
         position?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "fixed" | "-webkit-sticky" | "absolute" | "relative" | "static" | "sticky" | import("@react-spring/shared").FluidValue<import("csstype").Property.Position, any> | undefined;
         printColorAdjust?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "economy" | "exact" | import("@react-spring/shared").FluidValue<import("csstype").Property.PrintColorAdjust, any> | undefined;
         quotes?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto", any> | undefined;
@@ -380,7 +397,7 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
         zIndex?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}), any> | undefined;
         zoom?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | (number & {}) | "reset" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | (number & {}) | "reset", any> | undefined;
         all?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | import("@react-spring/shared").FluidValue<import("csstype").Globals, any> | undefined;
-        animation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | (number & {}) | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | (number & {}) | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear", any> | undefined;
+        animation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "reverse" | "auto" | "normal" | "alternate" | "alternate-reverse" | "backwards" | "both" | "forwards" | "infinite" | (number & {}) | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "reverse" | "auto" | "normal" | "alternate" | "alternate-reverse" | "backwards" | "both" | "forwards" | "infinite" | (number & {}) | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear", any> | undefined;
         animationRange?: string | number | (string & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.AnimationRange<string | number>, any> | undefined;
         background?: string | number | (string & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.Background<string | number>, any> | undefined;
         backgroundPosition?: string | number | (string & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.BackgroundPosition<string | number>, any> | undefined;
@@ -448,7 +465,7 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
         transition?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "normal" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "all" | "allow-discrete" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "normal" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "all" | "allow-discrete", any> | undefined;
         viewTimeline?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none", any> | undefined;
         MozAnimationDelay?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset", any> | undefined;
-        MozAnimationDirection?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "alternate" | "alternate-reverse" | "reverse" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "alternate" | "alternate-reverse" | "reverse", any> | undefined;
+        MozAnimationDirection?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "normal" | "alternate" | "alternate-reverse" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "normal" | "alternate" | "alternate-reverse", any> | undefined;
         MozAnimationDuration?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset", any> | undefined;
         MozAnimationFillMode?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "backwards" | "both" | "forwards" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "backwards" | "both" | "forwards", any> | undefined;
         MozAnimationIterationCount?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "infinite" | (number & {}) | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "infinite" | (number & {}), any> | undefined;
@@ -562,7 +579,7 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
         WebkitAlignItems?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start", any> | undefined;
         WebkitAlignSelf?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start", any> | undefined;
         WebkitAnimationDelay?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset", any> | undefined;
-        WebkitAnimationDirection?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "alternate" | "alternate-reverse" | "reverse" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "alternate" | "alternate-reverse" | "reverse", any> | undefined;
+        WebkitAnimationDirection?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "normal" | "alternate" | "alternate-reverse" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "normal" | "alternate" | "alternate-reverse", any> | undefined;
         WebkitAnimationDuration?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset", any> | undefined;
         WebkitAnimationFillMode?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "backwards" | "both" | "forwards" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "backwards" | "both" | "forwards", any> | undefined;
         WebkitAnimationIterationCount?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "infinite" | (number & {}) | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "infinite" | (number & {}), any> | undefined;
@@ -667,7 +684,7 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
         WebkitUserModify?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "read-only" | "read-write" | "read-write-plaintext-only" | import("@react-spring/shared").FluidValue<import("csstype").Property.WebkitUserModify, any> | undefined;
         WebkitUserSelect?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "contain" | "all" | "text" | "-moz-none" | "element" | import("@react-spring/shared").FluidValue<import("csstype").Property.UserSelect, any> | undefined;
         WebkitWritingMode?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "horizontal-tb" | "sideways-lr" | "sideways-rl" | "vertical-lr" | "vertical-rl" | import("@react-spring/shared").FluidValue<import("csstype").Property.WritingMode, any> | undefined;
-        MozAnimation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | (number & {}) | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | (number & {}) | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear", any> | undefined;
+        MozAnimation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "reverse" | "auto" | "normal" | "alternate" | "alternate-reverse" | "backwards" | "both" | "forwards" | "infinite" | (number & {}) | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "reverse" | "auto" | "normal" | "alternate" | "alternate-reverse" | "backwards" | "both" | "forwards" | "infinite" | (number & {}) | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear", any> | undefined;
         MozBorderImage?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "repeat" | "stretch" | (number & {}) | "round" | "space" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "repeat" | "stretch" | (number & {}) | "round" | "space", any> | undefined;
         MozColumnRule?: string | number | (string & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.ColumnRule<string | number>, any> | undefined;
         MozColumns?: string | number | (string & {}) | (number & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.Columns<string | number>, any> | undefined;
@@ -679,7 +696,7 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
         msScrollSnapX?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset", any> | undefined;
         msScrollSnapY?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset", any> | undefined;
         msTransition?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "normal" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "all" | "allow-discrete" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "normal" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "all" | "allow-discrete", any> | undefined;
-        WebkitAnimation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | (number & {}) | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | (number & {}) | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear", any> | undefined;
+        WebkitAnimation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "reverse" | "auto" | "normal" | "alternate" | "alternate-reverse" | "backwards" | "both" | "forwards" | "infinite" | (number & {}) | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "reverse" | "auto" | "normal" | "alternate" | "alternate-reverse" | "backwards" | "both" | "forwards" | "infinite" | (number & {}) | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear", any> | undefined;
         WebkitBorderBefore?: string | number | (string & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.WebkitBorderBefore<string | number>, any> | undefined;
         WebkitBorderImage?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "repeat" | "stretch" | (number & {}) | "round" | "space" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "repeat" | "stretch" | (number & {}) | "round" | "space", any> | undefined;
         WebkitBorderRadius?: string | number | (string & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.BorderRadius<string | number>, any> | undefined;
@@ -694,7 +711,7 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
         WebkitTransition?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "normal" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "all" | "allow-discrete" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "normal" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "all" | "allow-discrete", any> | undefined;
         azimuth?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "center" | "left" | "right" | "behind" | "center-left" | "center-right" | "far-left" | "far-right" | "left-side" | "leftwards" | "right-side" | "rightwards" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "center" | "left" | "right" | "behind" | "center-left" | "center-right" | "far-left" | "far-right" | "left-side" | "leftwards" | "right-side" | "rightwards", any> | undefined;
         boxAlign?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "start" | "baseline" | import("@react-spring/shared").FluidValue<import("csstype").Property.BoxAlign, any> | undefined;
-        boxDirection?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "reverse" | import("@react-spring/shared").FluidValue<import("csstype").Property.BoxDirection, any> | undefined;
+        boxDirection?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "normal" | import("@react-spring/shared").FluidValue<import("csstype").Property.BoxDirection, any> | undefined;
         boxFlex?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}), any> | undefined;
         boxFlexGroup?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}), any> | undefined;
         boxLines?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "multiple" | "single" | import("@react-spring/shared").FluidValue<import("csstype").Property.BoxLines, any> | undefined;
@@ -719,7 +736,7 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
         scrollSnapTypeX?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "mandatory" | "proximity" | import("@react-spring/shared").FluidValue<import("csstype").Property.ScrollSnapTypeX, any> | undefined;
         scrollSnapTypeY?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "mandatory" | "proximity" | import("@react-spring/shared").FluidValue<import("csstype").Property.ScrollSnapTypeY, any> | undefined;
         KhtmlBoxAlign?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "start" | "baseline" | import("@react-spring/shared").FluidValue<import("csstype").Property.BoxAlign, any> | undefined;
-        KhtmlBoxDirection?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "reverse" | import("@react-spring/shared").FluidValue<import("csstype").Property.BoxDirection, any> | undefined;
+        KhtmlBoxDirection?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "normal" | import("@react-spring/shared").FluidValue<import("csstype").Property.BoxDirection, any> | undefined;
         KhtmlBoxFlex?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}), any> | undefined;
         KhtmlBoxFlexGroup?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}), any> | undefined;
         KhtmlBoxLines?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "multiple" | "single" | import("@react-spring/shared").FluidValue<import("csstype").Property.BoxLines, any> | undefined;
@@ -740,7 +757,7 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
         MozBorderRadiusTopleft?: string | number | (string & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.BorderTopLeftRadius<string | number>, any> | undefined;
         MozBorderRadiusTopright?: string | number | (string & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.BorderTopRightRadius<string | number>, any> | undefined;
         MozBoxAlign?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "start" | "baseline" | import("@react-spring/shared").FluidValue<import("csstype").Property.BoxAlign, any> | undefined;
-        MozBoxDirection?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "reverse" | import("@react-spring/shared").FluidValue<import("csstype").Property.BoxDirection, any> | undefined;
+        MozBoxDirection?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "normal" | import("@react-spring/shared").FluidValue<import("csstype").Property.BoxDirection, any> | undefined;
         MozBoxFlex?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}), any> | undefined;
         MozBoxOrdinalGroup?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}), any> | undefined;
         MozBoxOrient?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "horizontal" | "vertical" | "block-axis" | "inline-axis" | import("@react-spring/shared").FluidValue<import("csstype").Property.BoxOrient, any> | undefined;
@@ -769,9 +786,9 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
         MozTransitionTimingFunction?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear", any> | undefined;
         MozUserInput?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "disabled" | "enabled" | import("@react-spring/shared").FluidValue<import("csstype").Property.MozUserInput, any> | undefined;
         msImeMode?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "normal" | "active" | "disabled" | "inactive" | import("@react-spring/shared").FluidValue<import("csstype").Property.ImeMode, any> | undefined;
-        OAnimation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | (number & {}) | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | (number & {}) | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear", any> | undefined;
+        OAnimation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "reverse" | "auto" | "normal" | "alternate" | "alternate-reverse" | "backwards" | "both" | "forwards" | "infinite" | (number & {}) | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "reverse" | "auto" | "normal" | "alternate" | "alternate-reverse" | "backwards" | "both" | "forwards" | "infinite" | (number & {}) | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear", any> | undefined;
         OAnimationDelay?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset", any> | undefined;
-        OAnimationDirection?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "alternate" | "alternate-reverse" | "reverse" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "alternate" | "alternate-reverse" | "reverse", any> | undefined;
+        OAnimationDirection?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "normal" | "alternate" | "alternate-reverse" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "normal" | "alternate" | "alternate-reverse", any> | undefined;
         OAnimationDuration?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset", any> | undefined;
         OAnimationFillMode?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "backwards" | "both" | "forwards" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "backwards" | "both" | "forwards", any> | undefined;
         OAnimationIterationCount?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "infinite" | (number & {}) | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "infinite" | (number & {}), any> | undefined;
@@ -780,7 +797,7 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
         OAnimationTimingFunction?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear", any> | undefined;
         OBackgroundSize?: string | number | (string & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.BackgroundSize<string | number>, any> | undefined;
         OBorderImage?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "repeat" | "stretch" | (number & {}) | "round" | "space" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "repeat" | "stretch" | (number & {}) | "round" | "space", any> | undefined;
-        OObjectFit?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "contain" | "cover" | "fill" | "scale-down" | import("@react-spring/shared").FluidValue<import("csstype").Property.ObjectFit, any> | undefined;
+        OObjectFit?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "fill" | "contain" | "cover" | "scale-down" | import("@react-spring/shared").FluidValue<import("csstype").Property.ObjectFit, any> | undefined;
         OObjectPosition?: string | number | (string & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.ObjectPosition<string | number>, any> | undefined;
         OTabSize?: string | number | (string & {}) | (number & {}) | import("@react-spring/shared").FluidValue<import("csstype").Property.TabSize<string | number>, any> | undefined;
         OTextOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "clip" | "ellipsis" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "clip" | "ellipsis", any> | undefined;
@@ -792,7 +809,7 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
         OTransitionProperty?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "all" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "all", any> | undefined;
         OTransitionTimingFunction?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear", any> | undefined;
         WebkitBoxAlign?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "start" | "baseline" | import("@react-spring/shared").FluidValue<import("csstype").Property.BoxAlign, any> | undefined;
-        WebkitBoxDirection?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "reverse" | import("@react-spring/shared").FluidValue<import("csstype").Property.BoxDirection, any> | undefined;
+        WebkitBoxDirection?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "reverse" | "normal" | import("@react-spring/shared").FluidValue<import("csstype").Property.BoxDirection, any> | undefined;
         WebkitBoxFlex?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}), any> | undefined;
         WebkitBoxFlexGroup?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | import("@react-spring/shared").FluidValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}), any> | undefined;
         WebkitBoxLines?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "multiple" | "single" | import("@react-spring/shared").FluidValue<import("csstype").Property.BoxLines, any> | undefined;
@@ -850,31 +867,13 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
         matrix?: (readonly [number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>] | import("@react-spring/shared").FluidValue<readonly [number, number, number, number, number, number], any>) | undefined;
         matrix3d?: (readonly [number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>, number | import("@react-spring/shared").FluidValue<number, any>] | import("@react-spring/shared").FluidValue<readonly [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number], any>) | undefined;
     } | undefined;
-    key?: import("react").Key | null | undefined;
-    defaultChecked?: boolean | import("@react-spring/shared").FluidValue<boolean, any> | undefined;
-    defaultValue?: string | number | readonly string[] | import("@react-spring/shared").FluidValue<string | number | readonly string[], any> | undefined;
-    suppressContentEditableWarning?: boolean | import("@react-spring/shared").FluidValue<boolean, any> | undefined;
-    suppressHydrationWarning?: boolean | import("@react-spring/shared").FluidValue<boolean, any> | undefined;
-    accessKey?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
-    autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | import("@react-spring/shared").FluidValue<(string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters", any> | undefined;
-    autoFocus?: boolean | import("@react-spring/shared").FluidValue<boolean, any> | undefined;
-    className?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
-    contentEditable?: boolean | "inherit" | "false" | "true" | "plaintext-only" | import("@react-spring/shared").FluidValue<"inherit" | (boolean | "false" | "true") | "plaintext-only", any> | undefined;
-    contextMenu?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
-    dir?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
-    draggable?: boolean | "false" | "true" | import("@react-spring/shared").FluidValue<boolean | "false" | "true", any> | undefined;
-    enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | import("@react-spring/shared").FluidValue<"search" | "next" | "enter" | "done" | "go" | "previous" | "send", any> | undefined;
-    id?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
-    lang?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
-    nonce?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
-    slot?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
-    spellCheck?: boolean | "false" | "true" | import("@react-spring/shared").FluidValue<boolean | "false" | "true", any> | undefined;
     tabIndex?: number | import("@react-spring/shared").FluidValue<number, any> | undefined;
     title?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
-    translate?: "no" | "yes" | import("@react-spring/shared").FluidValue<"no" | "yes", any> | undefined;
+    translate?: "yes" | "no" | import("@react-spring/shared").FluidValue<"yes" | "no", any> | undefined;
     radioGroup?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
-    role?: (string & {}) | "none" | "search" | "link" | "main" | "button" | "checkbox" | "listbox" | "radio" | "region" | "cell" | "grid" | "table" | "row" | "menu" | "listitem" | "menubar" | "menuitem" | "progressbar" | "separator" | "tab" | "tabpanel" | "toolbar" | "tooltip" | "treeitem" | "scrollbar" | "article" | "dialog" | "figure" | "form" | "img" | "option" | "switch" | "list" | "alert" | "alertdialog" | "application" | "banner" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "directory" | "document" | "feed" | "gridcell" | "group" | "heading" | "log" | "marquee" | "math" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "note" | "presentation" | "radiogroup" | "rowgroup" | "rowheader" | "searchbox" | "slider" | "spinbutton" | "status" | "tablist" | "term" | "textbox" | "timer" | "tree" | "treegrid" | import("@react-spring/shared").FluidValue<import("react").AriaRole, any> | undefined;
+    role?: (string & {}) | "none" | "search" | "link" | "main" | "button" | "checkbox" | "listbox" | "radio" | "region" | "cell" | "grid" | "table" | "row" | "menu" | "listitem" | "menubar" | "menuitem" | "progressbar" | "separator" | "tab" | "tabpanel" | "toolbar" | "tooltip" | "treeitem" | "scrollbar" | "article" | "dialog" | "figure" | "form" | "img" | "option" | "switch" | "math" | "marquee" | "alert" | "alertdialog" | "application" | "banner" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "directory" | "document" | "feed" | "gridcell" | "group" | "heading" | "list" | "log" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "note" | "presentation" | "radiogroup" | "rowgroup" | "rowheader" | "searchbox" | "slider" | "spinbutton" | "status" | "tablist" | "term" | "textbox" | "timer" | "tree" | "treegrid" | import("@react-spring/shared").FluidValue<import("react").AriaRole, any> | undefined;
     about?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
+    content?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
     datatype?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
     inlist?: any;
     prefix?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
@@ -886,6 +885,7 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
     vocab?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
     autoCorrect?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
     autoSave?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
+    color?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
     itemProp?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
     itemScope?: boolean | import("@react-spring/shared").FluidValue<boolean, any> | undefined;
     itemType?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
@@ -894,6 +894,10 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
     results?: number | import("@react-spring/shared").FluidValue<number, any> | undefined;
     security?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
     unselectable?: "off" | "on" | import("@react-spring/shared").FluidValue<"off" | "on", any> | undefined;
+    popover?: "" | "auto" | "manual" | import("@react-spring/shared").FluidValue<"" | "auto" | "manual", any> | undefined;
+    popoverTargetAction?: "hide" | "show" | "toggle" | import("@react-spring/shared").FluidValue<"hide" | "show" | "toggle", any> | undefined;
+    popoverTarget?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
+    inert?: boolean | import("@react-spring/shared").FluidValue<boolean, any> | undefined;
     inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | import("@react-spring/shared").FluidValue<"none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal", any> | undefined;
     is?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
     exportparts?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
@@ -951,6 +955,7 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
     "aria-valuemin"?: number | import("@react-spring/shared").FluidValue<number, any> | undefined;
     "aria-valuenow"?: number | import("@react-spring/shared").FluidValue<number, any> | undefined;
     "aria-valuetext"?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
+    children?: string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("@react-spring/shared").FluidValue<string | number | bigint | boolean | null, any> | null | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;
@@ -1102,6 +1107,8 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -1110,9 +1117,16 @@ export declare const MessageActionsButtonIconStyled: import("styled-components")
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    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;
     scrollTop?: number | import("@react-spring/shared").FluidValue<number, any> | undefined;
     scrollLeft?: number | import("@react-spring/shared").FluidValue<number, any> | undefined;
     viewBox?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;

package/dist/components/message/actions/index.d.ts

@@ -1,3 +1,4 @@
+import { MutableRefObject } from 'react';
 import { MessageActionEditEventHandler, MessageActionEventHandler, MessagePlainTextCopyEventHandler, MessageTgCopyEventHandler, MessageVariant } from '../types';
 type MessageActionsProps = {
     id?: string;
@@ -27,6 +28,7 @@ type MessageActionsProps = {
     encryptionTooltipLabel?: string | null;
     editing?: boolean;
     editedText?: string;
+    messageRef?: MutableRefObject<HTMLDivElement | null>;
     onEditing?: (value: boolean) => unknown;
     onEditedText?: (value: string) => unknown;
     onEdit?: MessageActionEditEventHandler;
@@ -39,5 +41,5 @@ type MessageActionsProps = {
     onCopy?: MessageActionEventHandler;
     onDownload?: () => void;
 };
-export declare const MessageActions: ({ id, disableModal, message, variant, skeleton, disableResend, disableEdit, disableDelete, disableUpdate, disableCopy, disableDownload, disableEncryption, editOutOfMenu, editText, copyTgText, copyPlainText, resendText, deleteText, onReportText, downloadTooltipLabel, submitEditTooltipLabel, discardEditTooltipLabel, encryptionTooltipLabel, updateTooltipLabel, copyTooltipLabel, editing, editedText, onEditing, onEditedText, onEdit, onResend, onDelete, onUpdate, onReport, onPlainTextCopy, onTgCopy, onCopy, onDownload, }: MessageActionsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MessageActions: ({ id, disableModal, message, variant, skeleton, disableResend, disableEdit, disableDelete, disableUpdate, disableCopy, disableDownload, disableEncryption, editOutOfMenu, editText, copyTgText, copyPlainText, resendText, deleteText, onReportText, downloadTooltipLabel, submitEditTooltipLabel, discardEditTooltipLabel, encryptionTooltipLabel, updateTooltipLabel, copyTooltipLabel, editing, editedText, messageRef, onEditing, onEditedText, onEdit, onResend, onDelete, onUpdate, onReport, onPlainTextCopy, onTgCopy, onCopy, onDownload, }: MessageActionsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/message/actions/index.js

@@ -1 +1 @@
-import{jsxs as i,jsx as o,Fragment as n}from"react/jsx-runtime";import{useState as s,useRef as e,useMemo as t,useCallback as r,useEffect as c}from"react";import{useTransition as d,easings as m}from"@react-spring/web";import{MenuDotIcon as p}from"../../../icons/menu-dot/index.js";import{UpdateIcon as x}from"../../../icons/update/index.js";import{ResendIcon as a}from"../../../icons/resend/index.js";import{EditIcon as l}from"../../../icons/edit/index.js";import{TrashIcon as j}from"../../../icons/trash/index.js";import{ThumbDownIcon as u}from"../../../icons/thumb-down/index.js";import{CheckSmallIcon as g}from"../../../icons/check-small/index.js";import{CloseIcon as b}from"../../../icons/close/index.js";import{CopyIcon as h}from"../../../icons/copy/index.js";import{DownloadImgIcon as f}from"../../../icons/download-img/index.js";import{MessageActionsStyled as w,MessageActionsMenuStyled as y,MessageActionsMenuModal as k,MessageActionsMenuModalOptionContent as v,MessageActionsButtonText as C,MessageEditButtonsStyled as T}from"./styled.js";import{MenuOption as L}from"./menu-option/index.js";import{CopyButton as z}from"./copy-button/index.js";import{ActionButton as E}from"./action-button/index.js";import"../list/styled.js";import{useScrollbarRef as R}from"../list/context.js";import"../scroll-button/styled.js";import"tslib";import{IconProvider as q}from"../../icon/context.js";import"../../icon/styled.js";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as M}from"../../../utils/colors/colorToRgba.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../icons/sidebar-toggle-left/index.js";import"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import{ShieldIcon as D}from"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import{useTheme as S}from"../../../theme/hook.js";const $=({id:$,disableModal:B,message:O,variant:P="user",skeleton:U,disableResend:A,disableEdit:G,disableDelete:X,disableUpdate:Y,disableCopy:_,disableDownload:F,disableEncryption:H,editOutOfMenu:I,editText:J,copyTgText:K,copyPlainText:N,resendText:Q,deleteText:V,onReportText:W,downloadTooltipLabel:Z,submitEditTooltipLabel:ii,discardEditTooltipLabel:oi,encryptionTooltipLabel:ni,updateTooltipLabel:si,copyTooltipLabel:ei,editing:ti,editedText:ri,onEditing:ci,onEditedText:di,onEdit:mi,onResend:pi,onDelete:xi,onUpdate:ai,onReport:li,onPlainTextCopy:ji,onTgCopy:ui,onCopy:gi,onDownload:bi})=>{const hi=S(),[fi,wi]=s(!1),[yi,ki]=s(),[vi,Ci]=s(!1),[Ti,Li]=s(!1),zi=e(null),Ei=e(null),Ri=R(),qi=t((()=>"custom"===hi.scheme?M(hi.colors.custom.icon,.75):"standard"===hi.scheme||"light"===hi.mode?hi.colors.grayScale.gray1:hi.colors.accent.primary),[hi]),Mi=t((()=>{if(U)return!1;switch(P){case"assistant":return!G;case"user":return!B&&(!G||!X||!A)}}),[G,X,A]),Di=()=>{var i;const o=null===(i=null==Ri?void 0:Ri.current)||void 0===i?void 0:i.element,n=null==zi?void 0:zi.current;if(!o||!n)return;const s=o.getBoundingClientRect(),e=n.getBoundingClientRect();Li(s.bottom-e.bottom<=300),Ci("assistant"===P&&e.left-s.left<=160||"user"===P&&s.right-e.right<=160)},Si=r((()=>{yi&&window.clearTimeout(yi),Di(),wi(!0)}),[yi]),$i=r((()=>{ki(window.setTimeout((()=>wi(!1)),300))}),[]),Bi=r((()=>{Di(),wi((i=>!i))}),[]),Oi=r((i=>{const o={id:$,message:O};switch(i){case"edit":null==ci||ci(!0),null==di||di(null!=O?O:"");break;case"delete":null==xi||xi(o);break;case"resend":null==pi||pi(o)}wi(!1)}),[$,O]),Pi=r((({id:i,message:o})=>{null==ci||ci(!1),null==mi||mi({id:i,message:o,variant:P})}),[$,O]),Ui=r((()=>{null==ci||ci(!1),null==di||di(null!=O?O:"")}),[O]),Ai=r((()=>{null==ui||ui(),wi(!1)}),[]),Gi=r((()=>{null==ji||ji(),wi(!1)}),[]),Xi=r((()=>{null==li||li({id:$,message:O}),wi(!1)}),[$,O]),Yi=d(fi,{from:{opacity:0,y:5},enter:{opacity:1,y:0},leave:{opacity:0,y:0},config:{duration:250,easing:m.easeOutSine}});return c((()=>{const i=()=>{wi(!1)};return window.addEventListener("scroll",i,!0),()=>{window.removeEventListener("scroll",i,!0)}}),[fi]),c((()=>{yi&&window.clearTimeout(yi)}),[]),i(w,{$variant:P,ref:zi,children:[ti?i(T,{children:[o(E,{id:$,message:ri,tooltipLabel:ii,onClick:Pi,children:o(g,{size:20,fill:hi.colors.accent.primary})}),o(E,{tooltipLabel:oi,onClick:Ui,children:o(b,{size:14,fill:hi.colors.grayScale.gray2})})]}):o(n,{children:i(q,{fill:qi,children:[Mi&&i(y,{ref:Ei,onBlur:()=>{wi(!1)},children:[o(E,{onMouseEnter:"ontouchstart"in window?void 0:Si,onMouseLeave:"ontouchstart"in window?void 0:$i,onClick:Bi,children:o(p,{size:18})}),Yi(((n,s)=>s&&i(k,{style:n,onMouseEnter:Si,onMouseLeave:$i,$variant:P,$invertedX:vi,$invertedY:Ti,children:[!_&&N&&ji&&o(L,{onClick:Gi,children:i(v,{children:[o(h,{}),o(C,{children:N})]})}),!_&&K&&ui&&o(L,{onClick:Ai,children:i(v,{children:[o(h,{}),o(C,{children:K})]})}),!A&&"user"===P&&Q&&pi&&o(L,{onClick:()=>{Oi("resend")},children:i(v,{children:[o(a,{}),o(C,{children:Q})]})}),!I&&!G&&J&&mi&&o(L,{onClick:()=>{Oi("edit")},children:i(v,{children:[o(l,{}),o(C,{children:J})]})}),!X&&V&&xi&&o(L,{onClick:()=>{Oi("delete")},children:i(v,{children:[o(j,{}),o(C,{children:V})]})}),!X&&W&&li&&"user"!==P&&o(L,{onClick:Xi,children:i(v,{children:[o(u,{size:18}),o(C,{children:W})]})})]},"message-actions-modal")))]}),!Mi&&!X&&o(E,{id:$,message:O,onClick:xi,tooltipLabel:V,children:o(j,{size:20})}),!Y&&"user"!==P&&o(E,{id:$,message:O,onClick:ai,tooltipLabel:si,children:o(x,{size:18})}),I&&o(E,{id:$,message:O,onClick:()=>{Oi("edit")},tooltipLabel:J,children:o(l,{size:18})}),!_&&o(z,{onCopy:gi,tooltipLabel:ei}),!Mi&&!X&&W&&li&&"user"!==P&&o(E,{tooltipLabel:W,onClick:Xi,children:o(u,{size:18})})]})}),!F&&o(E,{tooltipLabel:Z,onClick:bi,children:o(f,{size:18})}),!H&&o(E,{tooltipLabel:ni,children:o(D,{size:18})})]})};export{$ as MessageActions};
+import{jsxs as i,jsx as o,Fragment as n}from"react/jsx-runtime";import{useState as s,useRef as e,useMemo as t,useCallback as r,useEffect as c}from"react";import{useTransition as d,easings as p}from"@react-spring/web";import{MenuDotIcon as m}from"../../../icons/menu-dot/index.js";import{UpdateIcon as l}from"../../../icons/update/index.js";import{ResendIcon as x}from"../../../icons/resend/index.js";import{EditIcon as a}from"../../../icons/edit/index.js";import{TrashIcon as j}from"../../../icons/trash/index.js";import{ThumbDownIcon as u}from"../../../icons/thumb-down/index.js";import{CheckSmallIcon as g}from"../../../icons/check-small/index.js";import{CloseIcon as b}from"../../../icons/close/index.js";import{CopyIcon as h}from"../../../icons/copy/index.js";import{DownloadImgIcon as f}from"../../../icons/download-img/index.js";import{MessageActionsStyled as w,MessageActionsMenuStyled as y,MessageActionsMenuModal as v,MessageActionsMenuModalOptionContent as k,MessageActionsButtonText as T,MessageEditButtonsStyled as C}from"./styled.js";import{MenuOption as L}from"./menu-option/index.js";import{CopyButton as z}from"./copy-button/index.js";import{ActionButton as E}from"./action-button/index.js";import"../list/styled.js";import{useScrollbarRef as q}from"../list/context.js";import"../scroll-button/styled.js";import"tslib";import{IconProvider as M}from"../../icon/context.js";import"../../icon/styled.js";import"react-markdown";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as R}from"../../../utils/colors/colorToRgba.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../icons/sidebar-toggle-left/index.js";import"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import{ShieldIcon as D}from"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import{useTheme as S}from"../../../theme/hook.js";const $=({id:$,disableModal:O,message:P,variant:U="user",skeleton:A,disableResend:B,disableEdit:G,disableDelete:H,disableUpdate:W,disableCopy:X,disableDownload:Y,disableEncryption:_,editOutOfMenu:F,editText:I,copyTgText:J,copyPlainText:K,resendText:N,deleteText:Q,onReportText:V,downloadTooltipLabel:Z,submitEditTooltipLabel:ii,discardEditTooltipLabel:oi,encryptionTooltipLabel:ni,updateTooltipLabel:si,copyTooltipLabel:ei,editing:ti,editedText:ri,messageRef:ci,onEditing:di,onEditedText:pi,onEdit:mi,onResend:li,onDelete:xi,onUpdate:ai,onReport:ji,onPlainTextCopy:ui,onTgCopy:gi,onCopy:bi,onDownload:hi})=>{const fi=S(),[wi,yi]=s(!1),[vi,ki]=s(),[Ti,Ci]=s(!1),[Li,zi]=s(!1),Ei=e(null),qi=e(null),Mi=q(),Ri=t(()=>"custom"===fi.scheme?R(fi.colors.custom.icon,.75):"standard"===fi.scheme||"light"===fi.mode?fi.colors.grayScale.gray1:fi.colors.accent.primary,[fi]),Di=t(()=>{if(A)return!1;switch(U){case"assistant":return!G;case"user":return!O&&(!G||!H||!B)}},[G,H,B]),Si=()=>{var i,o,n,s,e,t,r,c,d;const p=null!==(n=null===(o=null===(i=null==Mi?void 0:Mi.current)||void 0===i?void 0:i.element)||void 0===o?void 0:o.scrollHeight)&&void 0!==n?n:0,m=null!==(e=null===(s=null==ci?void 0:ci.current)||void 0===s?void 0:s.scrollWidth)&&void 0!==e?e:0,l=null!==(r=null===(t=Ei.current)||void 0===t?void 0:t.offsetTop)&&void 0!==r?r:0,x=null!==(d=null===(c=Ei.current)||void 0===c?void 0:c.offsetLeft)&&void 0!==d?d:0;zi(p-l<=300),Ci("assistant"===U&&m-x<=160||"user"===U&&x<=160)},$i=r(()=>{vi&&window.clearTimeout(vi),Si(),yi(!0)},[vi]),Oi=r(()=>{ki(window.setTimeout(()=>yi(!1),300))},[]),Pi=r(()=>{Si(),yi(i=>!i)},[]),Ui=r(i=>{const o={id:$,message:P};switch(i){case"edit":null==di||di(!0),null==pi||pi(null!=P?P:"");break;case"delete":null==xi||xi(o);break;case"resend":null==li||li(o)}yi(!1)},[$,P]),Ai=r(({id:i,message:o})=>{null==di||di(!1),null==mi||mi({id:i,message:o,variant:U})},[$,P]),Bi=r(()=>{null==di||di(!1),null==pi||pi(null!=P?P:"")},[P]),Gi=r(()=>{null==gi||gi(),yi(!1)},[]),Hi=r(()=>{null==ui||ui(),yi(!1)},[]),Wi=r(()=>{null==ji||ji({id:$,message:P}),yi(!1)},[$,P]),Xi=d(wi,{from:{opacity:0,y:5},enter:{opacity:1,y:0},leave:{opacity:0,y:0},config:{duration:250,easing:p.easeOutSine}});return c(()=>{const i=()=>{yi(!1)};return window.addEventListener("scroll",i,!0),()=>{window.removeEventListener("scroll",i,!0)}},[wi]),c(()=>{vi&&window.clearTimeout(vi)},[]),i(w,{$variant:U,ref:Ei,children:[ti?i(C,{children:[o(E,{id:$,message:ri,tooltipLabel:ii,onClick:Ai,children:o(g,{size:20,fill:fi.colors.accent.primary})}),o(E,{tooltipLabel:oi,onClick:Bi,children:o(b,{size:14,fill:fi.colors.grayScale.gray2})})]}):o(n,{children:i(M,{fill:Ri,children:[Di&&i(y,{ref:qi,onBlur:()=>{yi(!1)},children:[o(E,{onMouseEnter:"ontouchstart"in window?void 0:$i,onMouseLeave:"ontouchstart"in window?void 0:Oi,onClick:Pi,children:o(m,{size:18})}),Xi((n,s)=>s&&i(v,{style:n,onMouseEnter:$i,onMouseLeave:Oi,$variant:U,$invertedX:Ti,$invertedY:Li,children:[!X&&K&&ui&&o(L,{onClick:Hi,children:i(k,{children:[o(h,{}),o(T,{children:K})]})}),!X&&J&&gi&&o(L,{onClick:Gi,children:i(k,{children:[o(h,{}),o(T,{children:J})]})}),!B&&"user"===U&&N&&li&&o(L,{onClick:()=>{Ui("resend")},children:i(k,{children:[o(x,{}),o(T,{children:N})]})}),!F&&!G&&I&&mi&&o(L,{onClick:()=>{Ui("edit")},children:i(k,{children:[o(a,{}),o(T,{children:I})]})}),!H&&Q&&xi&&o(L,{onClick:()=>{Ui("delete")},children:i(k,{children:[o(j,{}),o(T,{children:Q})]})}),!H&&V&&ji&&"user"!==U&&o(L,{onClick:Wi,children:i(k,{children:[o(u,{size:18}),o(T,{children:V})]})})]},"message-actions-modal"))]}),!Di&&!H&&o(E,{id:$,message:P,onClick:xi,tooltipLabel:Q,children:o(j,{size:20})}),!W&&"user"!==U&&o(E,{id:$,message:P,onClick:ai,tooltipLabel:si,children:o(l,{size:18})}),F&&o(E,{id:$,message:P,onClick:()=>{Ui("edit")},tooltipLabel:I,children:o(a,{size:18})}),!X&&o(z,{onCopy:bi,tooltipLabel:ei}),!Di&&!H&&V&&ji&&"user"!==U&&o(E,{tooltipLabel:V,onClick:Wi,children:o(u,{size:18})})]})}),!Y&&o(E,{tooltipLabel:Z,onClick:hi,children:o(f,{size:18})}),!_&&o(E,{tooltipLabel:ni,children:o(D,{size:18})})]})};export{$ as MessageActions};