react-image-previewer/dist/ui/index.js

An exquisite React photo preview component

"use strict";var wt=Object.create;var v=Object.defineProperty,ht=Object.defineProperties,xt=Object.getOwnPropertyDescriptor,vt=Object.getOwnPropertyDescriptors,bt=Object.getOwnPropertyNames,D=Object.getOwnPropertySymbols,Ct=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable;var J=(t,o,e)=>o in t?v(t,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[o]=e,m=(t,o)=>{for(var e in o||(o={}))A.call(o,e)&&J(t,e,o[e]);if(D)for(var e of D(o))K.call(o,e)&&J(t,e,o[e]);return t},l=(t,o)=>ht(t,vt(o));var x=(t,o)=>{var e={};for(var n in t)A.call(t,n)&&o.indexOf(n)<0&&(e[n]=t[n]);if(t!=null&&D)for(var n of D(t))o.indexOf(n)<0&&K.call(t,n)&&(e[n]=t[n]);return e};var It=(t,o)=>{for(var e in o)v(t,e,{get:o[e],enumerable:!0})},Q=(t,o,e,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of bt(o))!A.call(t,r)&&r!==e&&v(t,r,{get:()=>o[r],enumerable:!(n=xt(o,r))||n.enumerable});return t};var f=(t,o,e)=>(e=t!=null?wt(Ct(t)):{},Q(o||!t||!t.__esModule?v(e,"default",{value:t,enumerable:!0}):e,t)),St=t=>Q(v({},"__esModule",{value:!0}),t);var qt={};It(qt,{ArrowLeftIcon:()=>b,ArrowRightIcon:()=>C,CloseButton:()=>Lt,CloseIcon:()=>P,DownloadIcon:()=>I,DragArrowLeft:()=>Y,DragArrowRight:()=>ot,DragCountText:()=>tt,DragDownload:()=>st,DragOneToOne:()=>at,DragRotateLeft:()=>ct,DragRotateRight:()=>mt,DragScaleCount:()=>nt,DragSplit:()=>et,DragStyledItem:()=>d,DragStyledLabel:()=>W,DragStyledSplit:()=>U,DragToolbar:()=>Bt,DragToolbarItemDefaultComponent:()=>pt,DragZoomIn:()=>it,DragZoomOut:()=>rt,LoadingIcon:()=>_t,OneToOneIcon:()=>$,RotateLeftIcon:()=>F,RotateRightIcon:()=>q,SlideArrowLeft:()=>dt,SlideArrowRight:()=>gt,SlideCountText:()=>ft,SlideDownload:()=>ut,SlideToolbar:()=>At,SlideToolbarItemDefaultComponent:()=>yt,ZoomInIcon:()=>H,ZoomOutIcon:()=>Z});module.exports=St(qt);var _=f(require("styled-components")),Et=require("react");var a=require("react/jsx-runtime"),Dt=typeof _.default.default=="undefined"?_.default:_.default.default,_t=t=>(0,a.jsx)(zt,l(m({},t),{viewBox:"0 0 1024 1024",focusable:"false",width:"1em",height:"1em",fill:"currentColor",children:(0,a.jsx)("path",{d:"M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"})})),b=t=>(0,a.jsx)("svg",l(m({},t),{viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",children:(0,a.jsx)("path",{d:"M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8c-16.4 12.8-16.4 37.5 0 50.3l450.8 352.1c5.3 4.1 12.9 0.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"})})),C=t=>(0,a.jsx)("svg",l(m({},t),{viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",children:(0,a.jsx)("path",{d:"M765.7 486.8L314.9 134.7c-5.3-4.1-12.9-0.4-12.9 6.3v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1c16.4-12.8 16.4-37.6 0-50.4z"})})),H=t=>(0,a.jsx)("svg",l(m({},t),{viewBox:"0 0 1024 1024",focusable:"false",width:"1em",height:"1em",fill:"currentColor",children:(0,a.jsx)("path",{d:"M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"})})),Z=t=>(0,a.jsx)("svg",l(m({},t),{viewBox:"0 0 1024 1024",focusable:"false",width:"1em",height:"1em",fill:"currentColor",children:(0,a.jsx)("path",{d:"M696 480H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"})})),$=t=>(0,a.jsxs)("svg",l(m({},t),{viewBox:"0 0 1024 1024",focusable:"false",width:"1em",height:"1em",fill:"currentColor",children:[(0,a.jsx)("path",{d:"M316 672h60c4.4 0 8-3.6 8-8V360c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8zM512 622c22.1 0 40-17.9 40-39 0-23.1-17.9-41-40-41s-40 17.9-40 41c0 21.1 17.9 39 40 39zM512 482c22.1 0 40-17.9 40-39 0-23.1-17.9-41-40-41s-40 17.9-40 41c0 21.1 17.9 39 40 39z"}),(0,a.jsx)("path",{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32z m-40 728H184V184h656v656z"}),(0,a.jsx)("path",{d:"M648 672h60c4.4 0 8-3.6 8-8V360c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8z"})]})),F=t=>(0,a.jsxs)("svg",l(m({},t),{viewBox:"0 0 1024 1024",focusable:"false",width:"1em",height:"1em",fill:"currentColor",children:[(0,a.jsx)("path",{d:"M672 418H144c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32z m-44 402H188V494h440v326z"}),(0,a.jsx)("path",{d:"M819.3 328.5c-78.8-100.7-196-153.6-314.6-154.2l-0.2-64c0-6.5-7.6-10.1-12.6-6.1l-128 101c-4 3.1-3.9 9.1 0 12.3L492 318.6c5.1 4 12.7 0.4 12.6-6.1v-63.9c12.9 0.1 25.9 0.9 38.8 2.5 42.1 5.2 82.1 18.2 119 38.7 38.1 21.2 71.2 49.7 98.4 84.3 27.1 34.7 46.7 73.7 58.1 115.8 11 40.7 14 82.7 8.9 124.8-0.7 5.4-1.4 10.8-2.4 16.1h74.9c14.8-103.6-11.3-213-81-302.3z"})]})),q=t=>(0,a.jsxs)("svg",l(m({},t),{viewBox:"0 0 1024 1024",focusable:"false",width:"1em",height:"1em",fill:"currentColor",children:[(0,a.jsx)("path",{d:"M480.5 251.2c13-1.6 25.9-2.4 38.8-2.5v63.9c0 6.5 7.5 10.1 12.6 6.1L660 217.6c4-3.2 4-9.2 0-12.3l-128-101c-5.1-4-12.6-0.4-12.6 6.1l-0.2 64c-118.6 0.5-235.8 53.4-314.6 154.2-69.6 89.2-95.7 198.6-81.1 302.4h74.9c-0.9-5.3-1.7-10.7-2.4-16.1-5.1-42.1-2.1-84.1 8.9-124.8 11.4-42.2 31-81.1 58.1-115.8 27.2-34.7 60.3-63.2 98.4-84.3 37-20.6 76.9-33.6 119.1-38.8z"}),(0,a.jsx)("path",{d:"M880 418H352c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32z m-44 402H396V494h440v326z"})]})),I=t=>(0,a.jsx)("svg",l(m({},t),{viewBox:"0 0 1024 1024",focusable:"false",width:"1em",height:"1em",fill:"currentColor",children:(0,a.jsx)("path",{d:"M488.5 784.35l-155.8-155.9c-13.4-13.5-13.4-35.4 0.1-48.9 13.4-13.5 35.3-13.5 48.8 0l96.9 96.9V98.649c0-19.1 15.5-34.6 34.6-34.6 19.101 0 34.601 15.5 34.601 34.6V676.45l96.899-96.9c6.5-6.5 15.2-10.1 24.4-10.1s17.9 3.6 24.4 10.1c13.5 13.5 13.5 35.4 0 48.9l-155.9 155.9c-6.8 6.7-15.6 10.101-24.5 10.101s-17.8-3.401-24.5-10.101z m436.9-143.9c19.1 0 34.6 15.5 34.6 34.5v222.9c0 34.2-27.8 62.101-62.1 62.101H126.1c-34.2 0-62.1-27.8-62.1-62.101v-222.9c0-19 15.4-34.601 34.5-34.601s34.6 15.5 34.6 34.601v195.5c0 11.399 9.3 20.6 20.6 20.6h716.5c11.399 0 20.6-9.3 20.6-20.6v-195.4c0-19.1 15.5-34.6 34.6-34.6z"})})),P=t=>(0,a.jsx)("svg",l(m({},t),{viewBox:"0 0 1024 1024",focusable:"false",width:"1em",height:"1em",fill:"currentColor",children:(0,a.jsx)("path",{d:"M893.9 826c18.699 18.8 18.699 49.2 0 67.9-18.801 18.699-49.2 18.699-67.9 0l-314-314-314 314c-18.8 18.699-49.2 18.699-67.9 0-18.7-18.801-18.7-49.2 0-67.9l314-314-314-314c-18.7-18.8-18.7-49.2 0-67.9 18.8-18.699 49.2-18.699 67.9 0l314 314 314-314c18.8-18.699 49.2-18.699 67.9 0 18.699 18.801 18.699 49.2 0 67.9l-314 314 314 314z"})})),zt=Dt("svg").withConfig({componentId:"sc-797zoe-0"})({"@keyframes spin":{to:{transform:"rotate(360deg)"}},animation:"spin 1s linear infinite"});var z=f(require("styled-components"));var E=require("react/jsx-runtime"),Rt=typeof z.default.default=="undefined"?z.default:z.default.default,Lt=n=>{var r=n,{visible:t=!0,children:o}=r,e=x(r,["visible","children"]);return(0,E.jsx)(kt,l(m({},e),{$_css:[{position:"absolute",top:"1.25rem",right:"0.5rem",zIndex:"50",cursor:"pointer",padding:"0.5rem",fontSize:"16px","--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))",opacity:"1",transitionProperty:"opacity",transitionTimingFunction:"cubic-bezier(0, 0, 0.2, 1)",transitionDuration:"150ms",transitionDelay:"200ms",":hover":{opacity:"1"},"@media (min-width: 640px)":{right:"0.75rem",padding:"0.625rem",fontSize:"20px",opacity:"0.9"},"@media (min-width: 768px)":{right:"1rem",opacity:"0.75"},"@media (min-width: 1024px)":{right:"1.25rem"}},!t&&{opacity:"0"}],children:o!=null?o:(0,E.jsx)(P,{})}))},kt=Rt("div").withConfig({componentId:"sc-16guxl7-0"})(["",""],t=>t.$_css);var L=f(require("styled-components")),k=f(require("styled-components")),eo=require("react");var R=t=>{let o=document.createElement("a");o.target="_blank",o.href=t,o.download=t,o.click()};var s=require("react/jsx-runtime"),oo=typeof L.default.default=="undefined"?L.default:L.default.default,S=typeof k.default.default=="undefined"?k.default:k.default.default,Tt=S.div.withConfig({componentId:"sc-ooqigt-0"})({pointerEvents:"auto",display:"flex",alignItems:"center",borderRadius:"0.375rem","--tw-bg-opacity":"1",backgroundColor:"rgb(31 41 55 / var(--tw-bg-opacity))",paddingLeft:"0.5rem",paddingRight:"0.5rem"}),d=S.button.withConfig({componentId:"sc-ooqigt-1"})({marginTop:"0.5rem",marginBottom:"0.5rem",marginLeft:"0.375rem",marginRight:"0.375rem",cursor:"pointer",borderRadius:"0.25rem",padding:"0.25rem",fontSize:"20px",":hover":{"--tw-bg-opacity":"1",backgroundColor:"rgb(75 85 99 / var(--tw-bg-opacity))"},":disabled":{cursor:"not-allowed","--tw-text-opacity":"1",color:"rgb(75 85 99 / var(--tw-text-opacity))"},":disabled:hover":{backgroundColor:"transparent"}}),W=S(d).withConfig({componentId:"sc-ooqigt-2"})({marginTop:"0px",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",cursor:"default",fontSize:"16px",":hover":{backgroundColor:"transparent"}}),U=S.div.withConfig({componentId:"sc-ooqigt-3"})({marginLeft:"0.375rem",marginRight:"0.375rem",display:"flex",height:"1rem",alignItems:"center",justifyContent:"center",borderLeftWidth:"1px","--tw-border-opacity":"1",borderColor:"rgb(75 85 99 / var(--tw-border-opacity))"}),X=(t,o=!0)=>t<.5||!o&&t===.5?.05:t<1.5||!o&&t===1.5?.1:t<3||!o&&t===3?.25:.5,Y=({index:t,onIndexChange:o,images:e,className:n,children:r})=>{let c=e.length,i=t===0;return(0,s.jsx)(d,{disabled:i,onClick:()=>{o(i?c-1:t-1)},className:n,children:r!=null?r:(0,s.jsx)(b,{})})},tt=({index:t,images:o,className:e,children:n})=>{let r=o.length;return(0,s.jsx)(W,{className:e,children:n!=null?n:`${t+1}/${r}`})},ot=({index:t,onIndexChange:o,images:e,className:n,children:r})=>{let c=e.length,i=t===c-1;return(0,s.jsx)(d,{disabled:i,onClick:()=>{o(i?0:t+1)},className:n,children:r!=null?r:(0,s.jsx)(C,{})})},et=({className:t})=>(0,s.jsx)(U,{className:t}),rt=({scale:t,onScale:o,loading:e,className:n,children:r})=>(0,s.jsx)(d,{disabled:e,onClick:()=>{o(t-X(t,!1))},className:n,children:r!=null?r:(0,s.jsx)(Z,{})}),nt=({scale:t,className:o,children:e})=>(0,s.jsx)(W,{className:o,children:e!=null?e:`${Math.round(t*100)}%`}),it=({scale:t,onScale:o,loading:e,className:n,children:r})=>(0,s.jsx)(d,{disabled:e,onClick:()=>{o(t+X(t))},className:n,children:r!=null?r:(0,s.jsx)(H,{})}),at=({onScale:t,loading:o,className:e,children:n})=>(0,s.jsx)(d,{disabled:o,onClick:()=>{t(1)},className:e,children:n!=null?n:(0,s.jsx)($,{})}),st=({images:t,index:o,loading:e,className:n,children:r})=>(0,s.jsx)(d,{disabled:e,onClick:()=>{let{src:i}=t[o];!i||R(i)},className:n,children:r!=null?r:(0,s.jsx)(I,{})}),ct=({rotate:t,onRotate:o,loading:e,className:n,children:r})=>(0,s.jsx)(d,{disabled:e,onClick:()=>{o(t-90)},className:n,children:r!=null?r:(0,s.jsx)(F,{})}),mt=({rotate:t,onRotate:o,loading:e,className:n,children:r})=>(0,s.jsx)(d,{disabled:e,onClick:()=>{o(t+90)},className:n,children:r!=null?r:(0,s.jsx)(q,{})}),pt={arrowLeft:Y,countText:tt,arrowRight:ot,split:et,zoomOut:rt,scaleCount:nt,zoomIn:it,oneToOne:at,download:st,rotateLeft:ct,rotateRight:mt},Bt=r=>{var c=r,{items:t=["arrowLeft","countText","arrowRight","split","zoomOut","scaleCount","zoomIn","oneToOne","split","download","split","rotateLeft","rotateRight"],children:o,className:e}=c,n=x(c,["items","children","className"]);return(0,s.jsxs)(Mt,{className:e,$_css:[{pointerEvents:"none",position:"absolute",bottom:"0px",left:"0px",right:"0px",zIndex:"30",marginTop:"1.25rem",marginBottom:"2rem",display:"flex",cursor:"pointer",userSelect:"none",alignItems:"center",justifyContent:"center","--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))",opacity:"1",transitionProperty:"opacity",transitionTimingFunction:"linear",transitionDuration:"150ms",transitionDelay:"200ms",":hover":{opacity:"1"}},!n.overlayVisible&&{opacity:"0"}],children:[(0,s.jsx)(Tt,{children:t.map((i,u)=>{if(typeof i=="string"){let h=pt[i];if(!h)return null;let y=i;return y==="split"&&(y=`split-${u}`),(0,s.jsx)(h,m({},n),y)}let g=i.component;return(0,s.jsx)(g,m({},n),i.key)})}),o]})},Mt=S("div").withConfig({componentId:"sc-ooqigt-4"})(["",""],t=>t.$_css);var B=f(require("styled-components")),M=f(require("styled-components")),O=f(require("styled-components")),N=f(require("styled-components")),V=f(require("styled-components")),G=require("react");var Ot=typeof window!="undefined"&&"ontouchstart"in window,T=Ot;var p=require("react/jsx-runtime"),lo=typeof B.default.default=="undefined"?B.default:B.default.default,go=typeof M.default.default=="undefined"?M.default:M.default.default,fo=typeof O.default.default=="undefined"?O.default:O.default.default,uo=typeof N.default.default=="undefined"?N.default:N.default.default,w=typeof V.default.default=="undefined"?V.default:V.default.default,lt=w.div.withConfig({componentId:"sc-3by9fo-0"})(({visible:t})=>[{position:"absolute",top:"0px",bottom:"0px",zIndex:"50",margin:"auto",display:"flex",height:"fit-content",width:"fit-content",cursor:"pointer",userSelect:"none",alignItems:"center",justifyContent:"center",borderRadius:"0.375rem",backgroundColor:"rgb(31 41 55 / 0.9)",padding:"0.5rem",fontSize:"16px","--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))",opacity:"1",transitionProperty:"opacity",transitionTimingFunction:"linear",transitionDuration:"150ms",transitionDelay:"200ms",":hover":{opacity:"1"},"@media (min-width: 640px)":{backgroundColor:"rgb(31 41 55 / 0.6)",padding:"0.625rem",fontSize:"20px",opacity:"0.9"},"@media (min-width: 768px)":{backgroundColor:"rgb(31 41 55 / 0.3)",opacity:"0.75"}},!t&&{opacity:"0"}]),Nt=w(lt).withConfig({componentId:"sc-3by9fo-1"})({left:"0.5rem","@media (min-width: 640px)":{left:"0.75rem"},"@media (min-width: 768px)":{left:"1rem"},"@media (min-width: 1024px)":{left:"1.25rem"}}),Vt=w(lt).withConfig({componentId:"sc-3by9fo-2"})({right:"0.5rem","@media (min-width: 640px)":{right:"0.75rem"},"@media (min-width: 768px)":{right:"1rem"},"@media (min-width: 1024px)":{right:"1.25rem"}}),dt=({index:t,images:o,loop:e,onIndexChange:n,overlayVisible:r,className:c,children:i})=>{let u=o.length,g=t===0,h=()=>{n(g?u-1:t-1)},y=(0,G.useMemo)(()=>T||!r?!1:e?!0:!g,[t,u,e,g]);return(0,p.jsx)(Nt,{visible:y,onClick:h,className:c,children:i!=null?i:(0,p.jsx)(b,{})})},gt=({index:t,images:o,loop:e,onIndexChange:n,overlayVisible:r,className:c,children:i})=>{let u=o.length,g=t===u-1,h=()=>{n(g?0:t+1)},y=(0,G.useMemo)(()=>T||!r?!1:e?!0:!g,[g,T,e,r]);return(0,p.jsx)(Vt,{visible:y,onClick:h,className:c,children:i!=null?i:(0,p.jsx)(C,{})})},ft=({index:t,images:o,className:e,children:n})=>{let r=o.length;return(0,p.jsx)(Ht,{className:e,children:(0,p.jsx)(Zt,{children:n!=null?n:`${t+1}/${r}`})})},ut=({loading:t,images:o,index:e,className:n,children:r})=>(0,p.jsx)($t,{className:n,children:(0,p.jsx)(Ft,{disabled:t,onClick:()=>{let{src:i}=o[e];!i||R(i)},children:r!=null?r:(0,p.jsx)(I,{})})}),yt={arrowLeft:dt,arrowRight:gt,countText:ft,download:ut},At=n=>{var r=n,{children:t,items:o=["arrowLeft","arrowRight","countText","download"]}=r,e=x(r,["children","items"]);return t||(0,p.jsx)(p.Fragment,{children:o.map(c=>{let i=yt[c];return i?(0,p.jsx)(i,m({},e)):null})})},Ht=w("div").withConfig({componentId:"sc-3by9fo-3"})({position:"absolute",bottom:"1.25rem",left:"0.5rem",zIndex:"30",display:"flex",alignItems:"center",justifyContent:"center","--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))","@media (min-width: 640px)":{left:"0.75rem"},"@media (min-width: 768px)":{left:"1rem"},"@media (min-width: 1024px)":{left:"1.25rem"}}),Zt=w("label").withConfig({componentId:"sc-3by9fo-4"})({marginTop:"0px",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",cursor:"default",borderRadius:"0.375rem",backgroundColor:"rgb(31 41 55 / 0.9)",paddingLeft:"0.5rem",paddingRight:"0.5rem",paddingTop:"0.125rem",paddingBottom:"0.125rem",fontSize:"16px",opacity:"1",transitionProperty:"opacity",transitionTimingFunction:"linear",transitionDuration:"150ms",transitionDelay:"200ms",":hover":{opacity:"1"},":disabled":{cursor:"not-allowed","--tw-text-opacity":"1",color:"rgb(75 85 99 / var(--tw-text-opacity))"},"@media (min-width: 640px)":{backgroundColor:"rgb(31 41 55 / 0.6)",paddingLeft:"0.625rem",paddingRight:"0.625rem",paddingTop:"0.25rem",paddingBottom:"0.25rem",fontSize:"20px",opacity:"0.9"},"@media (min-width: 768px)":{backgroundColor:"rgb(31 41 55 / 0.3)",opacity:"0.75"}}),$t=w("div").withConfig({componentId:"sc-3by9fo-5"})({position:"absolute",bottom:"1.25rem",right:"0.5rem",zIndex:"30",display:"flex",alignItems:"center",justifyContent:"center",gap:"0.5rem","--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))","@media (min-width: 640px)":{right:"0.75rem"},"@media (min-width: 768px)":{right:"1rem"},"@media (min-width: 1024px)":{right:"1.25rem"}}),Ft=w("button").withConfig({componentId:"sc-3by9fo-6"})({margin:"0px",cursor:"pointer",borderRadius:"0.375rem",backgroundColor:"rgb(31 41 55 / 0.9)",padding:"0.5rem",fontSize:"16px",opacity:"1",transitionProperty:"opacity",transitionTimingFunction:"linear",transitionDuration:"150ms",transitionDelay:"200ms",":hover":{opacity:"1"},":disabled":{cursor:"not-allowed","--tw-text-opacity":"1",color:"rgb(75 85 99 / var(--tw-text-opacity))"},":disabled:hover":{backgroundColor:"transparent"},"@media (min-width: 640px)":{backgroundColor:"rgb(31 41 55 / 0.6)",padding:"0.625rem",fontSize:"20px",opacity:"0.9"},"@media (min-width: 768px)":{backgroundColor:"rgb(31 41 55 / 0.3)",opacity:"0.75"}});0&&(module.exports={ArrowLeftIcon,ArrowRightIcon,CloseButton,CloseIcon,DownloadIcon,DragArrowLeft,DragArrowRight,DragCountText,DragDownload,DragOneToOne,DragRotateLeft,DragRotateRight,DragScaleCount,DragSplit,DragStyledItem,DragStyledLabel,DragStyledSplit,DragToolbar,DragToolbarItemDefaultComponent,DragZoomIn,DragZoomOut,LoadingIcon,OneToOneIcon,RotateLeftIcon,RotateRightIcon,SlideArrowLeft,SlideArrowRight,SlideCountText,SlideDownload,SlideToolbar,SlideToolbarItemDefaultComponent,ZoomInIcon,ZoomOutIcon});
//# sourceMappingURL=index.js.map