@stfrigerio/sito-template 0.1.37 → 0.1.44

package/storybook-static/assets/Card-BxyVZ-1r.css

@@ -0,0 +1 @@
+._card_k0xft_1{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-slow) cubic-bezier(.34,1.56,.64,1);position:relative}._card_k0xft_1:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.02) 100%);pointer-events:none;opacity:0;transition:opacity var(--transition-slow)}._card_k0xft_1:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:radial-gradient(circle at center,var(--color-primary-light),transparent 70%);border-radius:var(--radius-2xl);opacity:0;z-index:-1;transition:opacity var(--transition-slow);filter:blur(40px)}._card_k0xft_1:hover._hoverable_k0xft_50:before{opacity:1}._card_k0xft_1:hover._hoverable_k0xft_50:after{opacity:.15}._card_k0xft_1:hover._hoverable_k0xft_50{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-border-hover, var(--color-border))}._elevated_k0xft_65{box-shadow:var(--shadow-lg);border:none;background:var(--color-surface);transform:translateY(0)}._elevated_k0xft_65:hover._hoverable_k0xft_50{box-shadow:var(--shadow-2xl);transform:translateY(-6px)}._outlined_k0xft_78{background:var(--color-background);border:1px solid var(--color-border);box-shadow:none;position:relative;transition:all var(--transition-base)}._outlined_k0xft_78:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-2xl);opacity:0;z-index:-1;transition:opacity var(--transition-base)}._outlined_k0xft_78:hover._hoverable_k0xft_50{transform:translateY(-4px);border-color:transparent}._outlined_k0xft_78:hover._hoverable_k0xft_50:before{opacity:1}._flat_k0xft_111{border:none;box-shadow:none;background:linear-gradient(135deg,var(--color-background-secondary),rgba(255,255,255,.02));position:relative;overflow:hidden}._flat_k0xft_111:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transition:left var(--transition-slow)}._flat_k0xft_111:hover._hoverable_k0xft_50{background:linear-gradient(135deg,var(--color-background-tertiary),rgba(255,255,255,.05));box-shadow:0 2px 8px #0000000a,inset 0 1px #ffffff0f;transform:translateY(-2px)}._flat_k0xft_111:hover._hoverable_k0xft_50:before{left:100%}._glass_k0xft_156{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000000f,inset 0 0 0 1px #ffffff14}._glass_k0xft_156:before{background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.06),transparent 40%)}._glass_k0xft_156:hover._hoverable_k0xft_50{transform:translateY(-6px) scale(1.01);box-shadow:0 12px 48px #00000014,inset 0 0 0 1px #ffffff1f;border-color:#ffffff40}._imageContainer_k0xft_187{position:relative;overflow:hidden;margin:-1px -1px 0;background:linear-gradient(135deg,var(--color-primary-lighter),var(--color-secondary-lighter))}._imageContainer_k0xft_187:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.4) 100%);opacity:0;transition:opacity var(--transition-slow);pointer-events:none}._card_k0xft_1:hover ._imageContainer_k0xft_187:after{opacity:1}._image_k0xft_187{width:100%;height:auto;display:block;transition:transform var(--transition-slower) cubic-bezier(.25,.46,.45,.94);filter:brightness(1) contrast(1)}._card_k0xft_1:hover._hoverable_k0xft_50 ._image_k0xft_187{transform:scale(1.1) translateY(-4px);filter:brightness(1.05) contrast(1.05)}._header_k0xft_233{padding:var(--spacing-lg);border-bottom:1px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%);position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}._headerContent_k0xft_248{flex:1;min-width:0}._expandButton_k0xft_254{background:none;border:none;border-radius:var(--radius-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base);flex-shrink:0;position:relative}._expandButton_k0xft_254:hover{background:var(--color-background-secondary);color:var(--color-text);transform:scale(1.05)}._expandButton_k0xft_254:active{transform:scale(.95)}._expandButton_k0xft_254:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._expandIcon_k0xft_285{transition:transform var(--transition-base) ease-in-out}._expandableContent_k0xft_289{overflow:hidden}._expandable_k0xft_289{overflow:visible}._header_k0xft_233:after{content:"";position:absolute;bottom:0;left:var(--spacing-lg);right:var(--spacing-lg);height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}._body_k0xft_313{padding:var(--spacing-lg);position:relative}._footer_k0xft_319{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid transparent;display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.02) 100%);position:relative}._footer_k0xft_319:before{content:"";position:absolute;top:0;left:var(--spacing-lg);right:var(--spacing-lg);height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}._title_k0xft_350{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);transition:all var(--transition-base)}._card_k0xft_1:hover ._title_k0xft_350{color:var(--color-text);transform:translate(2px)}._subtitle_k0xft_366{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);opacity:.8;transition:opacity var(--transition-base)}._card_k0xft_1:hover ._subtitle_k0xft_366{opacity:1}._clickable_k0xft_380{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast)}._clickable_k0xft_380:active{transform:scale(.98);box-shadow:inset 0 2px 8px #00000014,0 1px 2px #0000000d}._padding_k0xft_394{padding:var(--spacing-lg)}._noPadding_k0xft_398{padding:0}._loading_k0xft_403{position:relative;overflow:hidden;pointer-events:none}._loading_k0xft_403:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 60%);animation:_loadingShimmer_k0xft_1 2s infinite;transform:rotate(0)}@keyframes _loadingShimmer_k0xft_1{0%{transform:translate(-100%) translateY(-100%) rotate(30deg)}to{transform:translate(100%) translateY(100%) rotate(30deg)}}._loading_k0xft_403 ._title_k0xft_350,._loading_k0xft_403 ._subtitle_k0xft_366,._loading_k0xft_403 ._body_k0xft_313{position:relative;color:transparent;background:linear-gradient(90deg,var(--color-background-secondary) 25%,var(--color-background-tertiary) 50%,var(--color-background-secondary) 75%);background-size:200% 100%;animation:_loadingPulse_k0xft_1 2s infinite;-webkit-background-clip:text;background-clip:text}@keyframes _loadingPulse_k0xft_1{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] ._card_k0xft_1{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] ._card_k0xft_1:before{opacity:0}[data-theme=dark] ._card_k0xft_1:after{background:radial-gradient(circle at center,rgba(124,58,237,.2),transparent 70%);filter:blur(60px)}[data-theme=dark] ._elevated_k0xft_65{background:var(--color-surface);box-shadow:var(--shadow-xl)}[data-theme=dark] ._outlined_k0xft_78:before{background:linear-gradient(135deg,#a78bfa66,#2dd4bf66)}[data-theme=dark] ._glass_k0xft_156{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0003,inset 0 0 0 1px #ffffff08}[data-theme=dark] ._header_k0xft_233{background:linear-gradient(180deg,rgba(255,255,255,.01) 0%,transparent 100%)}[data-theme=dark] ._footer_k0xft_319{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.1) 100%)}[data-theme=dark] ._expandButton_k0xft_254:hover{background:var(--color-background-tertiary)}@media (max-width: 768px){._card_k0xft_1{border-radius:var(--radius-xl)}._card_k0xft_1:hover._hoverable_k0xft_50{transform:translateY(-2px)}._header_k0xft_233,._body_k0xft_313,._footer_k0xft_319{padding:var(--spacing-md)}._title_k0xft_350{font-size:var(--font-size-lg)}}

package/storybook-static/assets/Card-C1evZ1rT.js

@@ -0,0 +1,49 @@
+import{r as I,j as e}from"./iframe-2N7rjfXm.js";import{A as M}from"./index-IKMS7NhW.js";import{m as _}from"./proxy-qiKixXs8.js";const B="_card_k0xft_1",V="_hoverable_k0xft_50",A="_elevated_k0xft_65",L="_outlined_k0xft_78",S="_flat_k0xft_111",E="_glass_k0xft_156",W="_imageContainer_k0xft_187",F="_image_k0xft_187",H="_header_k0xft_233",R="_headerContent_k0xft_248",O="_expandButton_k0xft_254",D="_expandIcon_k0xft_285",J="_expandableContent_k0xft_289",U="_expandable_k0xft_289",X="_body_k0xft_313",z="_footer_k0xft_319",G="_title_k0xft_350",K="_subtitle_k0xft_366",Q="_clickable_k0xft_380",Y="_padding_k0xft_394",Z="_noPadding_k0xft_398",$="_loading_k0xft_403",ee="_loadingShimmer_k0xft_1",ae="_loadingPulse_k0xft_1",a={card:B,hoverable:V,elevated:A,outlined:L,flat:S,glass:E,imageContainer:W,image:F,header:H,headerContent:R,expandButton:O,expandIcon:D,expandableContent:J,expandable:U,body:X,footer:z,title:G,subtitle:K,clickable:Q,padding:Y,noPadding:Z,loading:$,loadingShimmer:ee,loadingPulse:ae},te=({variant:g="elevated",hoverable:d=!1,clickable:l=!1,padding:c=!0,image:p,imageAlt:v="",title:o,subtitle:s,header:u,footer:m,children:f,expandable:t=!1,defaultExpanded:C=!1,expanded:i,onExpandChange:r,className:b="",onClick:k,motionProps:y,...j})=>{const[T,N]=I.useState(C),n=i!==void 0?i:T,h=()=>{const x=!n;i===void 0&&N(x),r==null||r(x)},q=[a.card,a[g],d&&a.hoverable,l&&a.clickable,!c&&a.noPadding,t&&a.expandable,b].filter(Boolean).join(" "),w=()=>u?e.jsxs("div",{className:a.header,children:[e.jsx("div",{className:a.headerContent,children:u}),t&&e.jsx("button",{className:a.expandButton,onClick:h,"aria-label":n?"Collapse card":"Expand card",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:a.expandIcon,style:{transform:n?"rotate(180deg)":"rotate(0deg)"},children:e.jsx("path",{d:"M6 9l6 6 6-6"})})})]}):o||s?e.jsxs("div",{className:a.header,children:[e.jsxs("div",{className:a.headerContent,children:[o&&e.jsx("h3",{className:a.title,children:o}),s&&e.jsx("p",{className:a.subtitle,children:s})]}),t&&e.jsx("button",{className:a.expandButton,onClick:h,"aria-label":n?"Collapse card":"Expand card",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:a.expandIcon,style:{transform:n?"rotate(180deg)":"rotate(0deg)"},children:e.jsx("path",{d:"M6 9l6 6 6-6"})})})]}):null,P=e.jsxs(e.Fragment,{children:[p&&e.jsx("div",{className:a.imageContainer,children:e.jsx("img",{src:p,alt:v,className:a.image})}),w(),e.jsx(M,{initial:!1,children:(!t||n)&&e.jsxs(_.div,{initial:t?{height:0,opacity:0}:void 0,animate:t?{height:"auto",opacity:1}:void 0,exit:t?{height:0,opacity:0}:void 0,transition:{duration:.3,ease:"easeInOut"},className:a.expandableContent,children:[f&&e.jsx("div",{className:c?a.body:void 0,children:f}),m&&e.jsx("div",{className:a.footer,children:m})]},"content")})]});return e.jsx(_.div,{className:q,onClick:l?k:void 0,whileHover:d?{y:-4}:void 0,transition:{type:"spring",stiffness:400,damping:17},...y,...j,children:P})};te.__docgenInfo={description:`Card Component
+
+@component
+@description
+A flexible container component that can display content in a structured card layout.
+Supports multiple visual styles, optional images, headers, footers, and smooth animations
+powered by Framer Motion.
+
+@example
+// Basic card with content
+<Card>
+  <p>This is card content</p>
+</Card>
+
+@example
+// Card with title and subtitle
+<Card 
+  title="Card Title" 
+  subtitle="Card subtitle" 
+  variant="outlined"
+>
+  Card body content here
+</Card>
+
+@example
+// Interactive card with image
+<Card 
+  image="/path/to/image.jpg"
+  imageAlt="Description"
+  hoverable
+  clickable
+  onClick={handleCardClick}
+>
+  <h4>Interactive Card</h4>
+  <p>Click me!</p>
+</Card>
+
+@example
+// Card with custom header and footer
+<Card 
+  header={<CustomHeader />}
+  footer={<CustomFooter />}
+  variant="flat"
+>
+  Main content area
+</Card>
+
+@param {CardProps} props - The props for the Card component
+@returns {JSX.Element} The rendered Card component`,methods:[],displayName:"Card",props:{variant:{required:!1,tsType:{name:"union",raw:"'elevated' | 'outlined' | 'flat' | 'glass'",elements:[{name:"literal",value:"'elevated'"},{name:"literal",value:"'outlined'"},{name:"literal",value:"'flat'"},{name:"literal",value:"'glass'"}]},description:"Visual style variant of the card",defaultValue:{value:"'elevated'",computed:!1}},hoverable:{required:!1,tsType:{name:"boolean"},description:"Whether the card should have hover animations",defaultValue:{value:"false",computed:!1}},clickable:{required:!1,tsType:{name:"boolean"},description:"Whether the card should be clickable (adds pointer cursor and click handler)",defaultValue:{value:"false",computed:!1}},padding:{required:!1,tsType:{name:"boolean"},description:"Whether the card content should have padding",defaultValue:{value:"true",computed:!1}},image:{required:!1,tsType:{name:"string"},description:"URL for an optional image at the top of the card"},imageAlt:{required:!1,tsType:{name:"string"},description:"Alt text for the card image",defaultValue:{value:"''",computed:!1}},title:{required:!1,tsType:{name:"string"},description:"Title text for the card header"},subtitle:{required:!1,tsType:{name:"string"},description:"Subtitle text for the card header"},header:{required:!1,tsType:{name:"ReactNode"},description:"Custom header content (overrides title/subtitle)"},footer:{required:!1,tsType:{name:"ReactNode"},description:"Footer content for the bottom of the card"},children:{required:!1,tsType:{name:"ReactNode"},description:"Main content of the card"},expandable:{required:!1,tsType:{name:"boolean"},description:"Whether the card is expandable/collapsible",defaultValue:{value:"false",computed:!1}},defaultExpanded:{required:!1,tsType:{name:"boolean"},description:"Initial expanded state (default: false)",defaultValue:{value:"false",computed:!1}},expanded:{required:!1,tsType:{name:"boolean"},description:"Controlled expanded state"},onExpandChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(expanded: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"expanded"}],return:{name:"void"}}},description:"Callback when expand state changes"},motionProps:{required:!1,tsType:{name:"HTMLMotionProps",elements:[{name:"literal",value:'"div"'}],raw:'HTMLMotionProps<"div">'},description:"Additional Framer Motion props for custom animations"},className:{defaultValue:{value:"''",computed:!1},required:!1}},composes:["Omit"]};export{te as C};

