@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/header/user-info/styled.js

@@ -1 +1 @@
-import{styled as e,css as o}from"styled-components";import{animated as t}from"@react-spring/web";import{Typography as n}from"../../typography/index.js";import{ArrowDownIcon as r}from"../../../icons/arrow-down/index.js";import{Avatar as a}from"../../avatar/index.js";const i=e(t.div).withConfig({displayName:"styled__HeaderUserInfoHead",componentId:"sc-1k3544t-0"})(["display:flex;cursor:pointer;align-items:center;gap:22px;padding:8px 14px;border:1px solid ",";border-radius:6px;background:",";transition:background 0.3s ease-out;"," &:hover{background:",";}"],(({theme:e})=>e.colors.grayScale.gray3),(({theme:e})=>"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4),(({$inMenu:e})=>e&&o(["width:100%;justify-content:space-between;"])),(({theme:e})=>e.colors.grayScale.gray3)),s=e.div.withConfig({displayName:"styled__HeaderUserInfoStyled",componentId:"sc-1k3544t-1"})(["user-select:none;",""],(({$inMenu:e})=>e&&o(["width:100%;"]))),d=e.div.withConfig({displayName:"styled__HeaderUserInfoInfo",componentId:"sc-1k3544t-2"})(["display:flex;align-items:center;gap:12px;"]),l=e(a).attrs({size:32}).withConfig({displayName:"styled__HeaderUserInfoAvatar",componentId:"sc-1k3544t-3"})([""]),p=e.span.withConfig({displayName:"styled__HeaderUserInfoInfoText",componentId:"sc-1k3544t-4"})(["display:flex;flex-direction:column;align-items:flex-start;"]),c=e(n).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__HeaderUserInfoName",componentId:"sc-1k3544t-5"})([""]),m=e(n).attrs({variant:"body-xs-regular"}).withConfig({displayName:"styled__HeaderUserInfoTokens",componentId:"sc-1k3544t-6"})([""]),y=e(r).withConfig({displayName:"styled__HeaderUserInfoArrow",componentId:"sc-1k3544t-7"})(["pointer-events:none;transition:transform 0.15s ease-in-out;"]),f=e(t.div).withConfig({displayName:"styled__HeaderUserInfoBody",componentId:"sc-1k3544t-8"})(["display:flex;border:1px solid ",";border-radius:6px;background:",";margin-top:14px;padding:14px 0px;width:170px;transform-origin:top center;",""],(({theme:e})=>e.colors.grayScale.gray3),(({theme:e})=>e.colors.grayScale.gray4),(({$inMenu:e})=>!e&&o(["position:absolute;"]))),g=e.div.withConfig({displayName:"styled__HeaderUserInfoList",componentId:"sc-1k3544t-9"})(["display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%;"]);export{y as HeaderUserInfoArrow,l as HeaderUserInfoAvatar,f as HeaderUserInfoBody,i as HeaderUserInfoHead,d as HeaderUserInfoInfo,p as HeaderUserInfoInfoText,g as HeaderUserInfoList,c as HeaderUserInfoName,s as HeaderUserInfoStyled,m as HeaderUserInfoTokens};
+import{styled as e,css as o}from"styled-components";import{animated as t}from"@react-spring/web";import{Typography as n}from"../../typography/index.js";import{ArrowDownIcon as r}from"../../../icons/arrow-down/index.js";import{Avatar as a}from"../../avatar/index.js";const i=e(t.div).withConfig({displayName:"styled__HeaderUserInfoHead",componentId:"sc-1k3544t-0"})(["display:flex;cursor:pointer;align-items:center;gap:22px;padding:8px 14px;border:1px solid ",";border-radius:6px;background:",";transition:background 0.3s ease-out;"," &:hover{background:",";}"],({theme:e})=>e.colors.grayScale.gray3,({theme:e})=>"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4,({$inMenu:e})=>e&&o(["width:100%;justify-content:space-between;"]),({theme:e})=>e.colors.grayScale.gray3),s=e.div.withConfig({displayName:"styled__HeaderUserInfoStyled",componentId:"sc-1k3544t-1"})(["user-select:none;",""],({$inMenu:e})=>e&&o(["width:100%;"])),d=e.div.withConfig({displayName:"styled__HeaderUserInfoInfo",componentId:"sc-1k3544t-2"})(["display:flex;align-items:center;gap:12px;"]),l=e(a).attrs({size:32}).withConfig({displayName:"styled__HeaderUserInfoAvatar",componentId:"sc-1k3544t-3"})([""]),p=e.span.withConfig({displayName:"styled__HeaderUserInfoInfoText",componentId:"sc-1k3544t-4"})(["display:flex;flex-direction:column;align-items:flex-start;"]),c=e(n).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__HeaderUserInfoName",componentId:"sc-1k3544t-5"})([""]),m=e(n).attrs({variant:"body-xs-regular"}).withConfig({displayName:"styled__HeaderUserInfoTokens",componentId:"sc-1k3544t-6"})([""]),y=e(r).withConfig({displayName:"styled__HeaderUserInfoArrow",componentId:"sc-1k3544t-7"})(["pointer-events:none;transition:transform 0.15s ease-in-out;"]),f=e(t.div).withConfig({displayName:"styled__HeaderUserInfoBody",componentId:"sc-1k3544t-8"})(["display:flex;border:1px solid ",";border-radius:6px;background:",";margin-top:14px;padding:14px 0px;width:170px;transform-origin:top center;",""],({theme:e})=>e.colors.grayScale.gray3,({theme:e})=>e.colors.grayScale.gray4,({$inMenu:e})=>!e&&o(["position:absolute;"])),g=e.div.withConfig({displayName:"styled__HeaderUserInfoList",componentId:"sc-1k3544t-9"})(["display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%;"]);export{y as HeaderUserInfoArrow,l as HeaderUserInfoAvatar,f as HeaderUserInfoBody,i as HeaderUserInfoHead,d as HeaderUserInfoInfo,p as HeaderUserInfoInfoText,g as HeaderUserInfoList,c as HeaderUserInfoName,s as HeaderUserInfoStyled,m as HeaderUserInfoTokens};

