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

@@ -1,5 +1,5 @@
 export declare const MessageTableStyled: 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 MessageTableStyled: 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 MessageTableStyled: 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,11 +271,19 @@ export declare const MessageTableStyled: 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 declare const MessageTableContent: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLTableElement> | undefined;
+    ref?: import("react").Ref<HTMLTableElement> | undefined;
     key?: import("react").Key | null | undefined;
     align?: "left" | "center" | "right" | undefined | undefined;
     bgcolor?: string | undefined | undefined;
@@ -327,6 +341,10 @@ export declare const MessageTableContent: import("styled-components").IStyledCom
     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;
@@ -536,6 +554,8 @@ export declare const MessageTableContent: import("styled-components").IStyledCom
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLTableElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLTableElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLTableElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLTableElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLTableElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLTableElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLTableElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLTableElement> | undefined;
@@ -544,11 +564,19 @@ export declare const MessageTableContent: import("styled-components").IStyledCom
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLTableElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLTableElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLTableElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLTableElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLTableElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLTableElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLTableElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLTableElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLTableElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLTableElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLTableElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLTableElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLTableElement> | undefined;
 }>;
 export declare const MessageTableHead: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLTableSectionElement> | undefined;
+    ref?: import("react").Ref<HTMLTableSectionElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -597,6 +625,10 @@ export declare const MessageTableHead: 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;
@@ -806,6 +838,8 @@ export declare const MessageTableHead: import("styled-components").IStyledCompon
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLTableSectionElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLTableSectionElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLTableSectionElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLTableSectionElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLTableSectionElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLTableSectionElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLTableSectionElement> | undefined;
@@ -814,11 +848,19 @@ export declare const MessageTableHead: import("styled-components").IStyledCompon
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLTableSectionElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLTableSectionElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLTableSectionElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLTableSectionElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLTableSectionElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
 }>;
 export declare const MessageTableBody: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLTableSectionElement> | undefined;
+    ref?: import("react").Ref<HTMLTableSectionElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -867,6 +909,10 @@ export declare const MessageTableBody: 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;
@@ -1076,6 +1122,8 @@ export declare const MessageTableBody: import("styled-components").IStyledCompon
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLTableSectionElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLTableSectionElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLTableSectionElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLTableSectionElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLTableSectionElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLTableSectionElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLTableSectionElement> | undefined;
@@ -1084,11 +1132,19 @@ export declare const MessageTableBody: import("styled-components").IStyledCompon
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLTableSectionElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLTableSectionElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLTableSectionElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLTableSectionElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLTableSectionElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
 }>;
 export declare const MessageTableRow: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLTableRowElement> | undefined;
+    ref?: import("react").Ref<HTMLTableRowElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1137,6 +1193,10 @@ export declare const MessageTableRow: import("styled-components").IStyledCompone
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -1346,6 +1406,8 @@ export declare const MessageTableRow: import("styled-components").IStyledCompone
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLTableRowElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLTableRowElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLTableRowElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLTableRowElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLTableRowElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLTableRowElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLTableRowElement> | undefined;
@@ -1354,6 +1416,14 @@ export declare const MessageTableRow: import("styled-components").IStyledCompone
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLTableRowElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLTableRowElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLTableRowElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLTableRowElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLTableRowElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLTableRowElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLTableRowElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLTableRowElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLTableRowElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLTableRowElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLTableRowElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLTableRowElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLTableRowElement> | undefined;
 }>;

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