package/storybook-static/assets/Card.stories-Cd8o0lJL.js

@@ -0,0 +1,127 @@
+import{j as e,r as T}from"./iframe-2N7rjfXm.js";import{C as a}from"./Card-C1evZ1rT.js";import{B as t}from"./Button-C_YZ5gR4.js";import"./preload-helper-C1FmrZbK.js";import"./index-IKMS7NhW.js";import"./proxy-qiKixXs8.js";import"./MotionConfigContext-4uS6JRtS.js";import"./useSound-BBLJ5Rjg.js";const D={title:"Atoms/Card",component:a,parameters:{layout:"centered",docs:{description:{component:"A flexible container component with various styling options and animation support."}}},tags:["autodocs"],argTypes:{variant:{control:"select",options:["elevated","outlined","flat","glass"],description:"Visual style variant of the card"},padding:{control:"boolean"},hoverable:{control:"boolean"},clickable:{control:"boolean"},expandable:{control:"boolean"},defaultExpanded:{control:"boolean"},title:{control:"text"},subtitle:{control:"text"},onClick:{action:"clicked"},onExpandChange:{action:"expand-changed"}}},r={args:{title:"Card Title",subtitle:"Optional subtitle",hoverable:!0,children:e.jsx("p",{children:"Card content goes here. Use controls to switch between elevated, outlined, flat, and glass variants."})}},n={args:{variant:"elevated",hoverable:!0,image:"https://via.placeholder.com/350x200",imageAlt:"Feature image",children:e.jsxs("div",{style:{maxWidth:"350px"},children:[e.jsx("h2",{style:{marginBottom:"0.5rem"},children:"Feature Card"}),e.jsx("p",{style:{marginBottom:"1rem",color:"#666"},children:"Image, title, description, and action buttons composed together."}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[e.jsx(t,{variant:"primary",size:"small",children:"Learn More"}),e.jsx(t,{variant:"outline",size:"small",children:"Share"})]})]})}},l={render:()=>e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:"1rem",maxWidth:"800px"},children:[e.jsxs(a,{variant:"elevated",hoverable:!0,children:[e.jsx("h4",{children:"Elevated"}),e.jsx("p",{children:"With shadow"})]}),e.jsxs(a,{variant:"outlined",hoverable:!0,children:[e.jsx("h4",{children:"Outlined"}),e.jsx("p",{children:"With border"})]}),e.jsxs(a,{variant:"glass",hoverable:!0,children:[e.jsx("h4",{children:"Glass"}),e.jsx("p",{children:"Glassmorphism"})]})]}),parameters:{controls:{disable:!0},layout:"padded"}},s={args:{title:"Expandable Card",subtitle:"Click the arrow to expand",expandable:!0,variant:"outlined",children:e.jsxs("div",{children:[e.jsx("p",{children:"This content is collapsible. Useful for FAQ sections, settings panels, or progressive disclosure."}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem",marginTop:"1rem"},children:[e.jsx(t,{variant:"primary",size:"small",children:"Action"}),e.jsx(t,{variant:"outline",size:"small",children:"Secondary"})]})]})}},i={render:()=>{const[d,p]=T.useState(!1);return e.jsxs("div",{style:{width:"400px"},children:[e.jsxs(a,{title:"Controlled Expandable",subtitle:"State managed externally",expandable:!0,expanded:d,onExpandChange:p,variant:"glass",hoverable:!0,children:[e.jsx("p",{children:"Expanded state is controlled via props."}),e.jsxs("p",{children:["Current: ",e.jsx("strong",{children:d?"Expanded":"Collapsed"})]})]}),e.jsx("div",{style:{marginTop:"1rem",textAlign:"center"},children:e.jsx(t,{variant:"primary",onClick:()=>p(!d),children:"External Toggle"})})]})},parameters:{controls:{disable:!0}}},o={render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",maxWidth:"600px"},children:[e.jsx(a,{title:"Getting Started",expandable:!0,variant:"outlined",children:e.jsx("p",{children:"Create an account and follow the onboarding tutorial to get started."})}),e.jsx(a,{title:"Account Management",expandable:!0,variant:"outlined",children:e.jsx("p",{children:"Manage settings from the profile page: personal info, password, notifications."})}),e.jsx(a,{title:"Billing & Payments",expandable:!0,defaultExpanded:!0,variant:"outlined",children:e.jsx("p",{children:"We accept all major credit cards and PayPal. Billing is monthly or annual."})})]}),parameters:{controls:{disable:!0},layout:"padded"}};var c,m,u;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  args: {
+    title: 'Card Title',
+    subtitle: 'Optional subtitle',
+    hoverable: true,
+    children: <p>Card content goes here. Use controls to switch between elevated, outlined, flat, and glass variants.</p>
+  }
+}`,...(u=(m=r.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};var x,h,g;n.parameters={...n.parameters,docs:{...(x=n.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  args: {
+    variant: 'elevated',
+    hoverable: true,
+    image: 'https://via.placeholder.com/350x200',
+    imageAlt: 'Feature image',
+    children: <div style={{
+      maxWidth: '350px'
+    }}>
+                <h2 style={{
+        marginBottom: '0.5rem'
+      }}>Feature Card</h2>
+                <p style={{
+        marginBottom: '1rem',
+        color: '#666'
+      }}>
+                    Image, title, description, and action buttons composed together.
+                </p>
+                <div style={{
+        display: 'flex',
+        gap: '0.5rem'
+      }}>
+                    <Button variant="primary" size="small">Learn More</Button>
+                    <Button variant="outline" size="small">Share</Button>
+                </div>
+            </div>
+  }
+}`,...(g=(h=n.parameters)==null?void 0:h.docs)==null?void 0:g.source}}};var v,b,y;l.parameters={...l.parameters,docs:{...(v=l.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  render: () => <div style={{
+    display: 'grid',
+    gridTemplateColumns: 'repeat(3, 1fr)',
+    gap: '1rem',
+    maxWidth: '800px'
+  }}>
+            <Card variant="elevated" hoverable>
+                <h4>Elevated</h4>
+                <p>With shadow</p>
+            </Card>
+            <Card variant="outlined" hoverable>
+                <h4>Outlined</h4>
+                <p>With border</p>
+            </Card>
+            <Card variant="glass" hoverable>
+                <h4>Glass</h4>
+                <p>Glassmorphism</p>
+            </Card>
+        </div>,
+  parameters: {
+    controls: {
+      disable: true
+    },
+    layout: 'padded'
+  }
+}`,...(y=(b=l.parameters)==null?void 0:b.docs)==null?void 0:y.source}}};var C,f,j;s.parameters={...s.parameters,docs:{...(C=s.parameters)==null?void 0:C.docs,source:{originalSource:`{
+  args: {
+    title: 'Expandable Card',
+    subtitle: 'Click the arrow to expand',
+    expandable: true,
+    variant: 'outlined',
+    children: <div>
+                <p>This content is collapsible. Useful for FAQ sections, settings panels, or progressive disclosure.</p>
+                <div style={{
+        display: 'flex',
+        gap: '0.5rem',
+        marginTop: '1rem'
+      }}>
+                    <Button variant="primary" size="small">Action</Button>
+                    <Button variant="outline" size="small">Secondary</Button>
+                </div>
+            </div>
+  }
+}`,...(j=(f=s.parameters)==null?void 0:f.docs)==null?void 0:j.source}}};var E,B,S;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`{
+  render: () => {
+    const [isExpanded, setIsExpanded] = useState(false);
+    return <div style={{
+      width: '400px'
+    }}>
+                <Card title="Controlled Expandable" subtitle="State managed externally" expandable expanded={isExpanded} onExpandChange={setIsExpanded} variant="glass" hoverable>
+                    <p>Expanded state is controlled via props.</p>
+                    <p>Current: <strong>{isExpanded ? 'Expanded' : 'Collapsed'}</strong></p>
+                </Card>
+                <div style={{
+        marginTop: '1rem',
+        textAlign: 'center'
+      }}>
+                    <Button variant="primary" onClick={() => setIsExpanded(!isExpanded)}>
+                        External Toggle
+                    </Button>
+                </div>
+            </div>;
+  },
+  parameters: {
+    controls: {
+      disable: true
+    }
+  }
+}`,...(S=(B=i.parameters)==null?void 0:B.docs)==null?void 0:S.source}}};var w,A,W;o.parameters={...o.parameters,docs:{...(w=o.parameters)==null?void 0:w.docs,source:{originalSource:`{
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '1rem',
+    maxWidth: '600px'
+  }}>
+            <Card title="Getting Started" expandable variant="outlined">
+                <p>Create an account and follow the onboarding tutorial to get started.</p>
+            </Card>
+            <Card title="Account Management" expandable variant="outlined">
+                <p>Manage settings from the profile page: personal info, password, notifications.</p>
+            </Card>
+            <Card title="Billing & Payments" expandable defaultExpanded variant="outlined">
+                <p>We accept all major credit cards and PayPal. Billing is monthly or annual.</p>
+            </Card>
+        </div>,
+  parameters: {
+    controls: {
+      disable: true
+    },
+    layout: 'padded'
+  }
+}`,...(W=(A=o.parameters)==null?void 0:A.docs)==null?void 0:W.source}}};const Q=["Default","WithImage","GridOfCards","Expandable","ExpandableControlled","FAQSection"];export{r as Default,s as Expandable,i as ExpandableControlled,o as FAQSection,l as GridOfCards,n as WithImage,Q as __namedExportsOrder,D as default};

package/storybook-static/assets/CardNav-DJBuAE3a.css

@@ -0,0 +1 @@
+._card-nav-container_87iwp_1{position:absolute;top:2em;left:50%;transform:translate(-50%);width:90%;max-width:800px;z-index:99;box-sizing:border-box}._card-nav_87iwp_1{display:block;height:60px;padding:0;background-color:#fff;border:.5px solid rgba(255,255,255,.1);border-radius:.75rem;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden;will-change:height}._card-nav-top_87iwp_25{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:.5rem .45rem .55rem 1.1rem;z-index:2}._hamburger-menu_87iwp_38{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:6px}._hamburger-menu_87iwp_38:hover ._hamburger-line_87iwp_48{opacity:.75}._hamburger-line_87iwp_48{width:30px;height:2px;background-color:currentColor;transition:transform .25s ease,opacity .2s ease,margin .3s ease;transform-origin:50% 50%}._hamburger-menu_87iwp_38._open_87iwp_63 ._hamburger-line_87iwp_48:first-child{transform:translateY(4px) rotate(45deg)}._hamburger-menu_87iwp_38._open_87iwp_63 ._hamburger-line_87iwp_48:last-child{transform:translateY(-4px) rotate(-45deg)}._logo-container_87iwp_71{display:flex;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}._logo_87iwp_71{height:28px}._card-nav-cta-button_87iwp_84{background-color:#111;color:#fff;border:none;border-radius:.4rem;padding:0 1rem;min-height:100vh;font-weight:500;cursor:pointer;transition:background-color .3s ease;align-items:center}._card-nav-cta-button_87iwp_84:hover{background-color:#333}._card-nav-content_87iwp_101{position:absolute;left:0;right:0;top:60px;bottom:0;padding:.5rem;display:flex;align-items:flex-end;gap:12px;visibility:hidden;pointer-events:none;z-index:1}._card-nav_87iwp_1._open_87iwp_63 ._card-nav-content_87iwp_101{visibility:visible;pointer-events:auto}._nav-card_87iwp_121{min-height:100vh;flex:1 1 0;min-width:0;border-radius:.55rem;position:relative;display:flex;flex-direction:column;padding:12px 16px;gap:8px;-webkit-user-select:none;user-select:none}._nav-card-label_87iwp_134{font-weight:400;font-size:22px;letter-spacing:-.5px}._nav-card-links_87iwp_140{margin-top:auto;display:flex;flex-direction:column;gap:2px}._nav-card-link_87iwp_140{font-size:16px;cursor:pointer;text-decoration:none;transition:opacity .3s ease;display:inline-flex;align-items:center;gap:6px}._nav-card-link_87iwp_140:hover{opacity:.75}@media (max-width: 768px){._card-nav-container_87iwp_1{width:90%;top:1.2em}._card-nav-top_87iwp_25{padding:.5rem 1rem;justify-content:space-between}._hamburger-menu_87iwp_38{order:2}._logo-container_87iwp_71{position:static;transform:none;order:1}._card-nav-cta-button_87iwp_84{display:none}._card-nav-content_87iwp_101{flex-direction:column;align-items:stretch;gap:8px;padding:.5rem;bottom:0;justify-content:flex-start}._nav-card_87iwp_121{height:auto;min-height:60px;flex:1 1 auto;max-height:none}._nav-card-label_87iwp_134{font-size:18px}._nav-card-link_87iwp_140{font-size:15px}}

package/storybook-static/assets/CardNav.stories-CVCNllVh.js

@@ -0,0 +1,55 @@
+import{r as o,j as r}from"./iframe-2N7rjfXm.js";import{g as u}from"./index-C8pce-KX.js";import{G as M}from"./iconBase-fo9b9WAM.js";import"./preload-helper-C1FmrZbK.js";function U(f){return M({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M18.25 15.5a.75.75 0 0 1-.75-.75V7.56L7.28 17.78a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L16.44 6.5H9.25a.75.75 0 0 1 0-1.5h9a.75.75 0 0 1 .75.75v9a.75.75 0 0 1-.75.75Z"},child:[]}]})(f)}const G="_open_87iwp_63",O="_logo_87iwp_71",n={"card-nav-container":"_card-nav-container_87iwp_1","card-nav":"_card-nav_87iwp_1","card-nav-top":"_card-nav-top_87iwp_25","hamburger-menu":"_hamburger-menu_87iwp_38","hamburger-line":"_hamburger-line_87iwp_48",open:G,"logo-container":"_logo-container_87iwp_71",logo:O,"card-nav-cta-button":"_card-nav-cta-button_87iwp_84","card-nav-content":"_card-nav-content_87iwp_101","nav-card":"_nav-card_87iwp_121","nav-card-label":"_nav-card-label_87iwp_134","nav-card-links":"_nav-card-links_87iwp_140","nav-card-link":"_nav-card-link_87iwp_140"},L=({logo:f,logoAlt:$="Logo",items:m,className:N="",ease:b="power3.out",baseColor:k="#fff",menuColor:R,buttonBgColor:j,buttonTextColor:E})=>{const[A,g]=o.useState(!1),[s,_]=o.useState(!1),c=o.useRef(null),p=o.useRef([]),l=o.useRef(null),C=()=>{const e=c.current;if(!e)return 260;if(window.matchMedia("(max-width: 768px)").matches){const a=e.querySelector(".card-nav-content");if(a){const i=a.style.visibility,v=a.style.pointerEvents,S=a.style.position,T=a.style.height;a.style.visibility="visible",a.style.pointerEvents="auto",a.style.position="static",a.style.height="auto",a.offsetHeight;const V=60,q=16,I=a.scrollHeight;return a.style.visibility=i,a.style.pointerEvents=v,a.style.position=S,a.style.height=T,V+I+q}}return 260},h=()=>{const e=c.current;if(!e)return null;u.set(e,{height:60,overflow:"hidden"}),u.set(p.current,{y:50,opacity:0});const t=u.timeline({paused:!0});return t.to(e,{height:C,duration:.4,ease:b}),t.to(p.current,{y:0,opacity:1,duration:.4,ease:b,stagger:.08},"-=0.1"),t};o.useLayoutEffect(()=>{const e=h();return l.current=e,()=>{e==null||e.kill(),l.current=null}},[b,m]),o.useLayoutEffect(()=>{const e=()=>{if(l.current)if(s){const t=C();u.set(c.current,{height:t}),l.current.kill();const a=h();a&&(a.progress(1),l.current=a)}else{l.current.kill();const t=h();t&&(l.current=t)}};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[s]);const D=()=>{const e=l.current;e&&(s?(g(!1),e.eventCallback("onReverseComplete",()=>_(!1)),e.reverse()):(g(!0),_(!0),e.play(0)))},H=e=>t=>{t&&(p.current[e]=t)};return r.jsx("div",{className:`${n["card-nav-container"]} ${N}`,children:r.jsxs("nav",{ref:c,className:`${n["card-nav"]} ${s?n.open:""}`,style:{backgroundColor:k},children:[r.jsxs("div",{className:`${n["card-nav-top"]}`,children:[r.jsxs("div",{className:`${n["hamburger-menu"]} ${A?n.open:""}`,onClick:D,role:"button","aria-label":s?"Close menu":"Open menu",tabIndex:0,style:{color:R||"#000"},children:[r.jsx("div",{className:`${n["hamburger-line"]}`}),r.jsx("div",{className:`${n["hamburger-line"]}`})]}),r.jsx("div",{className:`${n["logo-container"]}`,children:r.jsx("img",{src:f,alt:$,className:`${n.logo}`})}),r.jsx("button",{type:"button",className:`${n["card-nav-cta-button"]}`,style:{backgroundColor:j,color:E},children:"Get Started"})]}),r.jsx("div",{className:`${n["card-nav-content"]}`,"aria-hidden":!s,children:(m||[]).slice(0,3).map((e,t)=>{var a;return r.jsxs("div",{className:`${n["nav-card"]}`,ref:H(t),style:{backgroundColor:e.bgColor,color:e.textColor},children:[r.jsx("div",{className:`${n["nav-card-label"]}`,children:e.label}),r.jsx("div",{className:`${n["nav-card-links"]}`,children:(a=e.links)==null?void 0:a.map((i,v)=>r.jsxs("a",{className:`${n["nav-card-link"]}`,href:i.href,"aria-label":i.ariaLabel,children:[r.jsx(U,{className:"nav-card-link-icon","aria-hidden":"true"}),i.label]},`${i.label}-${v}`))})]},`${e.label}-${t}`)})})]})})};L.__docgenInfo={description:"",methods:[],displayName:"CardNav",props:{logoAlt:{defaultValue:{value:"'Logo'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},ease:{defaultValue:{value:"'power3.out'",computed:!1},required:!1},baseColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1}}};const Z={title:"ReactBits/Components/CardNav",component:L,parameters:{layout:"fullscreen"},tags:["autodocs"]},d={args:{logoAlt:"Logo",items:[{label:"Products",bgColor:"#1a1a2e",textColor:"#fff",links:[{label:"Analytics",href:"#",ariaLabel:"Analytics"},{label:"Dashboard",href:"#",ariaLabel:"Dashboard"},{label:"Reports",href:"#",ariaLabel:"Reports"}]},{label:"Resources",bgColor:"#16213e",textColor:"#fff",links:[{label:"Documentation",href:"#",ariaLabel:"Documentation"},{label:"Tutorials",href:"#",ariaLabel:"Tutorials"}]},{label:"Company",bgColor:"#0f3460",textColor:"#fff",links:[{label:"About Us",href:"#",ariaLabel:"About Us"},{label:"Careers",href:"#",ariaLabel:"Careers"},{label:"Contact",href:"#",ariaLabel:"Contact"}]}],ease:"power3.out",baseColor:"#fff"}};var y,w,x;d.parameters={...d.parameters,docs:{...(y=d.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  args: {
+    logoAlt: 'Logo',
+    items: [{
+      label: 'Products',
+      bgColor: '#1a1a2e',
+      textColor: '#fff',
+      links: [{
+        label: 'Analytics',
+        href: '#',
+        ariaLabel: 'Analytics'
+      }, {
+        label: 'Dashboard',
+        href: '#',
+        ariaLabel: 'Dashboard'
+      }, {
+        label: 'Reports',
+        href: '#',
+        ariaLabel: 'Reports'
+      }]
+    }, {
+      label: 'Resources',
+      bgColor: '#16213e',
+      textColor: '#fff',
+      links: [{
+        label: 'Documentation',
+        href: '#',
+        ariaLabel: 'Documentation'
+      }, {
+        label: 'Tutorials',
+        href: '#',
+        ariaLabel: 'Tutorials'
+      }]
+    }, {
+      label: 'Company',
+      bgColor: '#0f3460',
+      textColor: '#fff',
+      links: [{
+        label: 'About Us',
+        href: '#',
+        ariaLabel: 'About Us'
+      }, {
+        label: 'Careers',
+        href: '#',
+        ariaLabel: 'Careers'
+      }, {
+        label: 'Contact',
+        href: '#',
+        ariaLabel: 'Contact'
+      }]
+    }],
+    ease: 'power3.out',
+    baseColor: '#fff'
+  }
+}`,...(x=(w=d.parameters)==null?void 0:w.docs)==null?void 0:x.source}}};const F=["Default"];export{d as Default,F as __namedExportsOrder,Z as default};

