@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/button/styled.d.ts

@@ -1,11 +1,9 @@
 export declare const MessageButton: import("styled-components").IStyledComponent<"web", {
-    value?: string | number | readonly string[] | undefined;
     children?: import("react").ReactNode;
-    variant?: import("@/ui/components/button").ButtonVariant | undefined;
+    value?: string | number | readonly string[] | undefined;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
-    size?: import("@/ui/components/button").ButtonSize | undefined;
     style?: import("react").CSSProperties | undefined;
     disabled?: boolean | undefined | undefined;
     key?: import("react").Key | null | undefined;
@@ -52,6 +50,10 @@ export declare const MessageButton: import("styled-components").IStyledComponent
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -257,6 +259,8 @@ export declare const MessageButton: import("styled-components").IStyledComponent
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -264,26 +268,36 @@ export declare const MessageButton: import("styled-components").IStyledComponent
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     form?: string | undefined | undefined;
-    name?: string | undefined | undefined;
     type?: "submit" | "reset" | "button" | undefined | undefined;
-    href?: string | undefined;
-    formAction?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
     formTarget?: string | undefined | undefined;
-    htmlFor?: string | undefined;
-    component?: import("@/ui/components/button").ButtonComponent | undefined;
+    name?: string | undefined | undefined;
     fullWidth?: boolean | undefined;
-    skeleton?: boolean | undefined;
+    variant?: import("@/ui/components/button").ButtonVariant | undefined;
+    component?: import("@/ui/components/button").ButtonComponent | undefined;
+    size?: import("@/ui/components/button").ButtonSize | undefined;
     corner?: import("@/ui/components/button").ButtonCorner | undefined;
     startIcon?: import("react").ReactNode;
     endIcon?: import("react").ReactNode;
     iconSize?: number | undefined;
     iconFill?: string | undefined;
+    skeleton?: boolean | undefined;
+    htmlFor?: string | undefined;
+    href?: string | undefined;
     disableHoverColor?: boolean | undefined;
-    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement | null> | null | undefined;
+    ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;

package/dist/components/message/components/bold/styled.d.ts

@@ -1,6 +1,4 @@
 export interface MessageBoldStyledProps {
     $messageColor: string;
 }
-export declare const MessageBoldStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("@/ui/components/typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, MessageBoldStyledProps>>;
+export declare const MessageBoldStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@/ui/components/typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, MessageBoldStyledProps>>;

package/dist/components/message/components/bold/styled.js

@@ -1,4 +1,4 @@
-import{styled as o,css as e}from"styled-components";import{Typography as r}from"../../../typography/index.js";const t=o(r).withConfig({displayName:"styled__MessageBoldStyled",componentId:"sc-1109gn1-0"})(["color:",";font-weight:700;&::selection{","}"],(({theme:o,$messageColor:e})=>o.colors.base.white),(({$messageColor:o,theme:r})=>{switch(o){case"default":return e`
+import{styled as o,css as e}from"styled-components";import{Typography as r}from"../../../typography/index.js";const t=o(r).withConfig({displayName:"styled__MessageBoldStyled",componentId:"sc-1109gn1-0"})(["color:",";font-weight:700;&::selection{","}"],({theme:o,$messageColor:e})=>o.colors.base.white,({$messageColor:o,theme:r})=>{switch(o){case"default":return e`
             background: ${"light"===r.mode?r.default.colors.accent.primary:r.colors.base.white};
             color: ${"light"===r.mode?r.default.colors.base.white:r.colors.accent.primary};
           `;case"green":return e`
@@ -10,4 +10,4 @@ import{styled as o,css as e}from"styled-components";import{Typography as r}from"
           `;default:return e`
             background: ${r.default.colors.base.white};
             color: ${o};
-          `}}));export{t as MessageBoldStyled};
+          `}});export{t as MessageBoldStyled};

package/dist/components/message/components/code/inline/styled.d.ts

@@ -4,8 +4,13 @@ export interface MessageInlineCodeStyledProps {
     $messageColor: string;
 }
 export declare const MessageInlineCodeStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
-    children?: import("react").ReactNode;
     variant?: import("@/ui/components/typography").TypographyVariant | undefined;
+    component?: import("@/ui/components/typography").TypographyComponent | undefined;
+    align?: import("@/ui/components/typography").TypographyAlign | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: import("react").HTMLAttributeAnchorTarget | undefined;
+    children?: import("react").ReactNode;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -54,6 +59,10 @@ export declare const MessageInlineCodeStyled: import("styled-components").IStyle
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -262,6 +271,8 @@ export declare const MessageInlineCodeStyled: import("styled-components").IStyle
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
@@ -270,12 +281,15 @@ export declare const MessageInlineCodeStyled: import("styled-components").IStyle
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
-    target?: import("react").HTMLAttributeAnchorTarget | undefined;
-    href?: string | undefined;
-    align?: import("@/ui/components/typography").TypographyAlign | undefined;
-    component?: import("@/ui/components/typography").TypographyComponent | undefined;
-    fullWidth?: boolean | undefined;
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
 }, MessageInlineCodeStyledProps>>;

package/dist/components/message/components/code/inline/styled.js

@@ -1 +1 @@
-import{styled as e,css as o}from"styled-components";import{Typography as r}from"../../../../typography/index.js";const t=e(r).attrs({variant:"body-l-regular",component:"code"}).withConfig({displayName:"styled__MessageInlineCodeStyled",componentId:"sc-k9rqov-0"})(["display:inline-flex;border-radius:4px;"," &::selection{","}"],(({theme:e,$messageVariant:r,$messageColor:t})=>{switch(r){case"user":return o(["background:",";color:",";"],e.colors.accent.primaryLight,e.default.colors.base.white);case"assistant":return"default"!==t?o(["color:",";background:",";"],e.colors.base.white,e.colors.grayScale.gray3):o(["background:",";"],"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray3)}}),(({$messageColor:e})=>{switch(e){case"default":return o(["background:",";color:",";"],(({theme:e})=>"light"===e.mode?e.default.colors.accent.primary:e.colors.base.white),(({theme:e})=>"light"===e.mode?e.default.colors.base.white:e.colors.accent.primary));case"green":return o(["background:",";color:",";"],(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.colors.gpt3));case"purple":return o(["background:",";color:",";"],(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.colors.gpt4));default:return o(["background:",";color:",";"],(({theme:e})=>e.default.colors.base.white),e)}}));export{t as MessageInlineCodeStyled};
+import{styled as e,css as o}from"styled-components";import{Typography as r}from"../../../../typography/index.js";const t=e(r).attrs({variant:"body-l-regular",component:"code"}).withConfig({displayName:"styled__MessageInlineCodeStyled",componentId:"sc-k9rqov-0"})(["display:inline-flex;border-radius:4px;"," &::selection{","}"],({theme:e,$messageVariant:r,$messageColor:t})=>{switch(r){case"user":return o(["background:",";color:",";"],e.colors.accent.primaryLight,e.default.colors.base.white);case"assistant":return"default"!==t?o(["color:",";background:",";"],e.colors.base.white,e.colors.grayScale.gray3):o(["background:",";"],"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray3)}},({$messageColor:e})=>{switch(e){case"default":return o(["background:",";color:",";"],({theme:e})=>"light"===e.mode?e.default.colors.accent.primary:e.colors.base.white,({theme:e})=>"light"===e.mode?e.default.colors.base.white:e.colors.accent.primary);case"green":return o(["background:",";color:",";"],({theme:e})=>e.default.colors.base.white,({theme:e})=>e.colors.gpt3);case"purple":return o(["background:",";color:",";"],({theme:e})=>e.default.colors.base.white,({theme:e})=>e.colors.gpt4);default:return o(["background:",";color:",";"],({theme:e})=>e.default.colors.base.white,e)}});export{t as MessageInlineCodeStyled};

package/dist/components/message/components/code/multiline/content/highlight.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useRef as r,useCallback as t,useEffect as n}from"react";import i from"highlight.js/lib/common";import c from"dompurify";const l=({children:l,className:o="",element:s,innerHTML:m=!1})=>{const a=r(null),f=t((()=>{if(!a.current)return;const e=a.current.querySelectorAll("pre code");for(let r=0;r<e.length;r++)i.highlightElement(e[r])}),[]);if(n((()=>{f()}),[o,l,f]),m){const r=c.sanitize(l),t={ref:a,className:o,dangerouslySetInnerHTML:{__html:r}};return s?e(s,Object.assign({},t)):e("div",Object.assign({},t,{ref:a}))}return s?e(s,{ref:a,className:o,children:l}):e("pre",{ref:a,children:e("code",{className:o,children:l})})};export{l as Highlight};
+import{jsx as e}from"react/jsx-runtime";import{useRef as r,useCallback as t,useEffect as n}from"react";import i from"highlight.js/lib/common";import c from"dompurify";const l=({children:l,className:o="",element:s,innerHTML:m=!1})=>{const a=r(null),f=t(()=>{if(!a.current)return;const e=a.current.querySelectorAll("pre code");for(let r=0;r<e.length;r++)i.highlightElement(e[r])},[]);if(n(()=>{f()},[o,l,f]),m){const r=c.sanitize(l),t={ref:a,className:o,dangerouslySetInnerHTML:{__html:r}};return s?e(s,Object.assign({},t)):e("div",Object.assign({},t,{ref:a}))}return s?e(s,{ref:a,className:o,children:l}):e("pre",{ref:a,children:e("code",{className:o,children:l})})};export{l as Highlight};

package/dist/components/message/components/code/multiline/content/index.js

@@ -1 +1 @@
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import{memo as i,useRef as r,Suspense as o,lazy as s}from"react";import{MessageMultilineCodeContentContainer as n,MessageMultilineCodeContentStyled as t,MessageMultilineCodeLastLine as c}from"./styled.js";const a=s((()=>import("./highlighted.js").then((e=>({default:e.MessageMultilineCodeContentHighlighted}))))),d=i((({children:i,$messageColor:s,className:d})=>{var m;const h=null!==(m=null==i?void 0:i.toString().split("\n"))&&void 0!==m?m:[],g=r(null);return e(n,{ref:g,"data-codeblock":"true",children:e(o,{fallback:l(t,{$messageColor:s,className:d,children:[h.slice(0,-2).join("\n"),e(c,{children:h.slice(-2)})]}),children:l(a,{$messageColor:s,className:d,children:[h.slice(0,-1).join("\n"),e(c,{children:h.slice(-1)})]})})})}));export{d as MessageMultilineCodeContent};
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{memo as i,useRef as r,Suspense as o,lazy as s}from"react";import{MessageMultilineCodeContentContainer as n,MessageMultilineCodeContentStyled as t,MessageMultilineCodeLastLine as c}from"./styled.js";const a=s(()=>import("./highlighted.js").then(e=>({default:e.MessageMultilineCodeContentHighlighted}))),d=i(({children:i,$messageColor:s,className:d})=>{var m;const h=null!==(m=null==i?void 0:i.toString().split("\n"))&&void 0!==m?m:[],g=r(null);return e(n,{ref:g,"data-codeblock":"true",children:e(o,{fallback:l(t,{$messageColor:s,className:d,children:[h.slice(0,-2).join("\n"),e(c,{children:h.slice(-2)})]}),children:l(a,{$messageColor:s,className:d,children:[h.slice(0,-1).join("\n"),e(c,{children:h.slice(-1)})]})})})});export{d as MessageMultilineCodeContent};

package/dist/components/message/components/code/multiline/content/styled.d.ts

@@ -1,6 +1,6 @@
 import { MessageMultilineCodeContentProps } from './types';
 export declare const MessageMultilineCodeContentContainer: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -49,6 +49,10 @@ export declare const MessageMultilineCodeContentContainer: import("styled-compon
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -258,6 +262,8 @@ export declare const MessageMultilineCodeContentContainer: import("styled-compon
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -266,13 +272,21 @@ export declare const MessageMultilineCodeContentContainer: import("styled-compon
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export declare const contentStyles: import("styled-components").RuleSet<MessageMultilineCodeContentProps>;
 export declare const MessageMultilineCodeContentStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MessageMultilineCodeContentProps>>;
 export declare const MessageMultilineCodeLastLine: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -321,6 +335,10 @@ export declare const MessageMultilineCodeLastLine: import("styled-components").I
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -530,6 +548,8 @@ export declare const MessageMultilineCodeLastLine: import("styled-components").I
     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;
@@ -538,6 +558,14 @@ export declare const MessageMultilineCodeLastLine: import("styled-components").I
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;

package/dist/components/message/components/code/multiline/content/styled.js

@@ -1 +1 @@
-import{styled as t,css as e}from"styled-components";import"react/jsx-runtime";import"react";import"../../../../../scrollbar/styled.js";import"tslib";import"@react-spring/web";import"../../../../../scrollbar/shadow/styled.js";import"../../../../../../theme/index.js";import{ScrollbarStyle as o}from"../../../../../scrollbar/style/styled.js";import{adaptive as r}from"../../../../../../adaptive/index.js";const i=t.div.withConfig({displayName:"styled__MessageMultilineCodeContentContainer",componentId:"sc-nvn5z9-0"})(["background-color:#002635;"]),n=e([""," line-height:1.3;span{line-height:1.3;}&::selection,*::selection{","}"," padding:1em;"],o,(({$messageColor:t})=>{switch(t){case"default":return e(["background:"," !important;color:"," !important;"],(({theme:t})=>"light"===t.mode?t.default.colors.accent.primary:t.colors.base.white),(({theme:t})=>"light"===t.mode?t.default.colors.base.white:t.colors.accent.primary));case"green":return e(["background:"," !important;color:"," !important;"],(({theme:t})=>t.default.colors.base.white),(({theme:t})=>t.colors.gpt3));case"purple":return e(["background:"," !important;color:"," !important;"],(({theme:t})=>t.default.colors.base.white),(({theme:t})=>t.colors.gpt4));default:return e(["background:"," !important;color:"," !important;"],(({theme:t})=>t.default.colors.base.white),t)}}),r({variant:"dashboard",miniTablet:e(["font-size:14px !important;span{font-size:14px !important;}"]),mobile:e(["font-size:12px !important;span{font-size:12px !important;}"]),touch:e(["&::-webkit-scrollbar{display:none;}"])})),a=t.div.withConfig({displayName:"styled__MessageMultilineCodeContentStyled",componentId:"sc-nvn5z9-1"})([""," background-color:#002635;color:#fff;"],n),s=t.div.withConfig({displayName:"styled__MessageMultilineCodeLastLine",componentId:"sc-nvn5z9-2"})([""]);export{i as MessageMultilineCodeContentContainer,a as MessageMultilineCodeContentStyled,s as MessageMultilineCodeLastLine,n as contentStyles};
+import{styled as t,css as e}from"styled-components";import"react/jsx-runtime";import"react";import"../../../../../scrollbar/styled.js";import"tslib";import"@react-spring/web";import"../../../../../scrollbar/shadow/styled.js";import"../../../../../../theme/index.js";import{ScrollbarStyle as o}from"../../../../../scrollbar/style/styled.js";import{adaptive as r}from"../../../../../../adaptive/index.js";const i=t.div.withConfig({displayName:"styled__MessageMultilineCodeContentContainer",componentId:"sc-nvn5z9-0"})(["background-color:#002635;"]),n=e([""," line-height:1.3;span{line-height:1.3;}&::selection,*::selection{","}"," padding:1em;"],o,({$messageColor:t})=>{switch(t){case"default":return e(["background:"," !important;color:"," !important;"],({theme:t})=>"light"===t.mode?t.default.colors.accent.primary:t.colors.base.white,({theme:t})=>"light"===t.mode?t.default.colors.base.white:t.colors.accent.primary);case"green":return e(["background:"," !important;color:"," !important;"],({theme:t})=>t.default.colors.base.white,({theme:t})=>t.colors.gpt3);case"purple":return e(["background:"," !important;color:"," !important;"],({theme:t})=>t.default.colors.base.white,({theme:t})=>t.colors.gpt4);default:return e(["background:"," !important;color:"," !important;"],({theme:t})=>t.default.colors.base.white,t)}},r({variant:"dashboard",miniTablet:e(["font-size:14px !important;span{font-size:14px !important;}"]),mobile:e(["font-size:12px !important;span{font-size:12px !important;}"]),touch:e(["&::-webkit-scrollbar{display:none;}"])})),a=t.div.withConfig({displayName:"styled__MessageMultilineCodeContentStyled",componentId:"sc-nvn5z9-1"})([""," background-color:#002635;color:#fff;"],n),s=t.div.withConfig({displayName:"styled__MessageMultilineCodeLastLine",componentId:"sc-nvn5z9-2"})([""]);export{i as MessageMultilineCodeContentContainer,a as MessageMultilineCodeContentStyled,s as MessageMultilineCodeLastLine,n as contentStyles};

package/dist/components/message/components/code/multiline/copy/index.js

@@ -1 +1 @@
-import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useState as e,useCallback as s}from"react";import{MessageMultilineCodeCopyButtonStyled as t}from"./styled.js";import{useMessage as m}from"../../../../context.js";import{CheckSmallIcon as n}from"../../../../../../icons/check-small/index.js";import{CopyIcon as i}from"../../../../../../icons/copy/index.js";const c=({code:c,messageVariant:a,messageColor:l})=>{const{onCodeCopy:p}=m(),[f,d]=e(!1),[g,j]=e(!1),u=s((()=>{g||("string"==typeof c&&(null==p||p(c)),d(!0),j(!0))}),[g,c,p]),x=s((()=>{d(!1),j(!1)}),[]);return o(t,{$focus:f,$messageVariant:a,$messageColor:l,onBlur:x,onClick:u,children:[!f&&r(i,{}),f&&r(n,{})]})};export{c as MessageMultilineCodeCopyButton};
+import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useState as e,useCallback as s}from"react";import{MessageMultilineCodeCopyButtonStyled as t}from"./styled.js";import{useMessage as m}from"../../../../context.js";import{CheckSmallIcon as n}from"../../../../../../icons/check-small/index.js";import{CopyIcon as i}from"../../../../../../icons/copy/index.js";const c=({code:c,messageVariant:a,messageColor:l})=>{const{onCodeCopy:p}=m(),[f,d]=e(!1),[g,j]=e(!1),u=s(()=>{g||("string"==typeof c&&(null==p||p(c)),d(!0),j(!0))},[g,c,p]),x=s(()=>{d(!1),j(!1)},[]);return o(t,{$focus:f,$messageVariant:a,$messageColor:l,onBlur:x,onClick:u,children:[!f&&r(i,{}),f&&r(n,{})]})};export{c as MessageMultilineCodeCopyButton};

package/dist/components/message/components/code/multiline/copy/styled.d.ts

@@ -5,13 +5,11 @@ export interface MessageMultilineCodeCopyButtonStyledProps {
     $messageColor: string;
 }
 export declare const MessageMultilineCodeCopyButtonStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
-    value?: string | number | readonly string[] | undefined;
     children?: import("react").ReactNode;
-    variant?: import("@/ui/components/button").ButtonVariant | undefined;
+    value?: string | number | readonly string[] | undefined;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
-    size?: import("@/ui/components/button").ButtonSize | undefined;
     style?: import("react").CSSProperties | undefined;
     disabled?: boolean | undefined | undefined;
     key?: import("react").Key | null | undefined;
@@ -58,6 +56,10 @@ export declare const MessageMultilineCodeCopyButtonStyled: import("styled-compon
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -263,6 +265,8 @@ export declare const MessageMultilineCodeCopyButtonStyled: import("styled-compon
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -270,26 +274,36 @@ export declare const MessageMultilineCodeCopyButtonStyled: import("styled-compon
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     form?: string | undefined | undefined;
-    name?: string | undefined | undefined;
     type?: "submit" | "reset" | "button" | undefined | undefined;
-    href?: string | undefined;
-    formAction?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
     formTarget?: string | undefined | undefined;
-    htmlFor?: string | undefined;
-    component?: import("@/ui/components/button").ButtonComponent | undefined;
+    name?: string | undefined | undefined;
     fullWidth?: boolean | undefined;
-    skeleton?: boolean | undefined;
+    variant?: import("@/ui/components/button").ButtonVariant | undefined;
+    component?: import("@/ui/components/button").ButtonComponent | undefined;
+    size?: import("@/ui/components/button").ButtonSize | undefined;
     corner?: import("@/ui/components/button").ButtonCorner | undefined;
     startIcon?: import("react").ReactNode;
     endIcon?: import("react").ReactNode;
     iconSize?: number | undefined;
     iconFill?: string | undefined;
+    skeleton?: boolean | undefined;
+    htmlFor?: string | undefined;
+    href?: string | undefined;
     disableHoverColor?: boolean | undefined;
-    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement | null> | null | undefined;
+    ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }, MessageMultilineCodeCopyButtonStyledProps>>;

package/dist/components/message/components/code/multiline/copy/styled.js

@@ -1 +1 @@
-import{styled as e,css as t}from"styled-components";import{Button as r}from"../../../../../button/index.js";const s=e(r).attrs({variant:"text"}).withConfig({displayName:"styled__MessageMultilineCodeCopyButtonStyled",componentId:"sc-1kwqtp8-0"})([""," > svg path{fill:"," !important;}&:hover{> svg path{fill:"," !important;}}"],(({$focus:e})=>e&&t(["cursor:default;"])),(({theme:e,$messageVariant:t,$messageColor:r})=>{switch(t){case"user":return e.colors.accent.primary;case"assistant":switch(r){case"default":return e.default.colors.base.white;case"green":return"dark"===e.mode?e.colors.gpt3:e.default.colors.base.white;case"purple":return"dark"===e.mode?e.colors.gpt4:e.default.colors.base.white;default:return r}}}),(({theme:e,$messageVariant:t,$messageColor:r})=>{switch(t){case"user":return e.colors.accent.primary;case"assistant":switch(r){case"default":return e.default.colors.base.white;case"green":return"dark"===e.mode?e.colors.gpt3:e.default.colors.base.white;case"purple":return"dark"===e.mode?e.colors.gpt4:e.default.colors.base.white;default:return r}}}));export{s as MessageMultilineCodeCopyButtonStyled};
+import{styled as e,css as t}from"styled-components";import{Button as r}from"../../../../../button/index.js";const s=e(r).attrs({variant:"text"}).withConfig({displayName:"styled__MessageMultilineCodeCopyButtonStyled",componentId:"sc-1kwqtp8-0"})([""," > svg path{fill:"," !important;}&:hover{> svg path{fill:"," !important;}}"],({$focus:e})=>e&&t(["cursor:default;"]),({theme:e,$messageVariant:t,$messageColor:r})=>{switch(t){case"user":return e.colors.accent.primary;case"assistant":switch(r){case"default":return e.default.colors.base.white;case"green":return"dark"===e.mode?e.colors.gpt3:e.default.colors.base.white;case"purple":return"dark"===e.mode?e.colors.gpt4:e.default.colors.base.white;default:return r}}},({theme:e,$messageVariant:t,$messageColor:r})=>{switch(t){case"user":return e.colors.accent.primary;case"assistant":switch(r){case"default":return e.default.colors.base.white;case"green":return"dark"===e.mode?e.colors.gpt3:e.default.colors.base.white;case"purple":return"dark"===e.mode?e.colors.gpt4:e.default.colors.base.white;default:return r}}});export{s as MessageMultilineCodeCopyButtonStyled};

package/dist/components/message/components/code/multiline/styled.d.ts

@@ -1,6 +1,6 @@
 import { MessageVariant } from '@/ui/components/message';
 export declare const MessageMultilineCodeStyled: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -49,6 +49,10 @@ export declare const MessageMultilineCodeStyled: import("styled-components").ISt
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -258,6 +262,8 @@ export declare const MessageMultilineCodeStyled: import("styled-components").ISt
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -266,8 +272,16 @@ export declare const MessageMultilineCodeStyled: import("styled-components").ISt
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export interface MessageMultilineCodeHeadProps {
     $messageVariant: MessageVariant;
@@ -279,8 +293,13 @@ export interface MessageMultilineCodeLanguageProps {
     $messageColor: string;
 }
 export declare const MessageMultilineCodeLanguage: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
-    children?: import("react").ReactNode;
     variant?: import("@/ui/components/typography").TypographyVariant | undefined;
+    component?: import("@/ui/components/typography").TypographyComponent | undefined;
+    align?: import("@/ui/components/typography").TypographyAlign | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: import("react").HTMLAttributeAnchorTarget | undefined;
+    children?: import("react").ReactNode;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -329,6 +348,10 @@ export declare const MessageMultilineCodeLanguage: import("styled-components").I
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -537,6 +560,8 @@ export declare const MessageMultilineCodeLanguage: import("styled-components").I
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
@@ -545,17 +570,20 @@ export declare const MessageMultilineCodeLanguage: import("styled-components").I
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
-    target?: import("react").HTMLAttributeAnchorTarget | undefined;
-    href?: string | undefined;
-    align?: import("@/ui/components/typography").TypographyAlign | undefined;
-    component?: import("@/ui/components/typography").TypographyComponent | undefined;
-    fullWidth?: boolean | undefined;
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
 }, MessageMultilineCodeLanguageProps>>;
 export declare const MessageMultilineCodeBody: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -604,6 +632,10 @@ export declare const MessageMultilineCodeBody: import("styled-components").IStyl
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -813,6 +845,8 @@ export declare const MessageMultilineCodeBody: import("styled-components").IStyl
     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;
@@ -821,6 +855,14 @@ export declare const MessageMultilineCodeBody: import("styled-components").IStyl
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;

package/dist/components/message/components/code/multiline/styled.js

@@ -1 +1 @@
-import{styled as e}from"styled-components";import{Typography as s}from"../../../../typography/index.js";const t=e.div.withConfig({displayName:"styled__MessageMultilineCodeStyled",componentId:"sc-14sc9yd-0"})(["display:flex;flex-direction:column;border-radius:8px;overflow:hidden;margin:10px 0px;"]),a=e.div.withConfig({displayName:"styled__MessageMultilineCodeHead",componentId:"sc-14sc9yd-1"})(["display:flex;align-items:center;justify-content:space-between;background:",";padding:14px;"],(({theme:e,$messageVariant:s,$messageColor:t})=>{switch(s){case"user":return e.default.colors.base.white;case"assistant":return"default"!==t?"light"===e.mode?e.colors.accent.primary:e.colors.base.white:e.colors.accent.primary}})),o=e(s).attrs({variant:"body-l-medium"}).withConfig({displayName:"styled__MessageMultilineCodeLanguage",componentId:"sc-14sc9yd-2"})(["color:",";&::selection{background:",";color:",";}"],(({theme:e,$messageVariant:s,$messageColor:t})=>{switch(s){case"user":return e.colors.accent.primary;case"assistant":switch(t){case"default":return e.default.colors.base.white;case"green":return"dark"===e.mode?e.colors.gpt3:e.default.colors.base.white;case"purple":return"dark"===e.mode?e.colors.gpt4:e.default.colors.base.white;default:return t}}}),(({theme:e,$messageColor:s})=>{switch(s){case"default":return e.default.colors.base.white;case"green":return e.colors.gpt3;case"purple":return e.colors.gpt4;default:return s}}),(({theme:e,$messageColor:s})=>"default"===s?e.colors.accent.primary:e.default.colors.base.white)),r=e.div.withConfig({displayName:"styled__MessageMultilineCodeBody",componentId:"sc-14sc9yd-3"})(["> div > pre{margin:0px;}"]);export{r as MessageMultilineCodeBody,a as MessageMultilineCodeHead,o as MessageMultilineCodeLanguage,t as MessageMultilineCodeStyled};
+import{styled as e}from"styled-components";import{Typography as s}from"../../../../typography/index.js";const t=e.div.withConfig({displayName:"styled__MessageMultilineCodeStyled",componentId:"sc-14sc9yd-0"})(["display:flex;flex-direction:column;border-radius:8px;overflow:hidden;margin:10px 0px;"]),a=e.div.withConfig({displayName:"styled__MessageMultilineCodeHead",componentId:"sc-14sc9yd-1"})(["display:flex;align-items:center;justify-content:space-between;background:",";padding:14px;"],({theme:e,$messageVariant:s,$messageColor:t})=>{switch(s){case"user":return e.default.colors.base.white;case"assistant":return"default"!==t?"light"===e.mode?e.colors.accent.primary:e.colors.base.white:e.colors.accent.primary}}),o=e(s).attrs({variant:"body-l-medium"}).withConfig({displayName:"styled__MessageMultilineCodeLanguage",componentId:"sc-14sc9yd-2"})(["color:",";&::selection{background:",";color:",";}"],({theme:e,$messageVariant:s,$messageColor:t})=>{switch(s){case"user":return e.colors.accent.primary;case"assistant":switch(t){case"default":return e.default.colors.base.white;case"green":return"dark"===e.mode?e.colors.gpt3:e.default.colors.base.white;case"purple":return"dark"===e.mode?e.colors.gpt4:e.default.colors.base.white;default:return t}}},({theme:e,$messageColor:s})=>{switch(s){case"default":return e.default.colors.base.white;case"green":return e.colors.gpt3;case"purple":return e.colors.gpt4;default:return s}},({theme:e,$messageColor:s})=>"default"===s?e.colors.accent.primary:e.default.colors.base.white),r=e.div.withConfig({displayName:"styled__MessageMultilineCodeBody",componentId:"sc-14sc9yd-3"})(["> div > pre{margin:0px;}"]);export{r as MessageMultilineCodeBody,a as MessageMultilineCodeHead,o as MessageMultilineCodeLanguage,t as MessageMultilineCodeStyled};

package/dist/components/message/components/image/button/list/styled.d.ts

@@ -1,5 +1,5 @@
 export declare const MessageImageButtonsStyled: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -48,6 +48,10 @@ export declare const MessageImageButtonsStyled: import("styled-components").ISty
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -257,6 +261,8 @@ export declare const MessageImageButtonsStyled: import("styled-components").ISty
     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;
@@ -265,8 +271,16 @@ export declare const MessageImageButtonsStyled: import("styled-components").ISty
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export interface MessageImageButtonsContentProps {
     $column: boolean;

package/dist/components/message/components/image/button/list/styled.js

@@ -1,8 +1,8 @@
-import{styled as e,css as t}from"styled-components";const n=e.div.withConfig({displayName:"styled__MessageImageButtonsStyled",componentId:"sc-1nhio3-0"})(["display:flex;padding:14px;position:absolute;top:0px;bottom:0px;left:0px;right:0px;pointer-events:none;"]),o=e.div.withConfig({displayName:"styled__MessageImageButtonsContent",componentId:"sc-1nhio3-1"})(["display:flex;width:100%;height:100%;gap:10px;position:relative;",""],(({$column:e})=>e?t`
+import{styled as e,css as t}from"styled-components";const n=e.div.withConfig({displayName:"styled__MessageImageButtonsStyled",componentId:"sc-1nhio3-0"})(["display:flex;padding:14px;position:absolute;top:0px;bottom:0px;left:0px;right:0px;pointer-events:none;"]),o=e.div.withConfig({displayName:"styled__MessageImageButtonsContent",componentId:"sc-1nhio3-1"})(["display:flex;width:100%;height:100%;gap:10px;position:relative;",""],({$column:e})=>e?t`
         flex-direction: column-reverse;
         justify-content: flex-end;
         align-items: flex-end;
       `:t`
       justify-content: flex-end;
       align-items: flex-start;
-    `));export{o as MessageImageButtonsContent,n as MessageImageButtonsStyled};
+    `);export{o as MessageImageButtonsContent,n as MessageImageButtonsStyled};