@stfrigerio/sito-template 0.1.57 → 0.1.59

package/storybook-static/assets/ImageSlideshow.stories-BasuECRV.js

@@ -1,385 +0,0 @@
-import{r,j as e}from"./iframe-B8pH-Lvr.js";import{A as ra}from"./index-DBfrIdYd.js";import{m as j}from"./proxy-BA3VZtN5.js";import{c as I}from"./createLucideIcon-BNUG5osq.js";import{C as sa}from"./chevron-right-CZm4bArI.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D5hZdVGx.js";/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const ia=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],la=I("chevron-left",ia);/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const ca=[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]],da=I("download",ca);/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const ua=[["path",{d:"M8 3H5a2 2 0 0 0-2 2v3",key:"1dcmit"}],["path",{d:"M21 8V5a2 2 0 0 0-2-2h-3",key:"1e4gt3"}],["path",{d:"M3 16v3a2 2 0 0 0 2 2h3",key:"wsl5sc"}],["path",{d:"M16 21h3a2 2 0 0 0 2-2v-3",key:"18trek"}]],ma=I("maximize",ua);/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const ga=[["rect",{x:"14",y:"3",width:"5",height:"18",rx:"1",key:"kaeet6"}],["rect",{x:"5",y:"3",width:"5",height:"18",rx:"1",key:"1wsw3u"}]],pa=I("pause",ga);/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const ha=[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]],fa=I("play",ha);/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const va=[["circle",{cx:"18",cy:"5",r:"3",key:"gq8acd"}],["circle",{cx:"6",cy:"12",r:"3",key:"w7nqdw"}],["circle",{cx:"18",cy:"19",r:"3",key:"1xt0gg"}],["line",{x1:"8.59",x2:"15.42",y1:"13.51",y2:"17.49",key:"47mynk"}],["line",{x1:"15.41",x2:"8.59",y1:"6.51",y2:"10.49",key:"1n3mei"}]],ya=I("share-2",va),wa="_slideshow_1a6nu_1",ba="_fullscreen_1a6nu_12",xa="_empty_1a6nu_23",Ia="_emptyState_1a6nu_30",Sa="_mainContainer_1a6nu_36",Ta="_slide_1a6nu_1",_a="_image_1a6nu_58",Ca="_imageLoader_1a6nu_67",ka="_spinner_1a6nu_77",ja="_control_1a6nu_91",Da="_controlPrev_1a6nu_130",Pa="_controlNext_1a6nu_134",Ra="_controlPlay_1a6nu_138",Aa="_topControls_1a6nu_168",$a="_controlAction_1a6nu_178",Na="_caption_1a6nu_202",Fa="_captionTitle_1a6nu_213",Ea="_captionText_1a6nu_220",La="_imageMetadata_1a6nu_227",za="_metadataItem_1a6nu_236",qa="_indicators_1a6nu_246",Va="_hasThumbnails_1a6nu_256",Ma="_indicator_1a6nu_246",Oa="_indicatorActive_1a6nu_274",Ba="_thumbnails_1a6nu_279",Ga="_thumbnail_1a6nu_279",Ua="_thumbnailActive_1a6nu_323",Ha="_thumbnailImage_1a6nu_328",t={slideshow:wa,fullscreen:ba,empty:xa,emptyState:Ia,mainContainer:Sa,slide:Ta,image:_a,imageLoader:Ca,spinner:ka,control:ja,controlPrev:Da,controlNext:Pa,controlPlay:Ra,topControls:Aa,controlAction:$a,caption:Na,captionTitle:Fa,captionText:Ea,imageMetadata:La,metadataItem:za,indicators:qa,hasThumbnails:Va,indicator:Ma,indicatorActive:Oa,thumbnails:Ba,thumbnail:Ga,thumbnailActive:Ua,thumbnailImage:Ha},h=({images:l,autoPlay:v=!1,autoPlayInterval:c=3e3,showThumbnails:y=!0,showControls:S=!0,showIndicators:g=!0,showCaptions:m=!0,loop:u=!0,fadeTransition:C=!1,enableFullscreen:q=!0,enableDownload:ze=!1,enableShare:qe=!1,enableDragReorder:H=!1,lazyLoading:w=!0,preloadAdjacent:W=!0,className:X="",onImageChange:V,onDownload:J,onShare:K,onImageReorder:Q,initialIndex:Ve=0})=>{const[i,Me]=r.useState(Ve),[T,Oe]=r.useState(v),[Y,Be]=r.useState(null),[Z,ee]=r.useState(null),[M,O]=r.useState(!1),[Ge,Ue]=r.useState(new Set),[o,ae]=r.useState(l),[He,ne]=r.useState(!1),[_,te]=r.useState(null),oe=r.useRef(null),We=r.useRef(null),B=r.useRef(null),re=50,p=r.useCallback(a=>{const n=Math.max(0,Math.min(a,o.length-1));Me(n),V&&V(n,o[n])},[o,V]),b=r.useCallback(()=>{i<o.length-1?p(i+1):u&&p(0)},[i,o.length,u,p]),k=r.useCallback(()=>{i>0?p(i-1):u&&p(o.length-1)},[i,o.length,u,p]),G=r.useCallback(()=>{Oe(a=>!a)},[]),se=()=>{var a;document.fullscreenElement?(document.exitFullscreen(),O(!1)):((a=oe.current)==null||a.requestFullscreen(),O(!0))},Xe=a=>{Ue(n=>new Set([...n,a]))},Je=()=>{const a=o[i];if(J)J(a);else if(a.downloadUrl||a.src){const n=document.createElement("a");n.href=a.downloadUrl||a.src,n.download=a.title||a.alt||"image",document.body.appendChild(n),n.click(),document.body.removeChild(n)}},Ke=async()=>{const a=o[i];if(K)K(a);else if(navigator.share)try{await navigator.share({title:a.title||a.alt,text:a.caption,url:a.src})}catch(n){console.log("Error sharing:",n)}else navigator.clipboard.writeText(a.src)},Qe=(a,n)=>{H&&(ne(!0),te(n),a.dataTransfer.effectAllowed="move")},Ye=a=>{a.preventDefault(),a.dataTransfer.dropEffect="move"},Ze=(a,n)=>{if(a.preventDefault(),_===null||_===n)return;const d=[...o],x=d[_];d.splice(_,1),d.splice(n,0,x),ae(d),ne(!1),te(null),Q&&Q(d)},ea=a=>{const n=new Image;n.src=a},aa=a=>{ee(null),Be(a.targetTouches[0].clientX)},na=a=>{ee(a.targetTouches[0].clientX)},ta=()=>{if(!Y||!Z)return;const a=Y-Z,n=a>re,d=a<-re;n?b():d&&k()};if(r.useEffect(()=>{if(!T||o.length<=1)return;const a=setInterval(()=>{b()},c);return()=>clearInterval(a)},[T,c,b,o.length]),r.useEffect(()=>{ae(l)},[l]),r.useEffect(()=>{W&&[i-1,i+1,u&&i===0?o.length-1:-1,u&&i===o.length-1?0:-1].filter(n=>n>=0&&n<o.length).forEach(n=>{o[n]&&ea(o[n].src)})},[i,o,l,u,W]),r.useEffect(()=>{const a=()=>{O(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",a),()=>document.removeEventListener("fullscreenchange",a)},[]),r.useEffect(()=>(w&&(B.current=new IntersectionObserver(a=>{a.forEach(n=>{var d;if(n.isIntersecting){const x=n.target,ie=x.dataset.src;ie&&(x.src=ie,x.removeAttribute("data-src"),(d=B.current)==null||d.unobserve(x))}})},{threshold:.1})),()=>{var a;(a=B.current)==null||a.disconnect()}),[w]),r.useEffect(()=>{const a=n=>{switch(n.key){case"ArrowLeft":k();break;case"ArrowRight":b();break;case" ":n.preventDefault(),G();break;case"f":case"F":q&&se();break}};return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[k,b,q,G]),!o||o.length===0)return e.jsx("div",{className:`${t.slideshow} ${t.empty} ${X}`,children:e.jsx("div",{className:t.emptyState,children:e.jsx("span",{children:"No images to display"})})});const oa={enter:a=>({x:a>0?1e3:-1e3,opacity:C?0:1}),center:{zIndex:1,x:0,opacity:1},exit:a=>({zIndex:0,x:a<0?1e3:-1e3,opacity:C?0:1})},s=o[i],U=Ge.has(s.id);return e.jsxs("div",{ref:oe,className:`${t.slideshow} ${M?t.fullscreen:""} ${y&&o.length>1?t.hasThumbnails:""} ${X}`,children:[e.jsxs("div",{className:t.mainContainer,onTouchStart:aa,onTouchMove:na,onTouchEnd:ta,children:[e.jsx(ra,{mode:"wait",custom:1,children:e.jsxs(j.div,{custom:1,variants:oa,initial:"enter",animate:"center",exit:"exit",transition:{x:{type:"spring",stiffness:300,damping:30},opacity:{duration:.3}},className:t.slide,children:[e.jsx("img",{ref:We,src:w&&!U?void 0:s.src,"data-src":w?s.src:void 0,srcSet:s.srcSet,sizes:s.sizes,alt:s.alt,className:t.image,draggable:!1,onLoad:()=>Xe(s.id),style:{opacity:w&&!U?0:1,transition:"opacity 0.3s ease"}}),w&&!U&&e.jsx("div",{className:t.imageLoader,children:e.jsx("div",{className:t.spinner})})]},i)}),S&&o.length>1&&e.jsxs(e.Fragment,{children:[e.jsx("button",{className:`${t.control} ${t.controlPrev}`,onClick:k,disabled:!u&&i===0,"aria-label":"Previous image",children:e.jsx(la,{})}),e.jsx("button",{className:`${t.control} ${t.controlNext}`,onClick:b,disabled:!u&&i===o.length-1,"aria-label":"Next image",children:e.jsx(sa,{})})]}),e.jsxs("div",{className:t.topControls,children:[q&&e.jsx("button",{className:`${t.control} ${t.controlAction}`,onClick:se,"aria-label":M?"Exit fullscreen":"Enter fullscreen",title:M?"Exit fullscreen (F)":"Enter fullscreen (F)",children:e.jsx("span",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:e.jsx(ma,{})})}),ze&&e.jsx("button",{className:`${t.control} ${t.controlAction}`,onClick:Je,"aria-label":"Download image",title:"Download image",children:e.jsx("span",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:e.jsx(da,{})})}),qe&&e.jsx("button",{className:`${t.control} ${t.controlAction}`,onClick:Ke,"aria-label":"Share image",title:"Share image",children:e.jsx("span",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:e.jsx(ya,{})})})]}),v&&o.length>1&&e.jsx("button",{className:`${t.control} ${t.controlPlay}`,onClick:G,"aria-label":T?"Pause slideshow":"Play slideshow",title:T?"Pause slideshow (Space)":"Play slideshow (Space)",children:T?e.jsx(pa,{}):e.jsx(fa,{})}),m&&(s.caption||s.title)&&e.jsxs(j.div,{className:t.caption,initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.3},children:[s.title&&e.jsx("h3",{className:t.captionTitle,children:s.title}),s.caption&&e.jsx("p",{className:t.captionText,children:s.caption}),s.metadata&&e.jsxs("div",{className:t.imageMetadata,children:[s.metadata.photographer&&e.jsxs("span",{className:t.metadataItem,children:["📷 ",s.metadata.photographer]}),s.metadata.location&&e.jsxs("span",{className:t.metadataItem,children:["📍 ",s.metadata.location]}),s.metadata.camera&&e.jsxs("span",{className:t.metadataItem,children:["📹 ",s.metadata.camera]})]})]})]}),g&&o.length>1&&e.jsx("div",{className:t.indicators,children:o.map((a,n)=>e.jsx(j.button,{className:`${t.indicator} ${n===i?t.indicatorActive:""}`,onClick:()=>p(n),whileHover:{scale:1.2},whileTap:{scale:.8},"aria-label":`Go to slide ${n+1}`},n))}),y&&o.length>1&&e.jsx("div",{className:`${t.thumbnails} ${He?t.thumbnailsDragging:""}`,children:o.map((a,n)=>e.jsx(j.button,{className:`${t.thumbnail} ${n===i?t.thumbnailActive:""} ${_===n?t.thumbnailDragged:""}`,onClick:()=>p(n),whileHover:{scale:1.05},whileTap:{scale:.95},"aria-label":`Go to ${a.alt}`,draggable:H,onDragStart:d=>Qe(d,n),onDragOver:Ye,onDrop:d=>Ze(d,n),title:a.title||a.alt,children:e.jsx("img",{src:a.src,alt:a.alt,className:t.thumbnailImage,draggable:!1})},a.id))})]})};h.__docgenInfo={description:"",methods:[],displayName:"ImageSlideshow",props:{images:{required:!0,tsType:{name:"Array",elements:[{name:"SlideshowImage"}],raw:"SlideshowImage[]"},description:""},autoPlay:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},autoPlayInterval:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"3000",computed:!1}},showThumbnails:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},showControls:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},showIndicators:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},showCaptions:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},loop:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},fadeTransition:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},enableFullscreen:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},enableDownload:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},enableShare:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},enableDragReorder:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},lazyLoading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},preloadAdjacent:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},onImageChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(index: number, image: SlideshowImage) => void",signature:{arguments:[{type:{name:"number"},name:"index"},{type:{name:"SlideshowImage"},name:"image"}],return:{name:"void"}}},description:""},onDownload:{required:!1,tsType:{name:"signature",type:"function",raw:"(image: SlideshowImage) => void",signature:{arguments:[{type:{name:"SlideshowImage"},name:"image"}],return:{name:"void"}}},description:""},onShare:{required:!1,tsType:{name:"signature",type:"function",raw:"(image: SlideshowImage) => void",signature:{arguments:[{type:{name:"SlideshowImage"},name:"image"}],return:{name:"void"}}},description:""},onImageReorder:{required:!1,tsType:{name:"signature",type:"function",raw:"(newOrder: SlideshowImage[]) => void",signature:{arguments:[{type:{name:"Array",elements:[{name:"SlideshowImage"}],raw:"SlideshowImage[]"},name:"newOrder"}],return:{name:"void"}}},description:""},initialIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}}}};const an={title:"Organisms/ImageSlideshow",component:h,parameters:{layout:"padded",docs:{description:{component:"An advanced, feature-rich image slideshow component with fullscreen mode, lazy loading, drag-to-reorder, download/share functionality, and enhanced accessibility. Perfect for professional galleries, product showcases, portfolios, and any sophisticated image presentation needs."}}},tags:["autodocs"],argTypes:{images:{control:"object",description:"Array of images to display in the slideshow"},autoPlay:{control:"boolean",description:"Enable automatic slideshow progression"},autoPlayInterval:{control:{type:"number",min:1e3,max:1e4,step:500},description:"Interval between slides in milliseconds"},showThumbnails:{control:"boolean",description:"Show thumbnail navigation"},showControls:{control:"boolean",description:"Show next/previous arrow controls"},showIndicators:{control:"boolean",description:"Show dot indicators"},showCaptions:{control:"boolean",description:"Show image captions and titles"},loop:{control:"boolean",description:"Enable looping from last to first slide"},fadeTransition:{control:"boolean",description:"Use fade transition instead of slide"},enableFullscreen:{control:"boolean",description:"Enable fullscreen mode with F key support"},enableDownload:{control:"boolean",description:"Enable image download functionality"},enableShare:{control:"boolean",description:"Enable image sharing functionality"},enableDragReorder:{control:"boolean",description:"Enable drag-to-reorder thumbnails"},lazyLoading:{control:"boolean",description:"Enable lazy loading for better performance"},preloadAdjacent:{control:"boolean",description:"Preload adjacent images for smoother navigation"},initialIndex:{control:{type:"number",min:0},description:"Initial slide index"},onImageChange:{action:"image-changed"},onDownload:{action:"image-downloaded"},onShare:{action:"image-shared"},onImageReorder:{action:"images-reordered"}}},f=[{id:"1",src:"https://picsum.photos/800/600?random=1",alt:"Beautiful landscape with mountains",title:"Mountain Vista",caption:"A breathtaking view of snow-capped mountains during golden hour, showcasing the natural beauty of the alpine landscape.",srcSet:"https://picsum.photos/400/300?random=1 400w, https://picsum.photos/800/600?random=1 800w, https://picsum.photos/1200/900?random=1 1200w",sizes:"(max-width: 768px) 400px, (max-width: 1200px) 800px, 1200px",downloadUrl:"https://picsum.photos/1920/1440?random=1",metadata:{width:800,height:600,photographer:"John Smith",location:"Swiss Alps",camera:"Canon EOS R5"}},{id:"2",src:"https://picsum.photos/800/600?random=2",alt:"Ocean waves at sunset",title:"Ocean Sunset",caption:"Gentle waves rolling onto the shore as the sun sets, painting the sky in brilliant shades of orange and pink.",metadata:{photographer:"Sarah Johnson",location:"Malibu Beach",camera:"Sony A7R IV"}},{id:"3",src:"https://picsum.photos/800/600?random=3",alt:"Forest path in autumn",title:"Autumn Trail",caption:"A winding path through a deciduous forest displaying the vibrant colors of fall foliage.",metadata:{photographer:"Mike Chen",location:"Vermont Woods",camera:"Nikon D850"}},{id:"4",src:"https://picsum.photos/800/600?random=4",alt:"City skyline at night",title:"Urban Lights",caption:"The city comes alive at night with thousands of lights creating a dazzling urban landscape.",metadata:{photographer:"Alex Rivera",location:"Manhattan",camera:"Fujifilm X-T4"}},{id:"5",src:"https://picsum.photos/800/600?random=5",alt:"Desert sand dunes",title:"Desert Dunes",caption:"Rolling sand dunes stretch endlessly under a clear blue sky in this pristine desert landscape.",metadata:{photographer:"Emma Wilson",location:"Sahara Desert",camera:"Canon EOS R6"}}],Wa=[{id:"product-1",src:"https://picsum.photos/800/600?random=10",alt:"Product front view",title:"Front View"},{id:"product-2",src:"https://picsum.photos/800/600?random=11",alt:"Product side view",title:"Side Profile"},{id:"product-3",src:"https://picsum.photos/800/600?random=12",alt:"Product back view",title:"Back View"},{id:"product-4",src:"https://picsum.photos/800/600?random=13",alt:"Product detail view",title:"Detail Shot"}],D={args:{images:f,autoPlay:!1,showThumbnails:!0,showControls:!0,showIndicators:!0,showCaptions:!0,loop:!0,fadeTransition:!1,enableFullscreen:!0,enableDownload:!1,enableShare:!1,enableDragReorder:!1,lazyLoading:!0,preloadAdjacent:!0,initialIndex:0}},P={args:{images:f,autoPlay:!1,showThumbnails:!0,showControls:!0,showIndicators:!0,showCaptions:!0,loop:!0,enableFullscreen:!0,enableDownload:!0,enableShare:!0,enableDragReorder:!0,lazyLoading:!0,preloadAdjacent:!0},parameters:{docs:{description:{story:"Full-featured slideshow with all advanced capabilities enabled: fullscreen (F key), download, share, and drag-to-reorder thumbnails."}}}},R={args:{images:f,autoPlay:!0,autoPlayInterval:3e3,showThumbnails:!0,showControls:!0,showIndicators:!0,showCaptions:!0,loop:!0,enableFullscreen:!0},parameters:{docs:{description:{story:"Slideshow with auto-play enabled. Images advance automatically every 3 seconds. Click the play/pause button to control playback."}}}},A={args:{images:f,showThumbnails:!1,showControls:!0,showIndicators:!0,showCaptions:!1,loop:!0},parameters:{docs:{description:{story:"A minimal slideshow with only arrow controls and dot indicators. Perfect for clean, distraction-free image viewing."}}}},$={args:{images:f,fadeTransition:!0,showThumbnails:!0,showControls:!0,showIndicators:!0,showCaptions:!0,loop:!0,enableFullscreen:!0},parameters:{docs:{description:{story:"Uses fade transition instead of slide transition for a smoother, more elegant effect."}}}},N={args:{images:Wa,showThumbnails:!0,showControls:!0,showIndicators:!1,showCaptions:!0,loop:!1,fadeTransition:!0},parameters:{docs:{description:{story:"Product showcase configuration with thumbnails for easy navigation and no looping. Ideal for e-commerce product galleries."}}}},F={args:{images:[]},render:()=>{const[l,v]=r.useState(null),[c,y]=r.useState([]),S=(g,m)=>{const u=new Date().toLocaleTimeString();v(m),y(C=>[`[${u}] 📸 Changed to: ${m.title||m.alt}`,...C.slice(0,4)])};return e.jsxs("div",{children:[e.jsxs("div",{style:{padding:"var(--spacing-md)",background:"var(--color-primary-light)",borderRadius:"var(--radius-md)",marginBottom:"var(--spacing-lg)"},children:[e.jsx("h4",{style:{margin:"0 0 var(--spacing-xs) 0",color:"var(--color-primary)"},children:"🎯 Interactive Demo"}),e.jsx("p",{style:{margin:0,fontSize:"var(--font-size-sm)",color:"var(--color-text-secondary)"},children:"• Use arrow keys to navigate • Click thumbnails or indicators • Touch/swipe on mobile"})]}),e.jsx(h,{images:f,autoPlay:!0,autoPlayInterval:4e3,showThumbnails:!0,showControls:!0,showIndicators:!0,showCaptions:!0,loop:!0,enableFullscreen:!0,onImageChange:S}),l&&e.jsxs("div",{style:{marginTop:"var(--spacing-lg)",padding:"var(--spacing-md)",background:"var(--color-background-secondary)",borderRadius:"var(--radius-md)"},children:[e.jsx("h5",{style:{margin:"0 0 var(--spacing-sm) 0",color:"var(--color-text)"},children:"📷 Current Image:"}),e.jsxs("div",{style:{padding:"var(--spacing-sm)",background:"var(--color-background)",borderRadius:"var(--radius-xs)",fontSize:"var(--font-size-sm)"},children:[e.jsx("strong",{children:l.title})," - ",l.alt]})]}),c.length>0&&e.jsxs("div",{style:{marginTop:"var(--spacing-md)",padding:"var(--spacing-md)",background:"var(--color-background-secondary)",borderRadius:"var(--radius-md)"},children:[e.jsx("h5",{style:{margin:"0 0 var(--spacing-sm) 0",color:"var(--color-text)"},children:"Recent Navigation:"}),c.map((g,m)=>e.jsx("div",{style:{padding:"var(--spacing-xs)",margin:"2px 0",background:"var(--color-background)",borderRadius:"var(--radius-xs)",fontSize:"var(--font-size-xs)",fontFamily:"monospace"},children:g},m))]})]})},parameters:{docs:{description:{story:"Interactive demo showing the onChange callback and current image state. Navigation actions are logged in real-time."}}}},E={args:{images:[]},render:()=>{const l=Array.from({length:8},(v,c)=>({id:`gallery-${c+1}`,src:`https://picsum.photos/800/600?random=${20+c}`,alt:`Gallery image ${c+1}`,title:`Photo ${c+1}`,caption:`This is a sample caption for gallery image ${c+1}. Each image can have its own unique caption.`}));return e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",color:"var(--color-text)"},children:"🖼️ Full-Featured Gallery"}),e.jsx(h,{images:l,autoPlay:!1,showThumbnails:!0,showControls:!0,showIndicators:!0,showCaptions:!0,loop:!0,fadeTransition:!1})]})},parameters:{docs:{description:{story:"A full-featured responsive gallery with multiple images, thumbnails, and captions. Test the responsive behavior by resizing your browser."}}}},L={args:{images:[]},render:()=>{const[l,v]=r.useState([...f]),[c,y]=r.useState([]),S=g=>{const m=new Date().toLocaleTimeString();v(g),y(u=>[`[${m}] 🔄 Images reordered`,...u.slice(0,3)])};return e.jsxs("div",{children:[e.jsxs("div",{style:{padding:"var(--spacing-md)",background:"var(--color-primary-light)",borderRadius:"var(--radius-md)",marginBottom:"var(--spacing-lg)"},children:[e.jsx("h4",{style:{margin:"0 0 var(--spacing-xs) 0",color:"var(--color-primary)"},children:"🎯 Drag & Drop Demo"}),e.jsx("p",{style:{margin:0,fontSize:"var(--font-size-sm)",color:"var(--color-text-secondary)"},children:"• Drag thumbnails to reorder images • Try fullscreen mode • Download and share functionality enabled"})]}),e.jsx(h,{images:l,showThumbnails:!0,showControls:!0,showIndicators:!0,showCaptions:!0,enableFullscreen:!0,enableDragReorder:!0,lazyLoading:!0,preloadAdjacent:!0,onImageReorder:S}),c.length>0&&e.jsxs("div",{style:{marginTop:"var(--spacing-lg)",padding:"var(--spacing-md)",background:"var(--color-background-secondary)",borderRadius:"var(--radius-md)"},children:[e.jsx("h5",{style:{margin:"0 0 var(--spacing-sm) 0",color:"var(--color-text)"},children:"Recent Actions:"}),c.map((g,m)=>e.jsx("div",{style:{padding:"var(--spacing-xs)",margin:"2px 0",background:"var(--color-background)",borderRadius:"var(--radius-xs)",fontSize:"var(--font-size-xs)",fontFamily:"monospace"},children:g},m))]})]})},parameters:{docs:{description:{story:"Advanced demo showcasing drag-to-reorder thumbnails, download/share functionality, and fullscreen mode."}}}},z={args:{images:[]},render:()=>{const l=[{id:"single",src:"https://picsum.photos/800/600?random=30",alt:"Single image",title:"Solo Exhibition",caption:"When there's only one image, navigation controls are automatically hidden."}];return e.jsxs("div",{style:{display:"grid",gap:"var(--spacing-xl)"},children:[e.jsxs("div",{children:[e.jsx("h4",{style:{margin:"0 0 var(--spacing-md) 0",color:"var(--color-text)"},children:"🖼️ Single Image"}),e.jsx(h,{images:l,showThumbnails:!0,showControls:!0,showIndicators:!0,showCaptions:!0})]}),e.jsxs("div",{children:[e.jsx("h4",{style:{margin:"0 0 var(--spacing-md) 0",color:"var(--color-text)"},children:"📭 Empty State"}),e.jsx(h,{images:[]})]}),e.jsxs("div",{children:[e.jsx("h4",{style:{margin:"0 0 var(--spacing-md) 0",color:"var(--color-text)"},children:"🎛️ No Thumbnails, Fade Only"}),e.jsx(h,{images:f.slice(0,3),showThumbnails:!1,showControls:!1,showIndicators:!0,showCaptions:!1,fadeTransition:!0,autoPlay:!0,autoPlayInterval:2e3})]})]})},parameters:{docs:{description:{story:"Different component states including single image, empty state, and various configuration combinations."}}}};var le,ce,de;D.parameters={...D.parameters,docs:{...(le=D.parameters)==null?void 0:le.docs,source:{originalSource:`{
-  args: {
-    images: sampleImages,
-    autoPlay: false,
-    showThumbnails: true,
-    showControls: true,
-    showIndicators: true,
-    showCaptions: true,
-    loop: true,
-    fadeTransition: false,
-    enableFullscreen: true,
-    enableDownload: false,
-    enableShare: false,
-    enableDragReorder: false,
-    lazyLoading: true,
-    preloadAdjacent: true,
-    initialIndex: 0
-  }
-}`,...(de=(ce=D.parameters)==null?void 0:ce.docs)==null?void 0:de.source}}};var ue,me,ge;P.parameters={...P.parameters,docs:{...(ue=P.parameters)==null?void 0:ue.docs,source:{originalSource:`{
-  args: {
-    images: sampleImages,
-    autoPlay: false,
-    showThumbnails: true,
-    showControls: true,
-    showIndicators: true,
-    showCaptions: true,
-    loop: true,
-    enableFullscreen: true,
-    enableDownload: true,
-    enableShare: true,
-    enableDragReorder: true,
-    lazyLoading: true,
-    preloadAdjacent: true
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Full-featured slideshow with all advanced capabilities enabled: fullscreen (F key), download, share, and drag-to-reorder thumbnails.'
-      }
-    }
-  }
-}`,...(ge=(me=P.parameters)==null?void 0:me.docs)==null?void 0:ge.source}}};var pe,he,fe;R.parameters={...R.parameters,docs:{...(pe=R.parameters)==null?void 0:pe.docs,source:{originalSource:`{
-  args: {
-    images: sampleImages,
-    autoPlay: true,
-    autoPlayInterval: 3000,
-    showThumbnails: true,
-    showControls: true,
-    showIndicators: true,
-    showCaptions: true,
-    loop: true,
-    enableFullscreen: true
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Slideshow with auto-play enabled. Images advance automatically every 3 seconds. Click the play/pause button to control playback.'
-      }
-    }
-  }
-}`,...(fe=(he=R.parameters)==null?void 0:he.docs)==null?void 0:fe.source}}};var ve,ye,we;A.parameters={...A.parameters,docs:{...(ve=A.parameters)==null?void 0:ve.docs,source:{originalSource:`{
-  args: {
-    images: sampleImages,
-    showThumbnails: false,
-    showControls: true,
-    showIndicators: true,
-    showCaptions: false,
-    loop: true
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'A minimal slideshow with only arrow controls and dot indicators. Perfect for clean, distraction-free image viewing.'
-      }
-    }
-  }
-}`,...(we=(ye=A.parameters)==null?void 0:ye.docs)==null?void 0:we.source}}};var be,xe,Ie;$.parameters={...$.parameters,docs:{...(be=$.parameters)==null?void 0:be.docs,source:{originalSource:`{
-  args: {
-    images: sampleImages,
-    fadeTransition: true,
-    showThumbnails: true,
-    showControls: true,
-    showIndicators: true,
-    showCaptions: true,
-    loop: true,
-    enableFullscreen: true
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Uses fade transition instead of slide transition for a smoother, more elegant effect.'
-      }
-    }
-  }
-}`,...(Ie=(xe=$.parameters)==null?void 0:xe.docs)==null?void 0:Ie.source}}};var Se,Te,_e;N.parameters={...N.parameters,docs:{...(Se=N.parameters)==null?void 0:Se.docs,source:{originalSource:`{
-  args: {
-    images: productImages,
-    showThumbnails: true,
-    showControls: true,
-    showIndicators: false,
-    showCaptions: true,
-    loop: false,
-    fadeTransition: true
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Product showcase configuration with thumbnails for easy navigation and no looping. Ideal for e-commerce product galleries.'
-      }
-    }
-  }
-}`,...(_e=(Te=N.parameters)==null?void 0:Te.docs)==null?void 0:_e.source}}};var Ce,ke,je;F.parameters={...F.parameters,docs:{...(Ce=F.parameters)==null?void 0:Ce.docs,source:{originalSource:`{
-  args: {
-    images: []
-  },
-  render: () => {
-    const [currentImage, setCurrentImage] = useState<SlideshowImage | null>(null);
-    const [actionLog, setActionLog] = useState<string[]>([]);
-    const handleImageChange = (_index: number, image: SlideshowImage) => {
-      const timestamp = new Date().toLocaleTimeString();
-      setCurrentImage(image);
-      setActionLog(prev => [\`[\${timestamp}] 📸 Changed to: \${image.title || image.alt}\`, ...prev.slice(0, 4)]);
-    };
-    return <div>
-                <div style={{
-        padding: 'var(--spacing-md)',
-        background: 'var(--color-primary-light)',
-        borderRadius: 'var(--radius-md)',
-        marginBottom: 'var(--spacing-lg)'
-      }}>
-                    <h4 style={{
-          margin: '0 0 var(--spacing-xs) 0',
-          color: 'var(--color-primary)'
-        }}>
-                        🎯 Interactive Demo
-                    </h4>
-                    <p style={{
-          margin: 0,
-          fontSize: 'var(--font-size-sm)',
-          color: 'var(--color-text-secondary)'
-        }}>
-                        • Use arrow keys to navigate • Click thumbnails or indicators • Touch/swipe on mobile
-                    </p>
-                </div>
-
-                <ImageSlideshow images={sampleImages} autoPlay={true} autoPlayInterval={4000} showThumbnails={true} showControls={true} showIndicators={true} showCaptions={true} loop={true} enableFullscreen={true} onImageChange={handleImageChange} />
-
-                {currentImage && <div style={{
-        marginTop: 'var(--spacing-lg)',
-        padding: 'var(--spacing-md)',
-        background: 'var(--color-background-secondary)',
-        borderRadius: 'var(--radius-md)'
-      }}>
-                        <h5 style={{
-          margin: '0 0 var(--spacing-sm) 0',
-          color: 'var(--color-text)'
-        }}>
-                            📷 Current Image:
-                        </h5>
-                        <div style={{
-          padding: 'var(--spacing-sm)',
-          background: 'var(--color-background)',
-          borderRadius: 'var(--radius-xs)',
-          fontSize: 'var(--font-size-sm)'
-        }}>
-                            <strong>{currentImage.title}</strong> - {currentImage.alt}
-                        </div>
-                    </div>}
-
-                {actionLog.length > 0 && <div style={{
-        marginTop: 'var(--spacing-md)',
-        padding: 'var(--spacing-md)',
-        background: 'var(--color-background-secondary)',
-        borderRadius: 'var(--radius-md)'
-      }}>
-                        <h5 style={{
-          margin: '0 0 var(--spacing-sm) 0',
-          color: 'var(--color-text)'
-        }}>
-                            Recent Navigation:
-                        </h5>
-                        {actionLog.map((log, index) => <div key={index} style={{
-          padding: 'var(--spacing-xs)',
-          margin: '2px 0',
-          background: 'var(--color-background)',
-          borderRadius: 'var(--radius-xs)',
-          fontSize: 'var(--font-size-xs)',
-          fontFamily: 'monospace'
-        }}>
-                                {log}
-                            </div>)}
-                    </div>}
-            </div>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Interactive demo showing the onChange callback and current image state. Navigation actions are logged in real-time.'
-      }
-    }
-  }
-}`,...(je=(ke=F.parameters)==null?void 0:ke.docs)==null?void 0:je.source}}};var De,Pe,Re;E.parameters={...E.parameters,docs:{...(De=E.parameters)==null?void 0:De.docs,source:{originalSource:`{
-  args: {
-    images: []
-  },
-  render: () => {
-    const galleryImages: SlideshowImage[] = Array.from({
-      length: 8
-    }, (_, i) => ({
-      id: \`gallery-\${i + 1}\`,
-      src: \`https://picsum.photos/800/600?random=\${20 + i}\`,
-      alt: \`Gallery image \${i + 1}\`,
-      title: \`Photo \${i + 1}\`,
-      caption: \`This is a sample caption for gallery image \${i + 1}. Each image can have its own unique caption.\`
-    }));
-    return <div>
-                <h3 style={{
-        marginBottom: 'var(--spacing-md)',
-        color: 'var(--color-text)'
-      }}>
-                    🖼️ Full-Featured Gallery
-                </h3>
-                <ImageSlideshow images={galleryImages} autoPlay={false} showThumbnails={true} showControls={true} showIndicators={true} showCaptions={true} loop={true} fadeTransition={false} />
-            </div>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'A full-featured responsive gallery with multiple images, thumbnails, and captions. Test the responsive behavior by resizing your browser.'
-      }
-    }
-  }
-}`,...(Re=(Pe=E.parameters)==null?void 0:Pe.docs)==null?void 0:Re.source}}};var Ae,$e,Ne;L.parameters={...L.parameters,docs:{...(Ae=L.parameters)==null?void 0:Ae.docs,source:{originalSource:`{
-  args: {
-    images: []
-  },
-  render: () => {
-    const [reorderableImages, setReorderableImages] = useState([...sampleImages]);
-    const [reorderLog, setReorderLog] = useState<string[]>([]);
-    const handleImageReorder = (newOrder: SlideshowImage[]) => {
-      const timestamp = new Date().toLocaleTimeString();
-      setReorderableImages(newOrder);
-      setReorderLog(prev => [\`[\${timestamp}] 🔄 Images reordered\`, ...prev.slice(0, 3)]);
-    };
-    return <div>
-                <div style={{
-        padding: 'var(--spacing-md)',
-        background: 'var(--color-primary-light)',
-        borderRadius: 'var(--radius-md)',
-        marginBottom: 'var(--spacing-lg)'
-      }}>
-                    <h4 style={{
-          margin: '0 0 var(--spacing-xs) 0',
-          color: 'var(--color-primary)'
-        }}>
-                        🎯 Drag & Drop Demo
-                    </h4>
-                    <p style={{
-          margin: 0,
-          fontSize: 'var(--font-size-sm)',
-          color: 'var(--color-text-secondary)'
-        }}>
-                        • Drag thumbnails to reorder images • Try fullscreen mode • Download and share functionality enabled
-                    </p>
-                </div>
-
-                <ImageSlideshow images={reorderableImages} showThumbnails={true} showControls={true} showIndicators={true} showCaptions={true} enableFullscreen={true} enableDragReorder={true} lazyLoading={true} preloadAdjacent={true} onImageReorder={handleImageReorder} />
-
-                {reorderLog.length > 0 && <div style={{
-        marginTop: 'var(--spacing-lg)',
-        padding: 'var(--spacing-md)',
-        background: 'var(--color-background-secondary)',
-        borderRadius: 'var(--radius-md)'
-      }}>
-                        <h5 style={{
-          margin: '0 0 var(--spacing-sm) 0',
-          color: 'var(--color-text)'
-        }}>
-                            Recent Actions:
-                        </h5>
-                        {reorderLog.map((log, index) => <div key={index} style={{
-          padding: 'var(--spacing-xs)',
-          margin: '2px 0',
-          background: 'var(--color-background)',
-          borderRadius: 'var(--radius-xs)',
-          fontSize: 'var(--font-size-xs)',
-          fontFamily: 'monospace'
-        }}>
-                                {log}
-                            </div>)}
-                    </div>}
-            </div>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Advanced demo showcasing drag-to-reorder thumbnails, download/share functionality, and fullscreen mode.'
-      }
-    }
-  }
-}`,...(Ne=($e=L.parameters)==null?void 0:$e.docs)==null?void 0:Ne.source}}};var Fe,Ee,Le;z.parameters={...z.parameters,docs:{...(Fe=z.parameters)==null?void 0:Fe.docs,source:{originalSource:`{
-  args: {
-    images: []
-  },
-  render: () => {
-    const singleImage: SlideshowImage[] = [{
-      id: 'single',
-      src: 'https://picsum.photos/800/600?random=30',
-      alt: 'Single image',
-      title: 'Solo Exhibition',
-      caption: 'When there\\'s only one image, navigation controls are automatically hidden.'
-    }];
-    return <div style={{
-      display: 'grid',
-      gap: 'var(--spacing-xl)'
-    }}>
-                <div>
-                    <h4 style={{
-          margin: '0 0 var(--spacing-md) 0',
-          color: 'var(--color-text)'
-        }}>
-                        🖼️ Single Image
-                    </h4>
-                    <ImageSlideshow images={singleImage} showThumbnails={true} showControls={true} showIndicators={true} showCaptions={true} />
-                </div>
-
-                <div>
-                    <h4 style={{
-          margin: '0 0 var(--spacing-md) 0',
-          color: 'var(--color-text)'
-        }}>
-                        📭 Empty State
-                    </h4>
-                    <ImageSlideshow images={[]} />
-                </div>
-
-                <div>
-                    <h4 style={{
-          margin: '0 0 var(--spacing-md) 0',
-          color: 'var(--color-text)'
-        }}>
-                        🎛️ No Thumbnails, Fade Only
-                    </h4>
-                    <ImageSlideshow images={sampleImages.slice(0, 3)} showThumbnails={false} showControls={false} showIndicators={true} showCaptions={false} fadeTransition={true} autoPlay={true} autoPlayInterval={2000} />
-                </div>
-            </div>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Different component states including single image, empty state, and various configuration combinations.'
-      }
-    }
-  }
-}`,...(Le=(Ee=z.parameters)==null?void 0:Ee.docs)==null?void 0:Le.source}}};const nn=["Default","FullFeatured","AutoPlay","MinimalControls","FadeTransition","ProductShowcase","InteractiveDemo","ResponsiveGallery","DragToReorder","ComponentStates"];export{R as AutoPlay,z as ComponentStates,D as Default,L as DragToReorder,$ as FadeTransition,P as FullFeatured,F as InteractiveDemo,A as MinimalControls,N as ProductShowcase,E as ResponsiveGallery,nn as __namedExportsOrder,an as default};

package/storybook-static/assets/LoadingSpinner.stories-Dj0bMFhR.js

@@ -1,169 +0,0 @@
-import{L as ue}from"./LoadingSpinner-Br8TYFlF.js";import"./iframe-B8pH-Lvr.js";import"./preload-helper-C1FmrZbK.js";import"./index-DBfrIdYd.js";import"./proxy-BA3VZtN5.js";import"./MotionConfigContext-D5hZdVGx.js";const we={title:"Atoms/LoadingSpinner",component:ue,parameters:{layout:"centered",docs:{description:{component:"An animated loading spinner with multiple variants and customizable messages. Features smooth Framer Motion animations and accessibility support."}}},argTypes:{size:{control:{type:"select"},options:["small","medium","large"]},variant:{control:{type:"select"},options:["dots","spinner","pulse"]},message:{control:{type:"text"}},showMessage:{control:{type:"boolean"}},showSparkles:{control:{type:"boolean"}},fullScreen:{control:{type:"boolean"}},overlay:{control:{type:"boolean"}},color:{control:{type:"color"}},backgroundColor:{control:{type:"color"}},messageRotationInterval:{control:{type:"number",min:500,max:1e4,step:500}}}},e={args:{variant:"dots",size:"medium"}},s={args:{variant:"dots",size:"medium",message:"Loading your amazing content..."}},a={args:{variant:"dots",size:"small"}},r={args:{variant:"dots",size:"large"}},n={args:{variant:"spinner",size:"medium"}},o={args:{variant:"pulse",size:"medium"}},t={args:{variant:"spinner",size:"small",message:"Loading..."}},i={args:{variant:"pulse",size:"large",message:"Processing your request..."}},c={args:{variant:"dots",size:"medium",message:"Fetching data from server..."},parameters:{docs:{description:{story:"Example of how the loading spinner might appear when fetching data."}}}},m={args:{variant:"pulse",size:"small",message:"Saving changes..."},parameters:{docs:{description:{story:"Compact loading spinner for save operations."}}}},p={args:{variant:"spinner",size:"large",message:"Uploading files..."},parameters:{docs:{description:{story:"Large loading spinner for file upload operations."}}}},l={args:{variant:"dots",size:"medium",message:"Custom colored loading...",color:"#ff6b6b",backgroundColor:"#f8f9fa"},parameters:{docs:{description:{story:"Loading spinner with custom colors for brand consistency."}}}},d={args:{variant:"pulse",size:"medium",showMessage:!1},parameters:{docs:{description:{story:"Compact spinner without text message."}}}},g={args:{variant:"dots",size:"medium",showSparkles:!1,message:"Clean loading without sparkles..."},parameters:{docs:{description:{story:"Minimal loading spinner without decorative sparkles."}}}},u={args:{variant:"spinner",size:"medium",customMessages:["Processing your request...","Almost ready...","Just a few more seconds...","Finalizing details..."],messageRotationInterval:1500},parameters:{docs:{description:{story:"Loading spinner with custom rotating messages and faster rotation."}}}},v={args:{variant:"dots",size:"large",message:"Loading application...",fullScreen:!0,overlay:!0},parameters:{docs:{description:{story:"Full-screen loading overlay for app initialization or major operations."}}}},S={args:{variant:"spinner",size:"small",showMessage:!1,showSparkles:!1,color:"#6c757d"},parameters:{docs:{description:{story:"Ultra-minimal loading spinner for inline use."}}}};var f,y,z;e.parameters={...e.parameters,docs:{...(f=e.parameters)==null?void 0:f.docs,source:{originalSource:`{
-  args: {
-    variant: 'dots',
-    size: 'medium'
-  }
-}`,...(z=(y=e.parameters)==null?void 0:y.docs)==null?void 0:z.source}}};var h,w,C;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`{
-  args: {
-    variant: 'dots',
-    size: 'medium',
-    message: 'Loading your amazing content...'
-  }
-}`,...(C=(w=s.parameters)==null?void 0:w.docs)==null?void 0:C.source}}};var L,M,b;a.parameters={...a.parameters,docs:{...(L=a.parameters)==null?void 0:L.docs,source:{originalSource:`{
-  args: {
-    variant: 'dots',
-    size: 'small'
-  }
-}`,...(b=(M=a.parameters)==null?void 0:M.docs)==null?void 0:b.source}}};var k,x,F;r.parameters={...r.parameters,docs:{...(k=r.parameters)==null?void 0:k.docs,source:{originalSource:`{
-  args: {
-    variant: 'dots',
-    size: 'large'
-  }
-}`,...(F=(x=r.parameters)==null?void 0:x.docs)==null?void 0:F.source}}};var E,P,U;n.parameters={...n.parameters,docs:{...(E=n.parameters)==null?void 0:E.docs,source:{originalSource:`{
-  args: {
-    variant: 'spinner',
-    size: 'medium'
-  }
-}`,...(U=(P=n.parameters)==null?void 0:P.docs)==null?void 0:U.source}}};var q,A,D;o.parameters={...o.parameters,docs:{...(q=o.parameters)==null?void 0:q.docs,source:{originalSource:`{
-  args: {
-    variant: 'pulse',
-    size: 'medium'
-  }
-}`,...(D=(A=o.parameters)==null?void 0:A.docs)==null?void 0:D.source}}};var N,I,O;t.parameters={...t.parameters,docs:{...(N=t.parameters)==null?void 0:N.docs,source:{originalSource:`{
-  args: {
-    variant: 'spinner',
-    size: 'small',
-    message: 'Loading...'
-  }
-}`,...(O=(I=t.parameters)==null?void 0:I.docs)==null?void 0:O.source}}};var R,j,J;i.parameters={...i.parameters,docs:{...(R=i.parameters)==null?void 0:R.docs,source:{originalSource:`{
-  args: {
-    variant: 'pulse',
-    size: 'large',
-    message: 'Processing your request...'
-  }
-}`,...(J=(j=i.parameters)==null?void 0:j.docs)==null?void 0:J.source}}};var W,_,T;c.parameters={...c.parameters,docs:{...(W=c.parameters)==null?void 0:W.docs,source:{originalSource:`{
-  args: {
-    variant: 'dots',
-    size: 'medium',
-    message: 'Fetching data from server...'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Example of how the loading spinner might appear when fetching data.'
-      }
-    }
-  }
-}`,...(T=(_=c.parameters)==null?void 0:_.docs)==null?void 0:T.source}}};var B,G,H;m.parameters={...m.parameters,docs:{...(B=m.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  args: {
-    variant: 'pulse',
-    size: 'small',
-    message: 'Saving changes...'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Compact loading spinner for save operations.'
-      }
-    }
-  }
-}`,...(H=(G=m.parameters)==null?void 0:G.docs)==null?void 0:H.source}}};var K,Q,V;p.parameters={...p.parameters,docs:{...(K=p.parameters)==null?void 0:K.docs,source:{originalSource:`{
-  args: {
-    variant: 'spinner',
-    size: 'large',
-    message: 'Uploading files...'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Large loading spinner for file upload operations.'
-      }
-    }
-  }
-}`,...(V=(Q=p.parameters)==null?void 0:Q.docs)==null?void 0:V.source}}};var X,Y,Z;l.parameters={...l.parameters,docs:{...(X=l.parameters)==null?void 0:X.docs,source:{originalSource:`{
-  args: {
-    variant: 'dots',
-    size: 'medium',
-    message: 'Custom colored loading...',
-    color: '#ff6b6b',
-    backgroundColor: '#f8f9fa'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Loading spinner with custom colors for brand consistency.'
-      }
-    }
-  }
-}`,...(Z=(Y=l.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,ee,se;d.parameters={...d.parameters,docs:{...($=d.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  args: {
-    variant: 'pulse',
-    size: 'medium',
-    showMessage: false
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Compact spinner without text message.'
-      }
-    }
-  }
-}`,...(se=(ee=d.parameters)==null?void 0:ee.docs)==null?void 0:se.source}}};var ae,re,ne;g.parameters={...g.parameters,docs:{...(ae=g.parameters)==null?void 0:ae.docs,source:{originalSource:`{
-  args: {
-    variant: 'dots',
-    size: 'medium',
-    showSparkles: false,
-    message: 'Clean loading without sparkles...'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Minimal loading spinner without decorative sparkles.'
-      }
-    }
-  }
-}`,...(ne=(re=g.parameters)==null?void 0:re.docs)==null?void 0:ne.source}}};var oe,te,ie;u.parameters={...u.parameters,docs:{...(oe=u.parameters)==null?void 0:oe.docs,source:{originalSource:`{
-  args: {
-    variant: 'spinner',
-    size: 'medium',
-    customMessages: ['Processing your request...', 'Almost ready...', 'Just a few more seconds...', 'Finalizing details...'],
-    messageRotationInterval: 1500
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Loading spinner with custom rotating messages and faster rotation.'
-      }
-    }
-  }
-}`,...(ie=(te=u.parameters)==null?void 0:te.docs)==null?void 0:ie.source}}};var ce,me,pe;v.parameters={...v.parameters,docs:{...(ce=v.parameters)==null?void 0:ce.docs,source:{originalSource:`{
-  args: {
-    variant: 'dots',
-    size: 'large',
-    message: 'Loading application...',
-    fullScreen: true,
-    overlay: true
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Full-screen loading overlay for app initialization or major operations.'
-      }
-    }
-  }
-}`,...(pe=(me=v.parameters)==null?void 0:me.docs)==null?void 0:pe.source}}};var le,de,ge;S.parameters={...S.parameters,docs:{...(le=S.parameters)==null?void 0:le.docs,source:{originalSource:`{
-  args: {
-    variant: 'spinner',
-    size: 'small',
-    showMessage: false,
-    showSparkles: false,
-    color: '#6c757d'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Ultra-minimal loading spinner for inline use.'
-      }
-    }
-  }
-}`,...(ge=(de=S.parameters)==null?void 0:de.docs)==null?void 0:ge.source}}};const Ce=["Default","WithCustomMessage","SmallSize","LargeSize","CircleSpinner","PulseSpinner","SmallCircleSpinner","LargePulseSpinner","DataLoadingExample","SaveExample","UploadExample","CustomColors","NoMessage","NoSparkles","CustomMessages","FullScreenOverlay","MinimalSpinner"];export{n as CircleSpinner,l as CustomColors,u as CustomMessages,c as DataLoadingExample,e as Default,v as FullScreenOverlay,i as LargePulseSpinner,r as LargeSize,S as MinimalSpinner,d as NoMessage,g as NoSparkles,o as PulseSpinner,m as SaveExample,t as SmallCircleSpinner,a as SmallSize,p as UploadExample,s as WithCustomMessage,Ce as __namedExportsOrder,we as default};