package/storybook-static/assets/Carousel-DQYq51gd.css

@@ -0,0 +1 @@
+._carousel-container_14jni_1{position:relative;overflow:hidden;border:1px solid #555;border-radius:24px;padding:16px;--outer-r: 24px;--p-distance: 12px}._carousel-track_14jni_11{display:flex}._carousel-item_14jni_15{position:relative;display:flex;flex-shrink:0;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid #555;border-radius:calc(var(--outer-r) - var(--p-distance));background-color:#0d0716;overflow:hidden;cursor:grab}._carousel-item_14jni_15:active{cursor:grabbing}._carousel-container_14jni_1._round_14jni_33{border:1px solid #555}._carousel-item_14jni_15._round_14jni_33{background-color:#0d0716;position:relative;bottom:.1em;border:1px solid #555;justify-content:center;align-items:center;text-align:center}._carousel-item-header_14jni_47._round_14jni_33{padding:0;margin:0}._carousel-indicators-container_14jni_52._round_14jni_33{position:absolute;z-index:2;bottom:3em;left:50%;transform:translate(-50%)}._carousel-indicator_14jni_52._active_14jni_60{background-color:#333}._carousel-indicator_14jni_52._inactive_14jni_64{background-color:#3336}._carousel-item-header_14jni_47{margin-bottom:16px;padding:20px}._carousel-icon-container_14jni_74{display:flex;height:28px;width:28px;align-items:center;justify-content:center;border-radius:50%;background-color:#fff}._carousel-icon_14jni_74{height:16px;width:16px;color:#060010}._carousel-item-content_14jni_90{padding:20px}._carousel-item-title_14jni_95{margin-bottom:4px;font-weight:900;font-size:18px;color:#fff}._carousel-item-description_14jni_102{font-size:14px;color:#fff}._carousel-indicators-container_14jni_52{display:flex;width:100%;justify-content:center}._carousel-indicators_14jni_52{margin-top:16px;display:flex;width:150px;justify-content:space-between;padding:0 32px}._carousel-indicator_14jni_52{height:8px;width:8px;border-radius:50%;cursor:pointer;transition:background-color .15s}._carousel-indicator_14jni_52._active_14jni_60{background-color:#fff}._carousel-indicator_14jni_52._inactive_14jni_64{background-color:#555}

package/storybook-static/assets/Carousel.stories-DXvKLxeO.js

@@ -0,0 +1,58 @@
+import{r as c,j as i}from"./iframe-2N7rjfXm.js";import{G as v}from"./iconBase-fo9b9WAM.js";import{u as Y}from"./use-motion-value-w2f8nz4L.js";import{m as k}from"./proxy-qiKixXs8.js";import{u as z}from"./use-transform-DZyAm4Sp.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-4uS6JRtS.js";function K(e){return v({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"rect",attr:{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"},child:[]},{tag:"line",attr:{x1:"3",y1:"9",x2:"21",y2:"9"},child:[]},{tag:"line",attr:{x1:"9",y1:"21",x2:"9",y2:"9"},child:[]}]})(e)}function Q(e){return v({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polygon",attr:{points:"12 2 2 7 12 12 22 7 12 2"},child:[]},{tag:"polyline",attr:{points:"2 17 12 22 22 17"},child:[]},{tag:"polyline",attr:{points:"2 12 12 17 22 12"},child:[]}]})(e)}function X(e){return v({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"},child:[]},{tag:"polyline",attr:{points:"14 2 14 8 20 8"},child:[]},{tag:"line",attr:{x1:"16",y1:"13",x2:"8",y2:"13"},child:[]},{tag:"line",attr:{x1:"16",y1:"17",x2:"8",y2:"17"},child:[]},{tag:"polyline",attr:{points:"10 9 9 9 8 9"},child:[]}]})(e)}function Z(e){return v({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"16 18 22 12 16 6"},child:[]},{tag:"polyline",attr:{points:"8 6 2 12 8 18"},child:[]}]})(e)}function ee(e){return v({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"12",cy:"12",r:"10"},child:[]}]})(e)}const te="_round_14jni_33",ne="_active_14jni_60",oe="_inactive_14jni_64",n={"carousel-container":"_carousel-container_14jni_1","carousel-track":"_carousel-track_14jni_11","carousel-item":"_carousel-item_14jni_15",round:te,"carousel-item-header":"_carousel-item-header_14jni_47","carousel-indicators-container":"_carousel-indicators-container_14jni_52","carousel-indicator":"_carousel-indicator_14jni_52",active:ne,inactive:oe,"carousel-icon-container":"_carousel-icon-container_14jni_74","carousel-icon":"_carousel-icon_14jni_74","carousel-item-content":"_carousel-item-content_14jni_90","carousel-item-title":"_carousel-item-title_14jni_95","carousel-item-description":"_carousel-item-description_14jni_102","carousel-indicators":"_carousel-indicators_14jni_52"},ie=[{title:"Text Animations",description:"Cool text animations for your projects.",id:1,icon:i.jsx(X,{className:`${n["carousel-icon"]}`})},{title:"Animations",description:"Smooth animations for your projects.",id:2,icon:i.jsx(ee,{className:`${n["carousel-icon"]}`})},{title:"Components",description:"Reusable components for your projects.",id:3,icon:i.jsx(Q,{className:`${n["carousel-icon"]}`})},{title:"Backgrounds",description:"Beautiful backgrounds and patterns for your projects.",id:4,icon:i.jsx(K,{className:`${n["carousel-icon"]}`})},{title:"Common UI",description:"Common UI components are coming soon!",id:5,icon:i.jsx(Z,{className:`${n["carousel-icon"]}`})}],S=0,B=500,T=16,se={type:"spring",stiffness:300,damping:30};function ae({item:e,index:l,itemWidth:g,round:m,trackItemOffset:u,x:s,transition:f}){const N=[-(l+1)*u,-l*u,-(l-1)*u],r=z(s,N,[90,0,-90],{clamp:!1});return i.jsxs(k.div,{className:`${n["carousel-item"]} ${m?n.round:""}`,style:{width:g,height:m?g:"100%",rotateY:r,...m&&{borderRadius:"50%"}},transition:f,children:[i.jsx("div",{className:`${n["carousel-item-header"]} ${m?n.round:""}`,children:i.jsx("span",{className:`${n["carousel-icon-container"]}`,children:e.icon})}),i.jsxs("div",{className:`${n["carousel-item-content"]}`,children:[i.jsx("div",{className:`${n["carousel-item-title"]}`,children:e.title}),i.jsx("p",{className:`${n["carousel-item-description"]}`,children:e.description})]})]},`${(e==null?void 0:e.id)??l}-${l}`)}function V({items:e=ie,baseWidth:l=300,autoplay:g=!1,autoplayDelay:m=3e3,pauseOnHover:u=!1,loop:s=!1,round:f=!1}){const x=l-32,r=x+T,a=c.useMemo(()=>s?e.length===0?[]:[e[e.length-1],...e,e[0]]:e,[e,s]),[d,p]=c.useState(s?1:0),h=Y(0),[L,A]=c.useState(!1),[q,j]=c.useState(!1),[w,_]=c.useState(!1),C=c.useRef(null);c.useEffect(()=>{if(u&&C.current){const o=C.current,t=()=>A(!0),y=()=>A(!1);return o.addEventListener("mouseenter",t),o.addEventListener("mouseleave",y),()=>{o.removeEventListener("mouseenter",t),o.removeEventListener("mouseleave",y)}}},[u]),c.useEffect(()=>{if(!g||a.length<=1||u&&L)return;const o=setInterval(()=>{p(t=>Math.min(t+1,a.length-1))},m);return()=>clearInterval(o)},[g,m,L,u,a.length]),c.useEffect(()=>{const o=s?1:0;p(o),h.set(-o*r)},[e.length,s,r,h]),c.useEffect(()=>{!s&&d>a.length-1&&p(Math.max(0,a.length-1))},[a.length,s,d]);const E=q?{duration:0}:se,P=()=>{_(!0)},U=()=>{if(!s||a.length<=1){_(!1);return}const o=a.length-1;if(d===o){j(!0);const t=1;p(t),h.set(-t*r),requestAnimationFrame(()=>{j(!1),_(!1)});return}if(d===0){j(!0);const t=e.length;p(t),h.set(-t*r),requestAnimationFrame(()=>{j(!1),_(!1)});return}_(!1)},W=(o,t)=>{const{offset:y,velocity:I}=t,R=y.x<-S||I.x<-B?1:y.x>S||I.x>B?-1:0;R!==0&&p(H=>{const O=H+R,J=a.length-1;return Math.max(0,Math.min(O,J))})},G=s?{}:{dragConstraints:{left:-r*Math.max(a.length-1,0),right:0}},F=e.length===0?0:s?(d-1+e.length)%e.length:Math.min(d,e.length-1);return i.jsxs("div",{ref:C,className:`${n["carousel-container"]} ${f?n.round:""}`,style:{width:`${l}px`,...f&&{height:`${l}px`,borderRadius:"50%"}},children:[i.jsx(k.div,{className:`${n["carousel-track"]}`,drag:w?!1:"x",...G,style:{width:x,gap:`${T}px`,perspective:1e3,perspectiveOrigin:`${d*r+x/2}px 50%`,x:h},onDragEnd:W,animate:{x:-(d*r)},transition:E,onAnimationStart:P,onAnimationComplete:U,children:a.map((o,t)=>i.jsx(ae,{item:o,index:t,itemWidth:x,round:f,trackItemOffset:r,x:h,transition:E},`${(o==null?void 0:o.id)??t}-${t}`))}),i.jsx("div",{className:`${n["carousel-indicators-container"]} ${f?n.round:""}`,children:i.jsx("div",{className:`${n["carousel-indicators"]}`,children:e.map((o,t)=>i.jsx(k.div,{className:`${n["carousel-indicator"]} ${F===t?n.active:n.inactive}`,animate:{scale:F===t?1.2:1},onClick:()=>p(s?t+1:t),transition:{duration:.15}},t))})})]})}V.__docgenInfo={description:"",methods:[],displayName:"Carousel",props:{items:{defaultValue:{value:`[
+  {
+    title: 'Text Animations',
+    description: 'Cool text animations for your projects.',
+    id: 1,
+    icon: <FiFileText className={\`\${styles['carousel-icon']}\`} />
+  },
+  {
+    title: 'Animations',
+    description: 'Smooth animations for your projects.',
+    id: 2,
+    icon: <FiCircle className={\`\${styles['carousel-icon']}\`} />
+  },
+  {
+    title: 'Components',
+    description: 'Reusable components for your projects.',
+    id: 3,
+    icon: <FiLayers className={\`\${styles['carousel-icon']}\`} />
+  },
+  {
+    title: 'Backgrounds',
+    description: 'Beautiful backgrounds and patterns for your projects.',
+    id: 4,
+    icon: <FiLayout className={\`\${styles['carousel-icon']}\`} />
+  },
+  {
+    title: 'Common UI',
+    description: 'Common UI components are coming soon!',
+    id: 5,
+    icon: <FiCode className={\`\${styles['carousel-icon']}\`} />
+  }
+]`,computed:!1},required:!1},baseWidth:{defaultValue:{value:"300",computed:!1},required:!1},autoplay:{defaultValue:{value:"false",computed:!1},required:!1},autoplayDelay:{defaultValue:{value:"3000",computed:!1},required:!1},pauseOnHover:{defaultValue:{value:"false",computed:!1},required:!1},loop:{defaultValue:{value:"false",computed:!1},required:!1},round:{defaultValue:{value:"false",computed:!1},required:!1}}};const fe={title:"ReactBits/Components/Carousel",component:V,parameters:{layout:"fullscreen"},tags:["autodocs"]},$={args:{items:[{title:"Text Animations",description:"Cool text animations.",id:1},{title:"Animations",description:"Smooth animations.",id:2},{title:"Components",description:"Reusable components.",id:3},{title:"Backgrounds",description:"Dynamic backgrounds.",id:4}],baseWidth:300,autoplay:!1,autoplayDelay:3e3,pauseOnHover:!1,loop:!1,round:!1}};var M,b,D;$.parameters={...$.parameters,docs:{...(M=$.parameters)==null?void 0:M.docs,source:{originalSource:`{
+  args: {
+    items: [{
+      title: 'Text Animations',
+      description: 'Cool text animations.',
+      id: 1
+    }, {
+      title: 'Animations',
+      description: 'Smooth animations.',
+      id: 2
+    }, {
+      title: 'Components',
+      description: 'Reusable components.',
+      id: 3
+    }, {
+      title: 'Backgrounds',
+      description: 'Dynamic backgrounds.',
+      id: 4
+    }],
+    baseWidth: 300,
+    autoplay: false,
+    autoplayDelay: 3000,
+    pauseOnHover: false,
+    loop: false,
+    round: false
+  }
+}`,...(D=(b=$.parameters)==null?void 0:b.docs)==null?void 0:D.source}}};const he=["Default"];export{$ as Default,he as __namedExportsOrder,fe as default};

package/storybook-static/assets/{Checkbox-BHwlDfRP.js → Checkbox-tM16vTif.js}

@@ -1,4 +1,4 @@
-import{r as o,j as t}from"./iframe-BUaP2gIF.js";const u="_checkboxLabel_kh8g9_1",m="_checkbox_kh8g9_1",k="_checkboxText_kh8g9_92",a={checkboxLabel:u,checkbox:m,checkboxText:k},x=({checked:c,onChange:i,label:s,disabled:r=!1,indeterminate:e=!1,id:h,name:d,value:l})=>{const n=o.useRef(null);return o.useEffect(()=>{n.current&&(n.current.indeterminate=e)},[e]),t.jsxs("label",{className:a.checkboxLabel,children:[t.jsx("input",{ref:n,type:"checkbox",checked:c,onChange:b=>i(b.target.checked),className:a.checkbox,disabled:r,id:h,name:d,value:l,"aria-checked":e?"mixed":c}),s&&t.jsx("span",{className:a.checkboxText,children:s})]})};x.__docgenInfo={description:`Checkbox component - Modern interactive checkbox with animations
+import{r as i,j as a}from"./iframe-2N7rjfXm.js";import{u as k}from"./useSound-BBLJ5Rjg.js";const x="_checkboxLabel_kh8g9_1",f="_checkbox_kh8g9_1",g="_checkboxText_kh8g9_92",c={checkboxLabel:x,checkbox:f,checkboxText:g},C=({checked:o,onChange:r,label:s,disabled:h=!1,indeterminate:n=!1,id:l,name:d,value:b,soundConfig:e})=>{const t=i.useRef(null),{playSound:u}=k(e);return i.useEffect(()=>{t.current&&(t.current.indeterminate=n)},[n]),a.jsxs("label",{className:c.checkboxLabel,children:[a.jsx("input",{ref:t,type:"checkbox",checked:o,onChange:m=>{const p=m.target.checked;r(p),(e==null?void 0:e.onClick)!==!1&&u("toggle")},className:c.checkbox,disabled:h,id:l,name:d,value:b,"aria-checked":n?"mixed":o}),s&&a.jsx("span",{className:c.checkboxText,children:s})]})};C.__docgenInfo={description:`Checkbox component - Modern interactive checkbox with animations
 
 @component
 @description
@@ -30,4 +30,4 @@ gradient backgrounds, bounce animations, and accessible focus states.
   onChange={handleChange}
   label="Premium feature"
   disabled={true}
-/>`,methods:[],displayName:"Checkbox",props:{checked:{required:!0,tsType:{name:"boolean"},description:"Whether the checkbox is checked"},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(checked: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"checked"}],return:{name:"void"}}},description:"Callback fired when checkbox state changes"},label:{required:!1,tsType:{name:"string"},description:"Label text to display next to the checkbox"},disabled:{required:!1,tsType:{name:"boolean"},description:"Whether the checkbox is disabled",defaultValue:{value:"false",computed:!1}},indeterminate:{required:!1,tsType:{name:"boolean"},description:"Whether the checkbox is in indeterminate state (partial selection)",defaultValue:{value:"false",computed:!1}},id:{required:!1,tsType:{name:"string"},description:"HTML id attribute for the checkbox input"},name:{required:!1,tsType:{name:"string"},description:"HTML name attribute for form submission"},value:{required:!1,tsType:{name:"string"},description:"HTML value attribute for form submission"}}};export{x as C};
+/>`,methods:[],displayName:"Checkbox",props:{checked:{required:!0,tsType:{name:"boolean"},description:"Whether the checkbox is checked"},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(checked: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"checked"}],return:{name:"void"}}},description:"Callback fired when checkbox state changes"},label:{required:!1,tsType:{name:"string"},description:"Label text to display next to the checkbox"},disabled:{required:!1,tsType:{name:"boolean"},description:"Whether the checkbox is disabled",defaultValue:{value:"false",computed:!1}},indeterminate:{required:!1,tsType:{name:"boolean"},description:"Whether the checkbox is in indeterminate state (partial selection)",defaultValue:{value:"false",computed:!1}},id:{required:!1,tsType:{name:"string"},description:"HTML id attribute for the checkbox input"},name:{required:!1,tsType:{name:"string"},description:"HTML name attribute for form submission"},value:{required:!1,tsType:{name:"string"},description:"HTML value attribute for form submission"},soundConfig:{required:!1,tsType:{name:"ComponentSoundConfig"},description:"Optional sound configuration for checkbox interactions"}}};export{C};

