@donotdev/adv-comps 0.0.4 → 0.0.5

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

@@ -8,7 +8,7 @@
  */
 import StackedCardsContent from './StackedCardsContent';
 import type { ComponentProps } from 'react';
-export type { StackedCardsProps, StackedCardData } from './StackedCardsContent';
+export type { StackedCardsProps, StackedCardData, ResponsiveHeight, } from './StackedCardsContent';
 /**
  * StackedCards Component
  *

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;;;;;;;GAOG;AAEH,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAEhF;;;;;;;;;;GAUG;AACH,QAAA,MAAM,YAAY,GAChB,OAAO,cAAc,CAAC,OAAO,mBAAmB,CAAC,4CAGlD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"StackedCards.d.ts","sourceRoot":"","sources":["../../../src/components/StackedCards/StackedCards.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAE/B;;;;;;;;;;GAUG;AACH,QAAA,MAAM,YAAY,GAChB,OAAO,cAAc,CAAC,OAAO,mBAAmB,CAAC,4CAGlD,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -9,6 +9,13 @@
 import { type ComponentType, type CSSProperties } from 'react';
 import type { ComponentData } from '@donotdev/components';
 import type { SurfaceVariantProps } from '@donotdev/components';
+/**
+ * Responsive height array: [mobile, desktop]
+ * Mobile (< 1024px) stacks vertically, needs more height (~2x)
+ * Desktop (>= 1024px) uses horizontal grid, needs less height
+ * @example [400, 200] - 400px on mobile/tablet, 200px on desktop
+ */
+export type ResponsiveHeight = [number, number];
 /**
  * Enhanced StackedCard extends ComponentData with height control options
  *
@@ -38,22 +45,35 @@ export type StackedCardData = ComponentData & {
      */
     estimatedHeight?: 'small' | 'medium' | 'large';
     /**
-     * Custom height override in pixels.
+     * Custom height override in pixels - fixed or responsive.
      * Use when you need exact control over card height.
      * Overrides estimatedHeight when provided.
      *
+     * - number: Fixed height for all breakpoints
+     * - [mobile, desktop]: Responsive heights (mobile needs ~2x desktop since it stacks vertically)
+     *
      * @example
      * ```tsx
+     * // Fixed height
      * const items: StackedCardData[] = [
      *   {
      *     title: "Custom Card",
      *     content: ["Precisely sized content"],
-     *     customHeight: 400 // Exactly 400px tall
+     *     customHeight: 400 // Exactly 400px on all breakpoints
+     *   }
+     * ];
+     *
+     * // Responsive height
+     * const responsiveItems: StackedCardData[] = [
+     *   {
+     *     title: "Responsive Card",
+     *     content: ["More content on mobile"],
+     *     customHeight: [400, 200] // 400px mobile, 200px desktop
      *   }
      * ];
      * ```
      */