package/storybook-static/assets/MoodChart-2hr_Y2GI.css

@@ -1 +0,0 @@
-._container_1cfkm_1{position:relative;background:var(--color-background-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center}._chart_1cfkm_11{display:block;margin:0 auto}._gridLine_1cfkm_16{stroke:var(--color-border);stroke-opacity:.15;stroke-dasharray:4,4}._line_1cfkm_22{fill:none;stroke:var(--color-primary);stroke-width:2.5;stroke-opacity:.8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}._xAxis_1cfkm_30,._yAxis_1cfkm_31{color:var(--color-text-secondary);font-size:11px;font-weight:500}._xAxis_1cfkm_30 line,._xAxis_1cfkm_30 path,._yAxis_1cfkm_31 line,._yAxis_1cfkm_31 path{stroke:var(--color-border);stroke-opacity:.3}._xAxis_1cfkm_30 text,._yAxis_1cfkm_31 text{fill:var(--color-text-secondary)}._dataPoint_1cfkm_50{cursor:pointer;stroke:var(--color-text-inverse);stroke-width:2;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}._dataPoint_1cfkm_50:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transform:scale(1.2)}._tooltip_1cfkm_63{position:absolute;background:var(--color-background-secondary);border:2px solid var(--color-primary);border-radius:12px;padding:16px;box-shadow:0 8px 24px #00000026;pointer-events:none;z-index:10;min-width:280px;max-width:400px;animation:_fadeIn_1cfkm_1 .2s ease}@keyframes _fadeIn_1cfkm_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._tooltipHeader_1cfkm_88{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}._tooltipDate_1cfkm_97{font-weight:600;color:var(--color-text);font-size:14px}._tooltipRating_1cfkm_103{display:flex;align-items:baseline;gap:2px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));padding:4px 10px;border-radius:20px;color:var(--color-text-inverse)}._ratingValue_1cfkm_113{font-size:18px;font-weight:700}._ratingMax_1cfkm_118{font-size:12px;opacity:.9}._tooltipTags_1cfkm_123{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}._tag_1cfkm_130{display:inline-block;padding:4px 10px;background:var(--color-primary-lighter);color:var(--color-primary-active);border-radius:12px;font-size:12px;font-weight:500;border:1px solid var(--color-primary-light);animation:_tagBounce_1cfkm_1 .3s ease}@keyframes _tagBounce_1cfkm_1{0%{transform:scale(.8)}60%{transform:scale(1.05)}to{transform:scale(1)}}._tooltipComment_1cfkm_148{color:var(--color-text-secondary);font-size:13px;line-height:1.5;max-height:200px;overflow-y:auto;padding:12px;background:var(--color-background-tertiary);border-radius:8px;border:1px solid var(--color-border)}._tooltipComment_1cfkm_148::-webkit-scrollbar{width:4px}._tooltipComment_1cfkm_148::-webkit-scrollbar-track{background:var(--color-background-tertiary)}._tooltipComment_1cfkm_148::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:2px}._moodIndicator_1cfkm_174{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px}