package/dist/components/icon/index.js

@@ -1 +1 @@
-import{__rest as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{useIconOrNull as e,IconProvider as i}from"./context.js";export{IconConsumer,IconContext}from"./context.js";import{IconStyled as r}from"./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{useTooltip as n}from"../tooltip/context.js";const s=s=>{var l,{size:p=18,fill:m,enableTooltip:a=!1}=s,c=o(s,["size","fill","enableTooltip"]);const{handleTooltipMouseEnter:d,handleTooltipMouseLeave:f}=n(),{size:j=p}=null!==(l=e())&&void 0!==l?l:{size:p},u=t(r,Object.assign({},c,{width:j,height:j},"none"===m&&{fill:"none"},a&&{onMouseEnter:d,onMouseLeave:f}));return"string"==typeof m&&"none"!==m?t(i,{size:j,fill:m,children:u}):u};export{s as Icon,i as IconProvider,r as IconStyled,e as useIconOrNull};
+import{__rest as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{useIconOrNull as e,IconProvider as r}from"./context.js";export{IconConsumer,IconContext}from"./context.js";import{IconStyled as i}from"./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{useTooltip as n}from"../tooltip/context.js";const s=s=>{var l,{size:p=18,fill:m,enableTooltip:a=!1}=s,c=o(s,["size","fill","enableTooltip"]);const{handleTooltipMouseEnter:d,handleTooltipMouseLeave:f}=n(),{size:j=p}=null!==(l=e())&&void 0!==l?l:{size:p},u=t(i,Object.assign({},c,{width:j,height:j},"none"===m&&{fill:"none"},a&&{onMouseEnter:d,onMouseLeave:f}));return"string"==typeof m&&"none"!==m?t(r,{size:j,fill:m,children:u}):u};export{s as Icon,r as IconProvider,i as IconStyled,e as useIconOrNull};

package/dist/components/icon/styled.js

@@ -1,9 +1,9 @@
-import{styled as e,css as t}from"styled-components";const i=e.svg.withConfig({displayName:"styled__IconStyled",componentId:"sc-3wuog-0"})(["display:inline-flex;flex-shrink:0;"," ",""],(({width:e})=>void 0===e?t``:"number"==typeof e?t`
+import{styled as e,css as t}from"styled-components";const i=e.svg.withConfig({displayName:"styled__IconStyled",componentId:"sc-3wuog-0"})(["display:inline-flex;flex-shrink:0;"," ",""],({width:e})=>void 0===e?t``:"number"==typeof e?t`
         width: ${e}px;
       `:t`
       width: ${e};
-    `),(({height:e})=>void 0===e?t``:"number"==typeof e?t`
+    `,({height:e})=>void 0===e?t``:"number"==typeof e?t`
         height: ${e}px;
       `:t`
       height: ${e};
-    `));export{i as IconStyled};
+    `);export{i as IconStyled};

package/dist/components/image/index.js

@@ -1 +1 @@
-import{__rest as t}from"tslib";import{jsxs as e,Fragment as i,jsx as o}from"react/jsx-runtime";import{forwardRef as d,useState as r,useCallback as a}from"react";import{Helmet as h}from"react-helmet";import"../../theme/index.js";import{ImageSkeleton as l,ImageImg as m,ImagePicture as s,ImageSource as p}from"./styled.js";import{useTheme as b}from"../../theme/hook.js";const c=d(((d,c)=>{var{src:n,alt:f,width:g,height:y,preload:k=!1,loading:w="default",fetchPriority:j}=d,x=t(d,["src","alt","width","height","preload","loading","fetchPriority"]);const $=b(),[v,L]=r(!0),P="skeleton"===w&&v,W=a((t=>{var e;L(!1),null===(e=x.onLoad)||void 0===e||e.call(x,t)}),[x.onLoad]);return e(i,{children:[P&&o(l,{$width:g,$height:y,className:x.className,width:g,height:y}),"string"==typeof n&&o(m,Object.assign({ref:c,$hidden:P},x,{src:n,width:g,height:y,alt:f,onLoad:W})),"object"==typeof n&&e(s,Object.assign({$hidden:P},x,{children:[n.mobile&&o(p,{srcSet:"string"==typeof n.mobile?n.mobile:n.mobile.src,width:"object"==typeof n.mobile?n.mobile.width:void 0,height:"object"==typeof n.mobile?n.mobile.height:void 0,media:`(max-width: ${$.mobile.maxWidth})`,onLoad:W}),n.tablet&&o(p,{srcSet:"string"==typeof n.tablet?n.tablet:n.tablet.src,width:"object"==typeof n.tablet?n.tablet.width:void 0,height:"object"==typeof n.tablet?n.tablet.height:void 0,media:`(max-width: ${$.tablet.maxWidth})`,onLoad:W}),n.desktop&&o(m,{$hidden:P,src:"string"==typeof n.desktop?n.desktop:n.desktop.src,width:"object"==typeof n.desktop?n.desktop.width:void 0,height:"object"==typeof n.desktop?n.desktop.height:void 0,alt:f,onLoad:W})]})),k&&e(h,{children:["string"==typeof n&&o("link",{rel:"preload",href:n,as:"image",fetchPriority:j}),"object"==typeof n&&n.mobile&&o("link",{rel:"preload",href:"string"==typeof n.mobile?n.mobile:n.mobile.src,as:"image",media:`(max-width: ${$.mobile.maxWidth})`,fetchPriority:j}),"object"==typeof n&&n.tablet&&o("link",{rel:"preload",fetchPriority:j,href:"string"==typeof n.tablet?n.tablet:n.tablet.src,as:"image",media:`(min-width: ${parseInt($.mobile.maxWidth)+.1}px) and (max-width: ${$.tablet.maxWidth})`}),"object"==typeof n&&n.desktop&&o("link",{rel:"preload",fetchPriority:j,href:"string"==typeof n.desktop?n.desktop:n.desktop.src,as:"image",media:`(min-width: ${parseInt($.tablet.maxWidth)+.1}px)`})]})]})}));export{c as Image,m as ImageImg,s as ImagePicture,l as ImageSkeleton,p as ImageSource};
+import{__rest as t}from"tslib";import{jsxs as e,Fragment as i,jsx as o}from"react/jsx-runtime";import{forwardRef as d,useState as r,useCallback as a}from"react";import{Helmet as h}from"react-helmet";import"../../theme/index.js";import{ImageSkeleton as l,ImageImg as m,ImagePicture as s,ImageSource as p}from"./styled.js";import{useTheme as b}from"../../theme/hook.js";const c=d((d,c)=>{var{src:n,alt:f,width:g,height:y,preload:k=!1,loading:w="default",fetchPriority:j}=d,x=t(d,["src","alt","width","height","preload","loading","fetchPriority"]);const $=b(),[v,L]=r(!0),P="skeleton"===w&&v,W=a(t=>{var e;L(!1),null===(e=x.onLoad)||void 0===e||e.call(x,t)},[x.onLoad]);return e(i,{children:[P&&o(l,{$width:g,$height:y,className:x.className,width:g,height:y}),"string"==typeof n&&o(m,Object.assign({ref:c,$hidden:P},x,{src:n,width:g,height:y,alt:f,onLoad:W})),"object"==typeof n&&e(s,Object.assign({$hidden:P},x,{children:[n.mobile&&o(p,{srcSet:"string"==typeof n.mobile?n.mobile:n.mobile.src,width:"object"==typeof n.mobile?n.mobile.width:void 0,height:"object"==typeof n.mobile?n.mobile.height:void 0,media:`(max-width: ${$.mobile.maxWidth})`,onLoad:W}),n.tablet&&o(p,{srcSet:"string"==typeof n.tablet?n.tablet:n.tablet.src,width:"object"==typeof n.tablet?n.tablet.width:void 0,height:"object"==typeof n.tablet?n.tablet.height:void 0,media:`(max-width: ${$.tablet.maxWidth})`,onLoad:W}),n.desktop&&o(m,{$hidden:P,src:"string"==typeof n.desktop?n.desktop:n.desktop.src,width:"object"==typeof n.desktop?n.desktop.width:void 0,height:"object"==typeof n.desktop?n.desktop.height:void 0,alt:f,onLoad:W})]})),k&&e(h,{children:["string"==typeof n&&o("link",{rel:"preload",href:n,as:"image",fetchPriority:j}),"object"==typeof n&&n.mobile&&o("link",{rel:"preload",href:"string"==typeof n.mobile?n.mobile:n.mobile.src,as:"image",media:`(max-width: ${$.mobile.maxWidth})`,fetchPriority:j}),"object"==typeof n&&n.tablet&&o("link",{rel:"preload",fetchPriority:j,href:"string"==typeof n.tablet?n.tablet:n.tablet.src,as:"image",media:`(min-width: ${parseInt($.mobile.maxWidth)+.1}px) and (max-width: ${$.tablet.maxWidth})`}),"object"==typeof n&&n.desktop&&o("link",{rel:"preload",fetchPriority:j,href:"string"==typeof n.desktop?n.desktop:n.desktop.src,as:"image",media:`(min-width: ${parseInt($.tablet.maxWidth)+.1}px)`})]})]})});export{c as Image,m as ImageImg,s as ImagePicture,l as ImageSkeleton,p as ImageSource};

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

@@ -7,7 +7,7 @@ export interface ImagePictureProps {
 }
 export declare const ImagePicture: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, ImagePictureProps>>;
 export declare const ImageSource: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLSourceElement> | undefined;
+    ref?: import("react").Ref<HTMLSourceElement> | undefined;
     key?: import("react").Key | null | undefined;
     height?: number | string | undefined | undefined;
     media?: string | undefined | undefined;
@@ -63,6 +63,10 @@ export declare const ImageSource: 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;
@@ -272,6 +276,8 @@ export declare const ImageSource: import("styled-components").IStyledComponent<"
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSourceElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLSourceElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLSourceElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLSourceElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLSourceElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLSourceElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLSourceElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLSourceElement> | undefined;
@@ -280,8 +286,16 @@ export declare const ImageSource: import("styled-components").IStyledComponent<"
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSourceElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLSourceElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSourceElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLSourceElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLSourceElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLSourceElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLSourceElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLSourceElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSourceElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSourceElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSourceElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSourceElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSourceElement> | undefined;
 }>;
 export interface ImageSkeletonProps {
     $width?: string | number;

package/dist/components/image/styled.js

@@ -1,13 +1,13 @@
-import{styled as t,css as e}from"styled-components";import{Skeleton as i}from"../skeleton/index.js";const n=t.img.withConfig({displayName:"styled__ImageImg",componentId:"sc-1jnntvp-0"})([""," "," ",""],(({$hidden:t})=>t&&e`
+import{styled as t,css as e}from"styled-components";import{Skeleton as i}from"../skeleton/index.js";const n=t.img.withConfig({displayName:"styled__ImageImg",componentId:"sc-1jnntvp-0"})([""," "," ",""],({$hidden:t})=>t&&e`
       display: none !important;
-    `),(({width:t})=>void 0===t?e``:"number"==typeof t?e`
+    `,({width:t})=>void 0===t?e``:"number"==typeof t?e`
         width: ${t}px;
       `:e`
       width: ${t};
-    `),(({height:t})=>void 0===t?e``:"number"==typeof t?e`
+    `,({height:t})=>void 0===t?e``:"number"==typeof t?e`
         height: ${t}px;
       `:e`
       height: ${t};
-    `)),o=t.picture.withConfig({displayName:"styled__ImagePicture",componentId:"sc-1jnntvp-1"})(["",""],(({$hidden:t})=>t&&e`
+    `),o=t.picture.withConfig({displayName:"styled__ImagePicture",componentId:"sc-1jnntvp-1"})(["",""],({$hidden:t})=>t&&e`
       display: none;
-    `)),d=t.source.withConfig({displayName:"styled__ImageSource",componentId:"sc-1jnntvp-2"})([""]),p=t(i).withConfig({displayName:"styled__ImageSkeleton",componentId:"sc-1jnntvp-3"})(["width:","px !important;height:","px !important;border-radius:0px;"],(({$width:t})=>t),(({$height:t})=>t));export{n as ImageImg,o as ImagePicture,p as ImageSkeleton,d as ImageSource};
+    `),d=t.source.withConfig({displayName:"styled__ImageSource",componentId:"sc-1jnntvp-2"})([""]),p=t(i).withConfig({displayName:"styled__ImageSkeleton",componentId:"sc-1jnntvp-3"})(["width:","px !important;height:","px !important;border-radius:0px;"],({$width:t})=>t,({$height:t})=>t);export{n as ImageImg,o as ImagePicture,p as ImageSkeleton,d as ImageSource};

package/dist/components/image-fullscreen/index.js

@@ -1 +1 @@
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useState as r,useCallback as n,useEffect as i}from"react";import{Portal as o}from"../portal/index.js";import{ImageFullScreenStyled as t,ImageFullScreenBackdrop as d,ImageFullScreenContainer as a,ImageFullScreenContent as c,ImageFullScreenTopBlock as u,ImageFullScreenTopBlockContent as h,ImageFullScreenMain as s,ImageFullScreenCarousel as m,ImageFullScreenCarouselContainer as g,ImageFullScreenSlide as v,ImageFullScreenImage as p,ImageFullScreenCarouselButtons as w,ImageFullScreenCarouselPrevButton as f,ImageFullScreenCarouselNextButton as x,ImageFullScreenPreview as S,ImageFullScreenPreviewImages as b,ImageFullScreenPreviewImage as I}from"./styled.js";export{ImageFullScreenAuthor,ImageFullScreenAuthorAvatar,ImageFullScreenAuthorName,ImageFullScreenAuthorTag,ImageFullScreenToolbar}from"./styled.js";import{ImageFullScreenProvider as C}from"./context.js";export{ImageFullScreenContext,useImageFullScreen}from"./context.js";import{useCarousel as j}from"../../utils/useCarousel.js";const A=({open:A,data:k,item:F,author:y,toolbar:P,onChange:E,onClose:L})=>{var N;const[T,U]=r(!1),W=n((e=>{null==E||E(k[e])}),[E,k]),{activeSlideIndex:Z,isPrevAllowed:$,isNextAllowed:H,goPrev:O,goNext:R,goToSlide:q,carouselProps:z}=j({slidesCount:k.length,onSlideChange:W,enableSwipes:!T,defaultIndex:()=>{var e;return F&&null!==(e=k.findIndex((({id:e})=>e===("object"==typeof F?F.id:F))))&&void 0!==e?e:0}}),B=null!==(N=k[Z])&&void 0!==N?N:null;return i((()=>{if(A){const e=e=>{switch(e.code){case"ArrowLeft":O();break;case"ArrowRight":R()}};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}}}),[A,O,R]),e(C,{data:k,activeItem:B,children:A&&e(o,{children:l(t,{children:[e(d,{open:A,onClick:L}),e(a,{children:l(c,{children:[(y||P)&&e(u,{children:l(h,{children:[y,P]})}),l(s,{children:[l(m,{children:[e(g,Object.assign({},z,{children:k.map((l=>{var r;return e(v,{children:e(p,{imageProps:{src:l.url,alt:l.name,width:l.width,height:l.height,loading:"skeleton"},onZoomStart:U.bind(null,!0),onZoomEnd:U.bind(null,!1)})},null!==(r=l.id)&&void 0!==r?r:l.url)}))})),k.length>1&&!T&&l(w,{$imageWidth:B.width,children:[e(f,{disabled:!$,onClick:O}),e(x,{disabled:!H,onClick:R})]})]}),k.length>1&&e(S,{children:e(b,{children:k.map(((l,r)=>{var n,i,o,t,d;return e(I,{$active:l===B,src:null!==(n=l.previewUrl)&&void 0!==n?n:l.url,width:null!==(i=l.previewWidth)&&void 0!==i?i:l.width,height:null!==(o=l.previewHeight)&&void 0!==o?o:l.height,alt:l.name,onClick:q.bind(null,r)},null!==(d=null!==(t=l.id)&&void 0!==t?t:l.previewUrl)&&void 0!==d?d:l.url)}))})})]})]})})]})})})};export{A as ImageFullScreen,d as ImageFullScreenBackdrop,m as ImageFullScreenCarousel,w as ImageFullScreenCarouselButtons,g as ImageFullScreenCarouselContainer,x as ImageFullScreenCarouselNextButton,f as ImageFullScreenCarouselPrevButton,a as ImageFullScreenContainer,c as ImageFullScreenContent,p as ImageFullScreenImage,s as ImageFullScreenMain,S as ImageFullScreenPreview,I as ImageFullScreenPreviewImage,b as ImageFullScreenPreviewImages,C as ImageFullScreenProvider,v as ImageFullScreenSlide,t as ImageFullScreenStyled,u as ImageFullScreenTopBlock,h as ImageFullScreenTopBlockContent};
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useState as r,useCallback as n,useEffect as i}from"react";import{Portal as o}from"../portal/index.js";import{ImageFullScreenStyled as t,ImageFullScreenBackdrop as d,ImageFullScreenContainer as a,ImageFullScreenContent as c,ImageFullScreenTopBlock as u,ImageFullScreenTopBlockContent as h,ImageFullScreenMain as s,ImageFullScreenCarousel as m,ImageFullScreenCarouselContainer as g,ImageFullScreenSlide as v,ImageFullScreenImage as p,ImageFullScreenCarouselButtons as w,ImageFullScreenCarouselPrevButton as f,ImageFullScreenCarouselNextButton as x,ImageFullScreenPreview as S,ImageFullScreenPreviewImages as b,ImageFullScreenPreviewImage as I}from"./styled.js";export{ImageFullScreenAuthor,ImageFullScreenAuthorAvatar,ImageFullScreenAuthorName,ImageFullScreenAuthorTag,ImageFullScreenToolbar}from"./styled.js";import{ImageFullScreenProvider as C}from"./context.js";export{ImageFullScreenContext,useImageFullScreen}from"./context.js";import{useCarousel as j}from"../../utils/useCarousel.js";const A=({open:A,data:k,item:F,author:y,toolbar:P,onChange:E,onClose:L})=>{var N;const[T,U]=r(!1),W=n(e=>{null==E||E(k[e])},[E,k]),{activeSlideIndex:Z,isPrevAllowed:$,isNextAllowed:H,goPrev:O,goNext:R,goToSlide:q,carouselProps:z}=j({slidesCount:k.length,onSlideChange:W,enableSwipes:!T,defaultIndex:()=>{var e;return F&&null!==(e=k.findIndex(({id:e})=>e===("object"==typeof F?F.id:F)))&&void 0!==e?e:0}}),B=null!==(N=k[Z])&&void 0!==N?N:null;return i(()=>{if(A){const e=e=>{switch(e.code){case"ArrowLeft":O();break;case"ArrowRight":R()}};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}}},[A,O,R]),e(C,{data:k,activeItem:B,children:A&&e(o,{children:l(t,{children:[e(d,{open:A,onClick:L}),e(a,{children:l(c,{children:[(y||P)&&e(u,{children:l(h,{children:[y,P]})}),l(s,{children:[l(m,{children:[e(g,Object.assign({},z,{children:k.map(l=>{var r;return e(v,{children:e(p,{imageProps:{src:l.url,alt:l.name,width:l.width,height:l.height,loading:"skeleton"},onZoomStart:U.bind(null,!0),onZoomEnd:U.bind(null,!1)})},null!==(r=l.id)&&void 0!==r?r:l.url)})})),k.length>1&&!T&&l(w,{$imageWidth:B.width,children:[e(f,{disabled:!$,onClick:O}),e(x,{disabled:!H,onClick:R})]})]}),k.length>1&&e(S,{children:e(b,{children:k.map((l,r)=>{var n,i,o,t,d;return e(I,{$active:l===B,src:null!==(n=l.previewUrl)&&void 0!==n?n:l.url,width:null!==(i=l.previewWidth)&&void 0!==i?i:l.width,height:null!==(o=l.previewHeight)&&void 0!==o?o:l.height,alt:l.name,onClick:q.bind(null,r)},null!==(d=null!==(t=l.id)&&void 0!==t?t:l.previewUrl)&&void 0!==d?d:l.url)})})})]})]})})]})})})};export{A as ImageFullScreen,d as ImageFullScreenBackdrop,m as ImageFullScreenCarousel,w as ImageFullScreenCarouselButtons,g as ImageFullScreenCarouselContainer,x as ImageFullScreenCarouselNextButton,f as ImageFullScreenCarouselPrevButton,a as ImageFullScreenContainer,c as ImageFullScreenContent,p as ImageFullScreenImage,s as ImageFullScreenMain,S as ImageFullScreenPreview,I as ImageFullScreenPreviewImage,b as ImageFullScreenPreviewImages,C as ImageFullScreenProvider,v as ImageFullScreenSlide,t as ImageFullScreenStyled,u as ImageFullScreenTopBlock,h as ImageFullScreenTopBlockContent};