@@ -1 +1 @@
-import{styled as e,css as o}from"styled-components";import"tslib";import"react/jsx-runtime";import{MessageTableCellStyled as t}from"./cell/styled.js";import"../../context.js";const d=e.div.withConfig({displayName:"styled__MessageTableStyled",componentId:"sc-khnoen-0"})([""]),s=e.table.withConfig({displayName:"styled__MessageTableContent",componentId:"sc-khnoen-1"})(["border:1px solid ",";border-collapse:separate;border-spacing:0px;border-radius:8px;overflow:hidden;",""],(({theme:e})=>e.colors.grayScale.gray2),(()=>o(["","{&:first-child{","{border-top-width:0px;}}&:not(:first-child){","{border-top-width:0px;}}&:last-child{","{border-bottom-width:0px;}}","{border-left-width:0px;&:last-child{border-right-width:0px;}}}"," ~ ","{","{&:first-child{","{border-top-width:1px;}}}}"],l,t,t,t,t,i,r,l,t))),i=e.thead.withConfig({displayName:"styled__MessageTableHead",componentId:"sc-khnoen-2"})([""]),r=e.tbody.withConfig({displayName:"styled__MessageTableBody",componentId:"sc-khnoen-3"})([""]),l=e.tr.withConfig({displayName:"styled__MessageTableRow",componentId:"sc-khnoen-4"})([""]);export{r as MessageTableBody,s as MessageTableContent,i as MessageTableHead,l as MessageTableRow,d as MessageTableStyled};
+import{styled as e,css as o}from"styled-components";import"tslib";import"react/jsx-runtime";import{MessageTableCellStyled as t}from"./cell/styled.js";import"../../context.js";const d=e.div.withConfig({displayName:"styled__MessageTableStyled",componentId:"sc-khnoen-0"})([""]),s=e.table.withConfig({displayName:"styled__MessageTableContent",componentId:"sc-khnoen-1"})(["border:1px solid ",";border-collapse:separate;border-spacing:0px;border-radius:8px;overflow:hidden;",""],({theme:e})=>e.colors.grayScale.gray2,()=>o(["","{&:first-child{","{border-top-width:0px;}}&:not(:first-child){","{border-top-width:0px;}}&:last-child{","{border-bottom-width:0px;}}","{border-left-width:0px;&:last-child{border-right-width:0px;}}}"," ~ ","{","{&:first-child{","{border-top-width:1px;}}}}"],l,t,t,t,t,i,r,l,t)),i=e.thead.withConfig({displayName:"styled__MessageTableHead",componentId:"sc-khnoen-2"})([""]),r=e.tbody.withConfig({displayName:"styled__MessageTableBody",componentId:"sc-khnoen-3"})([""]),l=e.tr.withConfig({displayName:"styled__MessageTableRow",componentId:"sc-khnoen-4"})([""]);export{r as MessageTableBody,s as MessageTableContent,i as MessageTableHead,l as MessageTableRow,d as MessageTableStyled};

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

