@donotdev/adv-comps 0.0.6 → 0.0.8

package/dist/components/Roadmap/Roadmap.css

@@ -58,7 +58,6 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  cursor: pointer;
 }
 
 /* Timeline node (icon circle) */
@@ -178,7 +177,6 @@
   flex-direction: column;
   align-items: center;
   width: 100%;
-  cursor: pointer;
 }
 
 .dndev-roadmap-step-mobile:last-child {
@@ -242,7 +240,7 @@
 
 /* Only apply hover on devices that support it */
 @media (hover: hover) {
-.dndev-roadmap-card-mobile:hover {
-  border-color: color-mix(in oklab, var(--accent) 30%, var(--border));
+  .dndev-roadmap-card-mobile:hover {
+    border-color: color-mix(in oklab, var(--accent) 30%, var(--border));
   }
 }

package/dist/components/Roadmap/RoadmapContent.d.ts

@@ -14,6 +14,8 @@ export interface RoadmapStep {
     description?: string;
     /** Optional content - shown in popover on click */
     content?: CardContent;
+    /** Optional onClick handler for navigation or actions */
+    onClick?: () => void;
 }
 export interface RoadmapProps {
     /** Array of roadmap steps */

package/dist/components/Roadmap/RoadmapContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RoadmapContent.d.ts","sourceRoot":"","sources":["../../../src/components/Roadmap/RoadmapContent.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAKL,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,WAAW;IAC1B,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,IAAI,EAAE,UAAU,CAAC;IACjB,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,6BAA6B;IAC7B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,QAAA,MAAM,cAAc,GAA2B,gCAI5C,YAAY,4CAkGd,CAAC;AAsDF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"RoadmapContent.d.ts","sourceRoot":"","sources":["../../../src/components/Roadmap/RoadmapContent.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAKL,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,WAAW;IAC1B,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,IAAI,EAAE,UAAU,CAAC;IACjB,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,6BAA6B;IAC7B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,QAAA,MAAM,cAAc,GAA2B,gCAI5C,YAAY,4CAsGd,CAAC;AA0DF,eAAe,cAAc,CAAC"}

package/dist/components/Roadmap/RoadmapContent.js

@@ -24,7 +24,7 @@ const RoadmapContent = function RoadmapContent({ steps, className, variant, }) {
                             const Icon = step.icon;
                             const isActive = index <= activeStep;
                             const isCurrent = index === activeStep;
-                            return (_jsxs("div", { className: "dndev-roadmap-step", onMouseEnter: () => setActiveStep(index), children: [_jsx("div", { className: "dndev-roadmap-node", "data-active": isActive, children: _jsx(Icon, {}) }), _jsxs(Card, { title: step.title, subtitle: step.subtitle, variant: variant, className: "dndev-roadmap-card", "data-active": isCurrent, footer: step.content ? (_jsx("div", { className: "dndev-roadmap-content", children: renderCardContent(step.content) })) : undefined, children: [_jsx("span", { className: "dndev-roadmap-phase", children: step.phase }), step.description && (_jsx("p", { className: "dndev-roadmap-description", children: step.description }))] })] }, index));
+                            return (_jsxs("div", { className: "dndev-roadmap-step", onMouseEnter: () => setActiveStep(index), children: [_jsx("div", { className: "dndev-roadmap-node", "data-active": isActive, children: _jsx(Icon, {}) }), _jsxs(Card, { title: step.title, subtitle: step.subtitle, variant: variant, className: "dndev-roadmap-card", "data-active": isCurrent, onClick: step.onClick, footer: step.content ? (_jsx("div", { className: "dndev-roadmap-content", children: renderCardContent(step.content) })) : undefined, children: [_jsx("span", { className: "dndev-roadmap-phase", children: step.phase }), step.description && (_jsx("p", { className: "dndev-roadmap-description", children: step.description }))] })] }, index));
                         }) })] }) }));
     }
     // Mobile layout with scroll-based activation
@@ -42,6 +42,6 @@ const RoadmapStepMobile = ({ step, index, isActive, variant, onEnter }) => {
         }
     }, [isIntersecting, onEnter]);
     const Icon = step.icon;
-    return (_jsxs("div", { ref: ref, className: "dndev-roadmap-step-mobile", children: [_jsx("div", { className: "dndev-roadmap-node-mobile", "data-active": isActive, children: _jsx(Icon, {}) }), _jsxs(Card, { title: step.title, subtitle: step.subtitle, variant: variant, className: "dndev-roadmap-card-mobile", "data-active": isActive, footer: step.content ? (_jsx("div", { className: "dndev-roadmap-content", children: renderCardContent(step.content) })) : undefined, children: [_jsx("span", { className: "dndev-roadmap-phase", children: step.phase }), step.description && (_jsx("p", { className: "dndev-roadmap-description", children: step.description }))] })] }));
+    return (_jsxs("div", { ref: ref, className: "dndev-roadmap-step-mobile", children: [_jsx("div", { className: "dndev-roadmap-node-mobile", "data-active": isActive, children: _jsx(Icon, {}) }), _jsxs(Card, { title: step.title, subtitle: step.subtitle, variant: variant, className: "dndev-roadmap-card-mobile", "data-active": isActive, onClick: step.onClick, footer: step.content ? (_jsx("div", { className: "dndev-roadmap-content", children: renderCardContent(step.content) })) : undefined, children: [_jsx("span", { className: "dndev-roadmap-phase", children: step.phase }), step.description && (_jsx("p", { className: "dndev-roadmap-description", children: step.description }))] })] }));
 };
 export default RoadmapContent;

