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

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

@@ -1,5 +1,5 @@
 export declare const MessageImageButtonStyled: 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 MessageImageButtonStyled: 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;
@@ -257,6 +261,8 @@ export declare const MessageImageButtonStyled: 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;
@@ -265,11 +271,19 @@ export declare const MessageImageButtonStyled: 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;
 }>;
 export declare const MessageImageButtonZoneWrapper: 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;
@@ -318,6 +332,10 @@ export declare const MessageImageButtonZoneWrapper: import("styled-components").
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -527,6 +545,8 @@ export declare const MessageImageButtonZoneWrapper: 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;
@@ -535,17 +555,23 @@ export declare const MessageImageButtonZoneWrapper: 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;
+    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 MessageImageButtonContent: 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;
@@ -592,6 +618,10 @@ export declare const MessageImageButtonContent: 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;
@@ -797,6 +827,8 @@ export declare const MessageImageButtonContent: import("styled-components").ISty
     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;
@@ -804,26 +836,36 @@ export declare const MessageImageButtonContent: import("styled-components").ISty
     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/image/grid/styled.d.ts

@@ -1,5 +1,5 @@
 export declare const MessageImageGrid: 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 MessageImageGrid: import("styled-components").IStyledCompon
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -257,6 +261,8 @@ export declare const MessageImageGrid: import("styled-components").IStyledCompon
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -265,6 +271,14 @@ export declare const MessageImageGrid: import("styled-components").IStyledCompon
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;

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

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsx as t,jsxs as s}from"react/jsx-runtime";import{useState as o,useEffect as r}from"react";import{MessageImageStyled as a,MessageImageSkeleton as l,MessageImageNative as i}from"./styled.js";import{MessageImageProvider as n}from"./context.js";export{MessageImageConsumer,MessageImageContext,useMessageImage}from"./context.js";import"../../../../theme/index.js";import{useMessage as m}from"../../context.js";export{MessageImageGrid}from"./grid/styled.js";export{MessageImageButtonContent,MessageImageButtonStyled,MessageImageButtonZoneWrapper}from"./button/styled.js";export{MessageImageButtonsContent,MessageImageButtonsStyled}from"./button/list/styled.js";import{useTheme as c}from"../../../../theme/hook.js";const g=g=>{var{className:h,src:d,width:b,height:u,buttons:p,clickable:f=!1,progress:j=!1,fetchImage:x=!1,disableSkeleton:I=!1}=g,y=e(g,["className","src","width","height","buttons","clickable","progress","fetchImage","disableSkeleton"]);const M=c(),{variant:k}=m(),[w,B]=o(!0),[L,S]=o(null);return r((()=>{x&&fetch(d).then((e=>e.blob())).then((e=>S(URL.createObjectURL(e))))}),[d,x]),r((()=>()=>{L&&L.startsWith("blob:")&&URL.revokeObjectURL(L)}),[L]),t(n,{width:b,height:u,children:s(a,{className:h,children:[w&&!I&&t(l,{$width:null!=b?b:300,$height:null!=u?u:300,opacity:["light"===M.mode?.1:.15,"light"===M.mode?.225:.35],colors:["user"===k?M.colors.base.white:"light"===M.mode?M.default.colors.base.black:M.colors.grayScale.gray6]}),t(i,Object.assign({$clickable:f,$progress:j,$loading:w&&!I},y,x&&L&&{src:L},!x&&{src:d},{width:null!=b?b:300,height:null!=u?u:300,onLoad:B.bind(null,!1)})),!j&&p]})})};export{g as MessageImage,i as MessageImageNative,n as MessageImageProvider,l as MessageImageSkeleton,a as MessageImageStyled};
+import{__rest as e}from"tslib";import{jsx as t,jsxs as s}from"react/jsx-runtime";import{useState as o,useEffect as r}from"react";import{MessageImageStyled as a,MessageImageSkeleton as l,MessageImageNative as i}from"./styled.js";import{MessageImageProvider as n}from"./context.js";export{MessageImageConsumer,MessageImageContext,useMessageImage}from"./context.js";import"../../../../theme/index.js";import{useMessage as m}from"../../context.js";export{MessageImageGrid}from"./grid/styled.js";export{MessageImageButtonContent,MessageImageButtonStyled,MessageImageButtonZoneWrapper}from"./button/styled.js";export{MessageImageButtonsContent,MessageImageButtonsStyled}from"./button/list/styled.js";import{useTheme as c}from"../../../../theme/hook.js";const g=g=>{var{className:h,src:d,width:b,height:u,buttons:p,clickable:f=!1,progress:j=!1,fetchImage:x=!1,disableSkeleton:I=!1}=g,y=e(g,["className","src","width","height","buttons","clickable","progress","fetchImage","disableSkeleton"]);const M=c(),{variant:k}=m(),[w,B]=o(!0),[L,S]=o(null);return r(()=>{x&&fetch(d).then(e=>e.blob()).then(e=>S(URL.createObjectURL(e)))},[d,x]),r(()=>()=>{L&&L.startsWith("blob:")&&URL.revokeObjectURL(L)},[L]),t(n,{width:b,height:u,children:s(a,{className:h,children:[w&&!I&&t(l,{$width:null!=b?b:300,$height:null!=u?u:300,opacity:["light"===M.mode?.1:.15,"light"===M.mode?.225:.35],colors:["user"===k?M.colors.base.white:"light"===M.mode?M.default.colors.base.black:M.colors.grayScale.gray6]}),t(i,Object.assign({$clickable:f,$progress:j,$loading:w&&!I},y,x&&L&&{src:L},!x&&{src:d},{width:null!=b?b:300,height:null!=u?u:300,onLoad:B.bind(null,!1)})),!j&&p]})})};export{g as MessageImage,i as MessageImageNative,n as MessageImageProvider,l as MessageImageSkeleton,a as MessageImageStyled};

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