@@ -1 +1 @@
-import{styled as e,css as t}from"styled-components";const o=e.span.withConfig({displayName:"styled__MessageTitleStyled",componentId:"sc-1jcb11m-0"})(["margin:0px;line-height:1;margin:10px 0px;color:",";"," &::selection{","}"],(({theme:e,$messageColor:t})=>"default"!==t?e.default.colors.base.white:e.colors.base.white),(({$variant:e})=>{switch(e){case"h1":return t(["font-weight:600;font-style:normal;font-size:32px;line-height:42px;--bothub-typing-cursor-size:42px;"]);case"h2":return t(["font-weight:600;font-style:normal;font-size:28px;line-height:36px;--bothub-typing-cursor-size:36px;"]);case"h3":return t(["font-weight:600;font-size:24px;font-style:normal;line-height:32px;--bothub-typing-cursor-size:32px;"]);case"h4":return t(["font-weight:600;font-size:20px;font-style:normal;line-height:26px;--bothub-typing-cursor-size:26px;"]);case"h5":return t(["font-weight:600;font-size:18px;font-style:normal;line-height:24px;--bothub-typing-cursor-size:24px;"]);case"h6":return t(["font-weight:600;font-size:16px;font-style:normal;line-height:22px;--bothub-typing-cursor-size:22px;"])}}),(({$messageColor:e})=>{switch(e){case"default":return t(["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 t(["background:",";color:",";"],(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.colors.gpt3));case"purple":return t(["background:",";color:",";"],(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.colors.gpt4));default:return t(["background:",";color:",";"],(({theme:e})=>e.default.colors.base.white),e)}}));export{o as MessageTitleStyled};
+import{styled as e,css as t}from"styled-components";const o=e.span.withConfig({displayName:"styled__MessageTitleStyled",componentId:"sc-1jcb11m-0"})(["margin:0px;line-height:1;margin:10px 0px;color:",";"," &::selection{","}"],({theme:e,$messageColor:t})=>"default"!==t?e.default.colors.base.white:e.colors.base.white,({$variant:e})=>{switch(e){case"h1":return t(["font-weight:600;font-style:normal;font-size:32px;line-height:42px;--bothub-typing-cursor-size:42px;"]);case"h2":return t(["font-weight:600;font-style:normal;font-size:28px;line-height:36px;--bothub-typing-cursor-size:36px;"]);case"h3":return t(["font-weight:600;font-size:24px;font-style:normal;line-height:32px;--bothub-typing-cursor-size:32px;"]);case"h4":return t(["font-weight:600;font-size:20px;font-style:normal;line-height:26px;--bothub-typing-cursor-size:26px;"]);case"h5":return t(["font-weight:600;font-size:18px;font-style:normal;line-height:24px;--bothub-typing-cursor-size:24px;"]);case"h6":return t(["font-weight:600;font-size:16px;font-style:normal;line-height:22px;--bothub-typing-cursor-size:22px;"])}},({$messageColor:e})=>{switch(e){case"default":return t(["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 t(["background:",";color:",";"],({theme:e})=>e.default.colors.base.white,({theme:e})=>e.colors.gpt3);case"purple":return t(["background:",";color:",";"],({theme:e})=>e.default.colors.base.white,({theme:e})=>e.colors.gpt4);default:return t(["background:",";color:",";"],({theme:e})=>e.default.colors.base.white,e)}});export{o as MessageTitleStyled};

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

@@ -1 +1 @@
-import{__rest as o}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useState as i,useCallback as m}from"react";import{useMessage as n}from"../context.js";import{CheckSmallIcon as s}from"../../../icons/check-small/index.js";import{CopyIcon as c}from"../../../icons/copy/index.js";import{MessageCopyActionStyled as e}from"./styled.js";const p=p=>{var l=o(p,[]);const{onCopy:f}=n(),[j,a]=i(!1),[u,x]=i(!1),d=m((()=>{u||(null==f||f(),a(!0),x(!0))}),[u,f]),y=m((()=>{a(!1),x(!1)}),[]);return r(e,Object.assign({},l,{$focus:j,onBlur:y,onClick:d,children:[!j&&t(c,{}),j&&t(s,{})]}))};export{p as MessageCopyAction};
+import{__rest as o}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useState as i,useCallback as m}from"react";import{useMessage as n}from"../context.js";import{CheckSmallIcon as s}from"../../../icons/check-small/index.js";import{CopyIcon as c}from"../../../icons/copy/index.js";import{MessageCopyActionStyled as e}from"./styled.js";const p=p=>{var l=o(p,[]);const{onCopy:f}=n(),[j,a]=i(!1),[u,x]=i(!1),d=m(()=>{u||(null==f||f(),a(!0),x(!0))},[u,f]),y=m(()=>{a(!1),x(!1)},[]);return r(e,Object.assign({},l,{$focus:j,onBlur:y,onClick:d,children:[!j&&t(c,{}),j&&t(s,{})]}))};export{p as MessageCopyAction};

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

@@ -2,13 +2,11 @@ export interface MessageCopyActionStyledProps {
     $focus: boolean;
 }
 export declare const MessageCopyActionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
-    value?: string | number | readonly string[] | undefined;
     children?: import("react").ReactNode;
-    variant?: import("../..").ButtonVariant | undefined;
+    value?: string | number | readonly string[] | undefined;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
-    size?: import("../..").ButtonSize | undefined;
     style?: import("react").CSSProperties | undefined;
     disabled?: boolean | undefined | undefined;
     key?: import("react").Key | null | undefined;
@@ -55,6 +53,10 @@ export declare const MessageCopyActionStyled: 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;
@@ -260,6 +262,8 @@ export declare const MessageCopyActionStyled: import("styled-components").IStyle
     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;
@@ -267,26 +271,36 @@ export declare const MessageCopyActionStyled: import("styled-components").IStyle
     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("../..").ButtonComponent | undefined;
+    name?: string | undefined | undefined;
     fullWidth?: boolean | undefined;
-    skeleton?: boolean | undefined;
+    variant?: import("../..").ButtonVariant | undefined;
+    component?: import("../..").ButtonComponent | undefined;
+    size?: import("../..").ButtonSize | undefined;
     corner?: import("../..").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;
 }, MessageCopyActionStyledProps>>;

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

@@ -1 +1 @@
-import{styled as o,css as t}from"styled-components";import{MessageAction as e}from"../styled.js";const r=o(e).withConfig({displayName:"styled__MessageCopyActionStyled",componentId:"sc-b70wd0-0"})(["",""],(({theme:o,$focus:e})=>e&&t(["cursor:default;svg path{fill:"," !important;}&:hover{svg path{fill:"," !important;}}"],"dark"===o.mode?o.default.colors.accent.primary:o.colors.base.white,o.colors.accent.primaryLight)));export{r as MessageCopyActionStyled};
+import{styled as o,css as t}from"styled-components";import{MessageAction as e}from"../styled.js";const r=o(e).withConfig({displayName:"styled__MessageCopyActionStyled",componentId:"sc-b70wd0-0"})(["",""],({theme:o,$focus:e})=>e&&t(["cursor:default;svg path{fill:"," !important;}&:hover{svg path{fill:"," !important;}}"],"dark"===o.mode?o.default.colors.accent.primary:o.colors.base.white,o.colors.accent.primaryLight));export{r as MessageCopyActionStyled};

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

@@ -1 +1 @@
-import{__rest as t}from"tslib";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{MessageFileStyled as r,MessageFileInfo as e,MessageFileName as s,MessageFileSize as m}from"./styled.js";export{MessageFiles}from"./styled.js";import{IconProvider as n}from"../../icon/context.js";import"../../icon/styled.js";import"react";import"@react-spring/web";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import{PdfBigIcon as c}from"../../../icons/pdf-big/index.js";import{TxtBigIcon as p}from"../../../icons/txt-big/index.js";import{WordBigIcon as l}from"../../../icons/word-big/index.js";import{XlsBigIcon as a}from"../../../icons/xls-big/index.js";import{useMessage as d}from"../context.js";import{AttachFileBigIcon as f}from"../../../icons/attach-file-big/index.js";import{useTheme as x}from"../../../theme/hook.js";const j=j=>{var{icon:h,name:g,size:y}=j,$=t(j,["icon","name","size"]);const b=x(),{variant:v,color:w}=d();let u;return u="string"!=typeof g||h?h:g.match(/.txt$/i)?o(p,{}):g.match(/.doc$/i)||g.match(/.docx$/i)?o(l,{}):g.match(/.xls$/i)||g.match(/.xlsx$/i)?o(a,{}):g.match(/.pdf$/i)?o(c,{}):o(f,{}),i(r,Object.assign({},$,{children:[o(n,{fill:b.default.colors.base.white,size:46,children:u}),i(e,{children:["string"==typeof g&&i(s,{$variant:v,$color:w,children:[g.length>32&&"...",g.slice(-32)]}),"string"!=typeof g&&g,"string"==typeof y&&o(m,{$variant:v,$color:w,children:y}),"string"!=typeof y&&y]})]}))};export{j as MessageFile,e as MessageFileInfo,s as MessageFileName,m as MessageFileSize,r as MessageFileStyled};
+import{__rest as t}from"tslib";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{MessageFileStyled as r,MessageFileInfo as e,MessageFileName as s,MessageFileSize as m}from"./styled.js";export{MessageFiles}from"./styled.js";import{IconProvider as n}from"../../icon/context.js";import"../../icon/styled.js";import"react";import"@react-spring/web";import"react-markdown";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import{PdfBigIcon as c}from"../../../icons/pdf-big/index.js";import{TxtBigIcon as p}from"../../../icons/txt-big/index.js";import{WordBigIcon as l}from"../../../icons/word-big/index.js";import{XlsBigIcon as a}from"../../../icons/xls-big/index.js";import{useMessage as d}from"../context.js";import{AttachFileBigIcon as f}from"../../../icons/attach-file-big/index.js";import{useTheme as x}from"../../../theme/hook.js";const j=j=>{var{icon:h,name:g,size:y}=j,$=t(j,["icon","name","size"]);const b=x(),{variant:w,color:v}=d();let u;return u="string"!=typeof g||h?h:g.match(/.txt$/i)?o(p,{}):g.match(/.doc$/i)||g.match(/.docx$/i)?o(l,{}):g.match(/.xls$/i)||g.match(/.xlsx$/i)?o(a,{}):g.match(/.pdf$/i)?o(c,{}):o(f,{}),i(r,Object.assign({},$,{children:[o(n,{fill:b.default.colors.base.white,size:46,children:u}),i(e,{children:["string"==typeof g&&i(s,{$variant:w,$color:v,children:[g.length>32&&"...",g.slice(-32)]}),"string"!=typeof g&&g,"string"==typeof y&&o(m,{$variant:w,$color:v,children:y}),"string"!=typeof y&&y]})]}))};export{j as MessageFile,e as MessageFileInfo,s as MessageFileName,m as MessageFileSize,r as MessageFileStyled};

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

@@ -1,6 +1,6 @@
 import { MessageColor, MessageVariant } from '../types';
 export declare const MessageFileStyled: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLAnchorElement> | undefined;
+    ref?: import("react").Ref<HTMLAnchorElement> | undefined;
     key?: import("react").Key | null | undefined;
     download?: any;
     href?: string | undefined | undefined;
@@ -57,6 +57,10 @@ export declare const MessageFileStyled: import("styled-components").IStyledCompo
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -266,6 +270,8 @@ export declare const MessageFileStyled: import("styled-components").IStyledCompo
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLAnchorElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLAnchorElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLAnchorElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLAnchorElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLAnchorElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLAnchorElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;
@@ -274,11 +280,19 @@ export declare const MessageFileStyled: import("styled-components").IStyledCompo
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLAnchorElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLAnchorElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
 }>;
 export declare const MessageFileInfo: 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;
@@ -327,6 +341,10 @@ export declare const MessageFileInfo: import("styled-components").IStyledCompone
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -536,6 +554,8 @@ export declare const MessageFileInfo: import("styled-components").IStyledCompone
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -544,16 +564,29 @@ export declare const MessageFileInfo: import("styled-components").IStyledCompone
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export interface MessageFileNameProps {
     $variant: MessageVariant;
     $color: MessageColor;
 }
 export declare const MessageFileName: 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;
@@ -602,6 +635,10 @@ export declare const MessageFileName: import("styled-components").IStyledCompone
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -810,6 +847,8 @@ export declare const MessageFileName: import("styled-components").IStyledCompone
     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;
@@ -818,22 +857,30 @@ export declare const MessageFileName: import("styled-components").IStyledCompone
     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;
 }, MessageFileNameProps>>;
 export interface MessageFileSizeProps {
     $variant: MessageVariant;
     $color: MessageColor;
 }
 export declare const MessageFileSize: 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;
@@ -882,6 +929,10 @@ export declare const MessageFileSize: import("styled-components").IStyledCompone
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -1090,6 +1141,8 @@ export declare const MessageFileSize: import("styled-components").IStyledCompone
     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;
@@ -1098,17 +1151,20 @@ export declare const MessageFileSize: import("styled-components").IStyledCompone
     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;
 }, MessageFileSizeProps>>;
 export declare const MessageFiles: 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;
@@ -1157,6 +1213,10 @@ export declare const MessageFiles: 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;
@@ -1366,6 +1426,8 @@ export declare const MessageFiles: import("styled-components").IStyledComponent<
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -1374,6 +1436,14 @@ export declare const MessageFiles: import("styled-components").IStyledComponent<
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;

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

@@ -1 +1 @@
-import{styled as e}from"styled-components";import{Typography as t}from"../../typography/index.js";const s=e.a.withConfig({displayName:"styled__MessageFileStyled",componentId:"sc-153xrgf-0"})(["display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;width:100%;"]),a=e.div.withConfig({displayName:"styled__MessageFileInfo",componentId:"sc-153xrgf-1"})(["display:flex;flex-direction:column;gap:8px;align-items:flex-start;"]),i=e(t).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__MessageFileName",componentId:"sc-153xrgf-2"})(["color:",";"],(({theme:e,$variant:t,$color:s})=>"assistant"===t&&"default"!==s?e.default.colors.base.white:e.colors.base.white)),o=e(t).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageFileSize",componentId:"sc-153xrgf-3"})(["color:",";"],(({theme:e,$variant:t,$color:s})=>"assistant"===t&&"default"!==s?e.default.colors.base.white:e.colors.base.white)),l=e.div.withConfig({displayName:"styled__MessageFiles",componentId:"sc-153xrgf-4"})(["display:flex;flex-direction:column;align-items:flex-start;gap:12px;"]);export{a as MessageFileInfo,i as MessageFileName,o as MessageFileSize,s as MessageFileStyled,l as MessageFiles};
+import{styled as e}from"styled-components";import{Typography as t}from"../../typography/index.js";const s=e.a.withConfig({displayName:"styled__MessageFileStyled",componentId:"sc-153xrgf-0"})(["display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;width:100%;"]),a=e.div.withConfig({displayName:"styled__MessageFileInfo",componentId:"sc-153xrgf-1"})(["display:flex;flex-direction:column;gap:8px;align-items:flex-start;"]),i=e(t).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__MessageFileName",componentId:"sc-153xrgf-2"})(["color:",";"],({theme:e,$variant:t,$color:s})=>"assistant"===t&&"default"!==s?e.default.colors.base.white:e.colors.base.white),o=e(t).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageFileSize",componentId:"sc-153xrgf-3"})(["color:",";"],({theme:e,$variant:t,$color:s})=>"assistant"===t&&"default"!==s?e.default.colors.base.white:e.colors.base.white),l=e.div.withConfig({displayName:"styled__MessageFiles",componentId:"sc-153xrgf-4"})(["display:flex;flex-direction:column;align-items:flex-start;gap:12px;"]);export{a as MessageFileInfo,i as MessageFileName,o as MessageFileSize,s as MessageFileStyled,l as MessageFiles};