-    customHeight?: number;
+    customHeight?: number | ResponsiveHeight;
     /**
      * Optional custom number/label to display (e.g. "01", "Week 1", etc)
      * If not provided, defaults to auto-incrementing index (01, 02, etc)

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

@@ -1 +1 @@
-{"version":3,"file":"StackedCardsContent.d.ts","sourceRoot":"","sources":["../../../src/components/StackedCards/StackedCardsContent.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAcf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAkChE;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C;;;;;;;;;;;;;;;;;;OAkBG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAE/C;;;;;;;;;;;;;;;OAeG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,iDAAiD;IACjD,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACzC,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,QAAA,MAAM,mBAAmB,EAAE,aAAa,CAAC,iBAAiB,CAsDzD,CAAC;AAkIF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"StackedCardsContent.d.ts","sourceRoot":"","sources":["../../../src/components/StackedCards/StackedCardsContent.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAkChE;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEhD;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C;;;;;;;;;;;;;;;;;;OAkBG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;IAEzC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,iDAAiD;IACjD,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACzC,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,QAAA,MAAM,mBAAmB,EAAE,aAAa,CAAC,iBAAiB,CAkEzD,CAAC;AAkIF,eAAe,mBAAmB,CAAC"}

package/dist/components/StackedCards/StackedCardsContent.js

@@ -10,6 +10,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { memo, useEffect, useRef, useState, } from 'react';
 import { cn, Button, Separator, SEPARATOR_VARIANT, Text, useIntersectionObserver, getVariantDataAttrs, surfaceVariants, renderCardHeader, renderCardContent, } from '@donotdev/components';
+import { useBreakpoint } from '@donotdev/core';
 /**
  * Stacked Cards Animation Configuration
  *
@@ -116,10 +117,23 @@ const STACKED_CARDS_CONFIG = {
 const StackedCardsContent = ({ items, className, ariaLabel, variant, style, threshold = STACKED_CARDS_CONFIG.intersectionThreshold, }) => {
     const [entered, setEntered] = useState(0);
     const containerRef = useRef(null);
+    const isDesktop = useBreakpoint('isLaptopOrDesktop');
     // Calculate maximum height from all items to ensure all cards have the same height
+    // Handles both fixed (number) and responsive ([mobile, desktop]) customHeight values
     const hasCustomHeight = items.some((item) => item.customHeight);
     const maxCustomHeight = hasCustomHeight
-        ? Math.max(...items.map((item) => item.customHeight || 0).filter((h) => h > 0))
+        ? Math.max(...items
+            .map((item) => {
+            if (!item.customHeight)
+                return 0;
+            // If responsive array, use desktop value (index 1) when on desktop, mobile (index 0) otherwise
+            if (Array.isArray(item.customHeight)) {
+                return isDesktop ? item.customHeight[1] : item.customHeight[0];
+            }
+            // Fixed number applies to all breakpoints
+            return item.customHeight;
+        })
+            .filter((h) => h > 0))
         : null;
     // Find the maximum estimatedHeight enum value (for CSS to handle responsive sizing)
     const heightOrder = { small: 1, medium: 2, large: 3 };

package/dist/index.js

@@ -1,4 +1,4 @@
-"use client";var ir=Object.defineProperty;var ce=(e,t)=>()=>(e&&(t=e(e=0)),t);var he=(e,t)=>{for(var r in t)ir(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 d=i.split(/(<[^>]+>)/),l=[],u=0;for(let c=0;c<d.length;c++){let m=d[c];if(!m)continue;let s=m.match(/^<(\w+)(?:\s[^>]*)?\s*\/>$/);if(s&&s[1]){let v=s[1].toLowerCase();if(r.includes(v)){let w=dt(v,"",n,u++);w&&l.push(w);continue}}let f=m.match(/^<(\w+)(?:\s[^>]*)?>$/);if(f&&f[1]){let v=f[1].toLowerCase();if(r.includes(v)){let w=`</${v}>`,b="",g=c+1;for(;g<d.length&&d[g]&&!d[g].includes(w);)b+=d[g],g++;g<d.length&&d[g]&&(b+=d[g].replace(w,""));let C=dt(v,b,n,u++);C&&l.push(C),c=g;continue}}m&&!m.startsWith("<")&&l.push(m)}return l}function dt(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 qe=ce(()=>{"use strict"});var lt={};he(lt,{default:()=>ur});import{useEffect as sr,useRef as dr,useState as lr,useMemo as We,isValidElement as cr}from"react";import{isClient as mr}from"@donotdev/core";import{Fragment as vr,jsx as G,jsxs as Be}from"react/jsx-runtime";var pr,ur,ct=ce(()=>{"use strict";qe();pr=({content:e,title:t,duration:r=26,contentHeight:o="150vh",tiltAngle:n,onPause:i,onResume:d})=>{let l=dr(null),[u,c]=lr(!1),m=b=>!b||typeof b!="string"?null:b.split(/\n\s*\n/).map(C=>C.trim()).filter(C=>C.length>0).map((C,S)=>G("p",{children:me(C,{allowedTags:["u","br","i","em","strong","b"]})},`p-${S}`)),s=We(()=>t?typeof t=="string"?G("h2",{className:"dndev-crawl-title",children:me(t,{allowedTags:["u","br","i","em","strong","b"]})}):t:null,[t]),f=We(()=>cr(e)?e:Array.isArray(e)?e.map(g=>typeof g=="string"?g.trim():"").filter(g=>g&&g.length>0).map((g,C)=>G("p",{children:me(g,{allowedTags:["u","br","i","em","strong","b"]})},`c-${C}`)):typeof e=="string"?m(e):e,[e]),v=We(()=>{let b={"--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&&(b["--crawl-tilt"]=`${n}deg`),b},[u,r,o,n]);sr(()=>{if(!mr()||!l.current)return;let b=window.matchMedia("(prefers-reduced-motion: reduce)"),g=()=>{b.matches&&l.current&&l.current.classList.add("dndev-crawl-reduced-motion")};return g(),b.addEventListener("change",g),()=>b.removeEventListener("change",g)},[]);let w=()=>{u?(c(!1),d?.()):(c(!0),i?.())};return Be(vr,{children:[G("div",{className:"dndev-crawl-3d-container",onClick:w,children:G("div",{ref:l,className:"dndev-crawl-text",style:{...v,willChange:u?"auto":"transform"},children:Be("div",{className:"dndev-crawl-content",children:[s,f]})})}),u&&G("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:w,children:G("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:G("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"white",children:G("path",{d:"M6 4h4v16H6V4zm8 0h4v16h-4V4z"})})})}),Be("div",{className:"dndev-crawl-stars",children:[G("div",{className:"dndev-crawl-stars-layer-1"}),G("div",{className:"dndev-crawl-stars-layer-2"}),G("div",{className:"dndev-crawl-stars-layer-3"})]})]})},ur=pr});var ft={};he(ft,{default:()=>Ir});import{useRef as Tr,useState as Te,useEffect as vt}from"react";import{cn as Fe,GAP_VARIANT as Rr,Stack as Mr}from"@donotdev/components";import{observeElement as Pr,addEventListener as Er}from"@donotdev/components";import{jsx as Re}from"react/jsx-runtime";function Ar({items:e,renderItem:t,className:r,itemClassName:o,gap:n=Rr.MEDIUM,speed:i=48,direction:d="auto",pauseOnHover:l=!0,ariaLabel:u,reducedMotion:c="respect",behavior:m="auto",pauseOnFocusWithin:s=!0,easing:f="ease-in-out"}){let v=typeof document<"u"&&document.dir==="rtl",w=typeof window<"u"?window.matchMedia("(prefers-reduced-motion: reduce)").matches:!1,b=d;d==="auto"&&(b=v?"right":"left");let g=b==="up"||b==="down",C=c==="ignore"||!w,S=m;m==="auto"&&(S=e.length<=20?"bounce":"infinite");let N=Tr(null),[X,F]=Te(8e3),[te,j]=Te(0),[Y,k]=Te(!0),[Ce,U]=Te(!1);vt(()=>N.current?Pr(N.current,A=>k(A.isIntersecting),{threshold:0}):void 0,[]),vt(()=>{if(!N.current||typeof window>"u"||!C)return;let $=N.current,A=$.querySelector("[data-marquee-track]");if(!A)return;let ve=()=>{let K=g?$.clientHeight:$.clientWidth,re=g?A.scrollHeight:A.scrollWidth,_=Math.max(0,re-K);if(U(_>0),_>0){let ge=Math.min(512,Math.max(12,i));if(S==="bounce"){let de=_*2/ge*1e3;F(Math.max(2e3,Math.floor(de))),j(_)}else{let de=(re+gt[n])/ge*1e3;F(Math.max(2e3,Math.floor(de))),j(re+gt[n])}}else F(0),j(0)};if(requestAnimationFrame(ve),typeof ResizeObserver<"u"){let K=new ResizeObserver(()=>{requestAnimationFrame(ve)});return K.observe($),()=>K.disconnect()}else return Er(window,"resize",()=>requestAnimationFrame(ve))},[e,i,g,C,S,n]);let xe=()=>g?b==="up"?"normal":"reverse":b==="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",l&&"group",s&&"focus-within:group",r),role:"region","aria-label":u||`${S==="infinite"?"Scrolling":"Bouncing"} content with ${e.length} items`,"aria-live":C&&Y?"off":"polite",children:Re(Mr,{className:"marquee-track",direction:g?"column":"row",align:g?void 0:"center",gap:n,"data-marquee-track":!0,"data-marquee-direction":g?"vertical":"horizontal","data-marquee-behavior":S,"data-marquee-reduced-motion":!C,style:{"--marquee-duration":C&&Y&&Ce?`${X}ms`:"0ms","--marquee-direction":xe(),"--marquee-distance":g?`${te}px`:`${te}px`,"--marquee-easing":zr[f],animationPlayState:!C||!Y?"paused":"running"},children:ke()})})}var gt,zr,Ir,ht=ce(()=>{"use strict";gt={none:0,tight:8,medium:16,large:32},zr={linear:"linear","ease-in-out":"ease-in-out","ease-out":"ease-out"};Ir=Ar});var Lt={};he(Lt,{default:()=>Xa});import{ChevronLeft as Ea,ChevronRight as za,Play as Aa,Pause as Ia}from"lucide-react";import{useRef as Ke,useState as oe,useEffect as Qe,useCallback as z,useMemo as Je,memo as Da}from"react";import{cn as Ae,observeElement as La,addEventListener as $a,isRTLLanguage as Ha,Stack as Ga}from"@donotdev/components";import{Fragment as qa,jsx as E,jsxs as je}from"react/jsx-runtime";function Oa({items:e,renderItem:t,className:r,slideClassName:o,showArrows:n=!0,showDots:i=!1,showProgress:d=!0,autoplay:l=!0,autoplayInterval:u=5e3,transition:c="slide",infinite:m=!0,slidesToShow:s=1,swipeable:f=!0,momentum:v=!0,onActiveChange:w,onSlideClick:b,keyExtractor:g,"aria-label":C="Premium carousel",pauseOnHover:S=!0,pauseOnInvisible:N=!0,showPlayPause:X=!0,lazy:F=!1,preloadDistance:te=1}){if(!e||e.length===0)return E(Ga,{align:"center",justify:"center",className:Ae("dndev-relative",r),children:E("div",{style:{color:"var(--muted-foreground)"},children:"No items to display"})});let j=Ke(null),Y=Ke(null),[k,Ce]=oe(0),[U,xe]=oe(l),[ke,$]=oe(!1),[A,ve]=oe(!0),[I,K]=oe({isDragging:!1,startX:0,currentX:0,startTime:0,velocity:0}),re=Ke(null),[_,ge]=oe("idle"),[de,ot]=oe(!1);Qe(()=>{if(typeof window>"u")return;let a=window.matchMedia("(prefers-reduced-motion: reduce)");return ot(a.matches),$a(a,"change",h=>{ot(h.matches)})},[]);let Se=Je(()=>({tension:.3,friction:.8,mass:1}),[]),Qt=Je(()=>{if(!m||e.length<=s)return e;let a=Math.max(s,2),p=e.slice(-a),h=e.slice(0,a);return[...p,...e,...h]},[e,m,s]),H=Je(()=>100/s,[s]),He=z(a=>{if(!m)return a;let p=Math.max(s,2);return((a-p)%e.length+e.length)%e.length},[m,e.length,s]),it=z(a=>{if(!m)return!0;let p=Math.max(s,2),h=e.length+p-1;return a>=p&&a<=h},[m,e.length,s]),Ge=z((a,p,h=0)=>{if(!v)return;let x=parseFloat(a.style.transform.replace("translateX(","").replace("%)",""))||0,R=h,W=Date.now(),B=()=>{let fe=(Date.now()-W)/1e3,Ne=x-p,ar=-Se.tension*Ne,nr=-Se.friction*R,or=(ar+nr)/Se.mass;R+=or*fe,x+=R*fe,a.style.transform=`translateX(${x}%)`,Math.abs(Ne)>.1||Math.abs(R)>.1?requestAnimationFrame(B):(a.style.transform=`translateX(${p}%)`,a.style.transition="none")};requestAnimationFrame(B)},[v,Se]),st=z((a,p,h)=>{switch(c){case"fade":a.style.transition=`opacity ${h} ease-in-out`,a.style.opacity="0",setTimeout(()=>{a.style.transform=`translateX(${p}%)`,a.style.opacity="1"},parseInt(h)/2);break;case"scale":a.style.transition=`transform ${h} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,a.style.transform=`translateX(${p}%) scale(0.95)`,setTimeout(()=>{a.style.transform=`translateX(${p}%) scale(1)`},parseInt(h)/2);break;case"parallax":a.style.transition=`transform ${h} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,a.style.transform=`translateX(${p}%)`,a.querySelectorAll('[role="group"]').forEach((R,W)=>{let B=R,D=(W-Math.abs(p)/H)*.1;B.style.transform=`translateX(${D}%)`});break;default:a.style.transition=`transform ${h} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,a.style.transform=`translateX(${p}%)`;break}},[c,H]),q=z((a,p=!1)=>{if(_!=="idle"&&!p)return;let h=Y.current;if(!h)return;let x=a;if(m){let D=Math.max(s,2);x=a+D,a>=e.length?x=D+a%e.length:a<0&&(x=D+e.length+a)}let R=-(x*H),W=p||de?"0ms":"300ms";p||ge("transitioning"),st(h,R,W);let B=He(x);if(Ce(B),w?.(B),m&&!p&&it(x)){let D=Math.max(s,2);(x<=D-1||x>=e.length+D)&&(h.dataset.needsReset="true",h.dataset.resetIndex=x<=D-1?(e.length+D-1).toString():D.toString())}},[m,e.length,H,s,He,w,de,_,it,st]),Z=z(()=>{q(k+1)},[k,q]),le=z(()=>{q(k-1)},[k,q]),Oe=z(()=>{xe(!0)},[]),Xe=z(()=>{xe(!1)},[]);Qe(()=>{if(!(!U||ke||!A||e.length<=1))return re.current=setTimeout(()=>{Z()},u),()=>{re.current&&clearTimeout(re.current)}},[U,ke,A,k,Z,u,e.length]),Qe(()=>!N||!j.current?void 0:La(j.current,p=>ve(p.isIntersecting),{threshold:.1}),[N]);let Jt=z(a=>F?Math.abs(a-k)<=te:!0,[F,k,te]),jt=z(a=>{if(!f||_!=="idle")return;let p=a.touches[0];p&&K({isDragging:!0,startX:p.clientX,currentX:p.clientX,startTime:Date.now(),velocity:0})},[f,_]),Zt=z(a=>{if(!I.isDragging)return;let p=a.touches[0];if(!p)return;let h=p.clientX-I.startX,x=Date.now()-I.startTime,R=x>0?h/x:0,W=Y.current;if(W&&Math.abs(h)>10){a.preventDefault();let B=-(k*H),D=h/(j.current?.clientWidth||1)*100,fe=Math.min(Math.abs(h)/200,.8),Ne=D*(1-fe);W.style.transition="none",W.style.transform=`translateX(${B+Ne}%)`}K(B=>({...B,currentX:p.clientX,velocity:R}))},[I.isDragging,I.startX,I.startTime,k,H]),er=z(()=>{if(!I.isDragging)return;let a=I.currentX-I.startX,p=I.velocity,h=50;if(v&&Math.abs(p)>.5){let x=Y.current;if(x){let R=p>0?k-1:k+1,W=-(R*H);Ge(x,W,p*100),q(R,!0)}}else if(Math.abs(a)>h)a>0?le():Z();else{let x=Y.current;if(x&&v){let R=-(k*H);Ge(x,R,p*100)}else q(k,!0)}K({isDragging:!1,startX:0,currentX:0,startTime:0,velocity:0})},[I,v,Z,le,q,k,Ge,H]),tr=z(()=>{ge("idle");let a=Y.current;if(a?.dataset.needsReset==="true"){let p=parseInt(a.dataset.resetIndex||"0");a.style.transition="none",a.style.transform=`translateX(-${p*H}%)`,delete a.dataset.needsReset,delete a.dataset.resetIndex}},[H]),rr=z(a=>{let p=Ha();switch(a.key){case"ArrowLeft":a.preventDefault(),p?Z():le();break;case"ArrowRight":a.preventDefault(),p?le():Z();break;case"Home":a.preventDefault(),q(0);break;case"End":a.preventDefault(),q(e.length-1);break;case" ":a.preventDefault(),U?Xe():Oe();break}},[Z,le,q,e.length,U,Oe,Xe]);return je("div",{ref:j,className:Ae("dndev-relative dndev-overflow-hidden",r),onMouseEnter:()=>S&&$(!0),onMouseLeave:()=>S&&$(!1),onKeyDown:rr,tabIndex:0,role:"region","aria-label":C,"aria-live":"polite",children:[E("div",{className:"dndev-overflow-hidden",children:E("div",{ref:Y,className:Ae("dndev-flex",I.isDragging&&"dndev-pointer-events-none",_==="transitioning"&&"dndev-pointer-events-none"),style:{cursor:I.isDragging?"grabbing":void 0},onTransitionEnd:tr,onTouchStart:jt,onTouchMove:Zt,onTouchEnd:er,children:Qt.map((a,p)=>{let h=He(p),x=h===k,R=Jt(h);return E("div",{className:Ae("dndev-flex-shrink-0",o),style:{width:`${H}%`,opacity:R?1:0},role:"group","aria-roledescription":"slide","aria-label":`Slide ${h+1} of ${e.length}`,onClick:()=>b?.(a,h),children:R&&t(a,h,x)},g?g(a,h):`${h}-${p}`)})})}),n&&e.length>1&&je(qa,{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(Ea,{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(za,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}})})]}),l&&X&&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:()=>U?Xe():Oe(),"aria-label":U?"Pause carousel":"Play carousel",children:U?E(Ia,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}}):E(Aa,{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,p)=>E("button",{style:{width:p===k?"1.5rem":"0.5rem",height:"0.5rem",borderRadius:"9999px",transition:"all 0.3s",backgroundColor:p===k?"var(--foreground)":"rgb(from var(--foreground) r g b / 0.3)"},onMouseEnter:h=>{p!==k&&(h.currentTarget.style.backgroundColor="rgb(from var(--foreground) r g b / 0.5)")},onMouseLeave:h=>{p!==k&&(h.currentTarget.style.backgroundColor="rgb(from var(--foreground) r g b / 0.3)")},onClick:()=>q(p),"aria-label":`Go to slide ${p+1}`},p))}),d&&l&&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:`${(k+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 ",k+1," of ",e.length]})]})}var Dt,Xa,$t=ce(()=>{"use strict";Dt=Da(Oa);Dt.displayName="Carousel";Xa=Dt});var Gt={};he(Gt,{default:()=>Ja});import{memo as _a}from"react";import{Card as Ua,Text as et}from"@donotdev/components";import{cn as Ka}from"@donotdev/components";import{Fragment as ja,jsx as we,jsxs as Ht}from"react/jsx-runtime";var Qa,Ja,Ot=ce(()=>{"use strict";Qa=_a(function({title:t,items:r,gridCols:o=2,className:n,ariaLabel:i}){let d={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"},l=Array.isArray(r)?r:[];return Array.isArray(r),Ht("div",{className:Ka("dndev-marketing-stack",n),"aria-label":i,children:[t&&we(et,{as:"h3",level:"h2",children:t}),we("div",{className:"dndev-marketing-dndev-grid","data-cols":o,children:l.map((u,c)=>we(Ua,{title:u.useCase,subtitle:u.bestFit,content:Ht(ja,{children:[we(et,{variant:"muted",level:"body",children:u.dndev}),we(et,{variant:"muted",level:"small",className:"italic",children:u.reason})]})},c))})]})}),Ja=Qa});var Ut={};he(Ut,{default:()=>Xn});import{memo as $e}from"react";import{cn as at,Card as En,Icon as zn,Stack as An}from"@donotdev/components";import{jsx as P,jsxs as ue}from"react/jsx-runtime";var se,Yt,In,_t,Dn,Ln,$n,Hn,Gn,On,Xn,Kt=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}},Yt=$e(({className:e,density:t,onClick:r,icon:o,title:n,subtitle:i,description:d})=>ue(En,{className:at("dndev-min-w-0",r?"cursor-pointer":"",e),style:{height:"200px",padding:"var(--gap-md)",transform:"scale(1)",transition:"transform var(--duration-normal)"},onMouseEnter:l=>{l.currentTarget.style.transform="scale(0.80)"},onMouseLeave:l=>{l.currentTarget.style.transform="scale(1)"},onClick:r,children:[ue(An,{direction:"row",align:"center",gap:"medium",style:{marginBottom:"var(--gap-md)"},children:[P(In,{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}),d&&P("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--accent)",transition:"color var(--duration-normal)",cursor:"pointer"},onMouseEnter:l=>{l.currentTarget.style.color="rgb(from var(--accent) r g b / 0.8)"},onMouseLeave:l=>{l.currentTarget.style.color="var(--accent)"},children:d})]})),In=$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(zn,{icon:e,ariaHidden:!0})}):null),_t=$e(function({className:t,startX:r,startY:o,endX:n,endY:i,index:d,isMobile:l=!1}){let u,c,m,s,f;if(l){let{curveOffset:v}=se.mobile,w=(o+i)/2,b=r+v;c=Math.abs(b-r)+40,m=Math.abs(i-o)+40,s=Math.min(r,b)-20,f=Math.min(o,i)-20;let g=r-s,C=o-f,S=n-s,N=i-f,X=b-s,F=w-f;u=`M ${g} ${C} Q ${X} ${F} ${S} ${N}`}else{let v=(r+n)/2,w=o+(i-o)*.3;c=Math.abs(n-r)+40,m=Math.abs(i-o)+40,s=Math.min(r,n)-20,f=Math.min(o,i)-20;let b=r-s,g=o-f,C=n-s,S=i-f,N=v-s,X=w-f;u=`M ${b} ${g} Q ${N} ${X-20} ${C} ${S}`}return ue("svg",{className:at(t),style:{left:s,top:f,width:c,height:m,zIndex:1},viewBox:`0 0 ${c} ${m}`,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:`${d*.2}s`}}),P("circle",{cx:r-s,cy:o-f,r:"6",fill:"currentColor",className:"text-accent"}),P("circle",{cx:n-s,cy:i-f,r:"6",fill:"currentColor",className:"text-accent"})]})}),Dn=e=>{let{cardWidth:t,cardGap:r,drop:o,startX:n}=se.desktop;return{x:n+e*(t+r),y:e*o}},Ln=e=>{let{cardHeight:t,verticalGap:r}=se.mobile;return{x:0,y:e*(t+r)}},$n=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},Hn=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},Gn=e=>{let{cardHeight:t,verticalGap:r}=se.mobile;return(e-1)*(t+r)+t+40},On=$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:l,mobile:u}=se;return ue("section",{className:at("dndev-w-full dndev-overflow-hidden",t),children:[ue("div",{className:"dndev-hidden  dndev-relative ",style:{width:`${l.containerWidth}px`,height:`${l.containerHeight}px`},children:[P("ol",{className:"dndev-relative","aria-label":n??"Process steps",children:e.map((c,m)=>{let{x:s,y:f}=Dn(m);return P("li",{className:"list-none dndev-absolute waterfall-card",style:{left:`${s}px`,top:`${f}px`,width:`${l.cardWidth}px`},children:P(Yt,{density:o,onClick:c.onClick,icon:c.icon,title:c.title,subtitle:c.subtitle,description:c.description})},`cascade-${m}-${c.title}`)})}),e.map((c,m)=>{if(m>=e.length-1)return null;let s=$n(m);return s?P(_t,{startX:s.startX,startY:s.startY,endX:s.endX,endY:s.endY,className:r,index:m,isMobile:!1},`desktop-connector-${m}`):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:`${Gn(e.length)}px`},children:[P("ol",{className:"dndev-relative","aria-label":n??"Process steps",children:e.map((c,m)=>{let{x:s,y:f}=Ln(m);return P("li",{className:"list-none dndev-absolute",style:{left:`${s}px`,top:`${f}px`,width:`${u.cardWidth}px`},children:P(Yt,{density:o,onClick:c.onClick,icon:c.icon,title:c.title,subtitle:c.subtitle,description:c.description})},`mobile-${m}-${c.title}`)})}),e.map((c,m)=>{if(m>=e.length-1)return null;let s=Hn(m);return s?P(_t,{startX:s.startX,startY:s.startY,endX:s.endX,endY:s.endY,className:r,index:m,isMobile:!0},`mobile-connector-${m}`):null})]})})]})}return null}),Xn=On});qe();import{useState as gr,useMemo as fr,lazy as hr,Suspense as br}from"react";import{cn as yr}from"@donotdev/components";import{jsx as ee,jsxs as mt}from"react/jsx-runtime";var wr=hr(()=>Promise.resolve().then(()=>(ct(),lt))),Cr=({content:e,intro:t,title:r,duration:o=26,contentHeight:n="150vh",tiltAngle:i,className:d,style:l,"aria-label":u})=>{let[c,m]=gr(!0),s=fr(()=>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=()=>{m(!1)};return mt("div",{className:yr("dndev-crawl-container","dndev-relative dndev-overflow-hidden",d),style:{...l,height:"calc(100dvh - var(--header-height))"},"aria-label":u||"Animated text crawl",role:"region","aria-live":"polite",children:[c&&mt("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:[s&&ee("div",{className:"dndev-w-full",style:{paddingInline:"var(--content-padding)",marginBottom:"3rem"},children:ee("div",{className:"dndev-crawl-intro-content",children:s})}),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:v=>{v.currentTarget.style.backgroundColor="rgba(255, 255, 255, 0.3)",v.currentTarget.style.borderColor="rgba(255, 255, 255, 0.6)",v.currentTarget.style.transform="scale(1.1)"},onMouseLeave:v=>{v.currentTarget.style.backgroundColor="rgba(255, 255, 255, 0.2)",v.currentTarget.style.borderColor="rgba(255, 255, 255, 0.4)",v.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(br,{fallback:null,children:ee(wr,{title:r,content:e,duration:o,contentHeight:n,tiltAngle:i})})]})},pt=Cr;import{Suspense as Dr,lazy as Lr}from"react";import{cn as xr,GAP_VARIANT as kr,Stack as Sr}from"@donotdev/components";import{jsx as Ve}from"react/jsx-runtime";function Nr({className:e,itemCount:t=8,itemWidth:r,gap:o=kr.MEDIUM,direction:n="horizontal"}){let i=n==="vertical";return Ve("div",{className:xr("dndev-relative dndev-overflow-hidden",e),role:"status","aria-label":"Loading content",children:Ve(Sr,{direction:i?"column":"row",align:i?void 0:"center",gap:o,children:Array.from({length:t*2}).map((d,l)=>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)"}},l))})})}var ut=Nr;import{GAP_VARIANT as Hr}from"@donotdev/components";import{jsx as Ye}from"react/jsx-runtime";var $r=Lr(()=>Promise.resolve().then(()=>(ht(),ft))),Gr=e=>{let{gap:t=Hr.MEDIUM,direction:r="auto",...o}=e;return Ye(Dr,{fallback:Ye(ut,{itemCount:8,gap:t,direction:r==="up"||r==="down"?"vertical":"horizontal"}),children:Ye($r,{...o})})},bt=Gr;import{Eye as Or}from"lucide-react";import{useState as Xr}from"react";import{PortalButton as qr,cn as yt,Sheet as Wr,Code as Br,Stack as Vr}from"@donotdev/components";import{Fragment as Yr,jsx as Me,jsxs as _r}from"react/jsx-runtime";function Fr({data:e,sourceCode:t,language:r="tsx",title:o="Page Source",className:n}){let[i,d]=Xr(!1),l=t||e||"",u=c=>{};return _r(Yr,{children:[Me(qr,{icon:Or,onClick:()=>d(!0),className:yt("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(Wr,{open:i,onOpenChange:d,side:"bottom",className:yt("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(Vr,{gap:"none",style:{flex:"1 1 auto",minHeight:0,overflow:"hidden"},children:Me(Br,{language:r,showCopyButton:!0,onCopy:u,children:l})})})]})}var wt=Fr;import{useEffect as Ur,useRef as Kr,useState as Qr}from"react";import{cn as _e,Button as Jr,Separator as jr,SEPARATOR_VARIANT as Zr,Text as ea,useIntersectionObserver as ta,getVariantDataAttrs as ra,surfaceVariants as aa,renderCardHeader as na,renderCardContent as oa}from"@donotdev/components";import{jsx as V,jsxs as Pe}from"react/jsx-runtime";var Ct={intersectionThreshold:.5,intersectionRootMargin:"0px 0px -20% 0px"},ia=({items:e,className:t,ariaLabel:r,variant:o,style:n,threshold:i=Ct.intersectionThreshold})=>{let[d,l]=Qr(0),u=Kr(null),m=e.some(v=>v.customHeight)?Math.max(...e.map(v=>v.customHeight||0).filter(v=>v>0)):null,s={small:1,medium:2,large:3},f=e.reduce((v,w)=>{let b=w.estimatedHeight||"medium",g=s[b]||2,C=s[v]||2;return g>C?b:v},"medium");return V("div",{className:_e("dndev-relative dndev-stacked-cards-container",t),ref:u,"aria-label":r,style:{"--e":d.toString()},children:e.map((v,w)=>V(sa,{item:v,index:w,entered:d,onEnter:()=>l(w),totalItems:e.length,cardProps:{variant:o,style:n},maxEstimatedHeight:f,maxCustomHeight:m,threshold:i},w))})},sa=({item:e,index:t,entered:r,onEnter:o,totalItems:n,cardProps:i,maxEstimatedHeight:d,maxCustomHeight:l,threshold:u})=>{let{ref:c,isIntersecting:m}=ta({threshold:u,rootMargin:Ct.intersectionRootMargin});Ur(()=>{typeof window<"u"&&m&&o()},[m,o]);let s=na(e.icon,e.title,e.subtitle),f=oa(e.content),v=!!f;return V("section",{ref:c,className:"dndev-relative",style:{zIndex:n-t-1},children:V("div",{className:_e("dndev-relative dndev-overflow-hidden stack","dndev-min-w-0"),"data-size":l?void 0:d,"data-stacked":t>r?"true":"false",style:{"--i":t.toString(),...l&&{"--dynamic-height":`${l}px`},...i.style},children:Pe("div",{className:_e("dndev-card",aa({variant:i.variant}),"dndev-relative dndev-overflow-hidden dndev-h-full"),...ra({variant:i.variant}),"data-role":"card","data-clickable":e.onClick?"true":void 0,onClick:e.onClick,style:i.style,children:[Pe("div",{className:"stack-content",children:[Pe("div",{className:"dndev-stacked-cards-body",children:[Pe("div",{className:"dndev-stacked-cards-left",children:[s,e.description&&V(ea,{as:"p",level:"small",variant:"muted",children:e.description})]}),V(jr,{orientation:"vertical",variant:Zr.ACCENT,className:"dndev-stacked-cards-separator"}),v&&V("div",{className:"dndev-stacked-cards-right",children:f})]}),e.cta&&V("div",{className:"dndev-stacked-cards-cta",children:V(Jr,{onClick:e.onClick,variant:e.cta.variant||"primary",icon:e.cta.icon,children:e.cta.text})}),V("div",{className:"dndev-stacked-cards-spacer"})]}),V("div",{className:"dndev-stacked-cards-number",children:e.number?String(e.number):String(t+1).padStart(2,"0")})]})})})},xt=ia;import{jsx as la}from"react/jsx-runtime";var da=function(t){return la(xt,{...t})},kt=da;import{useCallback as ca}from"react";import{cn as ma,useViewportVisibility as pa}from"@donotdev/components";import{jsx as St}from"react/jsx-runtime";var ua=({items:e=[],direction:t="fade-in",stagger:r=100,threshold:o,distance:n,duration:i,once:d=!1,viewport:l=!0,overrides:u=[],className:c,children:m})=>{let{ref:s,isVisible:f,hasTriggered:v,visibleItems:w,isItemVisible:b}=pa({threshold:o,once:d,trackItems:l,enableScrollListener:l}),g=ca(S=>{let N=u.find(X=>X.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 X=g(N),F=N*r,te=l?b(N):f;return St("div",{className:"dndev-reveal-item","data-direction":X,"data-visible":te,style:{"--reveal-delay":`${F}ms`,"--reveal-index":N,...n!==void 0&&{"--reveal-distance":`${n}vw`},...i!==void 0&&{"--reveal-duration":`${i}ms`}},children:S},N)});return St("div",{ref:s,className:ma("dndev-reveal-container",f&&"dndev-reveal-visible",c),"data-direction":t,"data-stagger":r,children:e.length>0?C():m})},ye=ua;import{useState as va,useEffect as ga}from"react";import{cn as Nt,Card as Tt,renderCardContent as Rt,useIntersectionObserver as fa}from"@donotdev/components";import{useBreakpoint as ha}from"@donotdev/core";import{jsx as M,jsxs as ae}from"react/jsx-runtime";var ba=function({steps:t,className:r,variant:o}){let[n,i]=va(0),d=ha("isLaptopOrDesktop"),l=t.length>1?n/(t.length-1)*100:0;return d?M("div",{className:Nt("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:`${l}%`}})]}),M("div",{className:"dndev-roadmap-grid",style:{gridTemplateColumns:`repeat(${t.length}, 1fr)`},children:t.map((u,c)=>{let m=u.icon,s=c<=n,f=c===n;return ae("div",{className:"dndev-roadmap-step",onMouseEnter:()=>i(c),children:[M("div",{className:"dndev-roadmap-node","data-active":s,children:M(m,{})}),ae(Tt,{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:Rt(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:Nt("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:`${l}%`}})}),t.map((u,c)=>M(ya,{step:u,index:c,isActive:c<=n,variant:o,onEnter:()=>i(c)},c))]})})},ya=({step:e,index:t,isActive:r,variant:o,onEnter:n})=>{let{ref:i,isIntersecting:d}=fa({threshold:.5,rootMargin:"0px 0px -20% 0px"});ga(()=>{typeof window<"u"&&d&&n()},[d,n]);let l=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(l,{})}),ae(Tt,{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:Rt(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})]})]})},Mt=ba;import{jsx as Ca}from"react/jsx-runtime";var wa=function(t){return Ca(Mt,{...t})},Pt=wa;import{jsx as Ue,jsxs as ka}from"react/jsx-runtime";function xa({status:e,animationClass:t}){return Ue("svg",{width:"100%",height:"100%",viewBox:"0 0 512 512",className:"drop--lg",preserveAspectRatio:"xMidYMid meet",children:ka("g",{transform:"translate(0,512) scale(0.1,-0.1)",children:[Ue("path",{d:`M2465 4956 c-60 -28 -97 -66 -124 -126 -20 -44 -21 -63 -21 -630 0
+"use client";var ir=Object.defineProperty;var ce=(e,t)=>()=>(e&&(t=e(e=0)),t);var he=(e,t)=>{for(var r in t)ir(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 d=i.split(/(<[^>]+>)/),l=[],u=0;for(let c=0;c<d.length;c++){let m=d[c];if(!m)continue;let s=m.match(/^<(\w+)(?:\s[^>]*)?\s*\/>$/);if(s&&s[1]){let y=s[1].toLowerCase();if(r.includes(y)){let b=dt(y,"",n,u++);b&&l.push(b);continue}}let g=m.match(/^<(\w+)(?:\s[^>]*)?>$/);if(g&&g[1]){let y=g[1].toLowerCase();if(r.includes(y)){let b=`</${y}>`,f="",v=c+1;for(;v<d.length&&d[v]&&!d[v].includes(b);)f+=d[v],v++;v<d.length&&d[v]&&(f+=d[v].replace(b,""));let C=dt(y,f,n,u++);C&&l.push(C),c=v;continue}}m&&!m.startsWith("<")&&l.push(m)}return l}function dt(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 qe=ce(()=>{"use strict"});var lt={};he(lt,{default:()=>ur});import{useEffect as sr,useRef as dr,useState as lr,useMemo as We,isValidElement as cr}from"react";import{isClient as mr}from"@donotdev/core";import{Fragment as vr,jsx as G,jsxs as Be}from"react/jsx-runtime";var pr,ur,ct=ce(()=>{"use strict";qe();pr=({content:e,title:t,duration:r=26,contentHeight:o="150vh",tiltAngle:n,onPause:i,onResume:d})=>{let l=dr(null),[u,c]=lr(!1),m=f=>!f||typeof f!="string"?null:f.split(/\n\s*\n/).map(C=>C.trim()).filter(C=>C.length>0).map((C,k)=>G("p",{children:me(C,{allowedTags:["u","br","i","em","strong","b"]})},`p-${k}`)),s=We(()=>t?typeof t=="string"?G("h2",{className:"dndev-crawl-title",children:me(t,{allowedTags:["u","br","i","em","strong","b"]})}):t:null,[t]),g=We(()=>cr(e)?e:Array.isArray(e)?e.map(v=>typeof v=="string"?v.trim():"").filter(v=>v&&v.length>0).map((v,C)=>G("p",{children:me(v,{allowedTags:["u","br","i","em","strong","b"]})},`c-${C}`)):typeof e=="string"?m(e):e,[e]),y=We(()=>{let f={"--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&&(f["--crawl-tilt"]=`${n}deg`),f},[u,r,o,n]);sr(()=>{if(!mr()||!l.current)return;let f=window.matchMedia("(prefers-reduced-motion: reduce)"),v=()=>{f.matches&&l.current&&l.current.classList.add("dndev-crawl-reduced-motion")};return v(),f.addEventListener("change",v),()=>f.removeEventListener("change",v)},[]);let b=()=>{u?(c(!1),d?.()):(c(!0),i?.())};return Be(vr,{children:[G("div",{className:"dndev-crawl-3d-container",onClick:b,children:G("div",{ref:l,className:"dndev-crawl-text",style:{...y,willChange:u?"auto":"transform"},children:Be("div",{className:"dndev-crawl-content",children:[s,g]})})}),u&&G("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:b,children:G("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:G("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"white",children:G("path",{d:"M6 4h4v16H6V4zm8 0h4v16h-4V4z"})})})}),Be("div",{className:"dndev-crawl-stars",children:[G("div",{className:"dndev-crawl-stars-layer-1"}),G("div",{className:"dndev-crawl-stars-layer-2"}),G("div",{className:"dndev-crawl-stars-layer-3"})]})]})},ur=pr});var ft={};he(ft,{default:()=>Ir});import{useRef as Tr,useState as Te,useEffect as vt}from"react";import{cn as Fe,GAP_VARIANT as Rr,Stack as Mr}from"@donotdev/components";import{observeElement as Pr,addEventListener as Er}from"@donotdev/components";import{jsx as Re}from"react/jsx-runtime";function Ar({items:e,renderItem:t,className:r,itemClassName:o,gap:n=Rr.MEDIUM,speed:i=48,direction:d="auto",pauseOnHover:l=!0,ariaLabel:u,reducedMotion:c="respect",behavior:m="auto",pauseOnFocusWithin:s=!0,easing:g="ease-in-out"}){let y=typeof document<"u"&&document.dir==="rtl",b=typeof window<"u"?window.matchMedia("(prefers-reduced-motion: reduce)").matches:!1,f=d;d==="auto"&&(f=y?"right":"left");let v=f==="up"||f==="down",C=c==="ignore"||!b,k=m;m==="auto"&&(k=e.length<=20?"bounce":"infinite");let N=Tr(null),[X,F]=Te(8e3),[te,j]=Te(0),[Y,S]=Te(!0),[Ce,U]=Te(!1);vt(()=>N.current?Pr(N.current,A=>S(A.isIntersecting),{threshold:0}):void 0,[]),vt(()=>{if(!N.current||typeof window>"u"||!C)return;let $=N.current,A=$.querySelector("[data-marquee-track]");if(!A)return;let ve=()=>{let K=v?$.clientHeight:$.clientWidth,re=v?A.scrollHeight:A.scrollWidth,_=Math.max(0,re-K);if(U(_>0),_>0){let ge=Math.min(512,Math.max(12,i));if(k==="bounce"){let de=_*2/ge*1e3;F(Math.max(2e3,Math.floor(de))),j(_)}else{let de=(re+gt[n])/ge*1e3;F(Math.max(2e3,Math.floor(de))),j(re+gt[n])}}else F(0),j(0)};if(requestAnimationFrame(ve),typeof ResizeObserver<"u"){let K=new ResizeObserver(()=>{requestAnimationFrame(ve)});return K.observe($),()=>K.disconnect()}else return Er(window,"resize",()=>requestAnimationFrame(ve))},[e,i,v,C,k,n]);let xe=()=>v?f==="up"?"normal":"reverse":f==="left"?"normal":"reverse",ke=()=>k==="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",l&&"group",s&&"focus-within:group",r),role:"region","aria-label":u||`${k==="infinite"?"Scrolling":"Bouncing"} content with ${e.length} items`,"aria-live":C&&Y?"off":"polite",children:Re(Mr,{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":k,"data-marquee-reduced-motion":!C,style:{"--marquee-duration":C&&Y&&Ce?`${X}ms`:"0ms","--marquee-direction":xe(),"--marquee-distance":v?`${te}px`:`${te}px`,"--marquee-easing":zr[g],animationPlayState:!C||!Y?"paused":"running"},children:ke()})})}var gt,zr,Ir,ht=ce(()=>{"use strict";gt={none:0,tight:8,medium:16,large:32},zr={linear:"linear","ease-in-out":"ease-in-out","ease-out":"ease-out"};Ir=Ar});var Lt={};he(Lt,{default:()=>qa});import{ChevronLeft as za,ChevronRight as Aa,Play as Ia,Pause as Da}from"lucide-react";import{useRef as Ke,useState as oe,useEffect as Qe,useCallback as z,useMemo as Je,memo as La}from"react";import{cn as Ae,observeElement as $a,addEventListener as Ha,isRTLLanguage as Ga,Stack as Oa}from"@donotdev/components";import{Fragment as Wa,jsx as E,jsxs as je}from"react/jsx-runtime";function Xa({items:e,renderItem:t,className:r,slideClassName:o,showArrows:n=!0,showDots:i=!1,showProgress:d=!0,autoplay:l=!0,autoplayInterval:u=5e3,transition:c="slide",infinite:m=!0,slidesToShow:s=1,swipeable:g=!0,momentum:y=!0,onActiveChange:b,onSlideClick:f,keyExtractor:v,"aria-label":C="Premium carousel",pauseOnHover:k=!0,pauseOnInvisible:N=!0,showPlayPause:X=!0,lazy:F=!1,preloadDistance:te=1}){if(!e||e.length===0)return E(Oa,{align:"center",justify:"center",className:Ae("dndev-relative",r),children:E("div",{style:{color:"var(--muted-foreground)"},children:"No items to display"})});let j=Ke(null),Y=Ke(null),[S,Ce]=oe(0),[U,xe]=oe(l),[ke,$]=oe(!1),[A,ve]=oe(!0),[I,K]=oe({isDragging:!1,startX:0,currentX:0,startTime:0,velocity:0}),re=Ke(null),[_,ge]=oe("idle"),[de,ot]=oe(!1);Qe(()=>{if(typeof window>"u")return;let a=window.matchMedia("(prefers-reduced-motion: reduce)");return ot(a.matches),Ha(a,"change",h=>{ot(h.matches)})},[]);let Se=Je(()=>({tension:.3,friction:.8,mass:1}),[]),Qt=Je(()=>{if(!m||e.length<=s)return e;let a=Math.max(s,2),p=e.slice(-a),h=e.slice(0,a);return[...p,...e,...h]},[e,m,s]),H=Je(()=>100/s,[s]),He=z(a=>{if(!m)return a;let p=Math.max(s,2);return((a-p)%e.length+e.length)%e.length},[m,e.length,s]),it=z(a=>{if(!m)return!0;let p=Math.max(s,2),h=e.length+p-1;return a>=p&&a<=h},[m,e.length,s]),Ge=z((a,p,h=0)=>{if(!y)return;let x=parseFloat(a.style.transform.replace("translateX(","").replace("%)",""))||0,R=h,W=Date.now(),B=()=>{let fe=(Date.now()-W)/1e3,Ne=x-p,ar=-Se.tension*Ne,nr=-Se.friction*R,or=(ar+nr)/Se.mass;R+=or*fe,x+=R*fe,a.style.transform=`translateX(${x}%)`,Math.abs(Ne)>.1||Math.abs(R)>.1?requestAnimationFrame(B):(a.style.transform=`translateX(${p}%)`,a.style.transition="none")};requestAnimationFrame(B)},[y,Se]),st=z((a,p,h)=>{switch(c){case"fade":a.style.transition=`opacity ${h} ease-in-out`,a.style.opacity="0",setTimeout(()=>{a.style.transform=`translateX(${p}%)`,a.style.opacity="1"},parseInt(h)/2);break;case"scale":a.style.transition=`transform ${h} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,a.style.transform=`translateX(${p}%) scale(0.95)`,setTimeout(()=>{a.style.transform=`translateX(${p}%) scale(1)`},parseInt(h)/2);break;case"parallax":a.style.transition=`transform ${h} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,a.style.transform=`translateX(${p}%)`,a.querySelectorAll('[role="group"]').forEach((R,W)=>{let B=R,D=(W-Math.abs(p)/H)*.1;B.style.transform=`translateX(${D}%)`});break;default:a.style.transition=`transform ${h} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,a.style.transform=`translateX(${p}%)`;break}},[c,H]),q=z((a,p=!1)=>{if(_!=="idle"&&!p)return;let h=Y.current;if(!h)return;let x=a;if(m){let D=Math.max(s,2);x=a+D,a>=e.length?x=D+a%e.length:a<0&&(x=D+e.length+a)}let R=-(x*H),W=p||de?"0ms":"300ms";p||ge("transitioning"),st(h,R,W);let B=He(x);if(Ce(B),b?.(B),m&&!p&&it(x)){let D=Math.max(s,2);(x<=D-1||x>=e.length+D)&&(h.dataset.needsReset="true",h.dataset.resetIndex=x<=D-1?(e.length+D-1).toString():D.toString())}},[m,e.length,H,s,He,b,de,_,it,st]),Z=z(()=>{q(S+1)},[S,q]),le=z(()=>{q(S-1)},[S,q]),Oe=z(()=>{xe(!0)},[]),Xe=z(()=>{xe(!1)},[]);Qe(()=>{if(!(!U||ke||!A||e.length<=1))return re.current=setTimeout(()=>{Z()},u),()=>{re.current&&clearTimeout(re.current)}},[U,ke,A,S,Z,u,e.length]),Qe(()=>!N||!j.current?void 0:$a(j.current,p=>ve(p.isIntersecting),{threshold:.1}),[N]);let Jt=z(a=>F?Math.abs(a-S)<=te:!0,[F,S,te]),jt=z(a=>{if(!g||_!=="idle")return;let p=a.touches[0];p&&K({isDragging:!0,startX:p.clientX,currentX:p.clientX,startTime:Date.now(),velocity:0})},[g,_]),Zt=z(a=>{if(!I.isDragging)return;let p=a.touches[0];if(!p)return;let h=p.clientX-I.startX,x=Date.now()-I.startTime,R=x>0?h/x:0,W=Y.current;if(W&&Math.abs(h)>10){a.preventDefault();let B=-(S*H),D=h/(j.current?.clientWidth||1)*100,fe=Math.min(Math.abs(h)/200,.8),Ne=D*(1-fe);W.style.transition="none",W.style.transform=`translateX(${B+Ne}%)`}K(B=>({...B,currentX:p.clientX,velocity:R}))},[I.isDragging,I.startX,I.startTime,S,H]),er=z(()=>{if(!I.isDragging)return;let a=I.currentX-I.startX,p=I.velocity,h=50;if(y&&Math.abs(p)>.5){let x=Y.current;if(x){let R=p>0?S-1:S+1,W=-(R*H);Ge(x,W,p*100),q(R,!0)}}else if(Math.abs(a)>h)a>0?le():Z();else{let x=Y.current;if(x&&y){let R=-(S*H);Ge(x,R,p*100)}else q(S,!0)}K({isDragging:!1,startX:0,currentX:0,startTime:0,velocity:0})},[I,y,Z,le,q,S,Ge,H]),tr=z(()=>{ge("idle");let a=Y.current;if(a?.dataset.needsReset==="true"){let p=parseInt(a.dataset.resetIndex||"0");a.style.transition="none",a.style.transform=`translateX(-${p*H}%)`,delete a.dataset.needsReset,delete a.dataset.resetIndex}},[H]),rr=z(a=>{let p=Ga();switch(a.key){case"ArrowLeft":a.preventDefault(),p?Z():le();break;case"ArrowRight":a.preventDefault(),p?le():Z();break;case"Home":a.preventDefault(),q(0);break;case"End":a.preventDefault(),q(e.length-1);break;case" ":a.preventDefault(),U?Xe():Oe();break}},[Z,le,q,e.length,U,Oe,Xe]);return je("div",{ref:j,className:Ae("dndev-relative dndev-overflow-hidden",r),onMouseEnter:()=>k&&$(!0),onMouseLeave:()=>k&&$(!1),onKeyDown:rr,tabIndex:0,role:"region","aria-label":C,"aria-live":"polite",children:[E("div",{className:"dndev-overflow-hidden",children:E("div",{ref:Y,className:Ae("dndev-flex",I.isDragging&&"dndev-pointer-events-none",_==="transitioning"&&"dndev-pointer-events-none"),style:{cursor:I.isDragging?"grabbing":void 0},onTransitionEnd:tr,onTouchStart:jt,onTouchMove:Zt,onTouchEnd:er,children:Qt.map((a,p)=>{let h=He(p),x=h===S,R=Jt(h);return E("div",{className:Ae("dndev-flex-shrink-0",o),style:{width:`${H}%`,opacity:R?1:0},role:"group","aria-roledescription":"slide","aria-label":`Slide ${h+1} of ${e.length}`,onClick:()=>f?.(a,h),children:R&&t(a,h,x)},v?v(a,h):`${h}-${p}`)})})}),n&&e.length>1&&je(Wa,{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(za,{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(Aa,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}})})]}),l&&X&&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:()=>U?Xe():Oe(),"aria-label":U?"Pause carousel":"Play carousel",children:U?E(Da,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}}):E(Ia,{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,p)=>E("button",{style:{width:p===S?"1.5rem":"0.5rem",height:"0.5rem",borderRadius:"9999px",transition:"all 0.3s",backgroundColor:p===S?"var(--foreground)":"rgb(from var(--foreground) r g b / 0.3)"},onMouseEnter:h=>{p!==S&&(h.currentTarget.style.backgroundColor="rgb(from var(--foreground) r g b / 0.5)")},onMouseLeave:h=>{p!==S&&(h.currentTarget.style.backgroundColor="rgb(from var(--foreground) r g b / 0.3)")},onClick:()=>q(p),"aria-label":`Go to slide ${p+1}`},p))}),d&&l&&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:`${(S+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 ",S+1," of ",e.length]})]})}var Dt,qa,$t=ce(()=>{"use strict";Dt=La(Xa);Dt.displayName="Carousel";qa=Dt});var Gt={};he(Gt,{default:()=>ja});import{memo as Ua}from"react";import{Card as Ka,Text as et}from"@donotdev/components";import{cn as Qa}from"@donotdev/components";import{Fragment as Za,jsx as we,jsxs as Ht}from"react/jsx-runtime";var Ja,ja,Ot=ce(()=>{"use strict";Ja=Ua(function({title:t,items:r,gridCols:o=2,className:n,ariaLabel:i}){let d={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"},l=Array.isArray(r)?r:[];return Array.isArray(r),Ht("div",{className:Qa("dndev-marketing-stack",n),"aria-label":i,children:[t&&we(et,{as:"h3",level:"h2",children:t}),we("div",{className:"dndev-marketing-dndev-grid","data-cols":o,children:l.map((u,c)=>we(Ka,{title:u.useCase,subtitle:u.bestFit,content:Ht(Za,{children:[we(et,{variant:"muted",level:"body",children:u.dndev}),we(et,{variant:"muted",level:"small",className:"italic",children:u.reason})]})},c))})]})}),ja=Ja});var Ut={};he(Ut,{default:()=>qn});import{memo as $e}from"react";import{cn as at,Card as zn,Icon as An,Stack as In}from"@donotdev/components";import{jsx as P,jsxs as ue}from"react/jsx-runtime";var se,Yt,Dn,_t,Ln,$n,Hn,Gn,On,Xn,qn,Kt=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}},Yt=$e(({className:e,density:t,onClick:r,icon:o,title:n,subtitle:i,description:d})=>ue(zn,{className:at("dndev-min-w-0",r?"cursor-pointer":"",e),style:{height:"200px",padding:"var(--gap-md)",transform:"scale(1)",transition:"transform var(--duration-normal)"},onMouseEnter:l=>{l.currentTarget.style.transform="scale(0.80)"},onMouseLeave:l=>{l.currentTarget.style.transform="scale(1)"},onClick:r,children:[ue(In,{direction:"row",align:"center",gap:"medium",style:{marginBottom:"var(--gap-md)"},children:[P(Dn,{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}),d&&P("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--accent)",transition:"color var(--duration-normal)",cursor:"pointer"},onMouseEnter:l=>{l.currentTarget.style.color="rgb(from var(--accent) r g b / 0.8)"},onMouseLeave:l=>{l.currentTarget.style.color="var(--accent)"},children:d})]})),Dn=$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(An,{icon:e,ariaHidden:!0})}):null),_t=$e(function({className:t,startX:r,startY:o,endX:n,endY:i,index:d,isMobile:l=!1}){let u,c,m,s,g;if(l){let{curveOffset:y}=se.mobile,b=(o+i)/2,f=r+y;c=Math.abs(f-r)+40,m=Math.abs(i-o)+40,s=Math.min(r,f)-20,g=Math.min(o,i)-20;let v=r-s,C=o-g,k=n-s,N=i-g,X=f-s,F=b-g;u=`M ${v} ${C} Q ${X} ${F} ${k} ${N}`}else{let y=(r+n)/2,b=o+(i-o)*.3;c=Math.abs(n-r)+40,m=Math.abs(i-o)+40,s=Math.min(r,n)-20,g=Math.min(o,i)-20;let f=r-s,v=o-g,C=n-s,k=i-g,N=y-s,X=b-g;u=`M ${f} ${v} Q ${N} ${X-20} ${C} ${k}`}return ue("svg",{className:at(t),style:{left:s,top:g,width:c,height:m,zIndex:1},viewBox:`0 0 ${c} ${m}`,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:`${d*.2}s`}}),P("circle",{cx:r-s,cy:o-g,r:"6",fill:"currentColor",className:"text-accent"}),P("circle",{cx:n-s,cy:i-g,r:"6",fill:"currentColor",className:"text-accent"})]})}),Ln=e=>{let{cardWidth:t,cardGap:r,drop:o,startX:n}=se.desktop;return{x:n+e*(t+r),y:e*o}},$n=e=>{let{cardHeight:t,verticalGap:r}=se.mobile;return{x:0,y:e*(t+r)}},Hn=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},Gn=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},On=e=>{let{cardHeight:t,verticalGap:r}=se.mobile;return(e-1)*(t+r)+t+40},Xn=$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:l,mobile:u}=se;return ue("section",{className:at("dndev-w-full dndev-overflow-hidden",t),children:[ue("div",{className:"dndev-hidden  dndev-relative ",style:{width:`${l.containerWidth}px`,height:`${l.containerHeight}px`},children:[P("ol",{className:"dndev-relative","aria-label":n??"Process steps",children:e.map((c,m)=>{let{x:s,y:g}=Ln(m);return P("li",{className:"list-none dndev-absolute waterfall-card",style:{left:`${s}px`,top:`${g}px`,width:`${l.cardWidth}px`},children:P(Yt,{density:o,onClick:c.onClick,icon:c.icon,title:c.title,subtitle:c.subtitle,description:c.description})},`cascade-${m}-${c.title}`)})}),e.map((c,m)=>{if(m>=e.length-1)return null;let s=Hn(m);return s?P(_t,{startX:s.startX,startY:s.startY,endX:s.endX,endY:s.endY,className:r,index:m,isMobile:!1},`desktop-connector-${m}`):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:`${On(e.length)}px`},children:[P("ol",{className:"dndev-relative","aria-label":n??"Process steps",children:e.map((c,m)=>{let{x:s,y:g}=$n(m);return P("li",{className:"list-none dndev-absolute",style:{left:`${s}px`,top:`${g}px`,width:`${u.cardWidth}px`},children:P(Yt,{density:o,onClick:c.onClick,icon:c.icon,title:c.title,subtitle:c.subtitle,description:c.description})},`mobile-${m}-${c.title}`)})}),e.map((c,m)=>{if(m>=e.length-1)return null;let s=Gn(m);return s?P(_t,{startX:s.startX,startY:s.startY,endX:s.endX,endY:s.endY,className:r,index:m,isMobile:!0},`mobile-connector-${m}`):null})]})})]})}return null}),qn=Xn});qe();import{useState as gr,useMemo as fr,lazy as hr,Suspense as br}from"react";import{cn as yr}from"@donotdev/components";import{jsx as ee,jsxs as mt}from"react/jsx-runtime";var wr=hr(()=>Promise.resolve().then(()=>(ct(),lt))),Cr=({content:e,intro:t,title:r,duration:o=26,contentHeight:n="150vh",tiltAngle:i,className:d,style:l,"aria-label":u})=>{let[c,m]=gr(!0),s=fr(()=>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]),g=()=>{m(!1)};return mt("div",{className:yr("dndev-crawl-container","dndev-relative dndev-overflow-hidden",d),style:{...l,height:"calc(100dvh - var(--header-height))"},"aria-label":u||"Animated text crawl",role:"region","aria-live":"polite",children:[c&&mt("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:[s&&ee("div",{className:"dndev-w-full",style:{paddingInline:"var(--content-padding)",marginBottom:"3rem"},children:ee("div",{className:"dndev-crawl-intro-content",children:s})}),ee("button",{onClick:g,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:y=>{y.currentTarget.style.backgroundColor="rgba(255, 255, 255, 0.3)",y.currentTarget.style.borderColor="rgba(255, 255, 255, 0.6)",y.currentTarget.style.transform="scale(1.1)"},onMouseLeave:y=>{y.currentTarget.style.backgroundColor="rgba(255, 255, 255, 0.2)",y.currentTarget.style.borderColor="rgba(255, 255, 255, 0.4)",y.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(br,{fallback:null,children:ee(wr,{title:r,content:e,duration:o,contentHeight:n,tiltAngle:i})})]})},pt=Cr;import{Suspense as Dr,lazy as Lr}from"react";import{cn as xr,GAP_VARIANT as kr,Stack as Sr}from"@donotdev/components";import{jsx as Ve}from"react/jsx-runtime";function Nr({className:e,itemCount:t=8,itemWidth:r,gap:o=kr.MEDIUM,direction:n="horizontal"}){let i=n==="vertical";return Ve("div",{className:xr("dndev-relative dndev-overflow-hidden",e),role:"status","aria-label":"Loading content",children:Ve(Sr,{direction:i?"column":"row",align:i?void 0:"center",gap:o,children:Array.from({length:t*2}).map((d,l)=>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)"}},l))})})}var ut=Nr;import{GAP_VARIANT as Hr}from"@donotdev/components";import{jsx as Ye}from"react/jsx-runtime";var $r=Lr(()=>Promise.resolve().then(()=>(ht(),ft))),Gr=e=>{let{gap:t=Hr.MEDIUM,direction:r="auto",...o}=e;return Ye(Dr,{fallback:Ye(ut,{itemCount:8,gap:t,direction:r==="up"||r==="down"?"vertical":"horizontal"}),children:Ye($r,{...o})})},bt=Gr;import{Eye as Or}from"lucide-react";import{useState as Xr}from"react";import{PortalButton as qr,cn as yt,Sheet as Wr,Code as Br,Stack as Vr}from"@donotdev/components";import{Fragment as Yr,jsx as Me,jsxs as _r}from"react/jsx-runtime";function Fr({data:e,sourceCode:t,language:r="tsx",title:o="Page Source",className:n}){let[i,d]=Xr(!1),l=t||e||"",u=c=>{};return _r(Yr,{children:[Me(qr,{icon:Or,onClick:()=>d(!0),className:yt("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(Wr,{open:i,onOpenChange:d,side:"bottom",className:yt("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(Vr,{gap:"none",style:{flex:"1 1 auto",minHeight:0,overflow:"hidden"},children:Me(Br,{language:r,showCopyButton:!0,onCopy:u,children:l})})})]})}var wt=Fr;import{useEffect as Ur,useRef as Kr,useState as Qr}from"react";import{cn as _e,Button as Jr,Separator as jr,SEPARATOR_VARIANT as Zr,Text as ea,useIntersectionObserver as ta,getVariantDataAttrs as ra,surfaceVariants as aa,renderCardHeader as na,renderCardContent as oa}from"@donotdev/components";import{useBreakpoint as ia}from"@donotdev/core";import{jsx as V,jsxs as Pe}from"react/jsx-runtime";var Ct={intersectionThreshold:.5,intersectionRootMargin:"0px 0px -20% 0px"},sa=({items:e,className:t,ariaLabel:r,variant:o,style:n,threshold:i=Ct.intersectionThreshold})=>{let[d,l]=Qr(0),u=Kr(null),c=ia("isLaptopOrDesktop"),s=e.some(b=>b.customHeight)?Math.max(...e.map(b=>b.customHeight?Array.isArray(b.customHeight)?c?b.customHeight[1]:b.customHeight[0]:b.customHeight:0).filter(b=>b>0)):null,g={small:1,medium:2,large:3},y=e.reduce((b,f)=>{let v=f.estimatedHeight||"medium",C=g[v]||2,k=g[b]||2;return C>k?v:b},"medium");return V("div",{className:_e("dndev-relative dndev-stacked-cards-container",t),ref:u,"aria-label":r,style:{"--e":d.toString()},children:e.map((b,f)=>V(da,{item:b,index:f,entered:d,onEnter:()=>l(f),totalItems:e.length,cardProps:{variant:o,style:n},maxEstimatedHeight:y,maxCustomHeight:s,threshold:i},f))})},da=({item:e,index:t,entered:r,onEnter:o,totalItems:n,cardProps:i,maxEstimatedHeight:d,maxCustomHeight:l,threshold:u})=>{let{ref:c,isIntersecting:m}=ta({threshold:u,rootMargin:Ct.intersectionRootMargin});Ur(()=>{typeof window<"u"&&m&&o()},[m,o]);let s=na(e.icon,e.title,e.subtitle),g=oa(e.content),y=!!g;return V("section",{ref:c,className:"dndev-relative",style:{zIndex:n-t-1},children:V("div",{className:_e("dndev-relative dndev-overflow-hidden stack","dndev-min-w-0"),"data-size":l?void 0:d,"data-stacked":t>r?"true":"false",style:{"--i":t.toString(),...l&&{"--dynamic-height":`${l}px`},...i.style},children:Pe("div",{className:_e("dndev-card",aa({variant:i.variant}),"dndev-relative dndev-overflow-hidden dndev-h-full"),...ra({variant:i.variant}),"data-role":"card","data-clickable":e.onClick?"true":void 0,onClick:e.onClick,style:i.style,children:[Pe("div",{className:"stack-content",children:[Pe("div",{className:"dndev-stacked-cards-body",children:[Pe("div",{className:"dndev-stacked-cards-left",children:[s,e.description&&V(ea,{as:"p",level:"small",variant:"muted",children:e.description})]}),V(jr,{orientation:"vertical",variant:Zr.ACCENT,className:"dndev-stacked-cards-separator"}),y&&V("div",{className:"dndev-stacked-cards-right",children:g})]}),e.cta&&V("div",{className:"dndev-stacked-cards-cta",children:V(Jr,{onClick:e.onClick,variant:e.cta.variant||"primary",icon:e.cta.icon,children:e.cta.text})}),V("div",{className:"dndev-stacked-cards-spacer"})]}),V("div",{className:"dndev-stacked-cards-number",children:e.number?String(e.number):String(t+1).padStart(2,"0")})]})})})},xt=sa;import{jsx as ca}from"react/jsx-runtime";var la=function(t){return ca(xt,{...t})},kt=la;import{useCallback as ma}from"react";import{cn as pa,useViewportVisibility as ua}from"@donotdev/components";import{jsx as St}from"react/jsx-runtime";var va=({items:e=[],direction:t="fade-in",stagger:r=100,threshold:o,distance:n,duration:i,once:d=!1,viewport:l=!0,overrides:u=[],className:c,children:m})=>{let{ref:s,isVisible:g,hasTriggered:y,visibleItems:b,isItemVisible:f}=ua({threshold:o,once:d,trackItems:l,enableScrollListener:l}),v=ma(k=>{let N=u.find(X=>X.index===k);if(N)return N.direction;switch(t){case"alternate-h":return k%2===0?"left":"right";case"alternate-v":return k%2===0?"top":"bottom";default:return t}},[t,u]),C=()=>e.map((k,N)=>{let X=v(N),F=N*r,te=l?f(N):g;return St("div",{className:"dndev-reveal-item","data-direction":X,"data-visible":te,style:{"--reveal-delay":`${F}ms`,"--reveal-index":N,...n!==void 0&&{"--reveal-distance":`${n}vw`},...i!==void 0&&{"--reveal-duration":`${i}ms`}},children:k},N)});return St("div",{ref:s,className:pa("dndev-reveal-container",g&&"dndev-reveal-visible",c),"data-direction":t,"data-stagger":r,children:e.length>0?C():m})},ye=va;import{useState as ga,useEffect as fa}from"react";import{cn as Nt,Card as Tt,renderCardContent as Rt,useIntersectionObserver as ha}from"@donotdev/components";import{useBreakpoint as ba}from"@donotdev/core";import{jsx as M,jsxs as ae}from"react/jsx-runtime";var ya=function({steps:t,className:r,variant:o}){let[n,i]=ga(0),d=ba("isLaptopOrDesktop"),l=t.length>1?n/(t.length-1)*100:0;return d?M("div",{className:Nt("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:`${l}%`}})]}),M("div",{className:"dndev-roadmap-grid",style:{gridTemplateColumns:`repeat(${t.length}, 1fr)`},children:t.map((u,c)=>{let m=u.icon,s=c<=n,g=c===n;return ae("div",{className:"dndev-roadmap-step",onMouseEnter:()=>i(c),children:[M("div",{className:"dndev-roadmap-node","data-active":s,children:M(m,{})}),ae(Tt,{title:u.title,subtitle:u.subtitle,variant:o,className:"dndev-roadmap-card","data-active":g,footer:u.content?M("div",{className:"dndev-roadmap-content",children:Rt(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:Nt("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:`${l}%`}})}),t.map((u,c)=>M(wa,{step:u,index:c,isActive:c<=n,variant:o,onEnter:()=>i(c)},c))]})})},wa=({step:e,index:t,isActive:r,variant:o,onEnter:n})=>{let{ref:i,isIntersecting:d}=ha({threshold:.5,rootMargin:"0px 0px -20% 0px"});fa(()=>{typeof window<"u"&&d&&n()},[d,n]);let l=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(l,{})}),ae(Tt,{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:Rt(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})]})]})},Mt=ya;import{jsx as xa}from"react/jsx-runtime";var Ca=function(t){return xa(Mt,{...t})},Pt=Ca;import{jsx as Ue,jsxs as Sa}from"react/jsx-runtime";function ka({status:e,animationClass:t}){return Ue("svg",{width:"100%",height:"100%",viewBox:"0 0 512 512",className:"drop--lg",preserveAspectRatio:"xMidYMid meet",children:Sa("g",{transform:"translate(0,512) scale(0.1,-0.1)",children:[Ue("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
@@ -22,4 +22,4 @@ l-6 -117 -69 7 c-123 11 -186 56 -207 147 -7 27 -11 270 -11 629 l0 585 -24
 76 -3 126 21 182 90 291 482 311 1121 26 809 -217 1888 -584 2599 -104 200
 -174 311 -271 428 -230 277 -488 368 -725 255 -258 -123 -411 -480 -443 -1033
 l-6 -117 -69 7 c-123 11 -186 56 -207 147 -7 27 -11 270 -11 629 l0 585 -24
-50 c-59 125 -193 177 -311 121z`,fill:"currentColor",className:`${t||"breath-lung-442"} ${e==="complete"?"text-success":e==="active"?"text-primary active":e==="paused"?"text-primary active paused":"text-primary/40"}`})]})})}import{RotateCw as Sa}from"lucide-react";import{Button as Et,BUTTON_VARIANT as Na,Stack as Ee}from"@donotdev/components";import{jsx as ne,jsxs as ze}from"react/jsx-runtime";function Ta({status:e,animation:t,instructions:r,debug:o=!1,onSkip:n,statusValue:i,onRestart:d,isPaused:l=!1,isComplete:u=!1}){return ze(Ee,{direction:"column",align:"center",justify:"center",gap:"large",style:{width:"100%",height:"100%"},className:"dndev-relative",children:[o&&ze(Ee,{gap:"tight",className:"dndev-absolute",style:{top:"var(--gap-md)",insetInlineEnd:"var(--gap-md)",zIndex:20},children:[ne("div",{style:{fontSize:"var(--font-size-sm)",backgroundColor:"rgb(234 179 8)",color:"rgb(113 63 18)",borderRadius:"var(--radius)",padding:"var(--gap-sm) var(--gap-md)"},children:"\u{1F41B} Debug Mode"}),i&&ze("div",{style:{fontSize:"var(--font-size-sm)",backgroundColor:"rgb(59 130 246)",color:"rgb(30 58 138)",borderRadius:"var(--radius)",padding:"var(--gap-sm) var(--gap-md)"},children:["Status: ",i]}),n&&ne(Et,{variant:Na.DESTRUCTIVE,onClick:n,children:"Skip \u2192"})]}),e&&ne(Ee,{direction:"column",gap:"tight",align:"center",children:e}),ze("div",{className:"dndev-relative dndev-flex dndev-items-center dndev-justify-center dndev-flex-shrink-0",style:{width:"min(400px, 35vh)",height:"min(400px, 35vh)",aspectRatio:"1 / 1"},children:[t,l&&ne("div",{className:"dndev-absolute dndev-inset-0 dndev-flex dndev-items-center dndev-justify-center dndev-z-breadcrumbs",style:{backgroundColor:"rgb(from var(--background) r g b / 0.5)",backdropFilter:"blur(8px)",borderRadius:"var(--radius-lg)"},children:ne("span",{style:{fontSize:"3.75rem"},children:"\u23F8\uFE0F"})}),u&&d&&ne(Et,{floating:!0,icon:Sa,onClick:d,"aria-label":"Do another cycle"})]}),ne(Ee,{gap:"tight",align:"center",style:{textAlign:"center",maxWidth:"28rem"},children:r})]})}import{Suspense as Wa,lazy as Ba}from"react";import{cn as Ra,Stack as zt}from"@donotdev/components";import{Fragment as Pa,jsx as Q,jsxs as At}from"react/jsx-runtime";function Ma({className:e,itemCount:t=1,showArrows:r=!0,showDots:o=!1,showProgress:n=!1}){return At("div",{className:Ra("dndev-relative dndev-overflow-hidden",e),role:"status","aria-label":"Loading carousel",children:[Q("div",{className:"dndev-overflow-hidden",children:Q(zt,{direction:"row",children:Array.from({length:t}).map((i,d)=>Q("div",{className:"dndev-w-full dndev-flex-shrink-0",children:Q("div",{className:"dndev-animate-pulse",style:{height:"16rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius-lg)"}})},d))})}),r&&At(Pa,{children:[Q("div",{className:"dndev-absolute dndev-z-breadcrumbs dndev-animate-pulse",style:{left:"1rem",top:"50%",transform:"translateY(-50%)",width:"2.5rem",height:"2.5rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)"}}),Q("div",{className:"dndev-absolute dndev-z-breadcrumbs dndev-animate-pulse",style:{right:"1rem",top:"50%",transform:"translateY(-50%)",width:"2.5rem",height:"2.5rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)"}})]}),o&&Q(zt,{direction:"row",gap:"tight",className:"dndev-absolute dndev-z-breadcrumbs",style:{bottom:"1rem",left:"50%",transform:"translateX(-50%)"},children:Array.from({length:t}).map((i,d)=>Q("div",{className:"dndev-animate-pulse",style:{width:"0.5rem",height:"0.5rem",backgroundColor:"var(--muted)",borderRadius:"9999px"}},d))}),n&&Q("div",{className:"dndev-absolute dndev-left-0 dndev-animate-pulse",style:{bottom:0,right:0,height:"0.25rem",backgroundColor:"var(--muted)"}})]})}var It=Ma;import{jsx as Ze}from"react/jsx-runtime";var Va=Ba(()=>Promise.resolve().then(()=>($t(),Lt))),Fa=e=>{let{showArrows:t=!0,showDots:r=!0,showProgress:o=!1}=e;return Ze(Wa,{fallback:Ze(It,{showArrows:t,showDots:r,showProgress:o}),children:Ze(Va,{...e})})},Ya=Fa;import{lazy as Za,Suspense as en}from"react";import{Card as tn,Grid as rn}from"@donotdev/components";import{jsx as Ie}from"react/jsx-runtime";var an=Za(()=>Promise.resolve().then(()=>(Ot(),Gt)));function nn({title:e,items:t,gridCols:r=2,className:o,ariaLabel:n}){return Ie(en,{fallback:Ie(rn,{gap:"medium",cols:2,children:t.map((i,d)=>Ie(tn,{title:"Loading..."},d))}),children:Ie(an,{title:e,items:t,gridCols:r,className:o,ariaLabel:n})})}var on=nn;import{Card as sn,Text as dn,Stack as ln}from"@donotdev/components";import{jsx as tt,jsxs as pn}from"react/jsx-runtime";var cn=({text:e,icon:t="\u{1F389}",className:r})=>tt(sn,{className:r,style:{textAlign:"center"},children:pn(ln,{gap:"tight",style:{padding:"var(--gap-md)"},children:[t&&tt("div",{style:{fontSize:"var(--font-size-2xl)"},children:t}),tt(dn,{variant:"muted",children:e})]})}),mn=cn;import{CheckCircle as De}from"lucide-react";import{Dialog as un,Card as Le,Badge as vn,BADGE_VARIANT as gn,Stack as O,Grid as fn}from"@donotdev/components";import{jsx as y,jsxs as L}from"react/jsx-runtime";function hn({open:e,onOpenChange:t,guide:r,icon:o}){let n=o;return y(un,{open:e,onOpenChange:t,title:L(O,{direction:"row",align:"center",gap:"medium",children:[n&&y(n,{className:"dndev-size-touch",style:{color:"var(--primary)"}}),y("div",{style:{fontSize:"var(--font-size-3xl)",fontWeight:700},children:r.title})]}),description:y("div",{style:{fontSize:"var(--font-size-lg)"},children:r.subtitle}),style:{maxWidth:"56rem",maxHeight:"90dvh",overflowY:"auto"},children:L(O,{gap:"large",children:[r.quickStart&&L(Le,{title:L(O,{direction:"row",align:"center",gap:"medium",children:[y(De,{className:"dndev-size-md",style:{color:"var(--secondary)"}}),r.quickStart.title]}),children:[y("div",{className:"dndev-surface",style:{backgroundColor:"var(--muted)",padding:"var(--gap-md)",borderRadius:"var(--radius-lg)",border:"1px solid var(--border)"},children:y("code",{style:{color:"var(--muted-foreground)",fontSize:"var(--font-size-sm)",fontFamily:"monospace"},children:r.quickStart.code})}),y("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:r.quickStart.description})]}),r.steps&&L(O,{gap:"medium",children:[y("h3",{style:{fontSize:"var(--font-size-xl)",fontWeight:600},children:"Step by Step Process"}),y(O,{gap:"medium",children:r.steps.map((i,d)=>{let l=i.icon;return y("div",{className:"dndev-relative",children:L(Le,{style:{overflow:"visible"},children:[y("div",{className:"dndev-absolute",style:{top:"-0.75rem",left:"-0.75rem",zIndex:20},children:y("div",{className:"dndev-flex dndev-items-center dndev-justify-center",style:{backgroundColor:"var(--primary)",color:"var(--primary-foreground)",borderRadius:"9999px",fontSize:"var(--font-size-sm)",fontWeight:700,boxShadow:"var(--shadow-xl)",border:"2px solid var(--background)",width:"2rem",height:"2rem"},children:d+1})}),L("div",{children:[L(O,{direction:"row",align:"center",gap:"medium",style:{paddingTop:"var(--gap-lg)",marginBottom:"var(--gap-md)"},children:[y(l,{className:"dndev-size-md",style:{color:"var(--primary)"}}),y("div",{style:{fontSize:"var(--font-size-lg)",fontWeight:600},children:i.title})]}),L(O,{gap:"large",children:[y("p",{style:{color:"var(--muted-foreground)"},children:i.description}),i.code&&y("div",{className:"dndev-surface",style:{backgroundColor:"var(--muted)",padding:"var(--gap-md)",borderRadius:"var(--radius-lg)",border:"1px solid var(--border)"},children:y("code",{style:{color:"var(--muted-foreground)",fontSize:"var(--font-size-sm)",fontFamily:"monospace"},children:i.code})}),i.details&&y("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)"},children:i.details})]})]})]})},d)})})]}),r.features&&y(Le,{title:L(O,{direction:"row",align:"center",gap:"medium",children:[y(De,{className:"dndev-size-md",style:{color:"var(--secondary)"}}),"What You Get Out of the Box"]}),children:y(O,{gap:"medium",children:r.features.map((i,d)=>L(O,{direction:"row",align:"center",gap:"medium",style:{fontSize:"var(--font-size-sm)"},children:[y(De,{className:"dndev-size-sm",style:{color:"var(--secondary)",flexShrink:0}}),y("span",{style:{color:"var(--muted-foreground)"},children:i})]},d))})}),r.templates&&y(Le,{title:L(O,{direction:"row",align:"center",gap:"medium",children:[y(De,{className:"dndev-size-md",style:{color:"var(--accent)"}}),"Available Templates"]}),children:y(fn,{cols:3,gap:"medium",children:r.templates.map((i,d)=>L(O,{gap:"tight",children:[y(vn,{variant:gn.OUTLINE,className:"dndev-justify-center",style:{width:"100%"},children:i.name}),y("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)"},children:i.description})]},d))})})]})})}import{Card as bn,Text as Xt,GAP_VARIANT as yn,Grid as qt}from"@donotdev/components";import{jsx as pe,jsxs as Wt}from"react/jsx-runtime";var wn=({left:e,right:t,leftDirection:r="left",rightDirection:o="right",threshold:n,stagger:i=200,distance:d,duration:l,gap:u=yn.LARGE,className:c,align:m="start",useStatCards:s=!1})=>{let f=()=>s&&Array.isArray(t)?pe(qt,{cols:2,gap:"medium",children:t.map((w,b)=>pe(bn,{children:Wt("div",{style:{padding:"var(--gap-lg)"},children:[pe(Xt,{level:"h3",children:w.title}),pe(Xt,{as:"p",variant:"muted",children:w.description})]})},b))}):t,v={none:"dndev-gap-none",tight:"dndev-gap-sm",medium:"dndev-gap-md",large:"dndev-gap-lg"}[u];return Wt(qt,{cols:2,gap:u,align:m,className:c,children:[pe(ye,{direction:r,threshold:n,stagger:i,distance:d,duration:l,items:[e]}),pe(ye,{direction:o,threshold:n,stagger:i,distance:d,duration:l,items:[f()]})]})},Cn=wn;import{Button as xn,Input as kn,cn as rt,Stack as Sn}from"@donotdev/components";import{jsx as Bt,jsxs as Rn}from"react/jsx-runtime";function Nn({input:e,button:t,className:r}){return Rn(Sn,{align:"center",justify:"center",gap:"medium",className:rt("dndev-w-full",r),children:[Bt(kn,{value:e.value,onChange:o=>e.onChange(o.target.value),placeholder:e.placeholder,maxLength:e.maxLength,className:rt("dndev-w-full",e.className),style:{textAlign:"center"},"aria-label":e.label||"Input",autoComplete:"off",spellCheck:!1}),Bt(xn,{variant:t.variant||"primary",onClick:t.onClick,icon:t.icon,className:rt("dndev-w-full",t.className),style:{paddingInline:"2rem"},children:t.label})]})}var Tn=Nn;import{Suspense as qn,lazy as Wn}from"react";import{Fragment as Mn}from"react";import{cn as Vt,Stack as ie}from"@donotdev/components";import{jsx as T,jsxs as J}from"react/jsx-runtime";function Pn({stepCount:e=3,className:t,direction:r="horizontal"}){let o=Array.from({length:e},(n,i)=>i);return r==="vertical"?T("section",{className:Vt("dndev-w-full dndev-overflow-hidden",t),children:T("div",{className:"dndev-relative dndev-mx-auto",style:{maxWidth:"72rem",padding:"0 var(--content-padding)"},children:T("div",{className:"dndev-grid dndev-md:grid-cols-2 dndev-lg:grid-cols-3",style:{gap:"var(--gap-lg)"},children:o.map(n=>T("div",{style:{transform:n%3===1?"translateY(3rem)":n%3===2?"translateY(6rem)":void 0},children:J("div",{style:{backgroundColor:"var(--background)",borderRadius:"var(--radius-lg)",border:"1px solid var(--border)",boxShadow:"var(--shadow-sm)",padding:"var(--gap-md)"},children:[J(ie,{direction:"row",align:"start",gap:"medium",style:{marginBottom:"var(--gap-md)"},children:[T("div",{className:"dndev-animate-pulse",style:{width:"3rem",height:"3rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius-lg)"}}),J(ie,{gap:"tight",flex:"1",className:"dndev-min-w-0",children:[T("div",{className:"dndev-animate-pulse",style:{height:"1.5rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)",width:"75%"}}),T("div",{className:"dndev-animate-pulse",style:{height:"1rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)",width:"100%"}})]})]}),J(ie,{gap:"tight",children:[T("div",{className:"dndev-animate-pulse",style:{height:"1rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)",width:"100%"}}),T("div",{className:"dndev-animate-pulse",style:{height:"1rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)",width:"66%"}})]})]})},n))})})}):T("section",{className:Vt("dndev-w-full",t),children:T("div",{className:"dndev-mx-auto dndev-flex dndev-flex-col dndev-md:flex-row dndev-md:items-center dndev-gap-md",style:{maxWidth:"80rem"},children:o.map(n=>{let i=n===e-1;return J(Mn,{children:[T("div",{className:"dndev-flex-1",children:J("div",{className:"dndev-h-full",style:{backgroundColor:"var(--background)",borderRadius:"var(--radius-lg)",border:"1px solid var(--border)",boxShadow:"var(--shadow-sm)",padding:"var(--gap-md)"},children:[J(ie,{direction:"row",align:"start",gap:"medium",style:{marginBottom:"var(--gap-md)"},children:[T("div",{className:"dndev-animate-pulse",style:{width:"3rem",height:"3rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius-lg)"}}),J(ie,{gap:"tight",flex:"1",className:"dndev-min-w-0",children:[T("div",{className:"dndev-animate-pulse",style:{height:"1.25rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)",width:"75%"}}),T("div",{className:"dndev-animate-pulse",style:{height:"1rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)",width:"100%"}})]})]}),J(ie,{gap:"tight",children:[T("div",{className:"dndev-animate-pulse",style:{height:"1rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)",width:"100%"}}),T("div",{className:"dndev-animate-pulse",style:{height:"1rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)",width:"66%"}})]})]})}),!i&&T(ie,{justify:"center",style:{paddingTop:"var(--gap-md)",paddingBottom:"var(--gap-md)"},children:T("div",{className:"dndev-animate-pulse",style:{width:"2rem",height:"1px",backgroundColor:"var(--muted)"}})})]},n)})})})}var Ft=Pn;import{jsx as nt}from"react/jsx-runtime";var Bn=Wn(()=>Promise.resolve().then(()=>(Kt(),Ut)));function Vn(e){return nt(qn,{fallback:nt(Ft,{stepCount:e.items?.length||3,direction:e.direction==="descending"?"vertical":"horizontal"}),children:nt(Bn,{...e})})}var Fn=Vn;export{Ta as BreathingExerciseLayout,Ya as Carousel,on as ComparisonGrid,mn as CongratulationsCard,pt as Crawl,hn as GuideModal,wt as InspectorGadget,xa as LungsAnimation,bt as Marquee,ye as Reveal,Pt as Roadmap,Cn as SplitReveal,kt as StackedCards,Tn as StartChallengeForm,Fn as Waterfall};
+50 c-59 125 -193 177 -311 121z`,fill:"currentColor",className:`${t||"breath-lung-442"} ${e==="complete"?"text-success":e==="active"?"text-primary active":e==="paused"?"text-primary active paused":"text-primary/40"}`})]})})}import{RotateCw as Na}from"lucide-react";import{Button as Et,BUTTON_VARIANT as Ta,Stack as Ee}from"@donotdev/components";import{jsx as ne,jsxs as ze}from"react/jsx-runtime";function Ra({status:e,animation:t,instructions:r,debug:o=!1,onSkip:n,statusValue:i,onRestart:d,isPaused:l=!1,isComplete:u=!1}){return ze(Ee,{direction:"column",align:"center",justify:"center",gap:"large",style:{width:"100%",height:"100%"},className:"dndev-relative",children:[o&&ze(Ee,{gap:"tight",className:"dndev-absolute",style:{top:"var(--gap-md)",insetInlineEnd:"var(--gap-md)",zIndex:20},children:[ne("div",{style:{fontSize:"var(--font-size-sm)",backgroundColor:"rgb(234 179 8)",color:"rgb(113 63 18)",borderRadius:"var(--radius)",padding:"var(--gap-sm) var(--gap-md)"},children:"\u{1F41B} Debug Mode"}),i&&ze("div",{style:{fontSize:"var(--font-size-sm)",backgroundColor:"rgb(59 130 246)",color:"rgb(30 58 138)",borderRadius:"var(--radius)",padding:"var(--gap-sm) var(--gap-md)"},children:["Status: ",i]}),n&&ne(Et,{variant:Ta.DESTRUCTIVE,onClick:n,children:"Skip \u2192"})]}),e&&ne(Ee,{direction:"column",gap:"tight",align:"center",children:e}),ze("div",{className:"dndev-relative dndev-flex dndev-items-center dndev-justify-center dndev-flex-shrink-0",style:{width:"min(400px, 35vh)",height:"min(400px, 35vh)",aspectRatio:"1 / 1"},children:[t,l&&ne("div",{className:"dndev-absolute dndev-inset-0 dndev-flex dndev-items-center dndev-justify-center dndev-z-breadcrumbs",style:{backgroundColor:"rgb(from var(--background) r g b / 0.5)",backdropFilter:"blur(8px)",borderRadius:"var(--radius-lg)"},children:ne("span",{style:{fontSize:"3.75rem"},children:"\u23F8\uFE0F"})}),u&&d&&ne(Et,{floating:!0,icon:Na,onClick:d,"aria-label":"Do another cycle"})]}),ne(Ee,{gap:"tight",align:"center",style:{textAlign:"center",maxWidth:"28rem"},children:r})]})}import{Suspense as Ba,lazy as Va}from"react";import{cn as Ma,Stack as zt}from"@donotdev/components";import{Fragment as Ea,jsx as Q,jsxs as At}from"react/jsx-runtime";function Pa({className:e,itemCount:t=1,showArrows:r=!0,showDots:o=!1,showProgress:n=!1}){return At("div",{className:Ma("dndev-relative dndev-overflow-hidden",e),role:"status","aria-label":"Loading carousel",children:[Q("div",{className:"dndev-overflow-hidden",children:Q(zt,{direction:"row",children:Array.from({length:t}).map((i,d)=>Q("div",{className:"dndev-w-full dndev-flex-shrink-0",children:Q("div",{className:"dndev-animate-pulse",style:{height:"16rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius-lg)"}})},d))})}),r&&At(Ea,{children:[Q("div",{className:"dndev-absolute dndev-z-breadcrumbs dndev-animate-pulse",style:{left:"1rem",top:"50%",transform:"translateY(-50%)",width:"2.5rem",height:"2.5rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)"}}),Q("div",{className:"dndev-absolute dndev-z-breadcrumbs dndev-animate-pulse",style:{right:"1rem",top:"50%",transform:"translateY(-50%)",width:"2.5rem",height:"2.5rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)"}})]}),o&&Q(zt,{direction:"row",gap:"tight",className:"dndev-absolute dndev-z-breadcrumbs",style:{bottom:"1rem",left:"50%",transform:"translateX(-50%)"},children:Array.from({length:t}).map((i,d)=>Q("div",{className:"dndev-animate-pulse",style:{width:"0.5rem",height:"0.5rem",backgroundColor:"var(--muted)",borderRadius:"9999px"}},d))}),n&&Q("div",{className:"dndev-absolute dndev-left-0 dndev-animate-pulse",style:{bottom:0,right:0,height:"0.25rem",backgroundColor:"var(--muted)"}})]})}var It=Pa;import{jsx as Ze}from"react/jsx-runtime";var Fa=Va(()=>Promise.resolve().then(()=>($t(),Lt))),Ya=e=>{let{showArrows:t=!0,showDots:r=!0,showProgress:o=!1}=e;return Ze(Ba,{fallback:Ze(It,{showArrows:t,showDots:r,showProgress:o}),children:Ze(Fa,{...e})})},_a=Ya;import{lazy as en,Suspense as tn}from"react";import{Card as rn,Grid as an}from"@donotdev/components";import{jsx as Ie}from"react/jsx-runtime";var nn=en(()=>Promise.resolve().then(()=>(Ot(),Gt)));function on({title:e,items:t,gridCols:r=2,className:o,ariaLabel:n}){return Ie(tn,{fallback:Ie(an,{gap:"medium",cols:2,children:t.map((i,d)=>Ie(rn,{title:"Loading..."},d))}),children:Ie(nn,{title:e,items:t,gridCols:r,className:o,ariaLabel:n})})}var sn=on;import{Card as dn,Text as ln,Stack as cn}from"@donotdev/components";import{jsx as tt,jsxs as un}from"react/jsx-runtime";var mn=({text:e,icon:t="\u{1F389}",className:r})=>tt(dn,{className:r,style:{textAlign:"center"},children:un(cn,{gap:"tight",style:{padding:"var(--gap-md)"},children:[t&&tt("div",{style:{fontSize:"var(--font-size-2xl)"},children:t}),tt(ln,{variant:"muted",children:e})]})}),pn=mn;import{CheckCircle as De}from"lucide-react";import{Dialog as vn,Card as Le,Badge as gn,BADGE_VARIANT as fn,Stack as O,Grid as hn}from"@donotdev/components";import{jsx as w,jsxs as L}from"react/jsx-runtime";function bn({open:e,onOpenChange:t,guide:r,icon:o}){let n=o;return w(vn,{open:e,onOpenChange:t,title:L(O,{direction:"row",align:"center",gap:"medium",children:[n&&w(n,{className:"dndev-size-touch",style:{color:"var(--primary)"}}),w("div",{style:{fontSize:"var(--font-size-3xl)",fontWeight:700},children:r.title})]}),description:w("div",{style:{fontSize:"var(--font-size-lg)"},children:r.subtitle}),style:{maxWidth:"56rem",maxHeight:"90dvh",overflowY:"auto"},children:L(O,{gap:"large",children:[r.quickStart&&L(Le,{title:L(O,{direction:"row",align:"center",gap:"medium",children:[w(De,{className:"dndev-size-md",style:{color:"var(--secondary)"}}),r.quickStart.title]}),children:[w("div",{className:"dndev-surface",style:{backgroundColor:"var(--muted)",padding:"var(--gap-md)",borderRadius:"var(--radius-lg)",border:"1px solid var(--border)"},children:w("code",{style:{color:"var(--muted-foreground)",fontSize:"var(--font-size-sm)",fontFamily:"monospace"},children:r.quickStart.code})}),w("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:r.quickStart.description})]}),r.steps&&L(O,{gap:"medium",children:[w("h3",{style:{fontSize:"var(--font-size-xl)",fontWeight:600},children:"Step by Step Process"}),w(O,{gap:"medium",children:r.steps.map((i,d)=>{let l=i.icon;return w("div",{className:"dndev-relative",children:L(Le,{style:{overflow:"visible"},children:[w("div",{className:"dndev-absolute",style:{top:"-0.75rem",left:"-0.75rem",zIndex:20},children:w("div",{className:"dndev-flex dndev-items-center dndev-justify-center",style:{backgroundColor:"var(--primary)",color:"var(--primary-foreground)",borderRadius:"9999px",fontSize:"var(--font-size-sm)",fontWeight:700,boxShadow:"var(--shadow-xl)",border:"2px solid var(--background)",width:"2rem",height:"2rem"},children:d+1})}),L("div",{children:[L(O,{direction:"row",align:"center",gap:"medium",style:{paddingTop:"var(--gap-lg)",marginBottom:"var(--gap-md)"},children:[w(l,{className:"dndev-size-md",style:{color:"var(--primary)"}}),w("div",{style:{fontSize:"var(--font-size-lg)",fontWeight:600},children:i.title})]}),L(O,{gap:"large",children:[w("p",{style:{color:"var(--muted-foreground)"},children:i.description}),i.code&&w("div",{className:"dndev-surface",style:{backgroundColor:"var(--muted)",padding:"var(--gap-md)",borderRadius:"var(--radius-lg)",border:"1px solid var(--border)"},children:w("code",{style:{color:"var(--muted-foreground)",fontSize:"var(--font-size-sm)",fontFamily:"monospace"},children:i.code})}),i.details&&w("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)"},children:i.details})]})]})]})},d)})})]}),r.features&&w(Le,{title:L(O,{direction:"row",align:"center",gap:"medium",children:[w(De,{className:"dndev-size-md",style:{color:"var(--secondary)"}}),"What You Get Out of the Box"]}),children:w(O,{gap:"medium",children:r.features.map((i,d)=>L(O,{direction:"row",align:"center",gap:"medium",style:{fontSize:"var(--font-size-sm)"},children:[w(De,{className:"dndev-size-sm",style:{color:"var(--secondary)",flexShrink:0}}),w("span",{style:{color:"var(--muted-foreground)"},children:i})]},d))})}),r.templates&&w(Le,{title:L(O,{direction:"row",align:"center",gap:"medium",children:[w(De,{className:"dndev-size-md",style:{color:"var(--accent)"}}),"Available Templates"]}),children:w(hn,{cols:3,gap:"medium",children:r.templates.map((i,d)=>L(O,{gap:"tight",children:[w(gn,{variant:fn.OUTLINE,className:"dndev-justify-center",style:{width:"100%"},children:i.name}),w("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)"},children:i.description})]},d))})})]})})}import{Card as yn,Text as Xt,GAP_VARIANT as wn,Grid as qt}from"@donotdev/components";import{jsx as pe,jsxs as Wt}from"react/jsx-runtime";var Cn=({left:e,right:t,leftDirection:r="left",rightDirection:o="right",threshold:n,stagger:i=200,distance:d,duration:l,gap:u=wn.LARGE,className:c,align:m="start",useStatCards:s=!1})=>{let g=()=>s&&Array.isArray(t)?pe(qt,{cols:2,gap:"medium",children:t.map((b,f)=>pe(yn,{children:Wt("div",{style:{padding:"var(--gap-lg)"},children:[pe(Xt,{level:"h3",children:b.title}),pe(Xt,{as:"p",variant:"muted",children:b.description})]})},f))}):t,y={none:"dndev-gap-none",tight:"dndev-gap-sm",medium:"dndev-gap-md",large:"dndev-gap-lg"}[u];return Wt(qt,{cols:2,gap:u,align:m,className:c,children:[pe(ye,{direction:r,threshold:n,stagger:i,distance:d,duration:l,items:[e]}),pe(ye,{direction:o,threshold:n,stagger:i,distance:d,duration:l,items:[g()]})]})},xn=Cn;import{Button as kn,Input as Sn,cn as rt,Stack as Nn}from"@donotdev/components";import{jsx as Bt,jsxs as Mn}from"react/jsx-runtime";function Tn({input:e,button:t,className:r}){return Mn(Nn,{align:"center",justify:"center",gap:"medium",className:rt("dndev-w-full",r),children:[Bt(Sn,{value:e.value,onChange:o=>e.onChange(o.target.value),placeholder:e.placeholder,maxLength:e.maxLength,className:rt("dndev-w-full",e.className),style:{textAlign:"center"},"aria-label":e.label||"Input",autoComplete:"off",spellCheck:!1}),Bt(kn,{variant:t.variant||"primary",onClick:t.onClick,icon:t.icon,className:rt("dndev-w-full",t.className),style:{paddingInline:"2rem"},children:t.label})]})}var Rn=Tn;import{Suspense as Wn,lazy as Bn}from"react";import{Fragment as Pn}from"react";import{cn as Vt,Stack as ie}from"@donotdev/components";import{jsx as T,jsxs as J}from"react/jsx-runtime";function En({stepCount:e=3,className:t,direction:r="horizontal"}){let o=Array.from({length:e},(n,i)=>i);return r==="vertical"?T("section",{className:Vt("dndev-w-full dndev-overflow-hidden",t),children:T("div",{className:"dndev-relative dndev-mx-auto",style:{maxWidth:"72rem",padding:"0 var(--content-padding)"},children:T("div",{className:"dndev-grid dndev-md:grid-cols-2 dndev-lg:grid-cols-3",style:{gap:"var(--gap-lg)"},children:o.map(n=>T("div",{style:{transform:n%3===1?"translateY(3rem)":n%3===2?"translateY(6rem)":void 0},children:J("div",{style:{backgroundColor:"var(--background)",borderRadius:"var(--radius-lg)",border:"1px solid var(--border)",boxShadow:"var(--shadow-sm)",padding:"var(--gap-md)"},children:[J(ie,{direction:"row",align:"start",gap:"medium",style:{marginBottom:"var(--gap-md)"},children:[T("div",{className:"dndev-animate-pulse",style:{width:"3rem",height:"3rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius-lg)"}}),J(ie,{gap:"tight",flex:"1",className:"dndev-min-w-0",children:[T("div",{className:"dndev-animate-pulse",style:{height:"1.5rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)",width:"75%"}}),T("div",{className:"dndev-animate-pulse",style:{height:"1rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)",width:"100%"}})]})]}),J(ie,{gap:"tight",children:[T("div",{className:"dndev-animate-pulse",style:{height:"1rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)",width:"100%"}}),T("div",{className:"dndev-animate-pulse",style:{height:"1rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)",width:"66%"}})]})]})},n))})})}):T("section",{className:Vt("dndev-w-full",t),children:T("div",{className:"dndev-mx-auto dndev-flex dndev-flex-col dndev-md:flex-row dndev-md:items-center dndev-gap-md",style:{maxWidth:"80rem"},children:o.map(n=>{let i=n===e-1;return J(Pn,{children:[T("div",{className:"dndev-flex-1",children:J("div",{className:"dndev-h-full",style:{backgroundColor:"var(--background)",borderRadius:"var(--radius-lg)",border:"1px solid var(--border)",boxShadow:"var(--shadow-sm)",padding:"var(--gap-md)"},children:[J(ie,{direction:"row",align:"start",gap:"medium",style:{marginBottom:"var(--gap-md)"},children:[T("div",{className:"dndev-animate-pulse",style:{width:"3rem",height:"3rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius-lg)"}}),J(ie,{gap:"tight",flex:"1",className:"dndev-min-w-0",children:[T("div",{className:"dndev-animate-pulse",style:{height:"1.25rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)",width:"75%"}}),T("div",{className:"dndev-animate-pulse",style:{height:"1rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)",width:"100%"}})]})]}),J(ie,{gap:"tight",children:[T("div",{className:"dndev-animate-pulse",style:{height:"1rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)",width:"100%"}}),T("div",{className:"dndev-animate-pulse",style:{height:"1rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius)",width:"66%"}})]})]})}),!i&&T(ie,{justify:"center",style:{paddingTop:"var(--gap-md)",paddingBottom:"var(--gap-md)"},children:T("div",{className:"dndev-animate-pulse",style:{width:"2rem",height:"1px",backgroundColor:"var(--muted)"}})})]},n)})})})}var Ft=En;import{jsx as nt}from"react/jsx-runtime";var Vn=Bn(()=>Promise.resolve().then(()=>(Kt(),Ut)));function Fn(e){return nt(Wn,{fallback:nt(Ft,{stepCount:e.items?.length||3,direction:e.direction==="descending"?"vertical":"horizontal"}),children:nt(Vn,{...e})})}var Yn=Fn;export{Ra as BreathingExerciseLayout,_a as Carousel,sn as ComparisonGrid,pn as CongratulationsCard,pt as Crawl,bn as GuideModal,wt as InspectorGadget,ka as LungsAnimation,bt as Marquee,ye as Reveal,Pt as Roadmap,xn as SplitReveal,kt as StackedCards,Rn as StartChallengeForm,Yn as Waterfall};

package/package.json

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