package/dist/components/StackedCards/StackedCards.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackedCards.d.ts","sourceRoot":"","sources":["../../../src/components/StackedCards/StackedCards.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAA4B,EAAE,KAAK,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEpF;;;;;GAKG;AACH,QAAA,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"StackedCards.d.ts","sourceRoot":"","sources":["../../../src/components/StackedCards/StackedCards.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAA4B,EAC1B,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAE/B;;;;;GAKG;AACH,QAAA,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/index.css

@@ -1 +1 @@
-:root{--crawl-perspective: 600px;--crawl-tilt: 40deg;--crawl-body-size: clamp(1.6rem, 1rem + 2.5vw, 3rem);--crawl-title-size: clamp(3rem, 1.5rem + 6vw, 8rem);--crawl-intro-font-size: clamp(2rem, 1rem + 3vw, 4rem);--crawl-content-line: 1.2;--crawl-body-margin: .9em;--crawl-title-margin: 3em;--crawl-text-color: #ffc909;--crawl-intro-color: #4a9eff;--crawl-text-shadow: 0 0 12px rgba(255, 201, 9, 1);--crawl-intro-shadow: 0 0 30px rgba(74, 158, 255, .9), 0 0 60px rgba(74, 158, 255, .6), 0 0 90px rgba(74, 158, 255, .4), 0 0 120px rgba(74, 158, 255, .2);--crawl-intro-duration: 2s}.dndev-crawl-container{position:relative;background:#000;contain:layout style paint;perspective:var(--crawl-perspective);backface-visibility:hidden;width:150vw;left:50%;transform:translate3d(-50%,0,0);margin:0;margin-top:0!important;padding:0;max-width:none;min-height:calc(100dvh - var(--header-height));overflow:hidden}.dndev-container>.dndev-crawl-container:first-child{margin-top:0!important}.dndev-container:has(>.dndev-crawl-container:first-child){margin-top:0!important}.dndev-crawl-stars{position:absolute;inset:0;z-index:1;contain:layout style paint;pointer-events:none}.dndev-crawl-stars-layer-1,.dndev-crawl-stars-layer-2,.dndev-crawl-stars-layer-3{position:absolute;inset:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='500' height='300' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='23' cy='17' r='1' fill='white' opacity='1'/%3E%3Ccircle cx='47' cy='89' r='1' fill='white' opacity='0.8'/%3E%3Ccircle cx='91' cy='43' r='0.5' fill='white' opacity='1'/%3E%3Ccircle cx='131' cy='67' r='1' fill='white' opacity='0.6'/%3E%3Ccircle cx='163' cy='19' r='0.5' fill='%23ddd' opacity='0.8'/%3E%3Ccircle cx='197' cy='73' r='1' fill='white' opacity='1'/%3E%3Ccircle cx='211' cy='41' r='0.5' fill='white' opacity='0.7'/%3E%3Ccircle cx='233' cy='97' r='1' fill='%23eee' opacity='0.9'/%3E%3Ccircle cx='251' cy='13' r='0.5' fill='white' opacity='1'/%3E%3Ccircle cx='277' cy='59' r='1' fill='white' opacity='0.5'/%3E%3Ccircle cx='293' cy='83' r='0.5' fill='%23ddd' opacity='0.8'/%3E%3Ccircle cx='317' cy='31' r='1' fill='white' opacity='1'/%3E%3Ccircle cx='337' cy='71' r='0.5' fill='white' opacity='0.8'/%3E%3Ccircle cx='359' cy='7' r='1' fill='%23eee' opacity='0.9'/%3E%3Ccircle cx='373' cy='53' r='0.5' fill='white' opacity='1'/%3E%3Ccircle cx='389' cy='79' r='1' fill='white' opacity='0.6'/%3E%3Ccircle cx='401' cy='23' r='0.5' fill='%23ddd' opacity='0.8'/%3E%3Ccircle cx='419' cy='61' r='1' fill='white' opacity='1'/%3E%3Ccircle cx='433' cy='37' r='0.5' fill='white' opacity='0.7'/%3E%3Ccircle cx='449' cy='87' r='1' fill='%23eee' opacity='0.9'/%3E%3C/svg%3E");background-repeat:repeat;pointer-events:none}.dndev-crawl-stars-layer-1{--layer-base-opacity: 1;opacity:1;background-size:400px 250px;animation:dndev-stars-twinkle 4s ease-in-out infinite;animation-delay:0s}.dndev-crawl-stars-layer-2{--layer-base-opacity: .7;opacity:.7;background-size:300px 200px;animation:dndev-stars-twinkle 2.5s ease-in-out infinite;animation-delay:1s}.dndev-crawl-stars-layer-3{--layer-base-opacity: .5;opacity:.5;background-size:200px 150px;animation:dndev-stars-twinkle 1.8s ease-in-out infinite;animation-delay:2s}@keyframes dndev-stars-twinkle{0%,to{opacity:var(--layer-base-opacity)}50%{opacity:calc(var(--layer-base-opacity) * 1.43)}}.dndev-crawl-3d-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;perspective:var(--crawl-perspective);transform-style:preserve-3d;contain:layout style;backface-visibility:hidden;will-change:auto}.dndev-crawl-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;transform:rotateX(var(--crawl-tilt)) translateZ(0);transform-style:preserve-3d;backface-visibility:hidden;contain:layout style}.dndev-crawl-content{color:var(--crawl-text-color);font-size:var(--crawl-body-size);line-height:var(--crawl-content-line);font-weight:700;text-align:center;text-shadow:var(--crawl-text-shadow);position:relative;z-index:2;width:60%;max-width:60%;margin-left:auto;margin-right:auto;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dndev-crawl-title,.dndev-crawl-content h1,.dndev-crawl-content h2,.dndev-crawl-content p{color:var(--crawl-text-color);font-weight:700;text-align:center;text-shadow:var(--crawl-text-shadow);@media(width<=1023px){text-shadow:none}}.dndev-crawl-title,.dndev-crawl-content h1,.dndev-crawl-content h2{font-size:var(--crawl-title-size);margin-bottom:var(--crawl-title-margin);padding:0;margin-left:0;margin-right:0}.dndev-crawl-content p{font-size:var(--crawl-body-size);margin-bottom:var(--crawl-body-margin)}@media(width>=1024px){.dndev-crawl-title{white-space:nowrap}}.dndev-crawl-intro{background:linear-gradient(180deg,#000c,#0006,#000c)}.dndev-crawl-intro-content{color:var(--crawl-intro-color);font-size:var(--crawl-intro-font-size);font-weight:900;text-align:center;text-shadow:var(--crawl-intro-shadow);letter-spacing:.1em;line-height:1.2;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:60%;max-width:60%;margin:0 auto;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:normal}.dndev-crawl-intro-mobile{animation:dndev-intro-fade-mobile var(--crawl-intro-duration) ease-in-out forwards}.dndev-crawl-intro-desktop{animation:dndev-intro-fade-desktop calc(var(--crawl-intro-duration) * 2) ease-in-out forwards}@keyframes dndev-crawl-animation{0%{transform:rotateX(var(--crawl-tilt)) translate3d(0,100dvh,0)}to{transform:rotateX(var(--crawl-tilt)) translate3d(0,calc(-1 * var(--crawl-content-height)),0)}}@media(prefers-reduced-motion:reduce){.dndev-crawl-text{animation:none!important}.dndev-crawl-3d-container{transform:rotateX(0) translateZ(0)!important}.dndev-crawl-content{position:static!important;transform:none!important;animation:none!important}.dndev-crawl-intro-mobile,.dndev-crawl-intro-desktop{animation:none!important}}@media(prefers-contrast:high){.dndev-crawl-stars{filter:contrast(1.5) brightness(1.2)}}.dndev-crawl-reduced-motion{animation:none!important;transform:none!important;.dndev-crawl-content{position:static!important;transform:none!important}.dndev-crawl-stars-layer-1,.dndev-crawl-stars-layer-2,.dndev-crawl-stars-layer-3{animation:none!important}}.dndev-stacked-cards-container{display:flex;flex-direction:column;width:100%;max-width:min(100%,var(--content-width, 60rem));margin-inline:auto;position:relative}.dndev-stack-item{width:100%;position:relative;transition:max-height var(--dur-heavy) var(--ease-heavy);overflow:hidden;&[data-stacked=false]{max-height:none}&[data-stacked=true]{max-height:3.5rem}@media(prefers-reduced-motion:reduce){transition:none}}.dndev-stack-item[data-stacked=true] .dndev-stack-content{opacity:0;pointer-events:none}.dndev-stack-content{display:flex;flex-direction:column;gap:var(--gap-sm);padding-bottom:3.5rem;transition:opacity var(--dur-normal) var(--ease-in-out)}.dndev-stack-number{position:absolute;left:var(--gap-lg);bottom:0;height:3.5rem;display:flex;align-items:center;font-size:var(--font-size-sm);font-weight:500;color:var(--muted-foreground);z-index:10}.dndev-stacked-cards-body{display:flex;flex-direction:column;gap:var(--gap-sm);width:100%;align-items:start;@media(width>=1024px){display:grid;grid-template-columns:1fr auto 1fr;width:100%;align-items:center}}.dndev-stacked-cards-left{display:flex;flex-direction:column;gap:var(--gap-md);text-align:start}.dndev-stacked-cards-left .dndev-card-header+p{margin-top:0}.dndev-stacked-cards-separator{display:block;@media(width<1024px){width:80%!important;height:2px!important;margin-inline:auto;margin-block:var(--gap-sm);align-self:center}@media(width>=1024px){width:1px!important;height:100%!important;align-self:stretch}}.dndev-stacked-cards-right{display:flex;flex-direction:column;justify-content:center;gap:var(--gap-sm);text-align:start}.dndev-stacked-cards-cta{padding-top:var(--gap-sm)}[data-marquee-track]{will-change:var(--will-change-transform);animation:universal-marquee var(--marquee-duration, 0ms) var(--marquee-easing, linear) infinite;animation-direction:var(--marquee-direction, normal);&[data-marquee-direction=vertical]{--transform-start: translateY(0);--transform-end: translateY(calc(-1 * var(--marquee-distance, 0px)))}&[data-marquee-behavior=bounce]{animation-name:universal-float;--transform-start: translateX(0);--transform-mid: translateX(calc(-1 * var(--marquee-distance, 0px)));--opacity-start: 1;--opacity-mid: 1}@media(prefers-reduced-motion:reduce){animation:none!important;transform:none!important}.group:hover &,.group:focus-within &{animation-play-state:paused}}.dndev-reveal-container{contain:layout style;will-change:contents;&.dndev-reveal-visible .dndev-reveal-item{opacity:1;transform:translateZ(0);animation:dndev-reveal-cleanup var(--reveal-duration) var(--reveal-easing) forwards;@media(prefers-reduced-motion:reduce){transition:none!important;opacity:1!important;transform:none!important;will-change:auto}}}.dndev-reveal-item{opacity:0;transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden;transition:opacity var(--reveal-duration) var(--reveal-easing),transform var(--reveal-duration) var(--reveal-easing);transition-delay:var(--reveal-delay, 0ms);&[data-direction=left]{transform:translate3d(calc(-1 * var(--reveal-distance)),0,0)}&[data-direction=right]{transform:translate3d(var(--reveal-distance),0,0)}&[data-direction=top]{transform:translate3d(0,calc(-1 * var(--reveal-distance)),0)}&[data-direction=bottom]{transform:translate3d(0,var(--reveal-distance),0)}&[data-direction=fade-in]{transform:translateZ(0)}&[data-visible=true]{opacity:1;transform:translateZ(0)}@media(prefers-reduced-motion:reduce){transition:none!important;opacity:1!important;transform:none!important;will-change:auto}}.dndev-roadmap{width:100%;position:relative}.dndev-roadmap-desktop{position:relative}.dndev-roadmap-timeline{position:absolute;top:calc(var(--touch-target) / 2);left:calc(100% / var(--step-count) / 2);right:calc(100% / var(--step-count) / 2);height:4px;z-index:0}.dndev-roadmap-timeline-bg{position:absolute;inset:0;background:var(--muted);border-radius:var(--radius-full)}.dndev-roadmap-timeline-progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(to right,var(--primary),var(--accent),var(--primary));border-radius:var(--radius-full);transition:width var(--dur-slow) var(--ease-in-out)}.dndev-roadmap-grid{display:grid;gap:var(--gap-lg);position:relative;z-index:1}.dndev-roadmap-step{display:flex;flex-direction:column;align-items:center;cursor:pointer}.dndev-roadmap-node{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-full);border:var(--border-huge) solid var(--muted);background:var(--background);display:flex;align-items:center;justify-content:center;transition:all var(--dur-normal) var(--ease-in-out);margin-bottom:var(--gap-lg);flex-shrink:0}.dndev-roadmap-node[data-active=true]{border-color:var(--accent);box-shadow:0 0 20px color-mix(in oklab,var(--accent) 40%,transparent);transform:scale(1.1)}.dndev-roadmap-node svg{width:var(--icon-md);height:var(--icon-md);color:var(--muted-foreground);transition:color var(--dur-normal) var(--ease-in-out)}.dndev-roadmap-node[data-active=true] svg{color:var(--accent)}.dndev-roadmap-card{position:relative;height:100%;padding-top:calc(var(--gap-lg) + var(--gap-sm))!important;align-content:space-between}.dndev-roadmap-step:hover .dndev-roadmap-card,.dndev-roadmap-card[data-active=true]{border-color:color-mix(in oklab,var(--accent) 50%,var(--border));transform:translateY(calc(-1 * var(--gap-sm)));box-shadow:var(--shadow-xl)}.dndev-roadmap-phase{position:absolute;top:var(--gap-sm);left:var(--gap-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;padding:2px var(--gap-sm);border-radius:var(--radius-interactive);background:var(--accent);color:var(--accent-foreground)}.dndev-roadmap-description{font-size:var(--font-size-sm);color:var(--foreground);line-height:var(--line-height);margin:0;margin-bottom:var(--gap-md);text-align:start}.dndev-roadmap-mobile{position:relative;padding-left:0;padding-bottom:var(--gap-lg)}.dndev-roadmap-timeline-vertical{position:absolute;left:50%;top:0;bottom:0;width:4px;background:var(--muted);transform:translate(-50%);z-index:0;border-radius:var(--radius-full)}.dndev-roadmap-timeline-vertical-progress{position:absolute;top:0;left:0;width:100%;background:linear-gradient(to bottom,var(--primary),var(--accent),var(--primary));border-radius:var(--radius-full);transition:height var(--dur-slow) var(--ease-in-out)}.dndev-roadmap-step-mobile{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer}.dndev-roadmap-step-mobile:last-child{margin-bottom:0}.dndev-roadmap-node-mobile{position:relative;left:auto;top:auto;margin-top:var(--gap-md);margin-bottom:var(--gap-md);width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-full);border:var(--border-huge) solid var(--muted);background:var(--background);display:flex;align-items:center;justify-content:center;transition:all var(--dur-normal) var(--ease-in-out);z-index:1}.dndev-roadmap-step-mobile:first-child .dndev-roadmap-node-mobile{margin-top:0}.dndev-roadmap-node-mobile[data-active=true]{border-color:var(--accent);box-shadow:0 0 15px color-mix(in oklab,var(--accent) 30%,transparent)}.dndev-roadmap-node-mobile svg{width:var(--icon-md);height:var(--icon-md);color:var(--muted-foreground)}.dndev-roadmap-node-mobile[data-active=true] svg{color:var(--accent)}.dndev-roadmap-card-mobile{position:relative;width:100%;padding-top:calc(var(--gap-lg) + var(--gap-sm))!important;align-content:space-between;background:var(--card);z-index:1;transition:all var(--dur-normal) var(--ease-in-out)}.dndev-roadmap-card-mobile[data-active=true]{border-color:color-mix(in oklab,var(--accent) 50%,var(--border));box-shadow:var(--shadow-lg)}@media(hover:hover){.dndev-roadmap-card-mobile:hover{border-color:color-mix(in oklab,var(--accent) 30%,var(--border))}}.breath-lung-442{animation:none;will-change:clip-path;&.active{animation:breath-cycle-442 var(--breath-cycle-duration, 16s) ease-in-out var(--breath-cycles, 3)}&.paused{animation-play-state:paused}}.breath-lung-sigh{animation:none;will-change:clip-path;&.active{animation:breath-cycle-sigh var(--breath-cycle-duration, 10s) ease-in-out var(--breath-cycles, 3)}&.paused{animation-play-state:paused}}.network-node{fill:var(--foreground);animation:universal-float 4s ease-in-out infinite;--opacity-start: .3;--opacity-mid: .8;--transform-start: scale(1);--transform-mid: scale(1.1)}.network-line{stroke:var(--foreground);stroke-width:1;animation:universal-float 6s ease-in-out infinite;--opacity-start: .1;--opacity-mid: .5;--transform-start: scale(1);--transform-mid: scale(1)}.wave-flow{background:linear-gradient(45deg,transparent 30%,color-mix(in oklab,var(--accent) 20%,transparent) 50%,transparent 70%);animation:universal-float 8s ease-in-out infinite;--transform-start: translateX(-20%) rotate(0deg);--transform-mid: translateX(20%) rotate(3deg)}.particle-float{animation:universal-slide 10s linear infinite;--opacity-start: .2;--opacity-end: 0;--transform-start: translateY(0px) rotate(0deg);--transform-end: translateY(-100px) rotate(360deg)}.geometric-rotate{animation:universal-float 20s linear infinite;--opacity-start: .1;--opacity-mid: .2;--transform-start: rotate(0deg) scale(1);--transform-mid: rotate(180deg) scale(1.1)}.perspective-1000{perspective:1000px}.transform-style-preserve-3d{transform-style:preserve-3d}.dndev-animate-fade-in-up{animation:universal-slide var(--dur-heavy) ease-out forwards}.animation-delay-100{animation-delay:.1s}.dndev-marketing-stack{display:grid;gap:var(--gap-md)}.dndev-marketing-cluster{display:flex;gap:var(--gap-sm);align-items:center;justify-content:center}
+:root{--crawl-perspective: 600px;--crawl-tilt: 40deg;--crawl-body-size: clamp(1.6rem, 1rem + 2.5vw, 3rem);--crawl-title-size: clamp(3rem, 1.5rem + 6vw, 8rem);--crawl-intro-font-size: clamp(2rem, 1rem + 3vw, 4rem);--crawl-content-line: 1.2;--crawl-body-margin: .9em;--crawl-title-margin: 3em;--crawl-text-color: #ffc909;--crawl-intro-color: #4a9eff;--crawl-text-shadow: 0 0 12px rgba(255, 201, 9, 1);--crawl-intro-shadow: 0 0 30px rgba(74, 158, 255, .9), 0 0 60px rgba(74, 158, 255, .6), 0 0 90px rgba(74, 158, 255, .4), 0 0 120px rgba(74, 158, 255, .2);--crawl-intro-duration: 2s}.dndev-crawl-container{position:relative;background:#000;contain:layout style paint;perspective:var(--crawl-perspective);backface-visibility:hidden;width:150vw;left:50%;transform:translate3d(-50%,0,0);margin:0;margin-top:0!important;padding:0;max-width:none;min-height:calc(100dvh - var(--header-height));overflow:hidden}.dndev-container>.dndev-crawl-container:first-child{margin-top:0!important}.dndev-container:has(>.dndev-crawl-container:first-child){margin-top:0!important}.dndev-crawl-stars{position:absolute;inset:0;z-index:1;contain:layout style paint;pointer-events:none}.dndev-crawl-stars-layer-1,.dndev-crawl-stars-layer-2,.dndev-crawl-stars-layer-3{position:absolute;inset:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='500' height='300' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='23' cy='17' r='1' fill='white' opacity='1'/%3E%3Ccircle cx='47' cy='89' r='1' fill='white' opacity='0.8'/%3E%3Ccircle cx='91' cy='43' r='0.5' fill='white' opacity='1'/%3E%3Ccircle cx='131' cy='67' r='1' fill='white' opacity='0.6'/%3E%3Ccircle cx='163' cy='19' r='0.5' fill='%23ddd' opacity='0.8'/%3E%3Ccircle cx='197' cy='73' r='1' fill='white' opacity='1'/%3E%3Ccircle cx='211' cy='41' r='0.5' fill='white' opacity='0.7'/%3E%3Ccircle cx='233' cy='97' r='1' fill='%23eee' opacity='0.9'/%3E%3Ccircle cx='251' cy='13' r='0.5' fill='white' opacity='1'/%3E%3Ccircle cx='277' cy='59' r='1' fill='white' opacity='0.5'/%3E%3Ccircle cx='293' cy='83' r='0.5' fill='%23ddd' opacity='0.8'/%3E%3Ccircle cx='317' cy='31' r='1' fill='white' opacity='1'/%3E%3Ccircle cx='337' cy='71' r='0.5' fill='white' opacity='0.8'/%3E%3Ccircle cx='359' cy='7' r='1' fill='%23eee' opacity='0.9'/%3E%3Ccircle cx='373' cy='53' r='0.5' fill='white' opacity='1'/%3E%3Ccircle cx='389' cy='79' r='1' fill='white' opacity='0.6'/%3E%3Ccircle cx='401' cy='23' r='0.5' fill='%23ddd' opacity='0.8'/%3E%3Ccircle cx='419' cy='61' r='1' fill='white' opacity='1'/%3E%3Ccircle cx='433' cy='37' r='0.5' fill='white' opacity='0.7'/%3E%3Ccircle cx='449' cy='87' r='1' fill='%23eee' opacity='0.9'/%3E%3C/svg%3E");background-repeat:repeat;pointer-events:none}.dndev-crawl-stars-layer-1{--layer-base-opacity: 1;opacity:1;background-size:400px 250px;animation:dndev-stars-twinkle 4s ease-in-out infinite;animation-delay:0s}.dndev-crawl-stars-layer-2{--layer-base-opacity: .7;opacity:.7;background-size:300px 200px;animation:dndev-stars-twinkle 2.5s ease-in-out infinite;animation-delay:1s}.dndev-crawl-stars-layer-3{--layer-base-opacity: .5;opacity:.5;background-size:200px 150px;animation:dndev-stars-twinkle 1.8s ease-in-out infinite;animation-delay:2s}@keyframes dndev-stars-twinkle{0%,to{opacity:var(--layer-base-opacity)}50%{opacity:calc(var(--layer-base-opacity) * 1.43)}}.dndev-crawl-3d-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;perspective:var(--crawl-perspective);transform-style:preserve-3d;contain:layout style;backface-visibility:hidden;will-change:auto}.dndev-crawl-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;transform:rotateX(var(--crawl-tilt)) translateZ(0);transform-style:preserve-3d;backface-visibility:hidden;contain:layout style}.dndev-crawl-content{color:var(--crawl-text-color);font-size:var(--crawl-body-size);line-height:var(--crawl-content-line);font-weight:700;text-align:center;text-shadow:var(--crawl-text-shadow);position:relative;z-index:2;width:60%;max-width:60%;margin-left:auto;margin-right:auto;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dndev-crawl-title,.dndev-crawl-content h1,.dndev-crawl-content h2,.dndev-crawl-content p{color:var(--crawl-text-color);font-weight:700;text-align:center;text-shadow:var(--crawl-text-shadow);@media(width<=1023px){text-shadow:none}}.dndev-crawl-title,.dndev-crawl-content h1,.dndev-crawl-content h2{font-size:var(--crawl-title-size);margin-bottom:var(--crawl-title-margin);padding:0;margin-left:0;margin-right:0}.dndev-crawl-content p{font-size:var(--crawl-body-size);margin-bottom:var(--crawl-body-margin)}@media(width>=1024px){.dndev-crawl-title{white-space:nowrap}}.dndev-crawl-intro{background:linear-gradient(180deg,#000c,#0006,#000c)}.dndev-crawl-intro-content{color:var(--crawl-intro-color);font-size:var(--crawl-intro-font-size);font-weight:900;text-align:center;text-shadow:var(--crawl-intro-shadow);letter-spacing:.1em;line-height:1.2;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:60%;max-width:60%;margin:0 auto;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:normal}.dndev-crawl-intro-mobile{animation:dndev-intro-fade-mobile var(--crawl-intro-duration) ease-in-out forwards}.dndev-crawl-intro-desktop{animation:dndev-intro-fade-desktop calc(var(--crawl-intro-duration) * 2) ease-in-out forwards}@keyframes dndev-crawl-animation{0%{transform:rotateX(var(--crawl-tilt)) translate3d(0,100dvh,0)}to{transform:rotateX(var(--crawl-tilt)) translate3d(0,calc(-1 * var(--crawl-content-height)),0)}}@media(prefers-reduced-motion:reduce){.dndev-crawl-text{animation:none!important}.dndev-crawl-3d-container{transform:rotateX(0) translateZ(0)!important}.dndev-crawl-content{position:static!important;transform:none!important;animation:none!important}.dndev-crawl-intro-mobile,.dndev-crawl-intro-desktop{animation:none!important}}@media(prefers-contrast:high){.dndev-crawl-stars{filter:contrast(1.5) brightness(1.2)}}.dndev-crawl-reduced-motion{animation:none!important;transform:none!important;.dndev-crawl-content{position:static!important;transform:none!important}.dndev-crawl-stars-layer-1,.dndev-crawl-stars-layer-2,.dndev-crawl-stars-layer-3{animation:none!important}}.dndev-stacked-cards-container{display:flex;flex-direction:column;width:100%;max-width:min(100%,var(--content-width, 60rem));margin-inline:auto;position:relative}.dndev-stack-item{width:100%;position:relative;transition:max-height var(--dur-heavy) var(--ease-heavy);overflow:hidden;&[data-stacked=false]{max-height:none}&[data-stacked=true]{max-height:3.5rem}@media(prefers-reduced-motion:reduce){transition:none}}.dndev-stack-item[data-stacked=true] .dndev-stack-content{opacity:0;pointer-events:none}.dndev-stack-content{display:flex;flex-direction:column;gap:var(--gap-sm);padding-bottom:3.5rem;transition:opacity var(--dur-normal) var(--ease-in-out)}.dndev-stack-number{position:absolute;left:var(--gap-lg);bottom:0;height:3.5rem;display:flex;align-items:center;font-size:var(--font-size-sm);font-weight:500;color:var(--muted-foreground);z-index:10}.dndev-stacked-cards-body{display:flex;flex-direction:column;gap:var(--gap-sm);width:100%;align-items:start;@media(width>=1024px){display:grid;grid-template-columns:1fr auto 1fr;width:100%;align-items:center}}.dndev-stacked-cards-left{display:flex;flex-direction:column;gap:var(--gap-md);text-align:start}.dndev-stacked-cards-left .dndev-card-header+p{margin-top:0}.dndev-stacked-cards-separator{display:block;@media(width<1024px){width:80%!important;height:2px!important;margin-inline:auto;margin-block:var(--gap-sm);align-self:center}@media(width>=1024px){width:1px!important;height:100%!important;align-self:stretch}}.dndev-stacked-cards-right{display:flex;flex-direction:column;justify-content:center;gap:var(--gap-sm);text-align:start}.dndev-stacked-cards-cta{padding-top:var(--gap-sm)}[data-marquee-track]{will-change:var(--will-change-transform);animation:universal-marquee var(--marquee-duration, 0ms) var(--marquee-easing, linear) infinite;animation-direction:var(--marquee-direction, normal);&[data-marquee-direction=vertical]{--transform-start: translateY(0);--transform-end: translateY(calc(-1 * var(--marquee-distance, 0px)))}&[data-marquee-behavior=bounce]{animation-name:universal-float;--transform-start: translateX(0);--transform-mid: translateX(calc(-1 * var(--marquee-distance, 0px)));--opacity-start: 1;--opacity-mid: 1}@media(prefers-reduced-motion:reduce){animation:none!important;transform:none!important}.group:hover &,.group:focus-within &{animation-play-state:paused}}.dndev-reveal-container{contain:layout style;will-change:contents;&.dndev-reveal-visible .dndev-reveal-item{opacity:1;transform:translateZ(0);animation:dndev-reveal-cleanup var(--reveal-duration) var(--reveal-easing) forwards;@media(prefers-reduced-motion:reduce){transition:none!important;opacity:1!important;transform:none!important;will-change:auto}}}.dndev-reveal-item{opacity:0;transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden;transition:opacity var(--reveal-duration) var(--reveal-easing),transform var(--reveal-duration) var(--reveal-easing);transition-delay:var(--reveal-delay, 0ms);&[data-direction=left]{transform:translate3d(calc(-1 * var(--reveal-distance)),0,0)}&[data-direction=right]{transform:translate3d(var(--reveal-distance),0,0)}&[data-direction=top]{transform:translate3d(0,calc(-1 * var(--reveal-distance)),0)}&[data-direction=bottom]{transform:translate3d(0,var(--reveal-distance),0)}&[data-direction=fade-in]{transform:translateZ(0)}&[data-visible=true]{opacity:1;transform:translateZ(0)}@media(prefers-reduced-motion:reduce){transition:none!important;opacity:1!important;transform:none!important;will-change:auto}}.dndev-roadmap{width:100%;position:relative}.dndev-roadmap-desktop{position:relative}.dndev-roadmap-timeline{position:absolute;top:calc(var(--touch-target) / 2);left:calc(100% / var(--step-count) / 2);right:calc(100% / var(--step-count) / 2);height:4px;z-index:0}.dndev-roadmap-timeline-bg{position:absolute;inset:0;background:var(--muted);border-radius:var(--radius-full)}.dndev-roadmap-timeline-progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(to right,var(--primary),var(--accent),var(--primary));border-radius:var(--radius-full);transition:width var(--dur-slow) var(--ease-in-out)}.dndev-roadmap-grid{display:grid;gap:var(--gap-lg);position:relative;z-index:1}.dndev-roadmap-step{display:flex;flex-direction:column;align-items:center}.dndev-roadmap-node{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-full);border:var(--border-huge) solid var(--muted);background:var(--background);display:flex;align-items:center;justify-content:center;transition:all var(--dur-normal) var(--ease-in-out);margin-bottom:var(--gap-lg);flex-shrink:0}.dndev-roadmap-node[data-active=true]{border-color:var(--accent);box-shadow:0 0 20px color-mix(in oklab,var(--accent) 40%,transparent);transform:scale(1.1)}.dndev-roadmap-node svg{width:var(--icon-md);height:var(--icon-md);color:var(--muted-foreground);transition:color var(--dur-normal) var(--ease-in-out)}.dndev-roadmap-node[data-active=true] svg{color:var(--accent)}.dndev-roadmap-card{position:relative;height:100%;padding-top:calc(var(--gap-lg) + var(--gap-sm))!important;align-content:space-between}.dndev-roadmap-step:hover .dndev-roadmap-card,.dndev-roadmap-card[data-active=true]{border-color:color-mix(in oklab,var(--accent) 50%,var(--border));transform:translateY(calc(-1 * var(--gap-sm)));box-shadow:var(--shadow-xl)}.dndev-roadmap-phase{position:absolute;top:var(--gap-sm);left:var(--gap-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;padding:2px var(--gap-sm);border-radius:var(--radius-interactive);background:var(--accent);color:var(--accent-foreground)}.dndev-roadmap-description{font-size:var(--font-size-sm);color:var(--foreground);line-height:var(--line-height);margin:0;margin-bottom:var(--gap-md);text-align:start}.dndev-roadmap-mobile{position:relative;padding-left:0;padding-bottom:var(--gap-lg)}.dndev-roadmap-timeline-vertical{position:absolute;left:50%;top:0;bottom:0;width:4px;background:var(--muted);transform:translate(-50%);z-index:0;border-radius:var(--radius-full)}.dndev-roadmap-timeline-vertical-progress{position:absolute;top:0;left:0;width:100%;background:linear-gradient(to bottom,var(--primary),var(--accent),var(--primary));border-radius:var(--radius-full);transition:height var(--dur-slow) var(--ease-in-out)}.dndev-roadmap-step-mobile{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.dndev-roadmap-step-mobile:last-child{margin-bottom:0}.dndev-roadmap-node-mobile{position:relative;left:auto;top:auto;margin-top:var(--gap-md);margin-bottom:var(--gap-md);width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-full);border:var(--border-huge) solid var(--muted);background:var(--background);display:flex;align-items:center;justify-content:center;transition:all var(--dur-normal) var(--ease-in-out);z-index:1}.dndev-roadmap-step-mobile:first-child .dndev-roadmap-node-mobile{margin-top:0}.dndev-roadmap-node-mobile[data-active=true]{border-color:var(--accent);box-shadow:0 0 15px color-mix(in oklab,var(--accent) 30%,transparent)}.dndev-roadmap-node-mobile svg{width:var(--icon-md);height:var(--icon-md);color:var(--muted-foreground)}.dndev-roadmap-node-mobile[data-active=true] svg{color:var(--accent)}.dndev-roadmap-card-mobile{position:relative;width:100%;padding-top:calc(var(--gap-lg) + var(--gap-sm))!important;align-content:space-between;background:var(--card);z-index:1;transition:all var(--dur-normal) var(--ease-in-out)}.dndev-roadmap-card-mobile[data-active=true]{border-color:color-mix(in oklab,var(--accent) 50%,var(--border));box-shadow:var(--shadow-lg)}@media(hover:hover){.dndev-roadmap-card-mobile:hover{border-color:color-mix(in oklab,var(--accent) 30%,var(--border))}}.breath-lung-442{animation:none;will-change:clip-path;&.active{animation:breath-cycle-442 var(--breath-cycle-duration, 16s) ease-in-out var(--breath-cycles, 3)}&.paused{animation-play-state:paused}}.breath-lung-sigh{animation:none;will-change:clip-path;&.active{animation:breath-cycle-sigh var(--breath-cycle-duration, 10s) ease-in-out var(--breath-cycles, 3)}&.paused{animation-play-state:paused}}.network-node{fill:var(--foreground);animation:universal-float 4s ease-in-out infinite;--opacity-start: .3;--opacity-mid: .8;--transform-start: scale(1);--transform-mid: scale(1.1)}.network-line{stroke:var(--foreground);stroke-width:1;animation:universal-float 6s ease-in-out infinite;--opacity-start: .1;--opacity-mid: .5;--transform-start: scale(1);--transform-mid: scale(1)}.wave-flow{background:linear-gradient(45deg,transparent 30%,color-mix(in oklab,var(--accent) 20%,transparent) 50%,transparent 70%);animation:universal-float 8s ease-in-out infinite;--transform-start: translateX(-20%) rotate(0deg);--transform-mid: translateX(20%) rotate(3deg)}.particle-float{animation:universal-slide 10s linear infinite;--opacity-start: .2;--opacity-end: 0;--transform-start: translateY(0px) rotate(0deg);--transform-end: translateY(-100px) rotate(360deg)}.geometric-rotate{animation:universal-float 20s linear infinite;--opacity-start: .1;--opacity-mid: .2;--transform-start: rotate(0deg) scale(1);--transform-mid: rotate(180deg) scale(1.1)}.perspective-1000{perspective:1000px}.transform-style-preserve-3d{transform-style:preserve-3d}.dndev-animate-fade-in-up{animation:universal-slide var(--dur-heavy) ease-out forwards}.animation-delay-100{animation-delay:.1s}.dndev-marketing-stack{display:grid;gap:var(--gap-md)}.dndev-marketing-cluster{display:flex;gap:var(--gap-sm);align-items:center;justify-content:center}

package/dist/index.js

@@ -1,4 +1,4 @@
-"use client";var or=Object.defineProperty;var ce=(e,t)=>()=>(e&&(t=e(e=0)),t);var he=(e,t)=>{for(var r in t)or(e,r,{get:t[r],enumerable:!0})};import{createElement as be}from"react";function me(e,t={}){let{allowedTags:r=["p","br","u","i","em","strong","b"],preserveLineBreaks:o=!0,className:n}=t;if(!e||typeof e!="string")return[];let i=e;o&&(i=i.replace(/\n/g,"<br/>"));let s=i.split(/(<[^>]+>)/),d=[],u=0;for(let c=0;c<s.length;c++){let p=s[c];if(!p)continue;let l=p.match(/^<(\w+)(?:\s[^>]*)?\s*\/>$/);if(l&&l[1]){let b=l[1].toLowerCase();if(r.includes(b)){let k=st(b,"",n,u++);k&&d.push(k);continue}}let f=p.match(/^<(\w+)(?:\s[^>]*)?>$/);if(f&&f[1]){let b=f[1].toLowerCase();if(r.includes(b)){let k=`</${b}>`,h="",v=c+1;for(;v<s.length&&s[v]&&!s[v].includes(k);)h+=s[v],v++;v<s.length&&s[v]&&(h+=s[v].replace(k,""));let C=st(b,h,n,u++);C&&d.push(C),c=v;continue}}p&&!p.startsWith("<")&&d.push(p)}return d}function st(e,t,r,o){let n={key:o};switch(r&&(n.className=r),e){case"p":return be("p",n,t);case"br":return be("br",n);case"u":return be("u",n,t);case"i":case"em":return be("em",n,t);case"strong":case"b":return be("strong",n,t);default:return t}}var Oe=ce(()=>{"use strict"});var dt={};he(dt,{default:()=>pr});import{useEffect as ir,useRef as sr,useState as dr,useMemo as We,isValidElement as lr}from"react";import{isClient as cr}from"@donotdev/core";import{Fragment as ur,jsx as H,jsxs as Be}from"react/jsx-runtime";var mr,pr,lt=ce(()=>{"use strict";Oe();mr=({content:e,title:t,duration:r=26,contentHeight:o="150vh",tiltAngle:n,onPause:i,onResume:s})=>{let d=sr(null),[u,c]=dr(!1),p=h=>!h||typeof h!="string"?null:h.split(/\n\s*\n/).map(C=>C.trim()).filter(C=>C.length>0).map((C,S)=>H("p",{children:me(C,{allowedTags:["u","br","i","em","strong","b"]})},`p-${S}`)),l=We(()=>t?typeof t=="string"?H("h2",{className:"dndev-crawl-title",children:me(t,{allowedTags:["u","br","i","em","strong","b"]})}):t:null,[t]),f=We(()=>lr(e)?e:Array.isArray(e)?e.map(v=>typeof v=="string"?v.trim():"").filter(v=>v&&v.length>0).map((v,C)=>H("p",{children:me(v,{allowedTags:["u","br","i","em","strong","b"]})},`c-${C}`)):typeof e=="string"?p(e):e,[e]),b=We(()=>{let h={"--crawl-content-height":o,animationName:"dndev-crawl-animation",animationDuration:`${r}s`,animationTimingFunction:"linear",animationIterationCount:"infinite",animationFillMode:"forwards",animationPlayState:u?"paused":"running"};return n!==void 0&&(h["--crawl-tilt"]=`${n}deg`),h},[u,r,o,n]);ir(()=>{if(!cr()||!d.current)return;let h=window.matchMedia("(prefers-reduced-motion: reduce)"),v=()=>{h.matches&&d.current&&d.current.classList.add("dndev-crawl-reduced-motion")};return v(),h.addEventListener("change",v),()=>h.removeEventListener("change",v)},[]);let k=()=>{u?(c(!1),s?.()):(c(!0),i?.())};return Be(ur,{children:[H("div",{className:"dndev-crawl-3d-container",onClick:k,children:H("div",{ref:d,className:"dndev-crawl-text",style:{...b,willChange:u?"auto":"transform"},children:Be("div",{className:"dndev-crawl-content",children:[l,f]})})}),u&&H("div",{className:"dndev-absolute dndev-inset-0 dndev-flex dndev-items-center dndev-justify-center",style:{zIndex:30,backgroundColor:"rgba(0, 0, 0, 0.3)",backdropFilter:"blur(2px)"},onClick:k,children:H("button",{style:{width:"96px",height:"96px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.2)",border:"4px solid rgba(255, 255, 255, 0.4)",backdropFilter:"blur(4px)",cursor:"pointer",transition:"all var(--dur-normal) var(--ease-in-out)"},"aria-label":"Resume animation",children:H("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"white",children:H("path",{d:"M6 4h4v16H6V4zm8 0h4v16h-4V4z"})})})}),Be("div",{className:"dndev-crawl-stars",children:[H("div",{className:"dndev-crawl-stars-layer-1"}),H("div",{className:"dndev-crawl-stars-layer-2"}),H("div",{className:"dndev-crawl-stars-layer-3"})]})]})},pr=mr});var gt={};he(gt,{default:()=>Ar});import{useRef as Nr,useState as Te,useEffect as ut}from"react";import{cn as Fe,GAP_VARIANT as Tr,Stack as Rr}from"@donotdev/components";import{observeElement as Mr,addEventListener as Pr}from"@donotdev/components";import{jsx as Re}from"react/jsx-runtime";function zr({items:e,renderItem:t,className:r,itemClassName:o,gap:n=Tr.MEDIUM,speed:i=48,direction:s="auto",pauseOnHover:d=!0,ariaLabel:u,reducedMotion:c="respect",behavior:p="auto",pauseOnFocusWithin:l=!0,easing:f="ease-in-out"}){let b=typeof document<"u"&&document.dir==="rtl",k=typeof window<"u"?window.matchMedia("(prefers-reduced-motion: reduce)").matches:!1,h=s;s==="auto"&&(h=b?"right":"left");let v=h==="up"||h==="down",C=c==="ignore"||!k,S=p;p==="auto"&&(S=e.length<=20?"bounce":"infinite");let N=Nr(null),[q,V]=Te(8e3),[te,j]=Te(0),[F,x]=Te(!0),[Ce,_]=Te(!1);ut(()=>N.current?Mr(N.current,A=>x(A.isIntersecting),{threshold:0}):void 0,[]),ut(()=>{if(!N.current||typeof window>"u"||!C)return;let $=N.current,A=$.querySelector("[data-marquee-track]");if(!A)return;let ve=()=>{let U=v?$.clientHeight:$.clientWidth,re=v?A.scrollHeight:A.scrollWidth,Y=Math.max(0,re-U);if(_(Y>0),Y>0){let ge=Math.min(512,Math.max(12,i));if(S==="bounce"){let de=Y*2/ge*1e3;V(Math.max(2e3,Math.floor(de))),j(Y)}else{let de=(re+vt[n])/ge*1e3;V(Math.max(2e3,Math.floor(de))),j(re+vt[n])}}else V(0),j(0)};if(requestAnimationFrame(ve),typeof ResizeObserver<"u"){let U=new ResizeObserver(()=>{requestAnimationFrame(ve)});return U.observe($),()=>U.disconnect()}else return Pr(window,"resize",()=>requestAnimationFrame(ve))},[e,i,v,C,S,n]);let xe=()=>v?h==="up"?"normal":"reverse":h==="left"?"normal":"reverse",ke=()=>S==="infinite"&&Ce?[...e,...e].map(($,A)=>Re("div",{className:Fe("dndev-flex-shrink-0",o),children:t($,A%e.length)},A)):e.map(($,A)=>Re("div",{className:Fe("dndev-flex-shrink-0",o),children:t($,A)},A));return Re("div",{ref:N,className:Fe("dndev-relative dndev-overflow-hidden",d&&"group",l&&"focus-within:group",r),role:"region","aria-label":u||`${S==="infinite"?"Scrolling":"Bouncing"} content with ${e.length} items`,"aria-live":C&&F?"off":"polite",children:Re(Rr,{className:"marquee-track",direction:v?"column":"row",align:v?void 0:"center",gap:n,"data-marquee-track":!0,"data-marquee-direction":v?"vertical":"horizontal","data-marquee-behavior":S,"data-marquee-reduced-motion":!C,style:{"--marquee-duration":C&&F&&Ce?`${q}ms`:"0ms","--marquee-direction":xe(),"--marquee-distance":v?`${te}px`:`${te}px`,"--marquee-easing":Er[f],animationPlayState:!C||!F?"paused":"running"},children:ke()})})}var vt,Er,Ar,ft=ce(()=>{"use strict";vt={none:0,tight:8,medium:16,large:32},Er={linear:"linear","ease-in-out":"ease-in-out","ease-out":"ease-out"};Ar=zr});var Dt={};he(Dt,{default:()=>$a});import{ChevronLeft as Ta,ChevronRight as Ra,Play as Ma,Pause as Pa}from"lucide-react";import{useRef as Ue,useState as oe,useEffect as Ke,useCallback as z,useMemo as Qe,memo as Ea}from"react";import{cn as Ae,observeElement as za,addEventListener as Aa,isRTLLanguage as Ia,Stack as Da}from"@donotdev/components";import{Fragment as Ga,jsx as E,jsxs as Je}from"react/jsx-runtime";function La({items:e,renderItem:t,className:r,slideClassName:o,showArrows:n=!0,showDots:i=!1,showProgress:s=!0,autoplay:d=!0,autoplayInterval:u=5e3,transition:c="slide",infinite:p=!0,slidesToShow:l=1,swipeable:f=!0,momentum:b=!0,onActiveChange:k,onSlideClick:h,keyExtractor:v,"aria-label":C="Premium carousel",pauseOnHover:S=!0,pauseOnInvisible:N=!0,showPlayPause:q=!0,lazy:V=!1,preloadDistance:te=1}){if(!e||e.length===0)return E(Da,{align:"center",justify:"center",className:Ae("dndev-relative",r),children:E("div",{style:{color:"var(--muted-foreground)"},children:"No items to display"})});let j=Ue(null),F=Ue(null),[x,Ce]=oe(0),[_,xe]=oe(d),[ke,$]=oe(!1),[A,ve]=oe(!0),[I,U]=oe({isDragging:!1,startX:0,currentX:0,startTime:0,velocity:0}),re=Ue(null),[Y,ge]=oe("idle"),[de,nt]=oe(!1);Ke(()=>{if(typeof window>"u")return;let a=window.matchMedia("(prefers-reduced-motion: reduce)");return nt(a.matches),Aa(a,"change",g=>{nt(g.matches)})},[]);let Se=Qe(()=>({tension:.3,friction:.8,mass:1}),[]),Kt=Qe(()=>{if(!p||e.length<=l)return e;let a=Math.max(l,2),m=e.slice(-a),g=e.slice(0,a);return[...m,...e,...g]},[e,p,l]),G=Qe(()=>100/l,[l]),Ge=z(a=>{if(!p)return a;let m=Math.max(l,2);return((a-m)%e.length+e.length)%e.length},[p,e.length,l]),ot=z(a=>{if(!p)return!0;let m=Math.max(l,2),g=e.length+m-1;return a>=m&&a<=g},[p,e.length,l]),He=z((a,m,g=0)=>{if(!b)return;let w=parseFloat(a.style.transform.replace("translateX(","").replace("%)",""))||0,R=g,W=Date.now(),B=()=>{let fe=(Date.now()-W)/1e3,Ne=w-m,rr=-Se.tension*Ne,ar=-Se.friction*R,nr=(rr+ar)/Se.mass;R+=nr*fe,w+=R*fe,a.style.transform=`translateX(${w}%)`,Math.abs(Ne)>.1||Math.abs(R)>.1?requestAnimationFrame(B):(a.style.transform=`translateX(${m}%)`,a.style.transition="none")};requestAnimationFrame(B)},[b,Se]),it=z((a,m,g)=>{switch(c){case"fade":a.style.transition=`opacity ${g} ease-in-out`,a.style.opacity="0",setTimeout(()=>{a.style.transform=`translateX(${m}%)`,a.style.opacity="1"},parseInt(g)/2);break;case"scale":a.style.transition=`transform ${g} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,a.style.transform=`translateX(${m}%) scale(0.95)`,setTimeout(()=>{a.style.transform=`translateX(${m}%) scale(1)`},parseInt(g)/2);break;case"parallax":a.style.transition=`transform ${g} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,a.style.transform=`translateX(${m}%)`,a.querySelectorAll('[role="group"]').forEach((R,W)=>{let B=R,D=(W-Math.abs(m)/G)*.1;B.style.transform=`translateX(${D}%)`});break;default:a.style.transition=`transform ${g} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,a.style.transform=`translateX(${m}%)`;break}},[c,G]),O=z((a,m=!1)=>{if(Y!=="idle"&&!m)return;let g=F.current;if(!g)return;let w=a;if(p){let D=Math.max(l,2);w=a+D,a>=e.length?w=D+a%e.length:a<0&&(w=D+e.length+a)}let R=-(w*G),W=m||de?"0ms":"300ms";m||ge("transitioning"),it(g,R,W);let B=Ge(w);if(Ce(B),k?.(B),p&&!m&&ot(w)){let D=Math.max(l,2);(w<=D-1||w>=e.length+D)&&(g.dataset.needsReset="true",g.dataset.resetIndex=w<=D-1?(e.length+D-1).toString():D.toString())}},[p,e.length,G,l,Ge,k,de,Y,ot,it]),Z=z(()=>{O(x+1)},[x,O]),le=z(()=>{O(x-1)},[x,O]),Xe=z(()=>{xe(!0)},[]),qe=z(()=>{xe(!1)},[]);Ke(()=>{if(!(!_||ke||!A||e.length<=1))return re.current=setTimeout(()=>{Z()},u),()=>{re.current&&clearTimeout(re.current)}},[_,ke,A,x,Z,u,e.length]),Ke(()=>!N||!j.current?void 0:za(j.current,m=>ve(m.isIntersecting),{threshold:.1}),[N]);let Qt=z(a=>V?Math.abs(a-x)<=te:!0,[V,x,te]),Jt=z(a=>{if(!f||Y!=="idle")return;let m=a.touches[0];m&&U({isDragging:!0,startX:m.clientX,currentX:m.clientX,startTime:Date.now(),velocity:0})},[f,Y]),jt=z(a=>{if(!I.isDragging)return;let m=a.touches[0];if(!m)return;let g=m.clientX-I.startX,w=Date.now()-I.startTime,R=w>0?g/w:0,W=F.current;if(W&&Math.abs(g)>10){a.preventDefault();let B=-(x*G),D=g/(j.current?.clientWidth||1)*100,fe=Math.min(Math.abs(g)/200,.8),Ne=D*(1-fe);W.style.transition="none",W.style.transform=`translateX(${B+Ne}%)`}U(B=>({...B,currentX:m.clientX,velocity:R}))},[I.isDragging,I.startX,I.startTime,x,G]),Zt=z(()=>{if(!I.isDragging)return;let a=I.currentX-I.startX,m=I.velocity,g=50;if(b&&Math.abs(m)>.5){let w=F.current;if(w){let R=m>0?x-1:x+1,W=-(R*G);He(w,W,m*100),O(R,!0)}}else if(Math.abs(a)>g)a>0?le():Z();else{let w=F.current;if(w&&b){let R=-(x*G);He(w,R,m*100)}else O(x,!0)}U({isDragging:!1,startX:0,currentX:0,startTime:0,velocity:0})},[I,b,Z,le,O,x,He,G]),er=z(()=>{ge("idle");let a=F.current;if(a?.dataset.needsReset==="true"){let m=parseInt(a.dataset.resetIndex||"0");a.style.transition="none",a.style.transform=`translateX(-${m*G}%)`,delete a.dataset.needsReset,delete a.dataset.resetIndex}},[G]),tr=z(a=>{let m=Ia();switch(a.key){case"ArrowLeft":a.preventDefault(),m?Z():le();break;case"ArrowRight":a.preventDefault(),m?le():Z();break;case"Home":a.preventDefault(),O(0);break;case"End":a.preventDefault(),O(e.length-1);break;case" ":a.preventDefault(),_?qe():Xe();break}},[Z,le,O,e.length,_,Xe,qe]);return Je("div",{ref:j,className:Ae("dndev-relative dndev-overflow-hidden",r),onMouseEnter:()=>S&&$(!0),onMouseLeave:()=>S&&$(!1),onKeyDown:tr,tabIndex:0,role:"region","aria-label":C,"aria-live":"polite",children:[E("div",{className:"dndev-overflow-hidden",children:E("div",{ref:F,className:Ae("dndev-flex",I.isDragging&&"dndev-pointer-events-none",Y==="transitioning"&&"dndev-pointer-events-none"),style:{cursor:I.isDragging?"grabbing":void 0},onTransitionEnd:er,onTouchStart:Jt,onTouchMove:jt,onTouchEnd:Zt,children:Kt.map((a,m)=>{let g=Ge(m),w=g===x,R=Qt(g);return E("div",{className:Ae("dndev-flex-shrink-0",o),style:{width:`${G}%`,opacity:R?1:0},role:"group","aria-roledescription":"slide","aria-label":`Slide ${g+1} of ${e.length}`,onClick:()=>h?.(a,g),children:R&&t(a,g,w)},v?v(a,g):`${g}-${m}`)})})}),n&&e.length>1&&Je(Ga,{children:[E("button",{className:"dndev-absolute dndev-z-breadcrumbs dndev-flex dndev-items-center dndev-justify-center",style:{left:"1rem",top:"50%",transform:"translateY(-50%)",width:"2.5rem",height:"2.5rem",opacity:0,transition:"opacity var(--dur-normal)",borderRadius:"9999px",backgroundColor:"rgb(from var(--background) r g b / 0.8)",border:"1px solid var(--border)"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.9)",a.currentTarget.style.opacity="1"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.8)"},onClick:le,"aria-label":"Previous slide",children:E(Ta,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}})}),E("button",{className:"dndev-absolute dndev-z-breadcrumbs dndev-flex dndev-items-center dndev-justify-center",style:{right:"1rem",top:"50%",transform:"translateY(-50%)",width:"2.5rem",height:"2.5rem",opacity:0,transition:"opacity var(--dur-normal)",borderRadius:"9999px",backgroundColor:"rgb(from var(--background) r g b / 0.8)",border:"1px solid var(--border)"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.9)",a.currentTarget.style.opacity="1"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.8)"},onClick:Z,"aria-label":"Next slide",children:E(Ra,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}})})]}),d&&q&&E("button",{className:"dndev-absolute dndev-z-breadcrumbs dndev-flex dndev-items-center dndev-justify-center",style:{insetBlockStart:"var(--gap-md)",insetInlineEnd:"var(--gap-md)",width:"2rem",height:"2rem",opacity:0,transition:"opacity var(--dur-normal)",borderRadius:"9999px",backgroundColor:"rgb(from var(--background) r g b / 0.8)",border:"1px solid var(--border)"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.9)",a.currentTarget.style.opacity="1"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.8)"},onClick:()=>_?qe():Xe(),"aria-label":_?"Pause carousel":"Play carousel",children:_?E(Pa,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}}):E(Ma,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}})}),i&&e.length>1&&E("div",{className:"dndev-absolute dndev-flex dndev-gap-sm dndev-z-breadcrumbs",style:{bottom:"1rem",left:"50%",transform:"translateX(-50%)"},children:e.map((a,m)=>E("button",{style:{width:m===x?"1.5rem":"0.5rem",height:"0.5rem",borderRadius:"9999px",transition:"all 0.3s",backgroundColor:m===x?"var(--foreground)":"rgb(from var(--foreground) r g b / 0.3)"},onMouseEnter:g=>{m!==x&&(g.currentTarget.style.backgroundColor="rgb(from var(--foreground) r g b / 0.5)")},onMouseLeave:g=>{m!==x&&(g.currentTarget.style.backgroundColor="rgb(from var(--foreground) r g b / 0.3)")},onClick:()=>O(m),"aria-label":`Go to slide ${m+1}`},m))}),s&&d&&E("div",{className:"dndev-absolute dndev-left-0",style:{bottom:0,right:0,height:"0.25rem",backgroundColor:"rgb(from var(--foreground) r g b / 0.2)"},children:E("div",{style:{height:"100%",width:`${(x+1)/e.length*100}%`,backgroundColor:"var(--foreground)",transition:"width 0.1s linear"}})}),Je("div",{className:"dndev-sr-only","aria-live":"polite","aria-atomic":"true",children:["Slide ",x+1," of ",e.length]})]})}var It,$a,Lt=ce(()=>{"use strict";It=Ea(La);It.displayName="Carousel";$a=It});var Gt={};he(Gt,{default:()=>_a});import{memo as Ba}from"react";import{Card as Va,Text as Ze}from"@donotdev/components";import{cn as Fa}from"@donotdev/components";import{Fragment as Ua,jsx as we,jsxs as $t}from"react/jsx-runtime";var Ya,_a,Ht=ce(()=>{"use strict";Ya=Ba(function({title:t,items:r,gridCols:o=2,className:n,ariaLabel:i}){let s={1:"grid-cols-1",2:"grid-cols-1 md:grid-cols-2",3:"grid-cols-1 md:grid-cols-2 lg:grid-cols-3",4:"grid-cols-1 md:grid-cols-2 lg:grid-cols-4"},d=Array.isArray(r)?r:[];return Array.isArray(r),$t("div",{className:Fa("dndev-marketing-stack",n),"aria-label":i,children:[t&&we(Ze,{as:"h3",level:"h2",children:t}),we("div",{className:"dndev-marketing-dndev-grid","data-cols":o,children:d.map((u,c)=>we(Va,{title:u.useCase,subtitle:u.bestFit,content:$t(Ua,{children:[we(Ze,{variant:"muted",level:"body",children:u.dndev}),we(Ze,{variant:"muted",level:"small",className:"italic",children:u.reason})]})},c))})]})}),_a=Ya});var _t={};he(_t,{default:()=>$n});import{memo as $e}from"react";import{cn as rt,Card as Tn,Icon as Rn,Stack as Mn}from"@donotdev/components";import{jsx as P,jsxs as ue}from"react/jsx-runtime";var se,Ft,Pn,Yt,En,zn,An,In,Dn,Ln,$n,Ut=ce(()=>{"use strict";se={desktop:{cardWidth:300,cardHeight:200,cardGap:32,drop:80,startX:0,containerWidth:1024,containerHeight:380},mobile:{cardWidth:320,cardHeight:200,verticalGap:24,containerWidth:400,curveOffset:40}},Ft=$e(({className:e,density:t,onClick:r,icon:o,title:n,subtitle:i,description:s})=>ue(Tn,{className:rt("dndev-min-w-0",r?"cursor-pointer":"",e),style:{height:"200px",padding:"var(--gap-md)",transform:"scale(1)",transition:"transform var(--duration-normal)"},onMouseEnter:d=>{d.currentTarget.style.transform="scale(0.80)"},onMouseLeave:d=>{d.currentTarget.style.transform="scale(1)"},onClick:r,children:[ue(Mn,{direction:"row",align:"center",gap:"medium",style:{marginBottom:"var(--gap-md)"},children:[P(Pn,{icon:o}),P("h3",{style:{fontSize:"var(--font-size-lg)",fontWeight:600,lineHeight:1.25,color:"var(--foreground)"},children:n})]}),i&&P("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)",lineHeight:1.625,marginBottom:"var(--gap-md)"},children:i}),s&&P("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--accent)",transition:"color var(--duration-normal)",cursor:"pointer"},onMouseEnter:d=>{d.currentTarget.style.color="rgb(from var(--accent) r g b / 0.8)"},onMouseLeave:d=>{d.currentTarget.style.color="var(--accent)"},children:s})]})),Pn=$e(({icon:e})=>e?P("div",{className:"dndev-inline-flex dndev-flex-shrink-0 dndev-items-center dndev-justify-center",style:{width:"var(--touch-target)",height:"var(--touch-target)",borderRadius:"var(--radius-lg)",background:"linear-gradient(to bottom right, rgb(from var(--primary) r g b / 0.1), rgb(from var(--primary) r g b / 0.2))",color:"var(--primary)",transition:"background var(--duration-normal)"},onMouseEnter:t=>{t.currentTarget.style.background="linear-gradient(to bottom right, rgb(from var(--primary) r g b / 0.2), rgb(from var(--primary) r g b / 0.3))"},onMouseLeave:t=>{t.currentTarget.style.background="linear-gradient(to bottom right, rgb(from var(--primary) r g b / 0.1), rgb(from var(--primary) r g b / 0.2))"},children:P(Rn,{icon:e,ariaHidden:!0})}):null),Yt=$e(function({className:t,startX:r,startY:o,endX:n,endY:i,index:s,isMobile:d=!1}){let u,c,p,l,f;if(d){let{curveOffset:b}=se.mobile,k=(o+i)/2,h=r+b;c=Math.abs(h-r)+40,p=Math.abs(i-o)+40,l=Math.min(r,h)-20,f=Math.min(o,i)-20;let v=r-l,C=o-f,S=n-l,N=i-f,q=h-l,V=k-f;u=`M ${v} ${C} Q ${q} ${V} ${S} ${N}`}else{let b=(r+n)/2,k=o+(i-o)*.3;c=Math.abs(n-r)+40,p=Math.abs(i-o)+40,l=Math.min(r,n)-20,f=Math.min(o,i)-20;let h=r-l,v=o-f,C=n-l,S=i-f,N=b-l,q=k-f;u=`M ${h} ${v} Q ${N} ${q-20} ${C} ${S}`}return ue("svg",{className:rt(t),style:{left:l,top:f,width:c,height:p,zIndex:1},viewBox:`0 0 ${c} ${p}`,role:"img",focusable:"false",children:[P("path",{d:u,fill:"none",stroke:"currentColor",strokeWidth:"3",strokeDasharray:"8,8",className:"text-accent waterfall-connector",style:{animationDelay:`${s*.2}s`}}),P("circle",{cx:r-l,cy:o-f,r:"6",fill:"currentColor",className:"text-accent"}),P("circle",{cx:n-l,cy:i-f,r:"6",fill:"currentColor",className:"text-accent"})]})}),En=e=>{let{cardWidth:t,cardGap:r,drop:o,startX:n}=se.desktop;return{x:n+e*(t+r),y:e*o}},zn=e=>{let{cardHeight:t,verticalGap:r}=se.mobile;return{x:0,y:e*(t+r)}},An=e=>{let{cardWidth:t,cardGap:r,drop:o}=se.desktop;return e===0?{startX:t,startY:o/2,endX:t+r+t/2,endY:o}:e===1?{startX:2*t+r,startY:1.5*o,endX:2.5*t+2*r,endY:2*o}:null},In=e=>{let{cardWidth:t,cardHeight:r,verticalGap:o}=se.mobile;return e===0?{startX:t,startY:.66*r,endX:t,endY:1.33*r+o}:e===1?{startX:t,startY:1.66*r+o,endX:t,endY:2.33*r+2*o}:null},Dn=e=>{let{cardHeight:t,verticalGap:r}=se.mobile;return(e-1)*(t+r)+t+40},Ln=$e(({items:e,className:t,connectorClassName:r,density:o="comfortable",ariaLabel:n,direction:i="horizontal"})=>{if(!e?.length)return null;if(i==="descending"){let{desktop:d,mobile:u}=se;return ue("section",{className:rt("dndev-w-full dndev-overflow-hidden",t),children:[ue("div",{className:"dndev-hidden  dndev-relative ",style:{width:`${d.containerWidth}px`,height:`${d.containerHeight}px`},children:[P("ol",{className:"dndev-relative","aria-label":n??"Process steps",children:e.map((c,p)=>{let{x:l,y:f}=En(p);return P("li",{className:"list-none dndev-absolute waterfall-card",style:{left:`${l}px`,top:`${f}px`,width:`${d.cardWidth}px`},children:P(Ft,{density:o,onClick:c.onClick,icon:c.icon,title:c.title,subtitle:c.subtitle,description:c.description})},`cascade-${p}-${c.title}`)})}),e.map((c,p)=>{if(p>=e.length-1)return null;let l=An(p);return l?P(Yt,{startX:l.startX,startY:l.startY,endX:l.endX,endY:l.endY,className:r,index:p,isMobile:!1},`desktop-connector-${p}`):null})]}),P("div",{className:" dndev-w-full px-[var(--content-padding)]",children:ue("div",{className:"dndev-relative dndev-mx-auto",style:{width:`${u.containerWidth}px`,height:`${Dn(e.length)}px`},children:[P("ol",{className:"dndev-relative","aria-label":n??"Process steps",children:e.map((c,p)=>{let{x:l,y:f}=zn(p);return P("li",{className:"list-none dndev-absolute",style:{left:`${l}px`,top:`${f}px`,width:`${u.cardWidth}px`},children:P(Ft,{density:o,onClick:c.onClick,icon:c.icon,title:c.title,subtitle:c.subtitle,description:c.description})},`mobile-${p}-${c.title}`)})}),e.map((c,p)=>{if(p>=e.length-1)return null;let l=In(p);return l?P(Yt,{startX:l.startX,startY:l.startY,endX:l.endX,endY:l.endY,className:r,index:p,isMobile:!0},`mobile-connector-${p}`):null})]})})]})}return null}),$n=Ln});Oe();import{useState as vr,useMemo as gr,lazy as fr,Suspense as hr}from"react";import{cn as br}from"@donotdev/components";import{jsx as ee,jsxs as ct}from"react/jsx-runtime";var yr=fr(()=>Promise.resolve().then(()=>(lt(),dt))),wr=({content:e,intro:t,title:r,duration:o=26,contentHeight:n="150vh",tiltAngle:i,className:s,style:d,"aria-label":u})=>{let[c,p]=vr(!0),l=gr(()=>t==null?null:typeof t=="string"?ee("div",{className:"dndev-crawl-intro-text",children:me(t,{allowedTags:["u","br","i","em","strong","b"]})}):t,[t]),f=()=>{p(!1)};return ct("div",{className:br("dndev-crawl-container","dndev-relative dndev-overflow-hidden",s),style:{...d,height:"calc(100dvh - var(--header-height))"},"aria-label":u||"Animated text crawl",role:"region","aria-live":"polite",children:[c&&ct("div",{className:"dndev-absolute dndev-inset-0 dndev-flex dndev-flex-col dndev-items-center dndev-justify-center",style:{zIndex:30,backgroundColor:"rgba(0, 0, 0, 0.6)",backdropFilter:"blur(4px)"},children:[l&&ee("div",{className:"dndev-w-full",style:{paddingInline:"var(--content-padding)",marginBottom:"3rem"},children:ee("div",{className:"dndev-crawl-intro-content",children:l})}),ee("button",{onClick:f,style:{width:"96px",height:"96px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.2)",border:"4px solid rgba(255, 255, 255, 0.4)",backdropFilter:"blur(4px)",cursor:"pointer",transition:"all var(--dur-normal) var(--ease-in-out)"},onMouseEnter:b=>{b.currentTarget.style.backgroundColor="rgba(255, 255, 255, 0.3)",b.currentTarget.style.borderColor="rgba(255, 255, 255, 0.6)",b.currentTarget.style.transform="scale(1.1)"},onMouseLeave:b=>{b.currentTarget.style.backgroundColor="rgba(255, 255, 255, 0.2)",b.currentTarget.style.borderColor="rgba(255, 255, 255, 0.4)",b.currentTarget.style.transform="scale(1)"},"aria-label":"Start animated introduction",children:ee("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"white",style:{marginInlineStart:"4px"},children:ee("path",{d:"M8 5v14l11-7z"})})})]}),!c&&ee(hr,{fallback:null,children:ee(yr,{title:r,content:e,duration:o,contentHeight:n,tiltAngle:i})})]})},mt=wr;import{Suspense as Ir,lazy as Dr}from"react";import{cn as Cr,GAP_VARIANT as xr,Stack as kr}from"@donotdev/components";import{jsx as Ve}from"react/jsx-runtime";function Sr({className:e,itemCount:t=8,itemWidth:r,gap:o=xr.MEDIUM,direction:n="horizontal"}){let i=n==="vertical";return Ve("div",{className:Cr("dndev-relative dndev-overflow-hidden",e),role:"status","aria-label":"Loading content",children:Ve(kr,{direction:i?"column":"row",align:i?void 0:"center",gap:o,children:Array.from({length:t*2}).map((s,d)=>Ve("div",{className:"dndev-flex-shrink-0 dndev-animate-pulse",style:i?{height:"4rem",width:"100%",backgroundColor:"var(--muted)",borderRadius:"var(--radius-lg)"}:{height:"4rem",width:r||"4rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius-lg)"}},d))})})}var pt=Sr;import{GAP_VARIANT as $r}from"@donotdev/components";import{jsx as Ye}from"react/jsx-runtime";var Lr=Dr(()=>Promise.resolve().then(()=>(ft(),gt))),Gr=e=>{let{gap:t=$r.MEDIUM,direction:r="auto",...o}=e;return Ye(Ir,{fallback:Ye(pt,{itemCount:8,gap:t,direction:r==="up"||r==="down"?"vertical":"horizontal"}),children:Ye(Lr,{...o})})},ht=Gr;import{Eye as Hr}from"lucide-react";import{useState as Xr}from"react";import{PortalButton as qr,cn as bt,Sheet as Or,Code as Wr,Stack as Br}from"@donotdev/components";import{Fragment as Fr,jsx as Me,jsxs as Yr}from"react/jsx-runtime";function Vr({data:e,sourceCode:t,language:r="tsx",title:o="Page Source",className:n}){let[i,s]=Xr(!1),d=t||e||"",u=c=>{};return Yr(Fr,{children:[Me(qr,{icon:Hr,onClick:()=>s(!0),className:bt("dndev-z-overlay",n),style:{position:"fixed",zIndex:"var(--z-overlay)",right:"var(--gap-sm)",bottom:"calc(var(--footer-height, 0px) + var(--gap-sm))"},tooltip:"Code Inspector","aria-label":"Code Inspector"}),Me(Or,{open:i,onOpenChange:s,side:"bottom",className:bt("dndev-w-full",n),style:{width:"100%",height:"90%",maxHeight:"90dvh",borderRadius:"var(--radius-xl) var(--radius-xl) 0 0",display:"flex",flexDirection:"column",overflow:"hidden"},children:Me(Br,{gap:"none",style:{flex:"1 1 auto",minHeight:0,overflow:"hidden"},children:Me(Wr,{language:r,showCopyButton:!0,onCopy:u,children:d})})})]})}var yt=Vr;import"react";import{cn as wt,Button as _r,Separator as Ur,SEPARATOR_VARIANT as Kr,Text as Qr,useIntersectionObserver as Jr,getVariantDataAttrs as jr,surfaceVariants as Zr,renderCardHeader as ea,renderCardContent as ta}from"@donotdev/components";import{jsx as K,jsxs as Pe}from"react/jsx-runtime";var ra=({items:e,className:t,ariaLabel:r,variant:o,style:n,threshold:i=.3})=>K("div",{className:wt("dndev-stacked-cards-container",t),"aria-label":r,style:n,children:e.map((s,d)=>K(aa,{item:s,index:d,variant:o,threshold:i},d))}),aa=({item:e,index:t,variant:r,threshold:o})=>{let{ref:n,isIntersecting:i}=Jr({threshold:o,rootMargin:"0px 0px -20% 0px",once:!0}),s=ea(e.icon,e.title,e.subtitle),d=ta(e.content);return K("section",{ref:n,className:"dndev-stack-item","data-stacked":i?"false":"true",children:Pe("div",{className:wt("dndev-card",Zr({variant:r})),...jr({variant:r}),"data-role":"card","data-clickable":e.onClick?"true":void 0,onClick:e.onClick,children:[Pe("div",{className:"dndev-stack-content",children:[Pe("div",{className:"dndev-stacked-cards-body",children:[Pe("div",{className:"dndev-stacked-cards-left",children:[s,e.description&&K(Qr,{as:"p",level:"small",variant:"muted",children:e.description})]}),K(Ur,{orientation:"vertical",variant:Kr.ACCENT,className:"dndev-stacked-cards-separator"}),d&&K("div",{className:"dndev-stacked-cards-right",children:d})]}),e.cta&&K("div",{className:"dndev-stacked-cards-cta",children:K(_r,{onClick:e.onClick,variant:e.cta.variant||"primary",icon:e.cta.icon,children:e.cta.text})})]}),K("div",{className:"dndev-stack-number",children:e.number??String(t+1).padStart(2,"0")})]})})},Ct=ra;import{jsx as oa}from"react/jsx-runtime";var na=e=>oa(Ct,{...e}),xt=na;import{useCallback as ia}from"react";import{cn as sa,useViewportVisibility as da}from"@donotdev/components";import{jsx as kt}from"react/jsx-runtime";var la=({items:e=[],direction:t="fade-in",stagger:r=100,threshold:o,distance:n,duration:i,once:s=!1,viewport:d=!0,overrides:u=[],className:c,children:p})=>{let{ref:l,isVisible:f,hasTriggered:b,visibleItems:k,isItemVisible:h}=da({threshold:o,once:s,trackItems:d,enableScrollListener:d}),v=ia(S=>{let N=u.find(q=>q.index===S);if(N)return N.direction;switch(t){case"alternate-h":return S%2===0?"left":"right";case"alternate-v":return S%2===0?"top":"bottom";default:return t}},[t,u]),C=()=>e.map((S,N)=>{let q=v(N),V=N*r,te=d?h(N):f;return kt("div",{className:"dndev-reveal-item","data-direction":q,"data-visible":te,style:{"--reveal-delay":`${V}ms`,"--reveal-index":N,...n!==void 0&&{"--reveal-distance":`${n}vw`},...i!==void 0&&{"--reveal-duration":`${i}ms`}},children:S},N)});return kt("div",{ref:l,className:sa("dndev-reveal-container",f&&"dndev-reveal-visible",c),"data-direction":t,"data-stagger":r,children:e.length>0?C():p})},ye=la;import{useState as ca,useEffect as ma}from"react";import{cn as St,Card as Nt,renderCardContent as Tt,useIntersectionObserver as pa}from"@donotdev/components";import{useBreakpoint as ua}from"@donotdev/core";import{jsx as M,jsxs as ae}from"react/jsx-runtime";var va=function({steps:t,className:r,variant:o}){let[n,i]=ca(0),s=ua("isLaptopOrDesktop"),d=t.length>1?n/(t.length-1)*100:0;return s?M("div",{className:St("dndev-roadmap",r),children:ae("div",{className:"dndev-roadmap-desktop",style:{"--step-count":t.length},children:[ae("div",{className:"dndev-roadmap-timeline",children:[M("div",{className:"dndev-roadmap-timeline-bg"}),M("div",{className:"dndev-roadmap-timeline-progress",style:{width:`${d}%`}})]}),M("div",{className:"dndev-roadmap-grid",style:{gridTemplateColumns:`repeat(${t.length}, 1fr)`},children:t.map((u,c)=>{let p=u.icon,l=c<=n,f=c===n;return ae("div",{className:"dndev-roadmap-step",onMouseEnter:()=>i(c),children:[M("div",{className:"dndev-roadmap-node","data-active":l,children:M(p,{})}),ae(Nt,{title:u.title,subtitle:u.subtitle,variant:o,className:"dndev-roadmap-card","data-active":f,footer:u.content?M("div",{className:"dndev-roadmap-content",children:Tt(u.content)}):void 0,children:[M("span",{className:"dndev-roadmap-phase",children:u.phase}),u.description&&M("p",{className:"dndev-roadmap-description",children:u.description})]})]},c)})})]})}):M("div",{className:St("dndev-roadmap",r),children:ae("div",{className:"dndev-roadmap-mobile",children:[M("div",{className:"dndev-roadmap-timeline-vertical",children:M("div",{className:"dndev-roadmap-timeline-vertical-progress",style:{height:`${d}%`}})}),t.map((u,c)=>M(ga,{step:u,index:c,isActive:c<=n,variant:o,onEnter:()=>i(c)},c))]})})},ga=({step:e,index:t,isActive:r,variant:o,onEnter:n})=>{let{ref:i,isIntersecting:s}=pa({threshold:.5,rootMargin:"0px 0px -20% 0px"});ma(()=>{typeof window<"u"&&s&&n()},[s,n]);let d=e.icon;return ae("div",{ref:i,className:"dndev-roadmap-step-mobile",children:[M("div",{className:"dndev-roadmap-node-mobile","data-active":r,children:M(d,{})}),ae(Nt,{title:e.title,subtitle:e.subtitle,variant:o,className:"dndev-roadmap-card-mobile","data-active":r,footer:e.content?M("div",{className:"dndev-roadmap-content",children:Tt(e.content)}):void 0,children:[M("span",{className:"dndev-roadmap-phase",children:e.phase}),e.description&&M("p",{className:"dndev-roadmap-description",children:e.description})]})]})},Rt=va;import{jsx as ha}from"react/jsx-runtime";var fa=function(t){return ha(Rt,{...t})},Mt=fa;import{jsx as _e,jsxs as ya}from"react/jsx-runtime";function ba({status:e,animationClass:t}){return _e("svg",{width:"100%",height:"100%",viewBox:"0 0 512 512",className:"drop--lg",preserveAspectRatio:"xMidYMid meet",children:ya("g",{transform:"translate(0,512) scale(0.1,-0.1)",children:[_e("path",{d:`M2465 4956 c-60 -28 -97 -66 -124 -126 -20 -44 -21 -63 -21 -630 0
+"use client";var or=Object.defineProperty;var ce=(e,t)=>()=>(e&&(t=e(e=0)),t);var he=(e,t)=>{for(var r in t)or(e,r,{get:t[r],enumerable:!0})};import{createElement as be}from"react";function me(e,t={}){let{allowedTags:r=["p","br","u","i","em","strong","b"],preserveLineBreaks:o=!0,className:n}=t;if(!e||typeof e!="string")return[];let i=e;o&&(i=i.replace(/\n/g,"<br/>"));let s=i.split(/(<[^>]+>)/),d=[],u=0;for(let c=0;c<s.length;c++){let p=s[c];if(!p)continue;let l=p.match(/^<(\w+)(?:\s[^>]*)?\s*\/>$/);if(l&&l[1]){let b=l[1].toLowerCase();if(r.includes(b)){let k=st(b,"",n,u++);k&&d.push(k);continue}}let f=p.match(/^<(\w+)(?:\s[^>]*)?>$/);if(f&&f[1]){let b=f[1].toLowerCase();if(r.includes(b)){let k=`</${b}>`,h="",v=c+1;for(;v<s.length&&s[v]&&!s[v].includes(k);)h+=s[v],v++;v<s.length&&s[v]&&(h+=s[v].replace(k,""));let C=st(b,h,n,u++);C&&d.push(C),c=v;continue}}p&&!p.startsWith("<")&&d.push(p)}return d}function st(e,t,r,o){let n={key:o};switch(r&&(n.className=r),e){case"p":return be("p",n,t);case"br":return be("br",n);case"u":return be("u",n,t);case"i":case"em":return be("em",n,t);case"strong":case"b":return be("strong",n,t);default:return t}}var Oe=ce(()=>{"use strict"});var dt={};he(dt,{default:()=>pr});import{useEffect as ir,useRef as sr,useState as dr,useMemo as We,isValidElement as lr}from"react";import{isClient as cr}from"@donotdev/core";import{Fragment as ur,jsx as H,jsxs as Be}from"react/jsx-runtime";var mr,pr,lt=ce(()=>{"use strict";Oe();mr=({content:e,title:t,duration:r=26,contentHeight:o="150vh",tiltAngle:n,onPause:i,onResume:s})=>{let d=sr(null),[u,c]=dr(!1),p=h=>!h||typeof h!="string"?null:h.split(/\n\s*\n/).map(C=>C.trim()).filter(C=>C.length>0).map((C,S)=>H("p",{children:me(C,{allowedTags:["u","br","i","em","strong","b"]})},`p-${S}`)),l=We(()=>t?typeof t=="string"?H("h2",{className:"dndev-crawl-title",children:me(t,{allowedTags:["u","br","i","em","strong","b"]})}):t:null,[t]),f=We(()=>lr(e)?e:Array.isArray(e)?e.map(v=>typeof v=="string"?v.trim():"").filter(v=>v&&v.length>0).map((v,C)=>H("p",{children:me(v,{allowedTags:["u","br","i","em","strong","b"]})},`c-${C}`)):typeof e=="string"?p(e):e,[e]),b=We(()=>{let h={"--crawl-content-height":o,animationName:"dndev-crawl-animation",animationDuration:`${r}s`,animationTimingFunction:"linear",animationIterationCount:"infinite",animationFillMode:"forwards",animationPlayState:u?"paused":"running"};return n!==void 0&&(h["--crawl-tilt"]=`${n}deg`),h},[u,r,o,n]);ir(()=>{if(!cr()||!d.current)return;let h=window.matchMedia("(prefers-reduced-motion: reduce)"),v=()=>{h.matches&&d.current&&d.current.classList.add("dndev-crawl-reduced-motion")};return v(),h.addEventListener("change",v),()=>h.removeEventListener("change",v)},[]);let k=()=>{u?(c(!1),s?.()):(c(!0),i?.())};return Be(ur,{children:[H("div",{className:"dndev-crawl-3d-container",onClick:k,children:H("div",{ref:d,className:"dndev-crawl-text",style:{...b,willChange:u?"auto":"transform"},children:Be("div",{className:"dndev-crawl-content",children:[l,f]})})}),u&&H("div",{className:"dndev-absolute dndev-inset-0 dndev-flex dndev-items-center dndev-justify-center",style:{zIndex:30,backgroundColor:"rgba(0, 0, 0, 0.3)",backdropFilter:"blur(2px)"},onClick:k,children:H("button",{style:{width:"96px",height:"96px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.2)",border:"4px solid rgba(255, 255, 255, 0.4)",backdropFilter:"blur(4px)",cursor:"pointer",transition:"all var(--dur-normal) var(--ease-in-out)"},"aria-label":"Resume animation",children:H("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"white",children:H("path",{d:"M6 4h4v16H6V4zm8 0h4v16h-4V4z"})})})}),Be("div",{className:"dndev-crawl-stars",children:[H("div",{className:"dndev-crawl-stars-layer-1"}),H("div",{className:"dndev-crawl-stars-layer-2"}),H("div",{className:"dndev-crawl-stars-layer-3"})]})]})},pr=mr});var gt={};he(gt,{default:()=>Ar});import{useRef as Nr,useState as Te,useEffect as ut}from"react";import{cn as Fe,GAP_VARIANT as Tr,Stack as Rr}from"@donotdev/components";import{observeElement as Mr,addEventListener as Pr}from"@donotdev/components";import{jsx as Re}from"react/jsx-runtime";function zr({items:e,renderItem:t,className:r,itemClassName:o,gap:n=Tr.MEDIUM,speed:i=48,direction:s="auto",pauseOnHover:d=!0,ariaLabel:u,reducedMotion:c="respect",behavior:p="auto",pauseOnFocusWithin:l=!0,easing:f="ease-in-out"}){let b=typeof document<"u"&&document.dir==="rtl",k=typeof window<"u"?window.matchMedia("(prefers-reduced-motion: reduce)").matches:!1,h=s;s==="auto"&&(h=b?"right":"left");let v=h==="up"||h==="down",C=c==="ignore"||!k,S=p;p==="auto"&&(S=e.length<=20?"bounce":"infinite");let N=Nr(null),[q,V]=Te(8e3),[te,j]=Te(0),[F,x]=Te(!0),[Ce,_]=Te(!1);ut(()=>N.current?Mr(N.current,A=>x(A.isIntersecting),{threshold:0}):void 0,[]),ut(()=>{if(!N.current||typeof window>"u"||!C)return;let $=N.current,A=$.querySelector("[data-marquee-track]");if(!A)return;let ve=()=>{let U=v?$.clientHeight:$.clientWidth,re=v?A.scrollHeight:A.scrollWidth,Y=Math.max(0,re-U);if(_(Y>0),Y>0){let ge=Math.min(512,Math.max(12,i));if(S==="bounce"){let de=Y*2/ge*1e3;V(Math.max(2e3,Math.floor(de))),j(Y)}else{let de=(re+vt[n])/ge*1e3;V(Math.max(2e3,Math.floor(de))),j(re+vt[n])}}else V(0),j(0)};if(requestAnimationFrame(ve),typeof ResizeObserver<"u"){let U=new ResizeObserver(()=>{requestAnimationFrame(ve)});return U.observe($),()=>U.disconnect()}else return Pr(window,"resize",()=>requestAnimationFrame(ve))},[e,i,v,C,S,n]);let xe=()=>v?h==="up"?"normal":"reverse":h==="left"?"normal":"reverse",ke=()=>S==="infinite"&&Ce?[...e,...e].map(($,A)=>Re("div",{className:Fe("dndev-flex-shrink-0",o),children:t($,A%e.length)},A)):e.map(($,A)=>Re("div",{className:Fe("dndev-flex-shrink-0",o),children:t($,A)},A));return Re("div",{ref:N,className:Fe("dndev-relative dndev-overflow-hidden",d&&"group",l&&"focus-within:group",r),role:"region","aria-label":u||`${S==="infinite"?"Scrolling":"Bouncing"} content with ${e.length} items`,"aria-live":C&&F?"off":"polite",children:Re(Rr,{className:"marquee-track",direction:v?"column":"row",align:v?void 0:"center",gap:n,"data-marquee-track":!0,"data-marquee-direction":v?"vertical":"horizontal","data-marquee-behavior":S,"data-marquee-reduced-motion":!C,style:{"--marquee-duration":C&&F&&Ce?`${q}ms`:"0ms","--marquee-direction":xe(),"--marquee-distance":v?`${te}px`:`${te}px`,"--marquee-easing":Er[f],animationPlayState:!C||!F?"paused":"running"},children:ke()})})}var vt,Er,Ar,ft=ce(()=>{"use strict";vt={none:0,tight:8,medium:16,large:32},Er={linear:"linear","ease-in-out":"ease-in-out","ease-out":"ease-out"};Ar=zr});var Dt={};he(Dt,{default:()=>$a});import{ChevronLeft as Ta,ChevronRight as Ra,Play as Ma,Pause as Pa}from"lucide-react";import{useRef as Ue,useState as oe,useEffect as Ke,useCallback as z,useMemo as Qe,memo as Ea}from"react";import{cn as Ae,observeElement as za,addEventListener as Aa,isRTLLanguage as Ia,Stack as Da}from"@donotdev/components";import{Fragment as Ga,jsx as E,jsxs as Je}from"react/jsx-runtime";function La({items:e,renderItem:t,className:r,slideClassName:o,showArrows:n=!0,showDots:i=!1,showProgress:s=!0,autoplay:d=!0,autoplayInterval:u=5e3,transition:c="slide",infinite:p=!0,slidesToShow:l=1,swipeable:f=!0,momentum:b=!0,onActiveChange:k,onSlideClick:h,keyExtractor:v,"aria-label":C="Premium carousel",pauseOnHover:S=!0,pauseOnInvisible:N=!0,showPlayPause:q=!0,lazy:V=!1,preloadDistance:te=1}){if(!e||e.length===0)return E(Da,{align:"center",justify:"center",className:Ae("dndev-relative",r),children:E("div",{style:{color:"var(--muted-foreground)"},children:"No items to display"})});let j=Ue(null),F=Ue(null),[x,Ce]=oe(0),[_,xe]=oe(d),[ke,$]=oe(!1),[A,ve]=oe(!0),[I,U]=oe({isDragging:!1,startX:0,currentX:0,startTime:0,velocity:0}),re=Ue(null),[Y,ge]=oe("idle"),[de,nt]=oe(!1);Ke(()=>{if(typeof window>"u")return;let a=window.matchMedia("(prefers-reduced-motion: reduce)");return nt(a.matches),Aa(a,"change",g=>{nt(g.matches)})},[]);let Se=Qe(()=>({tension:.3,friction:.8,mass:1}),[]),Kt=Qe(()=>{if(!p||e.length<=l)return e;let a=Math.max(l,2),m=e.slice(-a),g=e.slice(0,a);return[...m,...e,...g]},[e,p,l]),G=Qe(()=>100/l,[l]),Ge=z(a=>{if(!p)return a;let m=Math.max(l,2);return((a-m)%e.length+e.length)%e.length},[p,e.length,l]),ot=z(a=>{if(!p)return!0;let m=Math.max(l,2),g=e.length+m-1;return a>=m&&a<=g},[p,e.length,l]),He=z((a,m,g=0)=>{if(!b)return;let w=parseFloat(a.style.transform.replace("translateX(","").replace("%)",""))||0,R=g,W=Date.now(),B=()=>{let fe=(Date.now()-W)/1e3,Ne=w-m,rr=-Se.tension*Ne,ar=-Se.friction*R,nr=(rr+ar)/Se.mass;R+=nr*fe,w+=R*fe,a.style.transform=`translateX(${w}%)`,Math.abs(Ne)>.1||Math.abs(R)>.1?requestAnimationFrame(B):(a.style.transform=`translateX(${m}%)`,a.style.transition="none")};requestAnimationFrame(B)},[b,Se]),it=z((a,m,g)=>{switch(c){case"fade":a.style.transition=`opacity ${g} ease-in-out`,a.style.opacity="0",setTimeout(()=>{a.style.transform=`translateX(${m}%)`,a.style.opacity="1"},parseInt(g)/2);break;case"scale":a.style.transition=`transform ${g} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,a.style.transform=`translateX(${m}%) scale(0.95)`,setTimeout(()=>{a.style.transform=`translateX(${m}%) scale(1)`},parseInt(g)/2);break;case"parallax":a.style.transition=`transform ${g} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,a.style.transform=`translateX(${m}%)`,a.querySelectorAll('[role="group"]').forEach((R,W)=>{let B=R,D=(W-Math.abs(m)/G)*.1;B.style.transform=`translateX(${D}%)`});break;default:a.style.transition=`transform ${g} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,a.style.transform=`translateX(${m}%)`;break}},[c,G]),O=z((a,m=!1)=>{if(Y!=="idle"&&!m)return;let g=F.current;if(!g)return;let w=a;if(p){let D=Math.max(l,2);w=a+D,a>=e.length?w=D+a%e.length:a<0&&(w=D+e.length+a)}let R=-(w*G),W=m||de?"0ms":"300ms";m||ge("transitioning"),it(g,R,W);let B=Ge(w);if(Ce(B),k?.(B),p&&!m&&ot(w)){let D=Math.max(l,2);(w<=D-1||w>=e.length+D)&&(g.dataset.needsReset="true",g.dataset.resetIndex=w<=D-1?(e.length+D-1).toString():D.toString())}},[p,e.length,G,l,Ge,k,de,Y,ot,it]),Z=z(()=>{O(x+1)},[x,O]),le=z(()=>{O(x-1)},[x,O]),Xe=z(()=>{xe(!0)},[]),qe=z(()=>{xe(!1)},[]);Ke(()=>{if(!(!_||ke||!A||e.length<=1))return re.current=setTimeout(()=>{Z()},u),()=>{re.current&&clearTimeout(re.current)}},[_,ke,A,x,Z,u,e.length]),Ke(()=>!N||!j.current?void 0:za(j.current,m=>ve(m.isIntersecting),{threshold:.1}),[N]);let Qt=z(a=>V?Math.abs(a-x)<=te:!0,[V,x,te]),Jt=z(a=>{if(!f||Y!=="idle")return;let m=a.touches[0];m&&U({isDragging:!0,startX:m.clientX,currentX:m.clientX,startTime:Date.now(),velocity:0})},[f,Y]),jt=z(a=>{if(!I.isDragging)return;let m=a.touches[0];if(!m)return;let g=m.clientX-I.startX,w=Date.now()-I.startTime,R=w>0?g/w:0,W=F.current;if(W&&Math.abs(g)>10){a.preventDefault();let B=-(x*G),D=g/(j.current?.clientWidth||1)*100,fe=Math.min(Math.abs(g)/200,.8),Ne=D*(1-fe);W.style.transition="none",W.style.transform=`translateX(${B+Ne}%)`}U(B=>({...B,currentX:m.clientX,velocity:R}))},[I.isDragging,I.startX,I.startTime,x,G]),Zt=z(()=>{if(!I.isDragging)return;let a=I.currentX-I.startX,m=I.velocity,g=50;if(b&&Math.abs(m)>.5){let w=F.current;if(w){let R=m>0?x-1:x+1,W=-(R*G);He(w,W,m*100),O(R,!0)}}else if(Math.abs(a)>g)a>0?le():Z();else{let w=F.current;if(w&&b){let R=-(x*G);He(w,R,m*100)}else O(x,!0)}U({isDragging:!1,startX:0,currentX:0,startTime:0,velocity:0})},[I,b,Z,le,O,x,He,G]),er=z(()=>{ge("idle");let a=F.current;if(a?.dataset.needsReset==="true"){let m=parseInt(a.dataset.resetIndex||"0");a.style.transition="none",a.style.transform=`translateX(-${m*G}%)`,delete a.dataset.needsReset,delete a.dataset.resetIndex}},[G]),tr=z(a=>{let m=Ia();switch(a.key){case"ArrowLeft":a.preventDefault(),m?Z():le();break;case"ArrowRight":a.preventDefault(),m?le():Z();break;case"Home":a.preventDefault(),O(0);break;case"End":a.preventDefault(),O(e.length-1);break;case" ":a.preventDefault(),_?qe():Xe();break}},[Z,le,O,e.length,_,Xe,qe]);return Je("div",{ref:j,className:Ae("dndev-relative dndev-overflow-hidden",r),onMouseEnter:()=>S&&$(!0),onMouseLeave:()=>S&&$(!1),onKeyDown:tr,tabIndex:0,role:"region","aria-label":C,"aria-live":"polite",children:[E("div",{className:"dndev-overflow-hidden",children:E("div",{ref:F,className:Ae("dndev-flex",I.isDragging&&"dndev-pointer-events-none",Y==="transitioning"&&"dndev-pointer-events-none"),style:{cursor:I.isDragging?"grabbing":void 0},onTransitionEnd:er,onTouchStart:Jt,onTouchMove:jt,onTouchEnd:Zt,children:Kt.map((a,m)=>{let g=Ge(m),w=g===x,R=Qt(g);return E("div",{className:Ae("dndev-flex-shrink-0",o),style:{width:`${G}%`,opacity:R?1:0},role:"group","aria-roledescription":"slide","aria-label":`Slide ${g+1} of ${e.length}`,onClick:()=>h?.(a,g),children:R&&t(a,g,w)},v?v(a,g):`${g}-${m}`)})})}),n&&e.length>1&&Je(Ga,{children:[E("button",{className:"dndev-absolute dndev-z-breadcrumbs dndev-flex dndev-items-center dndev-justify-center",style:{left:"1rem",top:"50%",transform:"translateY(-50%)",width:"2.5rem",height:"2.5rem",opacity:0,transition:"opacity var(--dur-normal)",borderRadius:"9999px",backgroundColor:"rgb(from var(--background) r g b / 0.8)",border:"1px solid var(--border)"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.9)",a.currentTarget.style.opacity="1"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.8)"},onClick:le,"aria-label":"Previous slide",children:E(Ta,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}})}),E("button",{className:"dndev-absolute dndev-z-breadcrumbs dndev-flex dndev-items-center dndev-justify-center",style:{right:"1rem",top:"50%",transform:"translateY(-50%)",width:"2.5rem",height:"2.5rem",opacity:0,transition:"opacity var(--dur-normal)",borderRadius:"9999px",backgroundColor:"rgb(from var(--background) r g b / 0.8)",border:"1px solid var(--border)"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.9)",a.currentTarget.style.opacity="1"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.8)"},onClick:Z,"aria-label":"Next slide",children:E(Ra,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}})})]}),d&&q&&E("button",{className:"dndev-absolute dndev-z-breadcrumbs dndev-flex dndev-items-center dndev-justify-center",style:{insetBlockStart:"var(--gap-md)",insetInlineEnd:"var(--gap-md)",width:"2rem",height:"2rem",opacity:0,transition:"opacity var(--dur-normal)",borderRadius:"9999px",backgroundColor:"rgb(from var(--background) r g b / 0.8)",border:"1px solid var(--border)"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.9)",a.currentTarget.style.opacity="1"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.8)"},onClick:()=>_?qe():Xe(),"aria-label":_?"Pause carousel":"Play carousel",children:_?E(Pa,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}}):E(Ma,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}})}),i&&e.length>1&&E("div",{className:"dndev-absolute dndev-flex dndev-gap-sm dndev-z-breadcrumbs",style:{bottom:"1rem",left:"50%",transform:"translateX(-50%)"},children:e.map((a,m)=>E("button",{style:{width:m===x?"1.5rem":"0.5rem",height:"0.5rem",borderRadius:"9999px",transition:"all 0.3s",backgroundColor:m===x?"var(--foreground)":"rgb(from var(--foreground) r g b / 0.3)"},onMouseEnter:g=>{m!==x&&(g.currentTarget.style.backgroundColor="rgb(from var(--foreground) r g b / 0.5)")},onMouseLeave:g=>{m!==x&&(g.currentTarget.style.backgroundColor="rgb(from var(--foreground) r g b / 0.3)")},onClick:()=>O(m),"aria-label":`Go to slide ${m+1}`},m))}),s&&d&&E("div",{className:"dndev-absolute dndev-left-0",style:{bottom:0,right:0,height:"0.25rem",backgroundColor:"rgb(from var(--foreground) r g b / 0.2)"},children:E("div",{style:{height:"100%",width:`${(x+1)/e.length*100}%`,backgroundColor:"var(--foreground)",transition:"width 0.1s linear"}})}),Je("div",{className:"dndev-sr-only","aria-live":"polite","aria-atomic":"true",children:["Slide ",x+1," of ",e.length]})]})}var It,$a,Lt=ce(()=>{"use strict";It=Ea(La);It.displayName="Carousel";$a=It});var Gt={};he(Gt,{default:()=>_a});import{memo as Ba}from"react";import{Card as Va,Text as Ze}from"@donotdev/components";import{cn as Fa}from"@donotdev/components";import{Fragment as Ua,jsx as we,jsxs as $t}from"react/jsx-runtime";var Ya,_a,Ht=ce(()=>{"use strict";Ya=Ba(function({title:t,items:r,gridCols:o=2,className:n,ariaLabel:i}){let s={1:"grid-cols-1",2:"grid-cols-1 md:grid-cols-2",3:"grid-cols-1 md:grid-cols-2 lg:grid-cols-3",4:"grid-cols-1 md:grid-cols-2 lg:grid-cols-4"},d=Array.isArray(r)?r:[];return Array.isArray(r),$t("div",{className:Fa("dndev-marketing-stack",n),"aria-label":i,children:[t&&we(Ze,{as:"h3",level:"h2",children:t}),we("div",{className:"dndev-marketing-dndev-grid","data-cols":o,children:d.map((u,c)=>we(Va,{title:u.useCase,subtitle:u.bestFit,content:$t(Ua,{children:[we(Ze,{variant:"muted",level:"body",children:u.dndev}),we(Ze,{variant:"muted",level:"small",className:"italic",children:u.reason})]})},c))})]})}),_a=Ya});var _t={};he(_t,{default:()=>$n});import{memo as $e}from"react";import{cn as rt,Card as Tn,Icon as Rn,Stack as Mn}from"@donotdev/components";import{jsx as P,jsxs as ue}from"react/jsx-runtime";var se,Ft,Pn,Yt,En,zn,An,In,Dn,Ln,$n,Ut=ce(()=>{"use strict";se={desktop:{cardWidth:300,cardHeight:200,cardGap:32,drop:80,startX:0,containerWidth:1024,containerHeight:380},mobile:{cardWidth:320,cardHeight:200,verticalGap:24,containerWidth:400,curveOffset:40}},Ft=$e(({className:e,density:t,onClick:r,icon:o,title:n,subtitle:i,description:s})=>ue(Tn,{className:rt("dndev-min-w-0",r?"cursor-pointer":"",e),style:{height:"200px",padding:"var(--gap-md)",transform:"scale(1)",transition:"transform var(--duration-normal)"},onMouseEnter:d=>{d.currentTarget.style.transform="scale(0.80)"},onMouseLeave:d=>{d.currentTarget.style.transform="scale(1)"},onClick:r,children:[ue(Mn,{direction:"row",align:"center",gap:"medium",style:{marginBottom:"var(--gap-md)"},children:[P(Pn,{icon:o}),P("h3",{style:{fontSize:"var(--font-size-lg)",fontWeight:600,lineHeight:1.25,color:"var(--foreground)"},children:n})]}),i&&P("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)",lineHeight:1.625,marginBottom:"var(--gap-md)"},children:i}),s&&P("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--accent)",transition:"color var(--duration-normal)",cursor:"pointer"},onMouseEnter:d=>{d.currentTarget.style.color="rgb(from var(--accent) r g b / 0.8)"},onMouseLeave:d=>{d.currentTarget.style.color="var(--accent)"},children:s})]})),Pn=$e(({icon:e})=>e?P("div",{className:"dndev-inline-flex dndev-flex-shrink-0 dndev-items-center dndev-justify-center",style:{width:"var(--touch-target)",height:"var(--touch-target)",borderRadius:"var(--radius-lg)",background:"linear-gradient(to bottom right, rgb(from var(--primary) r g b / 0.1), rgb(from var(--primary) r g b / 0.2))",color:"var(--primary)",transition:"background var(--duration-normal)"},onMouseEnter:t=>{t.currentTarget.style.background="linear-gradient(to bottom right, rgb(from var(--primary) r g b / 0.2), rgb(from var(--primary) r g b / 0.3))"},onMouseLeave:t=>{t.currentTarget.style.background="linear-gradient(to bottom right, rgb(from var(--primary) r g b / 0.1), rgb(from var(--primary) r g b / 0.2))"},children:P(Rn,{icon:e,ariaHidden:!0})}):null),Yt=$e(function({className:t,startX:r,startY:o,endX:n,endY:i,index:s,isMobile:d=!1}){let u,c,p,l,f;if(d){let{curveOffset:b}=se.mobile,k=(o+i)/2,h=r+b;c=Math.abs(h-r)+40,p=Math.abs(i-o)+40,l=Math.min(r,h)-20,f=Math.min(o,i)-20;let v=r-l,C=o-f,S=n-l,N=i-f,q=h-l,V=k-f;u=`M ${v} ${C} Q ${q} ${V} ${S} ${N}`}else{let b=(r+n)/2,k=o+(i-o)*.3;c=Math.abs(n-r)+40,p=Math.abs(i-o)+40,l=Math.min(r,n)-20,f=Math.min(o,i)-20;let h=r-l,v=o-f,C=n-l,S=i-f,N=b-l,q=k-f;u=`M ${h} ${v} Q ${N} ${q-20} ${C} ${S}`}return ue("svg",{className:rt(t),style:{left:l,top:f,width:c,height:p,zIndex:1},viewBox:`0 0 ${c} ${p}`,role:"img",focusable:"false",children:[P("path",{d:u,fill:"none",stroke:"currentColor",strokeWidth:"3",strokeDasharray:"8,8",className:"text-accent waterfall-connector",style:{animationDelay:`${s*.2}s`}}),P("circle",{cx:r-l,cy:o-f,r:"6",fill:"currentColor",className:"text-accent"}),P("circle",{cx:n-l,cy:i-f,r:"6",fill:"currentColor",className:"text-accent"})]})}),En=e=>{let{cardWidth:t,cardGap:r,drop:o,startX:n}=se.desktop;return{x:n+e*(t+r),y:e*o}},zn=e=>{let{cardHeight:t,verticalGap:r}=se.mobile;return{x:0,y:e*(t+r)}},An=e=>{let{cardWidth:t,cardGap:r,drop:o}=se.desktop;return e===0?{startX:t,startY:o/2,endX:t+r+t/2,endY:o}:e===1?{startX:2*t+r,startY:1.5*o,endX:2.5*t+2*r,endY:2*o}:null},In=e=>{let{cardWidth:t,cardHeight:r,verticalGap:o}=se.mobile;return e===0?{startX:t,startY:.66*r,endX:t,endY:1.33*r+o}:e===1?{startX:t,startY:1.66*r+o,endX:t,endY:2.33*r+2*o}:null},Dn=e=>{let{cardHeight:t,verticalGap:r}=se.mobile;return(e-1)*(t+r)+t+40},Ln=$e(({items:e,className:t,connectorClassName:r,density:o="comfortable",ariaLabel:n,direction:i="horizontal"})=>{if(!e?.length)return null;if(i==="descending"){let{desktop:d,mobile:u}=se;return ue("section",{className:rt("dndev-w-full dndev-overflow-hidden",t),children:[ue("div",{className:"dndev-hidden  dndev-relative ",style:{width:`${d.containerWidth}px`,height:`${d.containerHeight}px`},children:[P("ol",{className:"dndev-relative","aria-label":n??"Process steps",children:e.map((c,p)=>{let{x:l,y:f}=En(p);return P("li",{className:"list-none dndev-absolute waterfall-card",style:{left:`${l}px`,top:`${f}px`,width:`${d.cardWidth}px`},children:P(Ft,{density:o,onClick:c.onClick,icon:c.icon,title:c.title,subtitle:c.subtitle,description:c.description})},`cascade-${p}-${c.title}`)})}),e.map((c,p)=>{if(p>=e.length-1)return null;let l=An(p);return l?P(Yt,{startX:l.startX,startY:l.startY,endX:l.endX,endY:l.endY,className:r,index:p,isMobile:!1},`desktop-connector-${p}`):null})]}),P("div",{className:" dndev-w-full px-[var(--content-padding)]",children:ue("div",{className:"dndev-relative dndev-mx-auto",style:{width:`${u.containerWidth}px`,height:`${Dn(e.length)}px`},children:[P("ol",{className:"dndev-relative","aria-label":n??"Process steps",children:e.map((c,p)=>{let{x:l,y:f}=zn(p);return P("li",{className:"list-none dndev-absolute",style:{left:`${l}px`,top:`${f}px`,width:`${u.cardWidth}px`},children:P(Ft,{density:o,onClick:c.onClick,icon:c.icon,title:c.title,subtitle:c.subtitle,description:c.description})},`mobile-${p}-${c.title}`)})}),e.map((c,p)=>{if(p>=e.length-1)return null;let l=In(p);return l?P(Yt,{startX:l.startX,startY:l.startY,endX:l.endX,endY:l.endY,className:r,index:p,isMobile:!0},`mobile-connector-${p}`):null})]})})]})}return null}),$n=Ln});Oe();import{useState as vr,useMemo as gr,lazy as fr,Suspense as hr}from"react";import{cn as br}from"@donotdev/components";import{jsx as ee,jsxs as ct}from"react/jsx-runtime";var yr=fr(()=>Promise.resolve().then(()=>(lt(),dt))),wr=({content:e,intro:t,title:r,duration:o=26,contentHeight:n="150vh",tiltAngle:i,className:s,style:d,"aria-label":u})=>{let[c,p]=vr(!0),l=gr(()=>t==null?null:typeof t=="string"?ee("div",{className:"dndev-crawl-intro-text",children:me(t,{allowedTags:["u","br","i","em","strong","b"]})}):t,[t]),f=()=>{p(!1)};return ct("div",{className:br("dndev-crawl-container","dndev-relative dndev-overflow-hidden",s),style:{...d,height:"calc(100dvh - var(--header-height))"},"aria-label":u||"Animated text crawl",role:"region","aria-live":"polite",children:[c&&ct("div",{className:"dndev-absolute dndev-inset-0 dndev-flex dndev-flex-col dndev-items-center dndev-justify-center",style:{zIndex:30,backgroundColor:"rgba(0, 0, 0, 0.6)",backdropFilter:"blur(4px)"},children:[l&&ee("div",{className:"dndev-w-full",style:{paddingInline:"var(--content-padding)",marginBottom:"3rem"},children:ee("div",{className:"dndev-crawl-intro-content",children:l})}),ee("button",{onClick:f,style:{width:"96px",height:"96px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.2)",border:"4px solid rgba(255, 255, 255, 0.4)",backdropFilter:"blur(4px)",cursor:"pointer",transition:"all var(--dur-normal) var(--ease-in-out)"},onMouseEnter:b=>{b.currentTarget.style.backgroundColor="rgba(255, 255, 255, 0.3)",b.currentTarget.style.borderColor="rgba(255, 255, 255, 0.6)",b.currentTarget.style.transform="scale(1.1)"},onMouseLeave:b=>{b.currentTarget.style.backgroundColor="rgba(255, 255, 255, 0.2)",b.currentTarget.style.borderColor="rgba(255, 255, 255, 0.4)",b.currentTarget.style.transform="scale(1)"},"aria-label":"Start animated introduction",children:ee("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"white",style:{marginInlineStart:"4px"},children:ee("path",{d:"M8 5v14l11-7z"})})})]}),!c&&ee(hr,{fallback:null,children:ee(yr,{title:r,content:e,duration:o,contentHeight:n,tiltAngle:i})})]})},mt=wr;import{Suspense as Ir,lazy as Dr}from"react";import{cn as Cr,GAP_VARIANT as xr,Stack as kr}from"@donotdev/components";import{jsx as Ve}from"react/jsx-runtime";function Sr({className:e,itemCount:t=8,itemWidth:r,gap:o=xr.MEDIUM,direction:n="horizontal"}){let i=n==="vertical";return Ve("div",{className:Cr("dndev-relative dndev-overflow-hidden",e),role:"status","aria-label":"Loading content",children:Ve(kr,{direction:i?"column":"row",align:i?void 0:"center",gap:o,children:Array.from({length:t*2}).map((s,d)=>Ve("div",{className:"dndev-flex-shrink-0 dndev-animate-pulse",style:i?{height:"4rem",width:"100%",backgroundColor:"var(--muted)",borderRadius:"var(--radius-lg)"}:{height:"4rem",width:r||"4rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius-lg)"}},d))})})}var pt=Sr;import{GAP_VARIANT as $r}from"@donotdev/components";import{jsx as Ye}from"react/jsx-runtime";var Lr=Dr(()=>Promise.resolve().then(()=>(ft(),gt))),Gr=e=>{let{gap:t=$r.MEDIUM,direction:r="auto",...o}=e;return Ye(Ir,{fallback:Ye(pt,{itemCount:8,gap:t,direction:r==="up"||r==="down"?"vertical":"horizontal"}),children:Ye(Lr,{...o})})},ht=Gr;import{Eye as Hr}from"lucide-react";import{useState as Xr}from"react";import{PortalButton as qr,cn as bt,Sheet as Or,Code as Wr,Stack as Br}from"@donotdev/components";import{Fragment as Fr,jsx as Me,jsxs as Yr}from"react/jsx-runtime";function Vr({data:e,sourceCode:t,language:r="tsx",title:o="Page Source",className:n}){let[i,s]=Xr(!1),d=t||e||"",u=c=>{};return Yr(Fr,{children:[Me(qr,{icon:Hr,onClick:()=>s(!0),className:bt("dndev-z-overlay",n),style:{position:"fixed",zIndex:"var(--z-overlay)",right:"var(--gap-sm)",bottom:"calc(var(--footer-height, 0px) + var(--gap-sm))"},tooltip:"Code Inspector","aria-label":"Code Inspector"}),Me(Or,{open:i,onOpenChange:s,side:"bottom",className:bt("dndev-w-full",n),style:{width:"100%",height:"90%",maxHeight:"90dvh",borderRadius:"var(--radius-xl) var(--radius-xl) 0 0",display:"flex",flexDirection:"column",overflow:"hidden"},children:Me(Br,{gap:"none",style:{flex:"1 1 auto",minHeight:0,overflow:"hidden"},children:Me(Wr,{language:r,showCopyButton:!0,onCopy:u,children:d})})})]})}var yt=Vr;import"react";import{cn as wt,Button as _r,Separator as Ur,SEPARATOR_VARIANT as Kr,Text as Qr,useIntersectionObserver as Jr,getVariantDataAttrs as jr,surfaceVariants as Zr,renderCardHeader as ea,renderCardContent as ta}from"@donotdev/components";import{jsx as K,jsxs as Pe}from"react/jsx-runtime";var ra=({items:e,className:t,ariaLabel:r,variant:o,style:n,threshold:i=.3})=>K("div",{className:wt("dndev-stacked-cards-container",t),"aria-label":r,style:n,children:e.map((s,d)=>K(aa,{item:s,index:d,variant:o,threshold:i},d))}),aa=({item:e,index:t,variant:r,threshold:o})=>{let{ref:n,isIntersecting:i}=Jr({threshold:o,rootMargin:"0px 0px -20% 0px",once:!0}),s=ea(e.icon,e.title,e.subtitle),d=ta(e.content);return K("section",{ref:n,className:"dndev-stack-item","data-stacked":i?"false":"true",children:Pe("div",{className:wt("dndev-card",Zr({variant:r})),...jr({variant:r}),"data-role":"card","data-clickable":e.onClick?"true":void 0,onClick:e.onClick,children:[Pe("div",{className:"dndev-stack-content",children:[Pe("div",{className:"dndev-stacked-cards-body",children:[Pe("div",{className:"dndev-stacked-cards-left",children:[s,e.description&&K(Qr,{as:"p",level:"small",variant:"muted",children:e.description})]}),K(Ur,{orientation:"vertical",variant:Kr.ACCENT,className:"dndev-stacked-cards-separator"}),d&&K("div",{className:"dndev-stacked-cards-right",children:d})]}),e.cta&&K("div",{className:"dndev-stacked-cards-cta",children:K(_r,{onClick:e.onClick,variant:e.cta.variant||"primary",icon:e.cta.icon,children:e.cta.text})})]}),K("div",{className:"dndev-stack-number",children:e.number??String(t+1).padStart(2,"0")})]})})},Ct=ra;import{jsx as oa}from"react/jsx-runtime";var na=e=>oa(Ct,{...e}),xt=na;import{useCallback as ia}from"react";import{cn as sa,useViewportVisibility as da}from"@donotdev/components";import{jsx as kt}from"react/jsx-runtime";var la=({items:e=[],direction:t="fade-in",stagger:r=100,threshold:o,distance:n,duration:i,once:s=!1,viewport:d=!0,overrides:u=[],className:c,children:p})=>{let{ref:l,isVisible:f,hasTriggered:b,visibleItems:k,isItemVisible:h}=da({threshold:o,once:s,trackItems:d,enableScrollListener:d}),v=ia(S=>{let N=u.find(q=>q.index===S);if(N)return N.direction;switch(t){case"alternate-h":return S%2===0?"left":"right";case"alternate-v":return S%2===0?"top":"bottom";default:return t}},[t,u]),C=()=>e.map((S,N)=>{let q=v(N),V=N*r,te=d?h(N):f;return kt("div",{className:"dndev-reveal-item","data-direction":q,"data-visible":te,style:{"--reveal-delay":`${V}ms`,"--reveal-index":N,...n!==void 0&&{"--reveal-distance":`${n}vw`},...i!==void 0&&{"--reveal-duration":`${i}ms`}},children:S},N)});return kt("div",{ref:l,className:sa("dndev-reveal-container",f&&"dndev-reveal-visible",c),"data-direction":t,"data-stagger":r,children:e.length>0?C():p})},ye=la;import{useState as ca,useEffect as ma}from"react";import{cn as St,Card as Nt,renderCardContent as Tt,useIntersectionObserver as pa}from"@donotdev/components";import{useBreakpoint as ua}from"@donotdev/core";import{jsx as M,jsxs as ae}from"react/jsx-runtime";var va=function({steps:t,className:r,variant:o}){let[n,i]=ca(0),s=ua("isLaptopOrDesktop"),d=t.length>1?n/(t.length-1)*100:0;return s?M("div",{className:St("dndev-roadmap",r),children:ae("div",{className:"dndev-roadmap-desktop",style:{"--step-count":t.length},children:[ae("div",{className:"dndev-roadmap-timeline",children:[M("div",{className:"dndev-roadmap-timeline-bg"}),M("div",{className:"dndev-roadmap-timeline-progress",style:{width:`${d}%`}})]}),M("div",{className:"dndev-roadmap-grid",style:{gridTemplateColumns:`repeat(${t.length}, 1fr)`},children:t.map((u,c)=>{let p=u.icon,l=c<=n,f=c===n;return ae("div",{className:"dndev-roadmap-step",onMouseEnter:()=>i(c),children:[M("div",{className:"dndev-roadmap-node","data-active":l,children:M(p,{})}),ae(Nt,{title:u.title,subtitle:u.subtitle,variant:o,className:"dndev-roadmap-card","data-active":f,onClick:u.onClick,footer:u.content?M("div",{className:"dndev-roadmap-content",children:Tt(u.content)}):void 0,children:[M("span",{className:"dndev-roadmap-phase",children:u.phase}),u.description&&M("p",{className:"dndev-roadmap-description",children:u.description})]})]},c)})})]})}):M("div",{className:St("dndev-roadmap",r),children:ae("div",{className:"dndev-roadmap-mobile",children:[M("div",{className:"dndev-roadmap-timeline-vertical",children:M("div",{className:"dndev-roadmap-timeline-vertical-progress",style:{height:`${d}%`}})}),t.map((u,c)=>M(ga,{step:u,index:c,isActive:c<=n,variant:o,onEnter:()=>i(c)},c))]})})},ga=({step:e,index:t,isActive:r,variant:o,onEnter:n})=>{let{ref:i,isIntersecting:s}=pa({threshold:.5,rootMargin:"0px 0px -20% 0px"});ma(()=>{typeof window<"u"&&s&&n()},[s,n]);let d=e.icon;return ae("div",{ref:i,className:"dndev-roadmap-step-mobile",children:[M("div",{className:"dndev-roadmap-node-mobile","data-active":r,children:M(d,{})}),ae(Nt,{title:e.title,subtitle:e.subtitle,variant:o,className:"dndev-roadmap-card-mobile","data-active":r,onClick:e.onClick,footer:e.content?M("div",{className:"dndev-roadmap-content",children:Tt(e.content)}):void 0,children:[M("span",{className:"dndev-roadmap-phase",children:e.phase}),e.description&&M("p",{className:"dndev-roadmap-description",children:e.description})]})]})},Rt=va;import{jsx as ha}from"react/jsx-runtime";var fa=function(t){return ha(Rt,{...t})},Mt=fa;import{jsx as _e,jsxs as ya}from"react/jsx-runtime";function ba({status:e,animationClass:t}){return _e("svg",{width:"100%",height:"100%",viewBox:"0 0 512 512",className:"drop--lg",preserveAspectRatio:"xMidYMid meet",children:ya("g",{transform:"translate(0,512) scale(0.1,-0.1)",children:[_e("path",{d:`M2465 4956 c-60 -28 -97 -66 -124 -126 -20 -44 -21 -63 -21 -630 0
 -358 -4 -602 -11 -629 -21 -91 -84 -136 -207 -147 l-69 -7 -6 117 c-43 737
 -303 1125 -722 1075 -168 -21 -359 -165 -522 -394 -459 -646 -810 -1966 -779
 -2930 20 -639 129 -1031 311 -1121 50 -24 63 -26 126 -21 94 8 164 42 314 151

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@donotdev/adv-comps",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "private": false,
   "license": "SEE LICENSE IN LICENSE.md",
@@ -51,7 +51,7 @@
   },
   "dependencies": {},
   "peerDependencies": {
-    "@donotdev/components": "0.0.6",
+    "@donotdev/components": "^0.0.12",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "shiki": "^3.20.0"