@@ -1,5 +1,5 @@
 export declare const MessageImageStyled: 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 MessageImageStyled: import("styled-components").IStyledComp
     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 MessageImageStyled: import("styled-components").IStyledComp
     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 MessageImageStyled: import("styled-components").IStyledComp
     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 MessageImageSkeletonProps {
     $width: number;
@@ -278,6 +292,4 @@ export interface MessageImageNativeProps {
     $progress: boolean;
     $loading: boolean;
 }
-export declare const MessageImageNative: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("@/ui/components/image").ImageProps, "ref"> & import("react").RefAttributes<HTMLImageElement>, "ref"> & {
-    ref?: ((instance: HTMLImageElement | 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<HTMLImageElement> | null | undefined;
-}, MessageImageNativeProps>>;
+export declare const MessageImageNative: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("@/ui/components/image").ImageProps, "ref"> & import("react").RefAttributes<HTMLImageElement>, MessageImageNativeProps>>;

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

@@ -1,5 +1,5 @@
 import{styled as t,css as e}from"styled-components";import{Image as i}from"../../../image/index.js";import{adaptive as o}from"../../../../adaptive/index.js";import"tslib";import"react/jsx-runtime";import"./button/styled.js";import{MessageImageButtonsStyled as s}from"./button/list/styled.js";import"./context.js";import{Skeleton as p}from"../../../skeleton/index.js";const r=t.div.withConfig({displayName:"styled__MessageImageStyled",componentId:"sc-1pgqq28-0"})(["display:inline-flex;border-radius:10px;overflow:hidden;width:min-content;position:relative;","{transition:0.225s opacity;opacity:0;","}&:hover{","{opacity:1;}}"],s,o({touch:e`
         opacity: 1;
-      `}),s),n=t(p).withConfig({displayName:"styled__MessageImageSkeleton",componentId:"sc-1pgqq28-1"})(["display:flex;width:","px;height:","px;border-radius:0px;"],(({$width:t})=>t),(({$height:t})=>t)),d=t(i).withConfig({displayName:"styled__MessageImageNative",componentId:"sc-1pgqq28-2"})([""," max-width:inherit;object-fit:cover;cursor:",";"],(({$loading:t})=>t&&e`
+      `}),s),n=t(p).withConfig({displayName:"styled__MessageImageSkeleton",componentId:"sc-1pgqq28-1"})(["display:flex;width:","px;height:","px;border-radius:0px;"],({$width:t})=>t,({$height:t})=>t),d=t(i).withConfig({displayName:"styled__MessageImageNative",componentId:"sc-1pgqq28-2"})([""," max-width:inherit;object-fit:cover;cursor:",";"],({$loading:t})=>t&&e`
       display: none;
-    `),(({$progress:t,$clickable:e})=>t?"progress":e?"pointer":"default"));export{d as MessageImageNative,n as MessageImageSkeleton,r as MessageImageStyled};
+    `,({$progress:t,$clickable:e})=>t?"progress":e?"pointer":"default");export{d as MessageImageNative,n as MessageImageSkeleton,r as MessageImageStyled};

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

@@ -2,6 +2,4 @@ import { MessageColor } from '../../types';
 export interface MessageItalicStyledProps {
     $messageColor: MessageColor;
 }
-export declare const MessageItalicStyled: 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;
-}, MessageItalicStyledProps>>;
+export declare const MessageItalicStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@/ui/components/typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, MessageItalicStyledProps>>;

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

@@ -1 +1 @@
-import{styled as e,css as o}from"styled-components";import{Typography as t}from"../../../typography/index.js";const r=e(t).withConfig({displayName:"styled__MessageItalicStyled",componentId:"sc-cj41bx-0"})(["color:",";font-style:italic;&::selection{","}"],(({theme:e,$messageColor:o})=>"default"!==o?e.default.colors.base.white:e.colors.base.white),(({$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{r as MessageItalicStyled};
+import{styled as e,css as o}from"styled-components";import{Typography as t}from"../../../typography/index.js";const r=e(t).withConfig({displayName:"styled__MessageItalicStyled",componentId:"sc-cj41bx-0"})(["color:",";font-style:italic;&::selection{","}"],({theme:e,$messageColor:o})=>"default"!==o?e.default.colors.base.white:e.colors.base.white,({$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{r as MessageItalicStyled};

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

@@ -2,6 +2,4 @@ import { MessageColor } from '../../types';
 export interface MessageLinkStyledProps {
     $messageColor: MessageColor;
 }
-export declare const MessageLinkStyled: 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;
-}, MessageLinkStyledProps>>;
+export declare const MessageLinkStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@/ui/components/typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, MessageLinkStyledProps>>;

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

@@ -1 +1 @@
-import{styled as e,css as o}from"styled-components";import{Typography as t}from"../../../typography/index.js";const r=e(t).withConfig({displayName:"styled__MessageLinkStyled",componentId:"sc-69qait-0"})(["color:",";text-decoration:underline;&::selection{","}"],(({theme:e,$messageColor:o})=>"default"!==o?e.default.colors.base.white:e.colors.base.white),(({$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{r as MessageLinkStyled};
+import{styled as e,css as o}from"styled-components";import{Typography as t}from"../../../typography/index.js";const r=e(t).withConfig({displayName:"styled__MessageLinkStyled",componentId:"sc-69qait-0"})(["color:",";text-decoration:underline;&::selection{","}"],({theme:e,$messageColor:o})=>"default"!==o?e.default.colors.base.white:e.colors.base.white,({$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{r as MessageLinkStyled};

package/dist/components/message/components/list/item/styled.d.ts

@@ -4,8 +4,13 @@ export interface MessageListItemStyledProps {
     $messageColor: string;
 }
 export declare const MessageListItemStyled: 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 MessageListItemStyled: import("styled-components").IStyledC
     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 MessageListItemStyled: import("styled-components").IStyledC
     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 MessageListItemStyled: import("styled-components").IStyledC
     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;
 }, MessageListItemStyledProps>>;

package/dist/components/message/components/list/item/styled.js

@@ -1,4 +1,4 @@
-import{styled as e,css as o}from"styled-components";import{Typography as t}from"../../../../typography/index.js";const r=e(t).attrs({component:"li",variant:"body-l-regular"}).withConfig({displayName:"styled__MessageListItemStyled",componentId:"sc-eogt8p-0"})(["display:block;position:relative;color:",";&:not(:first-child){margin-top:10px;}"," &::selection{","}"],(({theme:e,$messageColor:o})=>e.colors.base.white),(({theme:e,$variant:t,$messageColor:r})=>{switch(t){case"dot":{let t;return t="default"!==r?e.default.colors.base.white:e.colors.accent.primary,o`
+import{styled as e,css as o}from"styled-components";import{Typography as t}from"../../../../typography/index.js";const r=e(t).attrs({component:"li",variant:"body-l-regular"}).withConfig({displayName:"styled__MessageListItemStyled",componentId:"sc-eogt8p-0"})(["display:block;position:relative;color:",";&:not(:first-child){margin-top:10px;}"," &::selection{","}"],({theme:e,$messageColor:o})=>e.colors.base.white,({theme:e,$variant:t,$messageColor:r})=>{switch(t){case"dot":{let t;return t="default"!==r?e.default.colors.base.white:e.colors.accent.primary,o`
           padding-left: 22px;
           &:before {
             display: inline-block;
@@ -22,7 +22,7 @@ import{styled as e,css as o}from"styled-components";import{Typography as t}from"
           & > ol {
             padding-left: 22px;
           }
-        `}}}),(({$messageColor:e})=>{switch(e){case"default":return o`
+        `}}},({$messageColor:e})=>{switch(e){case"default":return o`
             background: ${({theme:e})=>"light"===e.mode?e.default.colors.accent.primary:e.colors.base.white};
             color: ${({theme:e})=>"light"===e.mode?e.default.colors.base.white:e.colors.accent.primary};
           `;case"green":return o`
@@ -34,4 +34,4 @@ import{styled as e,css as o}from"styled-components";import{Typography as t}from"
           `;default:return o`
             background: ${({theme:e})=>e.default.colors.base.white};
             color: ${e};
-          `}}));export{r as MessageListItemStyled};
+          `}});export{r as MessageListItemStyled};

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

@@ -1,3 +1,3 @@
-import{styled as t,css as e}from"styled-components";const s=t.ul.withConfig({displayName:"styled__MessageListStyled",componentId:"sc-1cdc76b-0"})(["counter-reset:item;",";list-style:none;padding:0px;margin:0px;margin-top:10px;"],(({$start:t})=>t&&e`
+import{styled as t,css as e}from"styled-components";const s=t.ul.withConfig({displayName:"styled__MessageListStyled",componentId:"sc-1cdc76b-0"})(["counter-reset:item;",";list-style:none;padding:0px;margin:0px;margin-top:10px;"],({$start:t})=>t&&e`
       counter-set: item ${t-1};
-    `));export{s as MessageListStyled};
+    `);export{s as MessageListStyled};

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

@@ -5,6 +5,4 @@ export interface MessageParagraphStyledProps {
     $wrap: boolean;
     $disableMargin: boolean;
 }
-export declare const MessageParagraphStyled: 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;
-}, MessageParagraphStyledProps>>;
+export declare const MessageParagraphStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@/ui/components/typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, MessageParagraphStyledProps>>;

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

@@ -1,8 +1,8 @@
-import{styled as e,css as o}from"styled-components";import{Typography as t}from"../../../typography/index.js";const r=e(t).withConfig({displayName:"styled__MessageParagraphStyled",componentId:"sc-1iz0fdp-0"})(["color:",";"," "," &::selection{","}"],(({theme:e,$variant:o,$color:t})=>"user"===o?"custom"===e.scheme?e.colors.custom.message.user.text:"standard"===e.scheme?e.colors.base.white:e.bright?"dark"===e.mode?e.colors.base.black:e.colors.base.white:e.default.colors.base.white:"custom"===e.scheme?e.colors.custom.message.assistant.text:e.colors.base.white),(({$disableMargin:e})=>!e&&o`
+import{styled as e,css as o}from"styled-components";import{Typography as t}from"../../../typography/index.js";const r=e(t).withConfig({displayName:"styled__MessageParagraphStyled",componentId:"sc-1iz0fdp-0"})(["color:",";"," "," &::selection{","}"],({theme:e,$variant:o,$color:t})=>"user"===o?"custom"===e.scheme?e.colors.custom.message.user.text:"standard"===e.scheme?e.colors.base.white:e.bright?"dark"===e.mode?e.colors.base.black:e.colors.base.white:e.default.colors.base.white:"custom"===e.scheme?e.colors.custom.message.assistant.text:e.colors.base.white,({$disableMargin:e})=>!e&&o`
       margin: 10px 0px;
-    `),(({$wrap:e})=>e&&o`
+    `,({$wrap:e})=>e&&o`
       white-space: pre-wrap;
-    `),(({$variant:e,$color:t})=>{switch(e){case"user":return o`
+    `,({$variant:e,$color:t})=>{switch(e){case"user":return o`
             background: ${({theme:e})=>"light"===e.mode?e.colors.accent.primaryLight:e.colors.base.white};
             color: ${({theme:e})=>"light"===e.mode?e.default.colors.base.white:e.colors.accent.primary};
           `;case"assistant":switch(t){case"default":return o`
@@ -17,4 +17,4 @@ import{styled as e,css as o}from"styled-components";import{Typography as t}from"
               `;default:return o`
                 background: ${({theme:e})=>e.default.colors.base.white};
                 color: ${t};
-              `}}}));export{r as MessageParagraphStyled};
+              `}}});export{r as MessageParagraphStyled};

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

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const MessagePre: import("styled-components").IStyledComponent<"web", {
-    ref?: React.LegacyRef<HTMLPreElement> | undefined;
+    ref?: React.Ref<HTMLPreElement> | undefined;
     key?: React.Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -49,6 +49,10 @@ export declare const MessagePre: import("styled-components").IStyledComponent<"w
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -258,6 +262,8 @@ export declare const MessagePre: import("styled-components").IStyledComponent<"w
     onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLPreElement> | undefined;
     onScroll?: React.UIEventHandler<HTMLPreElement> | undefined;
     onScrollCapture?: React.UIEventHandler<HTMLPreElement> | undefined;
+    onScrollEnd?: React.UIEventHandler<HTMLPreElement> | undefined;
+    onScrollEndCapture?: React.UIEventHandler<HTMLPreElement> | undefined;
     onWheel?: React.WheelEventHandler<HTMLPreElement> | undefined;
     onWheelCapture?: React.WheelEventHandler<HTMLPreElement> | undefined;
     onAnimationStart?: React.AnimationEventHandler<HTMLPreElement> | undefined;
@@ -266,7 +272,15 @@ export declare const MessagePre: import("styled-components").IStyledComponent<"w
     onAnimationEndCapture?: React.AnimationEventHandler<HTMLPreElement> | undefined;
     onAnimationIteration?: React.AnimationEventHandler<HTMLPreElement> | undefined;
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLPreElement> | undefined;
+    onToggle?: React.ToggleEventHandler<HTMLPreElement> | undefined;
+    onBeforeToggle?: React.ToggleEventHandler<HTMLPreElement> | undefined;
+    onTransitionCancel?: React.TransitionEventHandler<HTMLPreElement> | undefined;
+    onTransitionCancelCapture?: React.TransitionEventHandler<HTMLPreElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLPreElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLPreElement> | undefined;
+    onTransitionRun?: React.TransitionEventHandler<HTMLPreElement> | undefined;
+    onTransitionRunCapture?: React.TransitionEventHandler<HTMLPreElement> | undefined;
+    onTransitionStart?: React.TransitionEventHandler<HTMLPreElement> | undefined;
+    onTransitionStartCapture?: React.TransitionEventHandler<HTMLPreElement> | undefined;
 }>;
 export type MessagePreProps = React.ComponentProps<typeof MessagePre>;