package/storybook-static/assets/{Checkbox.stories-DxTQrFgm.js → Checkbox.stories-dhEm8gbi.js}

@@ -1,4 +1,4 @@
-import{r as w,j as s}from"./iframe-BUaP2gIF.js";import{C as c}from"./Checkbox-BHwlDfRP.js";import"./preload-helper-C1FmrZbK.js";const _={title:"Atoms/Checkbox",component:c,parameters:{layout:"centered",docs:{description:{component:"A simple checkbox component with optional label."}}},tags:["autodocs"],argTypes:{checked:{control:"boolean",description:"Whether the checkbox is checked"},label:{control:"text",description:"Optional label text"},disabled:{control:"boolean",description:"Whether the checkbox is disabled"},onChange:{action:"changed"}}},n={args:{checked:!1,label:"Accept terms and conditions",onChange:()=>{}}},t={args:{checked:!0,label:"Subscribe to newsletter",onChange:()=>{}}},r={args:{checked:!1,onChange:()=>{}}},i={args:{checked:!1,label:"This option is disabled",disabled:!0,onChange:()=>{}}},l={args:{checked:!0,label:"This option is disabled and checked",disabled:!0,onChange:()=>{}}},d={args:{checked:!1,label:"Interactive checkbox",onChange:()=>{}},render:()=>{const[e,a]=w.useState(!1);return s.jsx(c,{checked:e,onChange:a,label:e?"Checked! Click to uncheck":"Unchecked! Click to check"})}},h={args:{checked:!1,label:"Multiple checkboxes example",onChange:()=>{}},render:()=>{const[e,a]=w.useState({option1:!1,option2:!0,option3:!1,option4:!1});return s.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:[s.jsx(c,{checked:e.option1,onChange:o=>a({...e,option1:o}),label:"Enable notifications"}),s.jsx(c,{checked:e.option2,onChange:o=>a({...e,option2:o}),label:"Receive marketing emails"}),s.jsx(c,{checked:e.option3,onChange:o=>a({...e,option3:o}),label:"Share usage statistics"}),s.jsx(c,{checked:e.option4,onChange:o=>a({...e,option4:o}),label:"Enable dark mode",disabled:!0})]})},parameters:{controls:{disable:!0}}};var p,k,b;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`{
+import{r as w,j as s}from"./iframe-2N7rjfXm.js";import{C as c}from"./Checkbox-tM16vTif.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-BBLJ5Rjg.js";const q={title:"Atoms/Checkbox",component:c,parameters:{layout:"centered",docs:{description:{component:"A simple checkbox component with optional label."}}},tags:["autodocs"],argTypes:{checked:{control:"boolean",description:"Whether the checkbox is checked"},label:{control:"text",description:"Optional label text"},disabled:{control:"boolean",description:"Whether the checkbox is disabled"},onChange:{action:"changed"}}},n={args:{checked:!1,label:"Accept terms and conditions",onChange:()=>{}}},t={args:{checked:!0,label:"Subscribe to newsletter",onChange:()=>{}}},r={args:{checked:!1,onChange:()=>{}}},i={args:{checked:!1,label:"This option is disabled",disabled:!0,onChange:()=>{}}},l={args:{checked:!0,label:"This option is disabled and checked",disabled:!0,onChange:()=>{}}},d={args:{checked:!1,label:"Interactive checkbox",onChange:()=>{}},render:()=>{const[e,a]=w.useState(!1);return s.jsx(c,{checked:e,onChange:a,label:e?"Checked! Click to uncheck":"Unchecked! Click to check"})}},h={args:{checked:!1,label:"Multiple checkboxes example",onChange:()=>{}},render:()=>{const[e,a]=w.useState({option1:!1,option2:!0,option3:!1,option4:!1});return s.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:[s.jsx(c,{checked:e.option1,onChange:o=>a({...e,option1:o}),label:"Enable notifications"}),s.jsx(c,{checked:e.option2,onChange:o=>a({...e,option2:o}),label:"Receive marketing emails"}),s.jsx(c,{checked:e.option3,onChange:o=>a({...e,option3:o}),label:"Share usage statistics"}),s.jsx(c,{checked:e.option4,onChange:o=>a({...e,option4:o}),label:"Enable dark mode",disabled:!0})]})},parameters:{controls:{disable:!0}}};var p,k,b;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`{
   args: {
     checked: false,
     label: 'Accept terms and conditions',
@@ -80,4 +80,4 @@ import{r as w,j as s}from"./iframe-BUaP2gIF.js";import{C as c}from"./Checkbox-BH
       disable: true
     }
   }
-}`,...(W=(M=h.parameters)==null?void 0:M.docs)==null?void 0:W.source}}};const q=["Default","Checked","WithoutLabel","Disabled","DisabledChecked","Interactive","MultipleCheckboxes"];export{t as Checked,n as Default,i as Disabled,l as DisabledChecked,d as Interactive,h as MultipleCheckboxes,r as WithoutLabel,q as __namedExportsOrder,_ as default};
+}`,...(W=(M=h.parameters)==null?void 0:M.docs)==null?void 0:W.source}}};const z=["Default","Checked","WithoutLabel","Disabled","DisabledChecked","Interactive","MultipleCheckboxes"];export{t as Checked,n as Default,i as Disabled,l as DisabledChecked,d as Interactive,h as MultipleCheckboxes,r as WithoutLabel,z as __namedExportsOrder,q as default};

package/storybook-static/assets/ChromaGrid-DuVAYWII.css

@@ -0,0 +1 @@
+._chroma-grid_1xucs_1{position:relative;width:100%;min-height:100vh;display:grid;grid-template-columns:repeat(var(--cols, 3),320px);grid-auto-rows:auto;justify-content:center;gap:.75rem;max-width:1200px;margin:0 auto;padding:1rem;box-sizing:border-box;--x: 50%;--y: 50%;--r: 220px}@media (max-width: 1124px){._chroma-grid_1xucs_1{grid-template-columns:repeat(auto-fit,minmax(320px,320px));gap:.5rem;padding:.5rem}}@media (max-width: 480px){._chroma-grid_1xucs_1{grid-template-columns:320px;gap:.75rem;padding:1rem}}._chroma-card_1xucs_36{position:relative;display:flex;flex-direction:column;width:320px;height:auto;border-radius:20px;overflow:hidden;border:1px solid #333;transition:border-color .3s ease;background:var(--card-gradient);--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .3)}._chroma-card_1xucs_36:hover{border-color:var(--card-border)}._chroma-card_1xucs_36:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 70%);pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:2}._chroma-card_1xucs_36:hover:before{opacity:1}._chroma-img-wrapper_1xucs_72{position:relative;z-index:1;flex:1;padding:10px;box-sizing:border-box;background:transparent;transition:background .3s ease}._chroma-img-wrapper_1xucs_72 img{width:100%;min-height:100vh;object-fit:cover;border-radius:10px;display:block}._chroma-info_1xucs_90{position:relative;z-index:1;padding:.75rem 1rem;color:#fff;font-family:system-ui,sans-serif;display:grid;grid-template-columns:1fr auto;row-gap:.25rem;column-gap:.75rem}._chroma-info_1xucs_90 ._role_1xucs_102,._chroma-info_1xucs_90 ._handle_1xucs_103{color:#aaa}._chroma-overlay_1xucs_107{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;backdrop-filter:grayscale(1) brightness(.78);-webkit-backdrop-filter:grayscale(1) brightness(.78);background:#0000;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0%,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,white 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0%,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,white 100%)}._chroma-fade_1xucs_140{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;backdrop-filter:grayscale(1) brightness(.78);-webkit-backdrop-filter:grayscale(1) brightness(.78);background:#0000;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),white 0%,white 15%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.78) 45%,rgba(255,255,255,.65) 60%,rgba(255,255,255,.5) 75%,rgba(255,255,255,.32) 88%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),white 0%,white 15%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.78) 45%,rgba(255,255,255,.65) 60%,rgba(255,255,255,.5) 75%,rgba(255,255,255,.32) 88%,transparent 100%);opacity:1;transition:opacity .25s ease}

package/storybook-static/assets/ChromaGrid.stories-_N6hSynZ.js

@@ -0,0 +1,59 @@
+import{r as l,j as a}from"./iframe-2N7rjfXm.js";import{g as d}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const M="_role_1xucs_102",q="_handle_1xucs_103",t={"chroma-grid":"_chroma-grid_1xucs_1","chroma-card":"_chroma-card_1xucs_36","chroma-img-wrapper":"_chroma-img-wrapper_1xucs_72","chroma-info":"_chroma-info_1xucs_90",role:M,handle:q,"chroma-overlay":"_chroma-overlay_1xucs_107","chroma-fade":"_chroma-fade_1xucs_140"},b=({items:c,className:C="",radius:x=300,columns:y=3,rows:B=2,damping:_=.45,fadeOut:F=.6,ease:k="power3.out"})=>{const m=l.useRef(null),p=l.useRef(null),o=l.useRef(null),s=l.useRef(null),i=l.useRef({x:0,y:0}),E=[{image:"https://i.pravatar.cc/300?img=8",title:"Alex Rivera",subtitle:"Full Stack Developer",handle:"@alexrivera",borderColor:"#4F46E5",gradient:"linear-gradient(145deg, #4F46E5, #000)",url:"https://github.com/"},{image:"https://i.pravatar.cc/300?img=11",title:"Jordan Chen",subtitle:"DevOps Engineer",handle:"@jordanchen",borderColor:"#10B981",gradient:"linear-gradient(210deg, #10B981, #000)",url:"https://linkedin.com/in/"},{image:"https://i.pravatar.cc/300?img=3",title:"Morgan Blake",subtitle:"UI/UX Designer",handle:"@morganblake",borderColor:"#F59E0B",gradient:"linear-gradient(165deg, #F59E0B, #000)",url:"https://dribbble.com/"},{image:"https://i.pravatar.cc/300?img=16",title:"Casey Park",subtitle:"Data Scientist",handle:"@caseypark",borderColor:"#EF4444",gradient:"linear-gradient(195deg, #EF4444, #000)",url:"https://kaggle.com/"},{image:"https://i.pravatar.cc/300?img=25",title:"Sam Kim",subtitle:"Mobile Developer",handle:"@thesamkim",borderColor:"#8B5CF6",gradient:"linear-gradient(225deg, #8B5CF6, #000)",url:"https://github.com/"},{image:"https://i.pravatar.cc/300?img=60",title:"Tyler Rodriguez",subtitle:"Cloud Architect",handle:"@tylerrod",borderColor:"#06B6D4",gradient:"linear-gradient(135deg, #06B6D4, #000)",url:"https://aws.amazon.com/"}],D=c!=null&&c.length?c:E;l.useEffect(()=>{const e=m.current;if(!e)return;o.current=d.quickSetter(e,"--x","px"),s.current=d.quickSetter(e,"--y","px");const{width:r,height:n}=e.getBoundingClientRect();i.current={x:r/2,y:n/2},o.current(i.current.x),s.current(i.current.y)},[]);const w=(e,r)=>{d.to(i.current,{x:e,y:r,duration:_,ease:k,onUpdate:()=>{var n,u;(n=o.current)==null||n.call(o,i.current.x),(u=s.current)==null||u.call(s,i.current.y)},overwrite:!0})},R=e=>{const r=m.current.getBoundingClientRect();w(e.clientX-r.left,e.clientY-r.top),d.to(p.current,{opacity:0,duration:.25,overwrite:!0})},j=()=>{d.to(p.current,{opacity:1,duration:F,overwrite:!0})},S=e=>{e&&window.open(e,"_blank","noopener,noreferrer")},N=e=>{const r=e.currentTarget,n=r.getBoundingClientRect(),u=e.clientX-n.left,$=e.clientY-n.top;r.style.setProperty("--mouse-x",`${u}px`),r.style.setProperty("--mouse-y",`${$}px`)};return a.jsxs("div",{ref:m,className:`${t["chroma-grid"]} ${C}`,style:{"--r":`${x}px`,"--cols":y,"--rows":B},onPointerMove:R,onPointerLeave:j,children:[D.map((e,r)=>a.jsxs("article",{className:`${t["chroma-card"]}`,onMouseMove:N,onClick:()=>S(e.url),style:{"--card-border":e.borderColor||"transparent","--card-gradient":e.gradient,cursor:e.url?"pointer":"default"},children:[a.jsx("div",{className:`${t["chroma-img-wrapper"]}`,children:a.jsx("img",{src:e.image,alt:e.title,loading:"lazy"})}),a.jsxs("footer",{className:`${t["chroma-info"]}`,children:[a.jsx("h3",{className:"name",children:e.title}),e.handle&&a.jsx("span",{className:`${t.handle}`,children:e.handle}),a.jsx("p",{className:`${t.role}`,children:e.subtitle}),e.location&&a.jsx("span",{className:"location",children:e.location})]})]},r)),a.jsx("div",{className:`${t["chroma-overlay"]}`}),a.jsx("div",{ref:p,className:`${t["chroma-fade"]}`})]})};b.__docgenInfo={description:"",methods:[],displayName:"ChromaGrid",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},radius:{defaultValue:{value:"300",computed:!1},required:!1},columns:{defaultValue:{value:"3",computed:!1},required:!1},rows:{defaultValue:{value:"2",computed:!1},required:!1},damping:{defaultValue:{value:"0.45",computed:!1},required:!1},fadeOut:{defaultValue:{value:"0.6",computed:!1},required:!1},ease:{defaultValue:{value:"'power3.out'",computed:!1},required:!1}}};const V={title:"ReactBits/Components/ChromaGrid",component:b,parameters:{layout:"fullscreen"},tags:["autodocs"]},g={args:{items:[{image:"https://i.pravatar.cc/300?img=8",title:"Alex Rivera",subtitle:"Full Stack Developer",handle:"@alexrivera",borderColor:"#4F46E5",gradient:"linear-gradient(145deg, #4F46E5, #000)",url:"#"},{image:"https://i.pravatar.cc/300?img=11",title:"Jordan Chen",subtitle:"DevOps Engineer",handle:"@jordanchen",borderColor:"#10B981",gradient:"linear-gradient(210deg, #10B981, #000)",url:"#"},{image:"https://i.pravatar.cc/300?img=3",title:"Morgan Blake",subtitle:"UI/UX Designer",handle:"@morganblake",borderColor:"#F59E0B",gradient:"linear-gradient(165deg, #F59E0B, #000)",url:"#"},{image:"https://i.pravatar.cc/300?img=16",title:"Casey Park",subtitle:"Data Scientist",handle:"@caseypark",borderColor:"#EF4444",gradient:"linear-gradient(195deg, #EF4444, #000)",url:"#"},{image:"https://i.pravatar.cc/300?img=25",title:"Sam Kim",subtitle:"Mobile Developer",handle:"@thesamkim",borderColor:"#8B5CF6",gradient:"linear-gradient(225deg, #8B5CF6, #000)",url:"#"},{image:"https://i.pravatar.cc/300?img=60",title:"Tyler Rodriguez",subtitle:"Cloud Architect",handle:"@tylerrod",borderColor:"#06B6D4",gradient:"linear-gradient(135deg, #06B6D4, #000)",url:"#"}],radius:300,columns:3,rows:2,damping:.45,fadeOut:.6,ease:"power3.out"}};var h,v,f;g.parameters={...g.parameters,docs:{...(h=g.parameters)==null?void 0:h.docs,source:{originalSource:`{
+  args: {
+    items: [{
+      image: 'https://i.pravatar.cc/300?img=8',
+      title: 'Alex Rivera',
+      subtitle: 'Full Stack Developer',
+      handle: '@alexrivera',
+      borderColor: '#4F46E5',
+      gradient: 'linear-gradient(145deg, #4F46E5, #000)',
+      url: '#'
+    }, {
+      image: 'https://i.pravatar.cc/300?img=11',
+      title: 'Jordan Chen',
+      subtitle: 'DevOps Engineer',
+      handle: '@jordanchen',
+      borderColor: '#10B981',
+      gradient: 'linear-gradient(210deg, #10B981, #000)',
+      url: '#'
+    }, {
+      image: 'https://i.pravatar.cc/300?img=3',
+      title: 'Morgan Blake',
+      subtitle: 'UI/UX Designer',
+      handle: '@morganblake',
+      borderColor: '#F59E0B',
+      gradient: 'linear-gradient(165deg, #F59E0B, #000)',
+      url: '#'
+    }, {
+      image: 'https://i.pravatar.cc/300?img=16',
+      title: 'Casey Park',
+      subtitle: 'Data Scientist',
+      handle: '@caseypark',
+      borderColor: '#EF4444',
+      gradient: 'linear-gradient(195deg, #EF4444, #000)',
+      url: '#'
+    }, {
+      image: 'https://i.pravatar.cc/300?img=25',
+      title: 'Sam Kim',
+      subtitle: 'Mobile Developer',
+      handle: '@thesamkim',
+      borderColor: '#8B5CF6',
+      gradient: 'linear-gradient(225deg, #8B5CF6, #000)',
+      url: '#'
+    }, {
+      image: 'https://i.pravatar.cc/300?img=60',
+      title: 'Tyler Rodriguez',
+      subtitle: 'Cloud Architect',
+      handle: '@tylerrod',
+      borderColor: '#06B6D4',
+      gradient: 'linear-gradient(135deg, #06B6D4, #000)',
+      url: '#'
+    }],
+    radius: 300,
+    columns: 3,
+    rows: 2,
+    damping: 0.45,
+    fadeOut: 0.6,
+    ease: 'power3.out'
+  }
+}`,...(f=(v=g.parameters)==null?void 0:v.docs)==null?void 0:f.source}}};const A=["Default"];export{g as Default,A as __namedExportsOrder,V as default};

package/storybook-static/assets/CircularGallery-Dw0kM5fT.css

@@ -0,0 +1 @@
+._circular-gallery_p9017_1{position:relative;width:100%;min-height:100vh;overflow:hidden;cursor:grab}._circular-gallery_p9017_1:active{cursor:grabbing}._circular-gallery_p9017_1 canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0}