@donotdev/adv-comps 0.0.9 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/GuideModal.js +1 -1
  2. package/dist/StartChallengeForm.d.ts +3 -1
  3. package/dist/StartChallengeForm.d.ts.map +1 -1
  4. package/dist/StartChallengeForm.js +3 -2
  5. package/dist/index.js +2 -2
  6. package/package.json +5 -5
package/dist/GuideModal.js CHANGED
@@ -78,7 +78,7 @@ export function GuideModal({ open, onOpenChange, guide, icon, }) {
78
78
  }) })] })), guide.features && (_jsx(Card, { title: _jsxs(Stack, { direction: "row", align: "center", gap: "medium", children: [_jsx(CheckCircle, { className: "dndev-size-md", style: { color: 'var(--secondary)' } }), "What You Get Out of the Box"] }), children: _jsx(Stack, { gap: "medium", children: guide.features.map((feature, index) => (_jsxs(Stack, { direction: "row", align: "center", gap: "medium", style: { fontSize: 'var(--font-size-sm)' }, children: [_jsx(CheckCircle, { className: "dndev-size-sm", style: {
79
79
  color: 'var(--secondary)',
80
80
  flexShrink: 0,
81
- } }), _jsx("span", { style: { color: 'var(--muted-foreground)' }, children: feature })] }, index))) }) })), guide.templates && (_jsx(Card, { title: _jsxs(Stack, { direction: "row", align: "center", gap: "medium", children: [_jsx(CheckCircle, { className: "dndev-size-md", style: { color: 'var(--accent)' } }), "Available Templates"] }), children: _jsx(Grid, { cols: 3, gap: "medium", children: guide.templates.map((template, index) => (_jsxs(Stack, { gap: "tight", children: [_jsx(Badge, { variant: BADGE_VARIANT.OUTLINE, className: "dndev-justify-center", style: { width: '100%' }, children: template.name }), _jsx("p", { style: {
81
+ } }), _jsx("span", { style: { color: 'var(--muted-foreground)' }, children: feature })] }, index))) }) })), guide.templates && (_jsx(Card, { title: _jsxs(Stack, { direction: "row", align: "center", gap: "medium", children: [_jsx(CheckCircle, { className: "dndev-size-md", style: { color: 'var(--accent)' } }), "Available Templates"] }), children: _jsx(Grid, { cols: [1, 1, 2, 3], gap: "medium", children: guide.templates.map((template, index) => (_jsxs(Stack, { gap: "tight", children: [_jsx(Badge, { variant: BADGE_VARIANT.OUTLINE, className: "dndev-justify-center", style: { width: '100%' }, children: template.name }), _jsx("p", { style: {
82
82
  fontSize: 'var(--font-size-sm)',
83
83
  color: 'var(--muted-foreground)',
84
84
  }, children: template.description })] }, index))) }) }))] }) }));
package/dist/StartChallengeForm.d.ts CHANGED
@@ -27,8 +27,10 @@ export interface StartChallengeFormProps {
27
27
  className?: string;
28
28
  };
29
29
  size?: 'sm' | 'md' | 'lg';
30
+ /** Content alignment (start = RTL-safe left; center = default) */
31
+ align?: 'start' | 'center';
30
32
  className?: string;
31
33
  }
32
- declare function StartChallengeForm({ input, button, className, }: StartChallengeFormProps): import("react/jsx-runtime").JSX.Element;
34
+ declare function StartChallengeForm({ input, button, align, className, }: StartChallengeFormProps): import("react/jsx-runtime").JSX.Element;
33
35
  export default StartChallengeForm;
34
36
  //# sourceMappingURL=StartChallengeForm.d.ts.map
package/dist/StartChallengeForm.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StartChallengeForm.d.ts","sourceRoot":"","sources":["../src/StartChallengeForm.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,IAAI,CAAC,EAAE,aAAa,CAAC;YAAE,SAAS,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAC7C,OAAO,CAAC,EAAE,aAAa,CAAC;QACxB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,SAAS,GACV,EAAE,uBAAuB,2CA+BzB;AAED,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"StartChallengeForm.d.ts","sourceRoot":"","sources":["../src/StartChallengeForm.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,IAAI,CAAC,EAAE,aAAa,CAAC;YAAE,SAAS,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAC7C,OAAO,CAAC,EAAE,aAAa,CAAC;QACxB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,KAAgB,EAChB,SAAS,GACV,EAAE,uBAAuB,2CAgCzB;AAED,eAAe,kBAAkB,CAAC"}
package/dist/StartChallengeForm.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Button, Input, cn, Stack } from '@donotdev/components';
3
- function StartChallengeForm({ input, button, className, }) {
4
- return (_jsxs(Stack, { align: "center", justify: "center", gap: "medium", className: cn('dndev-w-full', className), children: [_jsx(Input, { value: input.value, onChange: (e) => input.onChange(e.target.value), placeholder: input.placeholder, maxLength: input.maxLength, className: cn('dndev-w-full', input.className), style: { textAlign: 'center' }, "aria-label": input.label || 'Input', autoComplete: "off", spellCheck: false }), _jsx(Button, { variant: button.variant || 'primary', onClick: button.onClick, icon: button.icon, className: cn('dndev-w-full', button.className), style: { paddingInline: '2rem' }, children: button.label })] }));
3
+ function StartChallengeForm({ input, button, align = 'center', className, }) {
4
+ const textAlign = align === 'start' ? 'start' : 'center';
5
+ return (_jsxs(Stack, { align: align, justify: "center", gap: "medium", className: cn('dndev-w-full', className), children: [_jsx(Input, { value: input.value, onChange: (e) => input.onChange(e.target.value), placeholder: input.placeholder, maxLength: input.maxLength, className: cn('dndev-w-full', input.className), style: { textAlign }, "aria-label": input.label || 'Input', autoComplete: "off", spellCheck: false }), _jsx(Button, { variant: button.variant || 'primary', onClick: button.onClick, icon: button.icon, className: cn('dndev-w-full', button.className), style: { paddingInline: '2rem' }, children: button.label })] }));
5
6
  }
6
7
  export default StartChallengeForm;
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- "use client";var or=Object.defineProperty;var ce=(e,t)=>()=>(e&&(t=e(e=0)),t);var he=(e,t)=>{for(var r in t)or(e,r,{get:t[r],enumerable:!0})};import{createElement as be}from"react";function me(e,t={}){let{allowedTags:r=["p","br","u","i","em","strong","b"],preserveLineBreaks:o=!0,className:n}=t;if(!e||typeof e!="string")return[];let i=e;o&&(i=i.replace(/\n/g,"<br/>"));let s=i.split(/(<[^>]+>)/),d=[],u=0;for(let c=0;c<s.length;c++){let p=s[c];if(!p)continue;let l=p.match(/^<(\w+)(?:\s[^>]*)?\s*\/>$/);if(l&&l[1]){let b=l[1].toLowerCase();if(r.includes(b)){let k=st(b,"",n,u++);k&&d.push(k);continue}}let f=p.match(/^<(\w+)(?:\s[^>]*)?>$/);if(f&&f[1]){let b=f[1].toLowerCase();if(r.includes(b)){let k=`</${b}>`,h="",v=c+1;for(;v<s.length&&s[v]&&!s[v].includes(k);)h+=s[v],v++;v<s.length&&s[v]&&(h+=s[v].replace(k,""));let C=st(b,h,n,u++);C&&d.push(C),c=v;continue}}p&&!p.startsWith("<")&&d.push(p)}return d}function st(e,t,r,o){let n={key:o};switch(r&&(n.className=r),e){case"p":return be("p",n,t);case"br":return be("br",n);case"u":return be("u",n,t);case"i":case"em":return be("em",n,t);case"strong":case"b":return be("strong",n,t);default:return t}}var Oe=ce(()=>{"use strict"});var dt={};he(dt,{default:()=>pr});import{useEffect as ir,useRef as sr,useState as dr,useMemo as We,isValidElement as lr}from"react";import{isClient as cr}from"@donotdev/core";import{Fragment as ur,jsx as H,jsxs as Be}from"react/jsx-runtime";var mr,pr,lt=ce(()=>{"use strict";Oe();mr=({content:e,title:t,duration:r=26,contentHeight:o="150vh",tiltAngle:n,onPause:i,onResume:s})=>{let d=sr(null),[u,c]=dr(!1),p=h=>!h||typeof h!="string"?null:h.split(/\n\s*\n/).map(C=>C.trim()).filter(C=>C.length>0).map((C,S)=>H("p",{children:me(C,{allowedTags:["u","br","i","em","strong","b"]})},`p-${S}`)),l=We(()=>t?typeof t=="string"?H("h2",{className:"dndev-crawl-title",children:me(t,{allowedTags:["u","br","i","em","strong","b"]})}):t:null,[t]),f=We(()=>lr(e)?e:Array.isArray(e)?e.map(v=>typeof v=="string"?v.trim():"").filter(v=>v&&v.length>0).map((v,C)=>H("p",{children:me(v,{allowedTags:["u","br","i","em","strong","b"]})},`c-${C}`)):typeof e=="string"?p(e):e,[e]),b=We(()=>{let h={"--crawl-content-height":o,animationName:"dndev-crawl-animation",animationDuration:`${r}s`,animationTimingFunction:"linear",animationIterationCount:"infinite",animationFillMode:"forwards",animationPlayState:u?"paused":"running"};return n!==void 0&&(h["--crawl-tilt"]=`${n}deg`),h},[u,r,o,n]);ir(()=>{if(!cr()||!d.current)return;let h=window.matchMedia("(prefers-reduced-motion: reduce)"),v=()=>{h.matches&&d.current&&d.current.classList.add("dndev-crawl-reduced-motion")};return v(),h.addEventListener("change",v),()=>h.removeEventListener("change",v)},[]);let k=()=>{u?(c(!1),s?.()):(c(!0),i?.())};return Be(ur,{children:[H("div",{className:"dndev-crawl-3d-container",onClick:k,children:H("div",{ref:d,className:"dndev-crawl-text",style:{...b,willChange:u?"auto":"transform"},children:Be("div",{className:"dndev-crawl-content",children:[l,f]})})}),u&&H("div",{className:"dndev-absolute dndev-inset-0 dndev-flex dndev-items-center dndev-justify-center",style:{zIndex:30,backgroundColor:"rgba(0, 0, 0, 0.3)",backdropFilter:"blur(2px)"},onClick:k,children:H("button",{style:{width:"96px",height:"96px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.2)",border:"4px solid rgba(255, 255, 255, 0.4)",backdropFilter:"blur(4px)",cursor:"pointer",transition:"all var(--dur-normal) var(--ease-in-out)"},"aria-label":"Resume animation",children:H("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"white",children:H("path",{d:"M6 4h4v16H6V4zm8 0h4v16h-4V4z"})})})}),Be("div",{className:"dndev-crawl-stars",children:[H("div",{className:"dndev-crawl-stars-layer-1"}),H("div",{className:"dndev-crawl-stars-layer-2"}),H("div",{className:"dndev-crawl-stars-layer-3"})]})]})},pr=mr});var gt={};he(gt,{default:()=>Ir});import{useRef as Nr,useState as Te,useEffect as ut}from"react";import{cn as Fe,GAP_VARIANT as Tr,Stack as Rr}from"@donotdev/components";import{observeElement as Mr,addEventListener as Pr}from"@donotdev/components";import{jsx as Re}from"react/jsx-runtime";function zr({items:e,renderItem:t,className:r,itemClassName:o,gap:n=Tr.MEDIUM,speed:i=48,direction:s="auto",pauseOnHover:d=!0,ariaLabel:u,reducedMotion:c="respect",behavior:p="auto",pauseOnFocusWithin:l=!0,easing:f="ease-in-out"}){let b=typeof document<"u"&&document.dir==="rtl",k=typeof window<"u"?window.matchMedia("(prefers-reduced-motion: reduce)").matches:!1,h=s;s==="auto"&&(h=b?"right":"left");let v=h==="up"||h==="down",C=c==="ignore"||!k,S=p;p==="auto"&&(S=e.length<=20?"bounce":"infinite");let N=Nr(null),[q,V]=Te(8e3),[te,j]=Te(0),[F,x]=Te(!0),[Ce,_]=Te(!1);ut(()=>N.current?Mr(N.current,I=>x(I.isIntersecting),{threshold:0}):void 0,[]),ut(()=>{if(!N.current||typeof window>"u"||!C)return;let $=N.current,I=$.querySelector("[data-marquee-track]");if(!I)return;let ve=()=>{let U=v?$.clientHeight:$.clientWidth,re=v?I.scrollHeight:I.scrollWidth,Y=Math.max(0,re-U);if(_(Y>0),Y>0){let ge=Math.min(512,Math.max(12,i));if(S==="bounce"){let de=Y*2/ge*1e3;V(Math.max(2e3,Math.floor(de))),j(Y)}else{let de=(re+vt[n])/ge*1e3;V(Math.max(2e3,Math.floor(de))),j(re+vt[n])}}else V(0),j(0)};if(requestAnimationFrame(ve),typeof ResizeObserver<"u"){let U=new ResizeObserver(()=>{requestAnimationFrame(ve)});return U.observe($),()=>U.disconnect()}else return Pr(window,"resize",()=>requestAnimationFrame(ve))},[e,i,v,C,S,n]);let xe=()=>v?h==="up"?"normal":"reverse":h==="left"?"normal":"reverse",ke=()=>S==="infinite"&&Ce?[...e,...e].map(($,I)=>Re("div",{className:Fe("dndev-flex-shrink-0",o),children:t($,I%e.length)},I)):e.map(($,I)=>Re("div",{className:Fe("dndev-flex-shrink-0",o),children:t($,I)},I));return Re("div",{ref:N,className:Fe("dndev-relative dndev-overflow-hidden",d&&"group",l&&"focus-within:group",r),role:"region","aria-label":u||`${S==="infinite"?"Scrolling":"Bouncing"} content with ${e.length} items`,"aria-live":C&&F?"off":"polite",children:Re(Rr,{className:"marquee-track",direction:v?"column":"row",align:v?void 0:"center",gap:n,"data-marquee-track":!0,"data-marquee-direction":v?"vertical":"horizontal","data-marquee-behavior":S,"data-marquee-reduced-motion":!C,style:{"--marquee-duration":C&&F&&Ce?`${q}ms`:"0ms","--marquee-direction":xe(),"--marquee-distance":v?`${te}px`:`${te}px`,"--marquee-easing":Er[f],animationPlayState:!C||!F?"paused":"running"},children:ke()})})}var vt,Er,Ir,ft=ce(()=>{"use strict";vt={none:0,tight:8,medium:16,large:32},Er={linear:"linear","ease-in-out":"ease-in-out","ease-out":"ease-out"};Ir=zr});var Dt={};he(Dt,{default:()=>$a});import{ChevronLeft as Ta,ChevronRight as Ra,Play as Ma,Pause as Pa}from"lucide-react";import{useRef as Ue,useState as oe,useEffect as Ke,useCallback as z,useMemo as Qe,memo as Ea}from"react";import{cn as Ie,observeElement as za,addEventListener as Ia,isRTLLanguage as Aa,Stack as Da}from"@donotdev/components";import{Fragment as Ga,jsx as E,jsxs as Je}from"react/jsx-runtime";function La({items:e,renderItem:t,className:r,slideClassName:o,showArrows:n=!0,showDots:i=!1,showProgress:s=!0,autoplay:d=!0,autoplayInterval:u=5e3,transition:c="slide",infinite:p=!0,slidesToShow:l=1,swipeable:f=!0,momentum:b=!0,onActiveChange:k,onSlideClick:h,keyExtractor:v,"aria-label":C="Premium carousel",pauseOnHover:S=!0,pauseOnInvisible:N=!0,showPlayPause:q=!0,lazy:V=!1,preloadDistance:te=1}){if(!e||e.length===0)return E(Da,{align:"center",justify:"center",className:Ie("dndev-relative",r),children:E("div",{style:{color:"var(--muted-foreground)"},children:"No items to display"})});let j=Ue(null),F=Ue(null),[x,Ce]=oe(0),[_,xe]=oe(d),[ke,$]=oe(!1),[I,ve]=oe(!0),[A,U]=oe({isDragging:!1,startX:0,currentX:0,startTime:0,velocity:0}),re=Ue(null),[Y,ge]=oe("idle"),[de,nt]=oe(!1);Ke(()=>{if(typeof window>"u")return;let a=window.matchMedia("(prefers-reduced-motion: reduce)");return nt(a.matches),Ia(a,"change",g=>{nt(g.matches)})},[]);let Se=Qe(()=>({tension:.3,friction:.8,mass:1}),[]),Kt=Qe(()=>{if(!p||e.length<=l)return e;let a=Math.max(l,2),m=e.slice(-a),g=e.slice(0,a);return[...m,...e,...g]},[e,p,l]),G=Qe(()=>100/l,[l]),Ge=z(a=>{if(!p)return a;let m=Math.max(l,2);return((a-m)%e.length+e.length)%e.length},[p,e.length,l]),ot=z(a=>{if(!p)return!0;let m=Math.max(l,2),g=e.length+m-1;return a>=m&&a<=g},[p,e.length,l]),He=z((a,m,g=0)=>{if(!b)return;let w=parseFloat(a.style.transform.replace("translateX(","").replace("%)",""))||0,R=g,W=Date.now(),B=()=>{let fe=(Date.now()-W)/1e3,Ne=w-m,rr=-Se.tension*Ne,ar=-Se.friction*R,nr=(rr+ar)/Se.mass;R+=nr*fe,w+=R*fe,a.style.transform=`translateX(${w}%)`,Math.abs(Ne)>.1||Math.abs(R)>.1?requestAnimationFrame(B):(a.style.transform=`translateX(${m}%)`,a.style.transition="none")};requestAnimationFrame(B)},[b,Se]),it=z((a,m,g)=>{switch(c){case"fade":a.style.transition=`opacity ${g} ease-in-out`,a.style.opacity="0",setTimeout(()=>{a.style.transform=`translateX(${m}%)`,a.style.opacity="1"},parseInt(g)/2);break;case"scale":a.style.transition=`transform ${g} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,a.style.transform=`translateX(${m}%) scale(0.95)`,setTimeout(()=>{a.style.transform=`translateX(${m}%) scale(1)`},parseInt(g)/2);break;case"parallax":a.style.transition=`transform ${g} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,a.style.transform=`translateX(${m}%)`,a.querySelectorAll('[role="group"]').forEach((R,W)=>{let B=R,D=(W-Math.abs(m)/G)*.1;B.style.transform=`translateX(${D}%)`});break;default:a.style.transition=`transform ${g} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,a.style.transform=`translateX(${m}%)`;break}},[c,G]),O=z((a,m=!1)=>{if(Y!=="idle"&&!m)return;let g=F.current;if(!g)return;let w=a;if(p){let D=Math.max(l,2);w=a+D,a>=e.length?w=D+a%e.length:a<0&&(w=D+e.length+a)}let R=-(w*G),W=m||de?"0ms":"300ms";m||ge("transitioning"),it(g,R,W);let B=Ge(w);if(Ce(B),k?.(B),p&&!m&&ot(w)){let D=Math.max(l,2);(w<=D-1||w>=e.length+D)&&(g.dataset.needsReset="true",g.dataset.resetIndex=w<=D-1?(e.length+D-1).toString():D.toString())}},[p,e.length,G,l,Ge,k,de,Y,ot,it]),Z=z(()=>{O(x+1)},[x,O]),le=z(()=>{O(x-1)},[x,O]),Xe=z(()=>{xe(!0)},[]),qe=z(()=>{xe(!1)},[]);Ke(()=>{if(!(!_||ke||!I||e.length<=1))return re.current=setTimeout(()=>{Z()},u),()=>{re.current&&clearTimeout(re.current)}},[_,ke,I,x,Z,u,e.length]),Ke(()=>!N||!j.current?void 0:za(j.current,m=>ve(m.isIntersecting),{threshold:.1}),[N]);let Qt=z(a=>V?Math.abs(a-x)<=te:!0,[V,x,te]),Jt=z(a=>{if(!f||Y!=="idle")return;let m=a.touches[0];m&&U({isDragging:!0,startX:m.clientX,currentX:m.clientX,startTime:Date.now(),velocity:0})},[f,Y]),jt=z(a=>{if(!A.isDragging)return;let m=a.touches[0];if(!m)return;let g=m.clientX-A.startX,w=Date.now()-A.startTime,R=w>0?g/w:0,W=F.current;if(W&&Math.abs(g)>10){a.preventDefault();let B=-(x*G),D=g/(j.current?.clientWidth||1)*100,fe=Math.min(Math.abs(g)/200,.8),Ne=D*(1-fe);W.style.transition="none",W.style.transform=`translateX(${B+Ne}%)`}U(B=>({...B,currentX:m.clientX,velocity:R}))},[A.isDragging,A.startX,A.startTime,x,G]),Zt=z(()=>{if(!A.isDragging)return;let a=A.currentX-A.startX,m=A.velocity,g=50;if(b&&Math.abs(m)>.5){let w=F.current;if(w){let R=m>0?x-1:x+1,W=-(R*G);He(w,W,m*100),O(R,!0)}}else if(Math.abs(a)>g)a>0?le():Z();else{let w=F.current;if(w&&b){let R=-(x*G);He(w,R,m*100)}else O(x,!0)}U({isDragging:!1,startX:0,currentX:0,startTime:0,velocity:0})},[A,b,Z,le,O,x,He,G]),er=z(()=>{ge("idle");let a=F.current;if(a?.dataset.needsReset==="true"){let m=parseInt(a.dataset.resetIndex||"0");a.style.transition="none",a.style.transform=`translateX(-${m*G}%)`,delete a.dataset.needsReset,delete a.dataset.resetIndex}},[G]),tr=z(a=>{let m=Aa();switch(a.key){case"ArrowLeft":a.preventDefault(),m?Z():le();break;case"ArrowRight":a.preventDefault(),m?le():Z();break;case"Home":a.preventDefault(),O(0);break;case"End":a.preventDefault(),O(e.length-1);break;case" ":a.preventDefault(),_?qe():Xe();break}},[Z,le,O,e.length,_,Xe,qe]);return Je("div",{ref:j,className:Ie("dndev-relative dndev-overflow-hidden",r),onMouseEnter:()=>S&&$(!0),onMouseLeave:()=>S&&$(!1),onKeyDown:tr,tabIndex:0,role:"region","aria-label":C,"aria-live":"polite",children:[E("div",{className:"dndev-overflow-hidden",children:E("div",{ref:F,className:Ie("dndev-flex",A.isDragging&&"dndev-pointer-events-none",Y==="transitioning"&&"dndev-pointer-events-none"),style:{cursor:A.isDragging?"grabbing":void 0},onTransitionEnd:er,onTouchStart:Jt,onTouchMove:jt,onTouchEnd:Zt,children:Kt.map((a,m)=>{let g=Ge(m),w=g===x,R=Qt(g);return E("div",{className:Ie("dndev-flex-shrink-0",o),style:{width:`${G}%`,opacity:R?1:0},role:"group","aria-roledescription":"slide","aria-label":`Slide ${g+1} of ${e.length}`,onClick:()=>h?.(a,g),children:R&&t(a,g,w)},v?v(a,g):`${g}-${m}`)})})}),n&&e.length>1&&Je(Ga,{children:[E("button",{className:"dndev-absolute dndev-z-breadcrumbs dndev-flex dndev-items-center dndev-justify-center",style:{left:"1rem",top:"50%",transform:"translateY(-50%)",width:"2.5rem",height:"2.5rem",opacity:0,transition:"opacity var(--dur-normal)",borderRadius:"9999px",backgroundColor:"rgb(from var(--background) r g b / 0.8)",border:"1px solid var(--border)"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.9)",a.currentTarget.style.opacity="1"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.8)"},onClick:le,"aria-label":"Previous slide",children:E(Ta,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}})}),E("button",{className:"dndev-absolute dndev-z-breadcrumbs dndev-flex dndev-items-center dndev-justify-center",style:{right:"1rem",top:"50%",transform:"translateY(-50%)",width:"2.5rem",height:"2.5rem",opacity:0,transition:"opacity var(--dur-normal)",borderRadius:"9999px",backgroundColor:"rgb(from var(--background) r g b / 0.8)",border:"1px solid var(--border)"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.9)",a.currentTarget.style.opacity="1"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.8)"},onClick:Z,"aria-label":"Next slide",children:E(Ra,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}})})]}),d&&q&&E("button",{className:"dndev-absolute dndev-z-breadcrumbs dndev-flex dndev-items-center dndev-justify-center",style:{insetBlockStart:"var(--gap-md)",insetInlineEnd:"var(--gap-md)",width:"2rem",height:"2rem",opacity:0,transition:"opacity var(--dur-normal)",borderRadius:"9999px",backgroundColor:"rgb(from var(--background) r g b / 0.8)",border:"1px solid var(--border)"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.9)",a.currentTarget.style.opacity="1"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.8)"},onClick:()=>_?qe():Xe(),"aria-label":_?"Pause carousel":"Play carousel",children:_?E(Pa,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}}):E(Ma,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}})}),i&&e.length>1&&E("div",{className:"dndev-absolute dndev-flex dndev-gap-sm dndev-z-breadcrumbs",style:{bottom:"1rem",left:"50%",transform:"translateX(-50%)"},children:e.map((a,m)=>E("button",{style:{width:m===x?"1.5rem":"0.5rem",height:"0.5rem",borderRadius:"9999px",transition:"all 0.3s",backgroundColor:m===x?"var(--foreground)":"rgb(from var(--foreground) r g b / 0.3)"},onMouseEnter:g=>{m!==x&&(g.currentTarget.style.backgroundColor="rgb(from var(--foreground) r g b / 0.5)")},onMouseLeave:g=>{m!==x&&(g.currentTarget.style.backgroundColor="rgb(from var(--foreground) r g b / 0.3)")},onClick:()=>O(m),"aria-label":`Go to slide ${m+1}`},m))}),s&&d&&E("div",{className:"dndev-absolute dndev-left-0",style:{bottom:0,right:0,height:"0.25rem",backgroundColor:"rgb(from var(--foreground) r g b / 0.2)"},children:E("div",{style:{height:"100%",width:`${(x+1)/e.length*100}%`,backgroundColor:"var(--foreground)",transition:"width 0.1s linear"}})}),Je("div",{className:"dndev-sr-only","aria-live":"polite","aria-atomic":"true",children:["Slide ",x+1," of ",e.length]})]})}var At,$a,Lt=ce(()=>{"use strict";At=Ea(La);At.displayName="Carousel";$a=At});var Gt={};he(Gt,{default:()=>_a});import{memo as Ba}from"react";import{Card as Va,Text as Ze}from"@donotdev/components";import{cn as Fa}from"@donotdev/components";import{Fragment as Ua,jsx as we,jsxs as $t}from"react/jsx-runtime";var Ya,_a,Ht=ce(()=>{"use strict";Ya=Ba(function({title:t,items:r,gridCols:o=2,className:n,ariaLabel:i}){let s={1:"grid-cols-1",2:"grid-cols-1 md:grid-cols-2",3:"grid-cols-1 md:grid-cols-2 lg:grid-cols-3",4:"grid-cols-1 md:grid-cols-2 lg:grid-cols-4"},d=Array.isArray(r)?r:[];return Array.isArray(r),$t("div",{className:Fa("dndev-marketing-stack",n),"aria-label":i,children:[t&&we(Ze,{as:"h3",level:"h2",children:t}),we("div",{className:"dndev-marketing-dndev-grid","data-cols":o,children:d.map((u,c)=>we(Va,{title:u.useCase,subtitle:u.bestFit,content:$t(Ua,{children:[we(Ze,{variant:"muted",level:"body",children:u.dndev}),we(Ze,{variant:"muted",level:"small",className:"italic",children:u.reason})]})},c))})]})}),_a=Ya});var _t={};he(_t,{default:()=>$n});import{memo as $e}from"react";import{cn as rt,Card as Tn,Icon as Rn,Stack as Mn}from"@donotdev/components";import{jsx as P,jsxs as ue}from"react/jsx-runtime";var se,Ft,Pn,Yt,En,zn,In,An,Dn,Ln,$n,Ut=ce(()=>{"use strict";se={desktop:{cardWidth:300,cardHeight:200,cardGap:32,drop:80,startX:0,containerWidth:1024,containerHeight:380},mobile:{cardWidth:320,cardHeight:200,verticalGap:24,containerWidth:400,curveOffset:40}},Ft=$e(({className:e,density:t,onClick:r,icon:o,title:n,subtitle:i,description:s})=>ue(Tn,{className:rt("dndev-min-w-0",r?"cursor-pointer":"",e),style:{height:"200px",padding:"var(--gap-md)",transform:"scale(1)",transition:"transform var(--duration-normal)"},onMouseEnter:d=>{d.currentTarget.style.transform="scale(0.80)"},onMouseLeave:d=>{d.currentTarget.style.transform="scale(1)"},onClick:r,children:[ue(Mn,{direction:"row",align:"center",gap:"medium",style:{marginBottom:"var(--gap-md)"},children:[P(Pn,{icon:o}),P("h3",{style:{fontSize:"var(--font-size-lg)",fontWeight:600,lineHeight:1.25,color:"var(--foreground)"},children:n})]}),i&&P("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)",lineHeight:1.625,marginBottom:"var(--gap-md)"},children:i}),s&&P("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--accent)",transition:"color var(--duration-normal)",cursor:"pointer"},onMouseEnter:d=>{d.currentTarget.style.color="rgb(from var(--accent) r g b / 0.8)"},onMouseLeave:d=>{d.currentTarget.style.color="var(--accent)"},children:s})]})),Pn=$e(({icon:e})=>e?P("div",{className:"dndev-inline-flex dndev-flex-shrink-0 dndev-items-center dndev-justify-center",style:{width:"var(--touch-target)",height:"var(--touch-target)",borderRadius:"var(--radius-lg)",background:"linear-gradient(to bottom right, rgb(from var(--primary) r g b / 0.1), rgb(from var(--primary) r g b / 0.2))",color:"var(--primary)",transition:"background var(--duration-normal)"},onMouseEnter:t=>{t.currentTarget.style.background="linear-gradient(to bottom right, rgb(from var(--primary) r g b / 0.2), rgb(from var(--primary) r g b / 0.3))"},onMouseLeave:t=>{t.currentTarget.style.background="linear-gradient(to bottom right, rgb(from var(--primary) r g b / 0.1), rgb(from var(--primary) r g b / 0.2))"},children:P(Rn,{icon:e,ariaHidden:!0})}):null),Yt=$e(function({className:t,startX:r,startY:o,endX:n,endY:i,index:s,isMobile:d=!1}){let u,c,p,l,f;if(d){let{curveOffset:b}=se.mobile,k=(o+i)/2,h=r+b;c=Math.abs(h-r)+40,p=Math.abs(i-o)+40,l=Math.min(r,h)-20,f=Math.min(o,i)-20;let v=r-l,C=o-f,S=n-l,N=i-f,q=h-l,V=k-f;u=`M ${v} ${C} Q ${q} ${V} ${S} ${N}`}else{let b=(r+n)/2,k=o+(i-o)*.3;c=Math.abs(n-r)+40,p=Math.abs(i-o)+40,l=Math.min(r,n)-20,f=Math.min(o,i)-20;let h=r-l,v=o-f,C=n-l,S=i-f,N=b-l,q=k-f;u=`M ${h} ${v} Q ${N} ${q-20} ${C} ${S}`}return ue("svg",{className:rt(t),style:{left:l,top:f,width:c,height:p,zIndex:1},viewBox:`0 0 ${c} ${p}`,role:"img",focusable:"false",children:[P("path",{d:u,fill:"none",stroke:"currentColor",strokeWidth:"3",strokeDasharray:"8,8",className:"text-accent waterfall-connector",style:{animationDelay:`${s*.2}s`}}),P("circle",{cx:r-l,cy:o-f,r:"6",fill:"currentColor",className:"text-accent"}),P("circle",{cx:n-l,cy:i-f,r:"6",fill:"currentColor",className:"text-accent"})]})}),En=e=>{let{cardWidth:t,cardGap:r,drop:o,startX:n}=se.desktop;return{x:n+e*(t+r),y:e*o}},zn=e=>{let{cardHeight:t,verticalGap:r}=se.mobile;return{x:0,y:e*(t+r)}},In=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},An=e=>{let{cardWidth:t,cardHeight:r,verticalGap:o}=se.mobile;return e===0?{startX:t,startY:.66*r,endX:t,endY:1.33*r+o}:e===1?{startX:t,startY:1.66*r+o,endX:t,endY:2.33*r+2*o}:null},Dn=e=>{let{cardHeight:t,verticalGap:r}=se.mobile;return(e-1)*(t+r)+t+40},Ln=$e(({items:e,className:t,connectorClassName:r,density:o="comfortable",ariaLabel:n,direction:i="horizontal"})=>{if(!e?.length)return null;if(i==="descending"){let{desktop:d,mobile:u}=se;return ue("section",{className:rt("dndev-w-full dndev-overflow-hidden",t),children:[ue("div",{className:"dndev-hidden dndev-relative ",style:{width:`${d.containerWidth}px`,height:`${d.containerHeight}px`},children:[P("ol",{className:"dndev-relative","aria-label":n??"Process steps",children:e.map((c,p)=>{let{x:l,y:f}=En(p);return P("li",{className:"list-none dndev-absolute waterfall-card",style:{left:`${l}px`,top:`${f}px`,width:`${d.cardWidth}px`},children:P(Ft,{density:o,onClick:c.onClick,icon:c.icon,title:c.title,subtitle:c.subtitle,description:c.description})},`cascade-${p}-${c.title}`)})}),e.map((c,p)=>{if(p>=e.length-1)return null;let l=In(p);return l?P(Yt,{startX:l.startX,startY:l.startY,endX:l.endX,endY:l.endY,className:r,index:p,isMobile:!1},`desktop-connector-${p}`):null})]}),P("div",{className:" dndev-w-full px-[var(--content-padding)]",children:ue("div",{className:"dndev-relative dndev-mx-auto",style:{width:`${u.containerWidth}px`,height:`${Dn(e.length)}px`},children:[P("ol",{className:"dndev-relative","aria-label":n??"Process steps",children:e.map((c,p)=>{let{x:l,y:f}=zn(p);return P("li",{className:"list-none dndev-absolute",style:{left:`${l}px`,top:`${f}px`,width:`${u.cardWidth}px`},children:P(Ft,{density:o,onClick:c.onClick,icon:c.icon,title:c.title,subtitle:c.subtitle,description:c.description})},`mobile-${p}-${c.title}`)})}),e.map((c,p)=>{if(p>=e.length-1)return null;let l=An(p);return l?P(Yt,{startX:l.startX,startY:l.startY,endX:l.endX,endY:l.endY,className:r,index:p,isMobile:!0},`mobile-connector-${p}`):null})]})})]})}return null}),$n=Ln});Oe();import{useState as vr,useMemo as gr,lazy as fr,Suspense as hr}from"react";import{cn as br}from"@donotdev/components";import{jsx as ee,jsxs as ct}from"react/jsx-runtime";var yr=fr(()=>Promise.resolve().then(()=>(lt(),dt))),wr=({content:e,intro:t,title:r,duration:o=26,contentHeight:n="150vh",tiltAngle:i,className:s,style:d,"aria-label":u})=>{let[c,p]=vr(!0),l=gr(()=>t==null?null:typeof t=="string"?ee("div",{className:"dndev-crawl-intro-text",children:me(t,{allowedTags:["u","br","i","em","strong","b"]})}):t,[t]),f=()=>{p(!1)};return ct("div",{className:br("dndev-crawl-container","dndev-relative dndev-overflow-hidden",s),style:{...d,height:"calc(100dvh - var(--header-height))"},"aria-label":u||"Animated text crawl",role:"region","aria-live":"polite",children:[c&&ct("div",{className:"dndev-absolute dndev-inset-0 dndev-flex dndev-flex-col dndev-items-center dndev-justify-center",style:{zIndex:30,backgroundColor:"rgba(0, 0, 0, 0.6)",backdropFilter:"blur(4px)"},children:[l&&ee("div",{className:"dndev-w-full",style:{paddingInline:"var(--content-padding)",marginBottom:"3rem"},children:ee("div",{className:"dndev-crawl-intro-content",children:l})}),ee("button",{onClick:f,style:{width:"96px",height:"96px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.2)",border:"4px solid rgba(255, 255, 255, 0.4)",backdropFilter:"blur(4px)",cursor:"pointer",transition:"all var(--dur-normal) var(--ease-in-out)"},onMouseEnter:b=>{b.currentTarget.style.backgroundColor="rgba(255, 255, 255, 0.3)",b.currentTarget.style.borderColor="rgba(255, 255, 255, 0.6)",b.currentTarget.style.transform="scale(1.1)"},onMouseLeave:b=>{b.currentTarget.style.backgroundColor="rgba(255, 255, 255, 0.2)",b.currentTarget.style.borderColor="rgba(255, 255, 255, 0.4)",b.currentTarget.style.transform="scale(1)"},"aria-label":"Start animated introduction",children:ee("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"white",style:{marginInlineStart:"4px"},children:ee("path",{d:"M8 5v14l11-7z"})})})]}),!c&&ee(hr,{fallback:null,children:ee(yr,{title:r,content:e,duration:o,contentHeight:n,tiltAngle:i})})]})},mt=wr;import{Suspense as Ar,lazy as Dr}from"react";import{cn as Cr,GAP_VARIANT as xr,Stack as kr}from"@donotdev/components";import{jsx as Ve}from"react/jsx-runtime";function Sr({className:e,itemCount:t=8,itemWidth:r,gap:o=xr.MEDIUM,direction:n="horizontal"}){let i=n==="vertical";return Ve("div",{className:Cr("dndev-relative dndev-overflow-hidden",e),role:"status","aria-label":"Loading content",children:Ve(kr,{direction:i?"column":"row",align:i?void 0:"center",gap:o,children:Array.from({length:t*2}).map((s,d)=>Ve("div",{className:"dndev-flex-shrink-0 dndev-animate-pulse",style:i?{height:"4rem",width:"100%",backgroundColor:"var(--muted)",borderRadius:"var(--radius-lg)"}:{height:"4rem",width:r||"4rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius-lg)"}},d))})})}var pt=Sr;import{GAP_VARIANT as $r}from"@donotdev/components";import{jsx as Ye}from"react/jsx-runtime";var Lr=Dr(()=>Promise.resolve().then(()=>(ft(),gt))),Gr=e=>{let{gap:t=$r.MEDIUM,direction:r="auto",...o}=e;return Ye(Ar,{fallback:Ye(pt,{itemCount:8,gap:t,direction:r==="up"||r==="down"?"vertical":"horizontal"}),children:Ye(Lr,{...o})})},ht=Gr;import{Eye as Hr}from"lucide-react";import{useState as Xr}from"react";import{PortalButton as qr,cn as bt,Sheet as Or,Code as Wr,Stack as Br}from"@donotdev/components";import{Fragment as Fr,jsx as Me,jsxs as Yr}from"react/jsx-runtime";function Vr({data:e,sourceCode:t,language:r="tsx",title:o="Page Source",className:n}){let[i,s]=Xr(!1),d=t||e||"",u=c=>{};return Yr(Fr,{children:[Me(qr,{icon:Hr,onClick:()=>s(!0),className:bt("dndev-z-overlay",n),style:{position:"fixed",zIndex:"var(--z-overlay)",right:"var(--gap-sm)",bottom:"calc(var(--footer-height, 0px) + var(--gap-sm))"},tooltip:"Code Inspector","aria-label":"Code Inspector"}),Me(Or,{open:i,onOpenChange:s,side:"bottom",title:o,className:bt("dndev-w-full",n),style:{width:"100%",height:"90%",maxHeight:"90dvh",borderRadius:"var(--radius-xl) var(--radius-xl) 0 0",display:"flex",flexDirection:"column",overflow:"hidden"},children:Me(Br,{gap:"none",style:{flex:"1 1 auto",minHeight:0,overflow:"hidden"},children:Me(Wr,{language:r,showCopyButton:!0,onCopy:u,children:d})})})]})}var yt=Vr;import{cn as wt,Button as _r,Separator as Ur,SEPARATOR_VARIANT as Kr,Text as Qr,useIntersectionObserver as Jr,getVariantDataAttrs as jr,surfaceVariants as Zr,renderCardHeader as ea,renderCardContent as ta}from"@donotdev/components";import{jsx as K,jsxs as Pe}from"react/jsx-runtime";var ra=({items:e,className:t,ariaLabel:r,variant:o,style:n,threshold:i=.3})=>K("div",{className:wt("dndev-stacked-cards-container",t),"aria-label":r,style:n,children:e.map((s,d)=>K(aa,{item:s,index:d,variant:o,threshold:i},d))}),aa=({item:e,index:t,variant:r,threshold:o})=>{let{ref:n,isIntersecting:i}=Jr({threshold:o,rootMargin:"0px 0px -20% 0px",once:!0}),s=ea(e.icon,e.title,e.subtitle),d=ta(e.content);return K("section",{ref:n,className:"dndev-stack-item","data-stacked":i?"false":"true",children:Pe("div",{className:wt("dndev-card",Zr({variant:r})),...jr({variant:r}),"data-role":"card","data-clickable":e.onClick?"true":void 0,onClick:e.onClick,children:[Pe("div",{className:"dndev-stack-content",children:[Pe("div",{className:"dndev-stacked-cards-body",children:[Pe("div",{className:"dndev-stacked-cards-left",children:[s,e.description&&K(Qr,{as:"p",level:"small",variant:"muted",children:e.description})]}),K(Ur,{orientation:"vertical",variant:Kr.ACCENT,className:"dndev-stacked-cards-separator"}),d&&K("div",{className:"dndev-stacked-cards-right",children:d})]}),e.cta&&K("div",{className:"dndev-stacked-cards-cta",children:K(_r,{onClick:e.onClick,variant:e.cta.variant||"primary",icon:e.cta.icon,children:e.cta.text})})]}),K("div",{className:"dndev-stack-number",children:e.number??String(t+1).padStart(2,"0")})]})})},Ct=ra;import{jsx as oa}from"react/jsx-runtime";var na=e=>oa(Ct,{...e}),xt=na;import{useCallback as ia}from"react";import{cn as sa,useViewportVisibility as da}from"@donotdev/components";import{jsx as kt}from"react/jsx-runtime";var la=({items:e=[],direction:t="fade-in",stagger:r=100,threshold:o,distance:n,duration:i,once:s=!1,viewport:d=!0,overrides:u=[],className:c,children:p})=>{let{ref:l,isVisible:f,hasTriggered:b,visibleItems:k,isItemVisible:h}=da({threshold:o,once:s,trackItems:d,enableScrollListener:d}),v=ia(S=>{let N=u.find(q=>q.index===S);if(N)return N.direction;switch(t){case"alternate-h":return S%2===0?"left":"right";case"alternate-v":return S%2===0?"top":"bottom";default:return t}},[t,u]),C=()=>e.map((S,N)=>{let q=v(N),V=N*r,te=d?h(N):f;return kt("div",{className:"dndev-reveal-item","data-direction":q,"data-visible":te,style:{"--reveal-delay":`${V}ms`,"--reveal-index":N,...n!==void 0&&{"--reveal-distance":`${n}vw`},...i!==void 0&&{"--reveal-duration":`${i}ms`}},children:S},N)});return kt("div",{ref:l,className:sa("dndev-reveal-container",f&&"dndev-reveal-visible",c),"data-direction":t,"data-stagger":r,children:e.length>0?C():p})},ye=la;import{useState as ca,useEffect as ma}from"react";import{cn as St,Card as Nt,renderCardContent as Tt,useIntersectionObserver as pa}from"@donotdev/components";import{useBreakpoint as ua}from"@donotdev/core";import{jsx as M,jsxs as ae}from"react/jsx-runtime";var va=function({steps:t,className:r,variant:o}){let[n,i]=ca(0),s=ua("isLaptopOrDesktop"),d=t.length>1?n/(t.length-1)*100:0;return s?M("div",{className:St("dndev-roadmap",r),children:ae("div",{className:"dndev-roadmap-desktop",style:{"--step-count":t.length},children:[ae("div",{className:"dndev-roadmap-timeline",children:[M("div",{className:"dndev-roadmap-timeline-bg"}),M("div",{className:"dndev-roadmap-timeline-progress",style:{width:`${d}%`}})]}),M("div",{className:"dndev-roadmap-grid",style:{gridTemplateColumns:`repeat(${t.length}, 1fr)`},children:t.map((u,c)=>{let p=u.icon,l=c<=n,f=c===n;return ae("div",{className:"dndev-roadmap-step",onMouseEnter:()=>i(c),children:[M("div",{className:"dndev-roadmap-node","data-active":l,children:M(p,{})}),ae(Nt,{title:u.title,subtitle:u.subtitle,variant:o,className:"dndev-roadmap-card","data-active":f,onClick:u.onClick,footer:u.content?M("div",{className:"dndev-roadmap-content",children:Tt(u.content)}):void 0,children:[M("span",{className:"dndev-roadmap-phase",children:u.phase}),u.description&&M("p",{className:"dndev-roadmap-description",children:u.description})]})]},c)})})]})}):M("div",{className:St("dndev-roadmap",r),children:ae("div",{className:"dndev-roadmap-mobile",children:[M("div",{className:"dndev-roadmap-timeline-vertical",children:M("div",{className:"dndev-roadmap-timeline-vertical-progress",style:{height:`${d}%`}})}),t.map((u,c)=>M(ga,{step:u,index:c,isActive:c<=n,variant:o,onEnter:()=>i(c)},c))]})})},ga=({step:e,index:t,isActive:r,variant:o,onEnter:n})=>{let{ref:i,isIntersecting:s}=pa({threshold:.5,rootMargin:"0px 0px -20% 0px"});ma(()=>{typeof window<"u"&&s&&n()},[s,n]);let d=e.icon;return ae("div",{ref:i,className:"dndev-roadmap-step-mobile",children:[M("div",{className:"dndev-roadmap-node-mobile","data-active":r,children:M(d,{})}),ae(Nt,{title:e.title,subtitle:e.subtitle,variant:o,className:"dndev-roadmap-card-mobile","data-active":r,onClick:e.onClick,footer:e.content?M("div",{className:"dndev-roadmap-content",children:Tt(e.content)}):void 0,children:[M("span",{className:"dndev-roadmap-phase",children:e.phase}),e.description&&M("p",{className:"dndev-roadmap-description",children:e.description})]})]})},Rt=va;import{jsx as ha}from"react/jsx-runtime";var fa=function(t){return ha(Rt,{...t})},Mt=fa;import{jsx as _e,jsxs as ya}from"react/jsx-runtime";function ba({status:e,animationClass:t}){return _e("svg",{width:"100%",height:"100%",viewBox:"0 0 512 512",className:"drop--lg",preserveAspectRatio:"xMidYMid meet",children:ya("g",{transform:"translate(0,512) scale(0.1,-0.1)",children:[_e("path",{d:`M2465 4956 c-60 -28 -97 -66 -124 -126 -20 -44 -21 -63 -21 -630 0
1
+ "use client";var or=Object.defineProperty;var ce=(e,t)=>()=>(e&&(t=e(e=0)),t);var he=(e,t)=>{for(var r in t)or(e,r,{get:t[r],enumerable:!0})};import{createElement as be}from"react";function me(e,t={}){let{allowedTags:r=["p","br","u","i","em","strong","b"],preserveLineBreaks:o=!0,className:a}=t;if(!e||typeof e!="string")return[];let i=e;o&&(i=i.replace(/\n/g,"<br/>"));let s=i.split(/(<[^>]+>)/),d=[],u=0;for(let c=0;c<s.length;c++){let p=s[c];if(!p)continue;let l=p.match(/^<(\w+)(?:\s[^>]*)?\s*\/>$/);if(l&&l[1]){let b=l[1].toLowerCase();if(r.includes(b)){let k=st(b,"",a,u++);k&&d.push(k);continue}}let f=p.match(/^<(\w+)(?:\s[^>]*)?>$/);if(f&&f[1]){let b=f[1].toLowerCase();if(r.includes(b)){let k=`</${b}>`,h="",v=c+1;for(;v<s.length&&s[v]&&!s[v].includes(k);)h+=s[v],v++;v<s.length&&s[v]&&(h+=s[v].replace(k,""));let C=st(b,h,a,u++);C&&d.push(C),c=v;continue}}p&&!p.startsWith("<")&&d.push(p)}return d}function st(e,t,r,o){let a={key:o};switch(r&&(a.className=r),e){case"p":return be("p",a,t);case"br":return be("br",a);case"u":return be("u",a,t);case"i":case"em":return be("em",a,t);case"strong":case"b":return be("strong",a,t);default:return t}}var Oe=ce(()=>{"use strict"});var dt={};he(dt,{default:()=>pr});import{useEffect as ir,useRef as sr,useState as dr,useMemo as We,isValidElement as lr}from"react";import{isClient as cr}from"@donotdev/core";import{Fragment as ur,jsx as H,jsxs as Be}from"react/jsx-runtime";var mr,pr,lt=ce(()=>{"use strict";Oe();mr=({content:e,title:t,duration:r=26,contentHeight:o="150vh",tiltAngle:a,onPause:i,onResume:s})=>{let d=sr(null),[u,c]=dr(!1),p=h=>!h||typeof h!="string"?null:h.split(/\n\s*\n/).map(C=>C.trim()).filter(C=>C.length>0).map((C,S)=>H("p",{children:me(C,{allowedTags:["u","br","i","em","strong","b"]})},`p-${S}`)),l=We(()=>t?typeof t=="string"?H("h2",{className:"dndev-crawl-title",children:me(t,{allowedTags:["u","br","i","em","strong","b"]})}):t:null,[t]),f=We(()=>lr(e)?e:Array.isArray(e)?e.map(v=>typeof v=="string"?v.trim():"").filter(v=>v&&v.length>0).map((v,C)=>H("p",{children:me(v,{allowedTags:["u","br","i","em","strong","b"]})},`c-${C}`)):typeof e=="string"?p(e):e,[e]),b=We(()=>{let h={"--crawl-content-height":o,animationName:"dndev-crawl-animation",animationDuration:`${r}s`,animationTimingFunction:"linear",animationIterationCount:"infinite",animationFillMode:"forwards",animationPlayState:u?"paused":"running"};return a!==void 0&&(h["--crawl-tilt"]=`${a}deg`),h},[u,r,o,a]);ir(()=>{if(!cr()||!d.current)return;let h=window.matchMedia("(prefers-reduced-motion: reduce)"),v=()=>{h.matches&&d.current&&d.current.classList.add("dndev-crawl-reduced-motion")};return v(),h.addEventListener("change",v),()=>h.removeEventListener("change",v)},[]);let k=()=>{u?(c(!1),s?.()):(c(!0),i?.())};return Be(ur,{children:[H("div",{className:"dndev-crawl-3d-container",onClick:k,children:H("div",{ref:d,className:"dndev-crawl-text",style:{...b,willChange:u?"auto":"transform"},children:Be("div",{className:"dndev-crawl-content",children:[l,f]})})}),u&&H("div",{className:"dndev-absolute dndev-inset-0 dndev-flex dndev-items-center dndev-justify-center",style:{zIndex:30,backgroundColor:"rgba(0, 0, 0, 0.3)",backdropFilter:"blur(2px)"},onClick:k,children:H("button",{style:{width:"96px",height:"96px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.2)",border:"4px solid rgba(255, 255, 255, 0.4)",backdropFilter:"blur(4px)",cursor:"pointer",transition:"all var(--dur-normal) var(--ease-in-out)"},"aria-label":"Resume animation",children:H("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"white",children:H("path",{d:"M6 4h4v16H6V4zm8 0h4v16h-4V4z"})})})}),Be("div",{className:"dndev-crawl-stars",children:[H("div",{className:"dndev-crawl-stars-layer-1"}),H("div",{className:"dndev-crawl-stars-layer-2"}),H("div",{className:"dndev-crawl-stars-layer-3"})]})]})},pr=mr});var gt={};he(gt,{default:()=>Ir});import{useRef as Nr,useState as Te,useEffect as ut}from"react";import{cn as Fe,GAP_VARIANT as Tr,Stack as Rr}from"@donotdev/components";import{observeElement as Mr,addEventListener as Pr}from"@donotdev/components";import{jsx as Re}from"react/jsx-runtime";function zr({items:e,renderItem:t,className:r,itemClassName:o,gap:a=Tr.MEDIUM,speed:i=48,direction:s="auto",pauseOnHover:d=!0,ariaLabel:u,reducedMotion:c="respect",behavior:p="auto",pauseOnFocusWithin:l=!0,easing:f="ease-in-out"}){let b=typeof document<"u"&&document.dir==="rtl",k=typeof window<"u"?window.matchMedia("(prefers-reduced-motion: reduce)").matches:!1,h=s;s==="auto"&&(h=b?"right":"left");let v=h==="up"||h==="down",C=c==="ignore"||!k,S=p;p==="auto"&&(S=e.length<=20?"bounce":"infinite");let N=Nr(null),[q,V]=Te(8e3),[te,j]=Te(0),[F,x]=Te(!0),[Ce,_]=Te(!1);ut(()=>N.current?Mr(N.current,I=>x(I.isIntersecting),{threshold:0}):void 0,[]),ut(()=>{if(!N.current||typeof window>"u"||!C)return;let $=N.current,I=$.querySelector("[data-marquee-track]");if(!I)return;let ve=()=>{let U=v?$.clientHeight:$.clientWidth,re=v?I.scrollHeight:I.scrollWidth,Y=Math.max(0,re-U);if(_(Y>0),Y>0){let ge=Math.min(512,Math.max(12,i));if(S==="bounce"){let de=Y*2/ge*1e3;V(Math.max(2e3,Math.floor(de))),j(Y)}else{let de=(re+vt[a])/ge*1e3;V(Math.max(2e3,Math.floor(de))),j(re+vt[a])}}else V(0),j(0)};if(requestAnimationFrame(ve),typeof ResizeObserver<"u"){let U=new ResizeObserver(()=>{requestAnimationFrame(ve)});return U.observe($),()=>U.disconnect()}else return Pr(window,"resize",()=>requestAnimationFrame(ve))},[e,i,v,C,S,a]);let xe=()=>v?h==="up"?"normal":"reverse":h==="left"?"normal":"reverse",ke=()=>S==="infinite"&&Ce?[...e,...e].map(($,I)=>Re("div",{className:Fe("dndev-flex-shrink-0",o),children:t($,I%e.length)},I)):e.map(($,I)=>Re("div",{className:Fe("dndev-flex-shrink-0",o),children:t($,I)},I));return Re("div",{ref:N,className:Fe("dndev-relative dndev-overflow-hidden",d&&"group",l&&"focus-within:group",r),role:"region","aria-label":u||`${S==="infinite"?"Scrolling":"Bouncing"} content with ${e.length} items`,"aria-live":C&&F?"off":"polite",children:Re(Rr,{className:"marquee-track",direction:v?"column":"row",align:v?void 0:"center",gap:a,"data-marquee-track":!0,"data-marquee-direction":v?"vertical":"horizontal","data-marquee-behavior":S,"data-marquee-reduced-motion":!C,style:{"--marquee-duration":C&&F&&Ce?`${q}ms`:"0ms","--marquee-direction":xe(),"--marquee-distance":v?`${te}px`:`${te}px`,"--marquee-easing":Er[f],animationPlayState:!C||!F?"paused":"running"},children:ke()})})}var vt,Er,Ir,ft=ce(()=>{"use strict";vt={none:0,tight:8,medium:16,large:32},Er={linear:"linear","ease-in-out":"ease-in-out","ease-out":"ease-out"};Ir=zr});var Dt={};he(Dt,{default:()=>$a});import{ChevronLeft as Ta,ChevronRight as Ra,Play as Ma,Pause as Pa}from"lucide-react";import{useRef as Ue,useState as oe,useEffect as Ke,useCallback as z,useMemo as Qe,memo as Ea}from"react";import{cn as Ie,observeElement as za,addEventListener as Ia,isRTLLanguage as Aa,Stack as Da}from"@donotdev/components";import{Fragment as Ga,jsx as E,jsxs as Je}from"react/jsx-runtime";function La({items:e,renderItem:t,className:r,slideClassName:o,showArrows:a=!0,showDots:i=!1,showProgress:s=!0,autoplay:d=!0,autoplayInterval:u=5e3,transition:c="slide",infinite:p=!0,slidesToShow:l=1,swipeable:f=!0,momentum:b=!0,onActiveChange:k,onSlideClick:h,keyExtractor:v,"aria-label":C="Premium carousel",pauseOnHover:S=!0,pauseOnInvisible:N=!0,showPlayPause:q=!0,lazy:V=!1,preloadDistance:te=1}){if(!e||e.length===0)return E(Da,{align:"center",justify:"center",className:Ie("dndev-relative",r),children:E("div",{style:{color:"var(--muted-foreground)"},children:"No items to display"})});let j=Ue(null),F=Ue(null),[x,Ce]=oe(0),[_,xe]=oe(d),[ke,$]=oe(!1),[I,ve]=oe(!0),[A,U]=oe({isDragging:!1,startX:0,currentX:0,startTime:0,velocity:0}),re=Ue(null),[Y,ge]=oe("idle"),[de,nt]=oe(!1);Ke(()=>{if(typeof window>"u")return;let n=window.matchMedia("(prefers-reduced-motion: reduce)");return nt(n.matches),Ia(n,"change",g=>{nt(g.matches)})},[]);let Se=Qe(()=>({tension:.3,friction:.8,mass:1}),[]),Kt=Qe(()=>{if(!p||e.length<=l)return e;let n=Math.max(l,2),m=e.slice(-n),g=e.slice(0,n);return[...m,...e,...g]},[e,p,l]),G=Qe(()=>100/l,[l]),Ge=z(n=>{if(!p)return n;let m=Math.max(l,2);return((n-m)%e.length+e.length)%e.length},[p,e.length,l]),ot=z(n=>{if(!p)return!0;let m=Math.max(l,2),g=e.length+m-1;return n>=m&&n<=g},[p,e.length,l]),He=z((n,m,g=0)=>{if(!b)return;let w=parseFloat(n.style.transform.replace("translateX(","").replace("%)",""))||0,R=g,W=Date.now(),B=()=>{let fe=(Date.now()-W)/1e3,Ne=w-m,rr=-Se.tension*Ne,ar=-Se.friction*R,nr=(rr+ar)/Se.mass;R+=nr*fe,w+=R*fe,n.style.transform=`translateX(${w}%)`,Math.abs(Ne)>.1||Math.abs(R)>.1?requestAnimationFrame(B):(n.style.transform=`translateX(${m}%)`,n.style.transition="none")};requestAnimationFrame(B)},[b,Se]),it=z((n,m,g)=>{switch(c){case"fade":n.style.transition=`opacity ${g} ease-in-out`,n.style.opacity="0",setTimeout(()=>{n.style.transform=`translateX(${m}%)`,n.style.opacity="1"},parseInt(g)/2);break;case"scale":n.style.transition=`transform ${g} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,n.style.transform=`translateX(${m}%) scale(0.95)`,setTimeout(()=>{n.style.transform=`translateX(${m}%) scale(1)`},parseInt(g)/2);break;case"parallax":n.style.transition=`transform ${g} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,n.style.transform=`translateX(${m}%)`,n.querySelectorAll('[role="group"]').forEach((R,W)=>{let B=R,D=(W-Math.abs(m)/G)*.1;B.style.transform=`translateX(${D}%)`});break;default:n.style.transition=`transform ${g} cubic-bezier(0.25, 0.46, 0.45, 0.94)`,n.style.transform=`translateX(${m}%)`;break}},[c,G]),O=z((n,m=!1)=>{if(Y!=="idle"&&!m)return;let g=F.current;if(!g)return;let w=n;if(p){let D=Math.max(l,2);w=n+D,n>=e.length?w=D+n%e.length:n<0&&(w=D+e.length+n)}let R=-(w*G),W=m||de?"0ms":"300ms";m||ge("transitioning"),it(g,R,W);let B=Ge(w);if(Ce(B),k?.(B),p&&!m&&ot(w)){let D=Math.max(l,2);(w<=D-1||w>=e.length+D)&&(g.dataset.needsReset="true",g.dataset.resetIndex=w<=D-1?(e.length+D-1).toString():D.toString())}},[p,e.length,G,l,Ge,k,de,Y,ot,it]),Z=z(()=>{O(x+1)},[x,O]),le=z(()=>{O(x-1)},[x,O]),Xe=z(()=>{xe(!0)},[]),qe=z(()=>{xe(!1)},[]);Ke(()=>{if(!(!_||ke||!I||e.length<=1))return re.current=setTimeout(()=>{Z()},u),()=>{re.current&&clearTimeout(re.current)}},[_,ke,I,x,Z,u,e.length]),Ke(()=>!N||!j.current?void 0:za(j.current,m=>ve(m.isIntersecting),{threshold:.1}),[N]);let Qt=z(n=>V?Math.abs(n-x)<=te:!0,[V,x,te]),Jt=z(n=>{if(!f||Y!=="idle")return;let m=n.touches[0];m&&U({isDragging:!0,startX:m.clientX,currentX:m.clientX,startTime:Date.now(),velocity:0})},[f,Y]),jt=z(n=>{if(!A.isDragging)return;let m=n.touches[0];if(!m)return;let g=m.clientX-A.startX,w=Date.now()-A.startTime,R=w>0?g/w:0,W=F.current;if(W&&Math.abs(g)>10){n.preventDefault();let B=-(x*G),D=g/(j.current?.clientWidth||1)*100,fe=Math.min(Math.abs(g)/200,.8),Ne=D*(1-fe);W.style.transition="none",W.style.transform=`translateX(${B+Ne}%)`}U(B=>({...B,currentX:m.clientX,velocity:R}))},[A.isDragging,A.startX,A.startTime,x,G]),Zt=z(()=>{if(!A.isDragging)return;let n=A.currentX-A.startX,m=A.velocity,g=50;if(b&&Math.abs(m)>.5){let w=F.current;if(w){let R=m>0?x-1:x+1,W=-(R*G);He(w,W,m*100),O(R,!0)}}else if(Math.abs(n)>g)n>0?le():Z();else{let w=F.current;if(w&&b){let R=-(x*G);He(w,R,m*100)}else O(x,!0)}U({isDragging:!1,startX:0,currentX:0,startTime:0,velocity:0})},[A,b,Z,le,O,x,He,G]),er=z(()=>{ge("idle");let n=F.current;if(n?.dataset.needsReset==="true"){let m=parseInt(n.dataset.resetIndex||"0");n.style.transition="none",n.style.transform=`translateX(-${m*G}%)`,delete n.dataset.needsReset,delete n.dataset.resetIndex}},[G]),tr=z(n=>{let m=Aa();switch(n.key){case"ArrowLeft":n.preventDefault(),m?Z():le();break;case"ArrowRight":n.preventDefault(),m?le():Z();break;case"Home":n.preventDefault(),O(0);break;case"End":n.preventDefault(),O(e.length-1);break;case" ":n.preventDefault(),_?qe():Xe();break}},[Z,le,O,e.length,_,Xe,qe]);return Je("div",{ref:j,className:Ie("dndev-relative dndev-overflow-hidden",r),onMouseEnter:()=>S&&$(!0),onMouseLeave:()=>S&&$(!1),onKeyDown:tr,tabIndex:0,role:"region","aria-label":C,"aria-live":"polite",children:[E("div",{className:"dndev-overflow-hidden",children:E("div",{ref:F,className:Ie("dndev-flex",A.isDragging&&"dndev-pointer-events-none",Y==="transitioning"&&"dndev-pointer-events-none"),style:{cursor:A.isDragging?"grabbing":void 0},onTransitionEnd:er,onTouchStart:Jt,onTouchMove:jt,onTouchEnd:Zt,children:Kt.map((n,m)=>{let g=Ge(m),w=g===x,R=Qt(g);return E("div",{className:Ie("dndev-flex-shrink-0",o),style:{width:`${G}%`,opacity:R?1:0},role:"group","aria-roledescription":"slide","aria-label":`Slide ${g+1} of ${e.length}`,onClick:()=>h?.(n,g),children:R&&t(n,g,w)},v?v(n,g):`${g}-${m}`)})})}),a&&e.length>1&&Je(Ga,{children:[E("button",{className:"dndev-absolute dndev-z-breadcrumbs dndev-flex dndev-items-center dndev-justify-center",style:{left:"1rem",top:"50%",transform:"translateY(-50%)",width:"2.5rem",height:"2.5rem",opacity:0,transition:"opacity var(--dur-normal)",borderRadius:"9999px",backgroundColor:"rgb(from var(--background) r g b / 0.8)",border:"1px solid var(--border)"},onMouseEnter:n=>{n.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.9)",n.currentTarget.style.opacity="1"},onMouseLeave:n=>{n.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.8)"},onClick:le,"aria-label":"Previous slide",children:E(Ta,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}})}),E("button",{className:"dndev-absolute dndev-z-breadcrumbs dndev-flex dndev-items-center dndev-justify-center",style:{right:"1rem",top:"50%",transform:"translateY(-50%)",width:"2.5rem",height:"2.5rem",opacity:0,transition:"opacity var(--dur-normal)",borderRadius:"9999px",backgroundColor:"rgb(from var(--background) r g b / 0.8)",border:"1px solid var(--border)"},onMouseEnter:n=>{n.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.9)",n.currentTarget.style.opacity="1"},onMouseLeave:n=>{n.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.8)"},onClick:Z,"aria-label":"Next slide",children:E(Ra,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}})})]}),d&&q&&E("button",{className:"dndev-absolute dndev-z-breadcrumbs dndev-flex dndev-items-center dndev-justify-center",style:{insetBlockStart:"var(--gap-md)",insetInlineEnd:"var(--gap-md)",width:"2rem",height:"2rem",opacity:0,transition:"opacity var(--dur-normal)",borderRadius:"9999px",backgroundColor:"rgb(from var(--background) r g b / 0.8)",border:"1px solid var(--border)"},onMouseEnter:n=>{n.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.9)",n.currentTarget.style.opacity="1"},onMouseLeave:n=>{n.currentTarget.style.backgroundColor="rgb(from var(--background) r g b / 0.8)"},onClick:()=>_?qe():Xe(),"aria-label":_?"Pause carousel":"Play carousel",children:_?E(Pa,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}}):E(Ma,{style:{width:"var(--icon-md)",height:"var(--icon-md)",color:"var(--foreground)"}})}),i&&e.length>1&&E("div",{className:"dndev-absolute dndev-flex dndev-gap-sm dndev-z-breadcrumbs",style:{bottom:"1rem",left:"50%",transform:"translateX(-50%)"},children:e.map((n,m)=>E("button",{style:{width:m===x?"1.5rem":"0.5rem",height:"0.5rem",borderRadius:"9999px",transition:"all 0.3s",backgroundColor:m===x?"var(--foreground)":"rgb(from var(--foreground) r g b / 0.3)"},onMouseEnter:g=>{m!==x&&(g.currentTarget.style.backgroundColor="rgb(from var(--foreground) r g b / 0.5)")},onMouseLeave:g=>{m!==x&&(g.currentTarget.style.backgroundColor="rgb(from var(--foreground) r g b / 0.3)")},onClick:()=>O(m),"aria-label":`Go to slide ${m+1}`},m))}),s&&d&&E("div",{className:"dndev-absolute dndev-left-0",style:{bottom:0,right:0,height:"0.25rem",backgroundColor:"rgb(from var(--foreground) r g b / 0.2)"},children:E("div",{style:{height:"100%",width:`${(x+1)/e.length*100}%`,backgroundColor:"var(--foreground)",transition:"width 0.1s linear"}})}),Je("div",{className:"dndev-sr-only","aria-live":"polite","aria-atomic":"true",children:["Slide ",x+1," of ",e.length]})]})}var At,$a,Lt=ce(()=>{"use strict";At=Ea(La);At.displayName="Carousel";$a=At});var Gt={};he(Gt,{default:()=>_a});import{memo as Ba}from"react";import{Card as Va,Text as Ze}from"@donotdev/components";import{cn as Fa}from"@donotdev/components";import{Fragment as Ua,jsx as we,jsxs as $t}from"react/jsx-runtime";var Ya,_a,Ht=ce(()=>{"use strict";Ya=Ba(function({title:t,items:r,gridCols:o=2,className:a,ariaLabel:i}){let s={1:"grid-cols-1",2:"grid-cols-1 md:grid-cols-2",3:"grid-cols-1 md:grid-cols-2 lg:grid-cols-3",4:"grid-cols-1 md:grid-cols-2 lg:grid-cols-4"},d=Array.isArray(r)?r:[];return Array.isArray(r),$t("div",{className:Fa("dndev-marketing-stack",a),"aria-label":i,children:[t&&we(Ze,{as:"h3",level:"h2",children:t}),we("div",{className:"dndev-marketing-dndev-grid","data-cols":o,children:d.map((u,c)=>we(Va,{title:u.useCase,subtitle:u.bestFit,content:$t(Ua,{children:[we(Ze,{variant:"muted",level:"body",children:u.dndev}),we(Ze,{variant:"muted",level:"small",className:"italic",children:u.reason})]})},c))})]})}),_a=Ya});var _t={};he(_t,{default:()=>$n});import{memo as $e}from"react";import{cn as rt,Card as Tn,Icon as Rn,Stack as Mn}from"@donotdev/components";import{jsx as P,jsxs as ue}from"react/jsx-runtime";var se,Ft,Pn,Yt,En,zn,In,An,Dn,Ln,$n,Ut=ce(()=>{"use strict";se={desktop:{cardWidth:300,cardHeight:200,cardGap:32,drop:80,startX:0,containerWidth:1024,containerHeight:380},mobile:{cardWidth:320,cardHeight:200,verticalGap:24,containerWidth:400,curveOffset:40}},Ft=$e(({className:e,density:t,onClick:r,icon:o,title:a,subtitle:i,description:s})=>ue(Tn,{className:rt("dndev-min-w-0",r?"cursor-pointer":"",e),style:{height:"200px",padding:"var(--gap-md)",transform:"scale(1)",transition:"transform var(--duration-normal)"},onMouseEnter:d=>{d.currentTarget.style.transform="scale(0.80)"},onMouseLeave:d=>{d.currentTarget.style.transform="scale(1)"},onClick:r,children:[ue(Mn,{direction:"row",align:"center",gap:"medium",style:{marginBottom:"var(--gap-md)"},children:[P(Pn,{icon:o}),P("h3",{style:{fontSize:"var(--font-size-lg)",fontWeight:600,lineHeight:1.25,color:"var(--foreground)"},children:a})]}),i&&P("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)",lineHeight:1.625,marginBottom:"var(--gap-md)"},children:i}),s&&P("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--accent)",transition:"color var(--duration-normal)",cursor:"pointer"},onMouseEnter:d=>{d.currentTarget.style.color="rgb(from var(--accent) r g b / 0.8)"},onMouseLeave:d=>{d.currentTarget.style.color="var(--accent)"},children:s})]})),Pn=$e(({icon:e})=>e?P("div",{className:"dndev-inline-flex dndev-flex-shrink-0 dndev-items-center dndev-justify-center",style:{width:"var(--touch-target)",height:"var(--touch-target)",borderRadius:"var(--radius-lg)",background:"linear-gradient(to bottom right, rgb(from var(--primary) r g b / 0.1), rgb(from var(--primary) r g b / 0.2))",color:"var(--primary)",transition:"background var(--duration-normal)"},onMouseEnter:t=>{t.currentTarget.style.background="linear-gradient(to bottom right, rgb(from var(--primary) r g b / 0.2), rgb(from var(--primary) r g b / 0.3))"},onMouseLeave:t=>{t.currentTarget.style.background="linear-gradient(to bottom right, rgb(from var(--primary) r g b / 0.1), rgb(from var(--primary) r g b / 0.2))"},children:P(Rn,{icon:e,ariaHidden:!0})}):null),Yt=$e(function({className:t,startX:r,startY:o,endX:a,endY:i,index:s,isMobile:d=!1}){let u,c,p,l,f;if(d){let{curveOffset:b}=se.mobile,k=(o+i)/2,h=r+b;c=Math.abs(h-r)+40,p=Math.abs(i-o)+40,l=Math.min(r,h)-20,f=Math.min(o,i)-20;let v=r-l,C=o-f,S=a-l,N=i-f,q=h-l,V=k-f;u=`M ${v} ${C} Q ${q} ${V} ${S} ${N}`}else{let b=(r+a)/2,k=o+(i-o)*.3;c=Math.abs(a-r)+40,p=Math.abs(i-o)+40,l=Math.min(r,a)-20,f=Math.min(o,i)-20;let h=r-l,v=o-f,C=a-l,S=i-f,N=b-l,q=k-f;u=`M ${h} ${v} Q ${N} ${q-20} ${C} ${S}`}return ue("svg",{className:rt(t),style:{left:l,top:f,width:c,height:p,zIndex:1},viewBox:`0 0 ${c} ${p}`,role:"img",focusable:"false",children:[P("path",{d:u,fill:"none",stroke:"currentColor",strokeWidth:"3",strokeDasharray:"8,8",className:"text-accent waterfall-connector",style:{animationDelay:`${s*.2}s`}}),P("circle",{cx:r-l,cy:o-f,r:"6",fill:"currentColor",className:"text-accent"}),P("circle",{cx:a-l,cy:i-f,r:"6",fill:"currentColor",className:"text-accent"})]})}),En=e=>{let{cardWidth:t,cardGap:r,drop:o,startX:a}=se.desktop;return{x:a+e*(t+r),y:e*o}},zn=e=>{let{cardHeight:t,verticalGap:r}=se.mobile;return{x:0,y:e*(t+r)}},In=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},An=e=>{let{cardWidth:t,cardHeight:r,verticalGap:o}=se.mobile;return e===0?{startX:t,startY:.66*r,endX:t,endY:1.33*r+o}:e===1?{startX:t,startY:1.66*r+o,endX:t,endY:2.33*r+2*o}:null},Dn=e=>{let{cardHeight:t,verticalGap:r}=se.mobile;return(e-1)*(t+r)+t+40},Ln=$e(({items:e,className:t,connectorClassName:r,density:o="comfortable",ariaLabel:a,direction:i="horizontal"})=>{if(!e?.length)return null;if(i==="descending"){let{desktop:d,mobile:u}=se;return ue("section",{className:rt("dndev-w-full dndev-overflow-hidden",t),children:[ue("div",{className:"dndev-hidden dndev-relative ",style:{width:`${d.containerWidth}px`,height:`${d.containerHeight}px`},children:[P("ol",{className:"dndev-relative","aria-label":a??"Process steps",children:e.map((c,p)=>{let{x:l,y:f}=En(p);return P("li",{className:"list-none dndev-absolute waterfall-card",style:{left:`${l}px`,top:`${f}px`,width:`${d.cardWidth}px`},children:P(Ft,{density:o,onClick:c.onClick,icon:c.icon,title:c.title,subtitle:c.subtitle,description:c.description})},`cascade-${p}-${c.title}`)})}),e.map((c,p)=>{if(p>=e.length-1)return null;let l=In(p);return l?P(Yt,{startX:l.startX,startY:l.startY,endX:l.endX,endY:l.endY,className:r,index:p,isMobile:!1},`desktop-connector-${p}`):null})]}),P("div",{className:" dndev-w-full px-[var(--content-padding)]",children:ue("div",{className:"dndev-relative dndev-mx-auto",style:{width:`${u.containerWidth}px`,height:`${Dn(e.length)}px`},children:[P("ol",{className:"dndev-relative","aria-label":a??"Process steps",children:e.map((c,p)=>{let{x:l,y:f}=zn(p);return P("li",{className:"list-none dndev-absolute",style:{left:`${l}px`,top:`${f}px`,width:`${u.cardWidth}px`},children:P(Ft,{density:o,onClick:c.onClick,icon:c.icon,title:c.title,subtitle:c.subtitle,description:c.description})},`mobile-${p}-${c.title}`)})}),e.map((c,p)=>{if(p>=e.length-1)return null;let l=An(p);return l?P(Yt,{startX:l.startX,startY:l.startY,endX:l.endX,endY:l.endY,className:r,index:p,isMobile:!0},`mobile-connector-${p}`):null})]})})]})}return null}),$n=Ln});Oe();import{useState as vr,useMemo as gr,lazy as fr,Suspense as hr}from"react";import{cn as br}from"@donotdev/components";import{jsx as ee,jsxs as ct}from"react/jsx-runtime";var yr=fr(()=>Promise.resolve().then(()=>(lt(),dt))),wr=({content:e,intro:t,title:r,duration:o=26,contentHeight:a="150vh",tiltAngle:i,className:s,style:d,"aria-label":u})=>{let[c,p]=vr(!0),l=gr(()=>t==null?null:typeof t=="string"?ee("div",{className:"dndev-crawl-intro-text",children:me(t,{allowedTags:["u","br","i","em","strong","b"]})}):t,[t]),f=()=>{p(!1)};return ct("div",{className:br("dndev-crawl-container","dndev-relative dndev-overflow-hidden",s),style:{...d,height:"calc(100dvh - var(--header-height))"},"aria-label":u||"Animated text crawl",role:"region","aria-live":"polite",children:[c&&ct("div",{className:"dndev-absolute dndev-inset-0 dndev-flex dndev-flex-col dndev-items-center dndev-justify-center",style:{zIndex:30,backgroundColor:"rgba(0, 0, 0, 0.6)",backdropFilter:"blur(4px)"},children:[l&&ee("div",{className:"dndev-w-full",style:{paddingInline:"var(--content-padding)",marginBottom:"3rem"},children:ee("div",{className:"dndev-crawl-intro-content",children:l})}),ee("button",{onClick:f,style:{width:"96px",height:"96px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.2)",border:"4px solid rgba(255, 255, 255, 0.4)",backdropFilter:"blur(4px)",cursor:"pointer",transition:"all var(--dur-normal) var(--ease-in-out)"},onMouseEnter:b=>{b.currentTarget.style.backgroundColor="rgba(255, 255, 255, 0.3)",b.currentTarget.style.borderColor="rgba(255, 255, 255, 0.6)",b.currentTarget.style.transform="scale(1.1)"},onMouseLeave:b=>{b.currentTarget.style.backgroundColor="rgba(255, 255, 255, 0.2)",b.currentTarget.style.borderColor="rgba(255, 255, 255, 0.4)",b.currentTarget.style.transform="scale(1)"},"aria-label":"Start animated introduction",children:ee("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"white",style:{marginInlineStart:"4px"},children:ee("path",{d:"M8 5v14l11-7z"})})})]}),!c&&ee(hr,{fallback:null,children:ee(yr,{title:r,content:e,duration:o,contentHeight:a,tiltAngle:i})})]})},mt=wr;import{Suspense as Ar,lazy as Dr}from"react";import{cn as Cr,GAP_VARIANT as xr,Stack as kr}from"@donotdev/components";import{jsx as Ve}from"react/jsx-runtime";function Sr({className:e,itemCount:t=8,itemWidth:r,gap:o=xr.MEDIUM,direction:a="horizontal"}){let i=a==="vertical";return Ve("div",{className:Cr("dndev-relative dndev-overflow-hidden",e),role:"status","aria-label":"Loading content",children:Ve(kr,{direction:i?"column":"row",align:i?void 0:"center",gap:o,children:Array.from({length:t*2}).map((s,d)=>Ve("div",{className:"dndev-flex-shrink-0 dndev-animate-pulse",style:i?{height:"4rem",width:"100%",backgroundColor:"var(--muted)",borderRadius:"var(--radius-lg)"}:{height:"4rem",width:r||"4rem",backgroundColor:"var(--muted)",borderRadius:"var(--radius-lg)"}},d))})})}var pt=Sr;import{GAP_VARIANT as $r}from"@donotdev/components";import{jsx as Ye}from"react/jsx-runtime";var Lr=Dr(()=>Promise.resolve().then(()=>(ft(),gt))),Gr=e=>{let{gap:t=$r.MEDIUM,direction:r="auto",...o}=e;return Ye(Ar,{fallback:Ye(pt,{itemCount:8,gap:t,direction:r==="up"||r==="down"?"vertical":"horizontal"}),children:Ye(Lr,{...o})})},ht=Gr;import{Eye as Hr}from"lucide-react";import{useState as Xr}from"react";import{PortalButton as qr,cn as bt,Sheet as Or,Code as Wr,Stack as Br}from"@donotdev/components";import{Fragment as Fr,jsx as Me,jsxs as Yr}from"react/jsx-runtime";function Vr({data:e,sourceCode:t,language:r="tsx",title:o="Page Source",className:a}){let[i,s]=Xr(!1),d=t||e||"",u=c=>{};return Yr(Fr,{children:[Me(qr,{icon:Hr,onClick:()=>s(!0),className:bt("dndev-z-overlay",a),style:{position:"fixed",zIndex:"var(--z-overlay)",right:"var(--gap-sm)",bottom:"calc(var(--footer-height, 0px) + var(--gap-sm))"},tooltip:"Code Inspector","aria-label":"Code Inspector"}),Me(Or,{open:i,onOpenChange:s,side:"bottom",title:o,className:bt("dndev-w-full",a),style:{width:"100%",height:"90%",maxHeight:"90dvh",borderRadius:"var(--radius-xl) var(--radius-xl) 0 0",display:"flex",flexDirection:"column",overflow:"hidden"},children:Me(Br,{gap:"none",style:{flex:"1 1 auto",minHeight:0,overflow:"hidden"},children:Me(Wr,{language:r,showCopyButton:!0,onCopy:u,children:d})})})]})}var yt=Vr;import{cn as wt,Button as _r,Separator as Ur,SEPARATOR_VARIANT as Kr,Text as Qr,useIntersectionObserver as Jr,getVariantDataAttrs as jr,surfaceVariants as Zr,renderCardHeader as ea,renderCardContent as ta}from"@donotdev/components";import{jsx as K,jsxs as Pe}from"react/jsx-runtime";var ra=({items:e,className:t,ariaLabel:r,variant:o,style:a,threshold:i=.3})=>K("div",{className:wt("dndev-stacked-cards-container",t),"aria-label":r,style:a,children:e.map((s,d)=>K(aa,{item:s,index:d,variant:o,threshold:i},d))}),aa=({item:e,index:t,variant:r,threshold:o})=>{let{ref:a,isIntersecting:i}=Jr({threshold:o,rootMargin:"0px 0px -20% 0px",once:!0}),s=ea(e.icon,e.title,e.subtitle),d=ta(e.content);return K("section",{ref:a,className:"dndev-stack-item","data-stacked":i?"false":"true",children:Pe("div",{className:wt("dndev-card",Zr({variant:r})),...jr({variant:r}),"data-role":"card","data-clickable":e.onClick?"true":void 0,onClick:e.onClick,children:[Pe("div",{className:"dndev-stack-content",children:[Pe("div",{className:"dndev-stacked-cards-body",children:[Pe("div",{className:"dndev-stacked-cards-left",children:[s,e.description&&K(Qr,{as:"p",level:"small",variant:"muted",children:e.description})]}),K(Ur,{orientation:"vertical",variant:Kr.ACCENT,className:"dndev-stacked-cards-separator"}),d&&K("div",{className:"dndev-stacked-cards-right",children:d})]}),e.cta&&K("div",{className:"dndev-stacked-cards-cta",children:K(_r,{onClick:e.onClick,variant:e.cta.variant||"primary",icon:e.cta.icon,children:e.cta.text})})]}),K("div",{className:"dndev-stack-number",children:e.number??String(t+1).padStart(2,"0")})]})})},Ct=ra;import{jsx as oa}from"react/jsx-runtime";var na=e=>oa(Ct,{...e}),xt=na;import{useCallback as ia}from"react";import{cn as sa,useViewportVisibility as da}from"@donotdev/components";import{jsx as kt}from"react/jsx-runtime";var la=({items:e=[],direction:t="fade-in",stagger:r=100,threshold:o,distance:a,duration:i,once:s=!1,viewport:d=!0,overrides:u=[],className:c,children:p})=>{let{ref:l,isVisible:f,hasTriggered:b,visibleItems:k,isItemVisible:h}=da({threshold:o,once:s,trackItems:d,enableScrollListener:d}),v=ia(S=>{let N=u.find(q=>q.index===S);if(N)return N.direction;switch(t){case"alternate-h":return S%2===0?"left":"right";case"alternate-v":return S%2===0?"top":"bottom";default:return t}},[t,u]),C=()=>e.map((S,N)=>{let q=v(N),V=N*r,te=d?h(N):f;return kt("div",{className:"dndev-reveal-item","data-direction":q,"data-visible":te,style:{"--reveal-delay":`${V}ms`,"--reveal-index":N,...a!==void 0&&{"--reveal-distance":`${a}vw`},...i!==void 0&&{"--reveal-duration":`${i}ms`}},children:S},N)});return kt("div",{ref:l,className:sa("dndev-reveal-container",f&&"dndev-reveal-visible",c),"data-direction":t,"data-stagger":r,children:e.length>0?C():p})},ye=la;import{useState as ca,useEffect as ma}from"react";import{cn as St,Card as Nt,renderCardContent as Tt,useIntersectionObserver as pa}from"@donotdev/components";import{useBreakpoint as ua}from"@donotdev/core";import{jsx as M,jsxs as ae}from"react/jsx-runtime";var va=function({steps:t,className:r,variant:o}){let[a,i]=ca(0),s=ua("isLaptopOrDesktop"),d=t.length>1?a/(t.length-1)*100:0;return s?M("div",{className:St("dndev-roadmap",r),children:ae("div",{className:"dndev-roadmap-desktop",style:{"--step-count":t.length},children:[ae("div",{className:"dndev-roadmap-timeline",children:[M("div",{className:"dndev-roadmap-timeline-bg"}),M("div",{className:"dndev-roadmap-timeline-progress",style:{width:`${d}%`}})]}),M("div",{className:"dndev-roadmap-grid",style:{gridTemplateColumns:`repeat(${t.length}, 1fr)`},children:t.map((u,c)=>{let p=u.icon,l=c<=a,f=c===a;return ae("div",{className:"dndev-roadmap-step",onMouseEnter:()=>i(c),children:[M("div",{className:"dndev-roadmap-node","data-active":l,children:M(p,{})}),ae(Nt,{title:u.title,subtitle:u.subtitle,variant:o,className:"dndev-roadmap-card","data-active":f,onClick:u.onClick,footer:u.content?M("div",{className:"dndev-roadmap-content",children:Tt(u.content)}):void 0,children:[M("span",{className:"dndev-roadmap-phase",children:u.phase}),u.description&&M("p",{className:"dndev-roadmap-description",children:u.description})]})]},c)})})]})}):M("div",{className:St("dndev-roadmap",r),children:ae("div",{className:"dndev-roadmap-mobile",children:[M("div",{className:"dndev-roadmap-timeline-vertical",children:M("div",{className:"dndev-roadmap-timeline-vertical-progress",style:{height:`${d}%`}})}),t.map((u,c)=>M(ga,{step:u,index:c,isActive:c<=a,variant:o,onEnter:()=>i(c)},c))]})})},ga=({step:e,index:t,isActive:r,variant:o,onEnter:a})=>{let{ref:i,isIntersecting:s}=pa({threshold:.5,rootMargin:"0px 0px -20% 0px"});ma(()=>{typeof window<"u"&&s&&a()},[s,a]);let d=e.icon;return ae("div",{ref:i,className:"dndev-roadmap-step-mobile",children:[M("div",{className:"dndev-roadmap-node-mobile","data-active":r,children:M(d,{})}),ae(Nt,{title:e.title,subtitle:e.subtitle,variant:o,className:"dndev-roadmap-card-mobile","data-active":r,onClick:e.onClick,footer:e.content?M("div",{className:"dndev-roadmap-content",children:Tt(e.content)}):void 0,children:[M("span",{className:"dndev-roadmap-phase",children:e.phase}),e.description&&M("p",{className:"dndev-roadmap-description",children:e.description})]})]})},Rt=va;import{jsx as ha}from"react/jsx-runtime";var fa=function(t){return ha(Rt,{...t})},Mt=fa;import{jsx as _e,jsxs as ya}from"react/jsx-runtime";function ba({status:e,animationClass:t}){return _e("svg",{width:"100%",height:"100%",viewBox:"0 0 512 512",className:"drop--lg",preserveAspectRatio:"xMidYMid meet",children:ya("g",{transform:"translate(0,512) scale(0.1,-0.1)",children:[_e("path",{d:`M2465 4956 c-60 -28 -97 -66 -124 -126 -20 -44 -21 -63 -21 -630 0
2
2
  -358 -4 -602 -11 -629 -21 -91 -84 -136 -207 -147 l-69 -7 -6 117 c-43 737
3
3
  -303 1125 -722 1075 -168 -21 -359 -165 -522 -394 -459 -646 -810 -1966 -779
4
4
  -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
22
22
  76 -3 126 21 182 90 291 482 311 1121 26 809 -217 1888 -584 2599 -104 200
23
23
  -174 311 -271 428 -230 277 -488 368 -725 255 -258 -123 -411 -480 -443 -1033
24
24
  l-6 -117 -69 7 c-123 11 -186 56 -207 147 -7 27 -11 270 -11 629 l0 585 -24
25
- 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 wa}from"lucide-react";import{Button as Pt,BUTTON_VARIANT as Ca,Stack as Ee}from"@donotdev/components";import{jsx as ne,jsxs as ze}from"react/jsx-runtime";function xa({status:e,animation:t,instructions:r,debug:o=!1,onSkip:n,statusValue:i,onRestart:s,isPaused:d=!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(Pt,{variant:Ca.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,d&&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&&s&&ne(Pt,{floating:!0,icon:wa,onClick:s,"aria-label":"Do another cycle"})]}),ne(Ee,{gap:"tight",align:"center",style:{textAlign:"center",maxWidth:"28rem"},children:r})]})}import{Suspense as Ha,lazy as Xa}from"react";import{cn as ka,Stack as Et}from"@donotdev/components";import{Fragment as Na,jsx as Q,jsxs as zt}from"react/jsx-runtime";function Sa({className:e,itemCount:t=1,showArrows:r=!0,showDots:o=!1,showProgress:n=!1}){return zt("div",{className:ka("dndev-relative dndev-overflow-hidden",e),role:"status","aria-label":"Loading carousel",children:[Q("div",{className:"dndev-overflow-hidden",children:Q(Et,{direction:"row",children:Array.from({length:t}).map((i,s)=>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)"}})},s))})}),r&&zt(Na,{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(Et,{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,s)=>Q("div",{className:"dndev-animate-pulse",style:{width:"0.5rem",height:"0.5rem",backgroundColor:"var(--muted)",borderRadius:"9999px"}},s))}),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=Sa;import{jsx as je}from"react/jsx-runtime";var qa=Xa(()=>Promise.resolve().then(()=>(Lt(),Dt))),Oa=e=>{let{showArrows:t=!0,showDots:r=!0,showProgress:o=!1}=e;return je(Ha,{fallback:je(It,{showArrows:t,showDots:r,showProgress:o}),children:je(qa,{...e})})},Wa=Oa;import{lazy as Ka,Suspense as Qa}from"react";import{Card as Ja,Grid as ja}from"@donotdev/components";import{jsx as Ae}from"react/jsx-runtime";var Za=Ka(()=>Promise.resolve().then(()=>(Ht(),Gt)));function en({title:e,items:t,gridCols:r=2,className:o,ariaLabel:n}){return Ae(Qa,{fallback:Ae(ja,{gap:"medium",cols:2,children:t.map((i,s)=>Ae(Ja,{title:"Loading..."},s))}),children:Ae(Za,{title:e,items:t,gridCols:r,className:o,ariaLabel:n})})}var tn=en;import{Card as rn,Text as an,Stack as nn}from"@donotdev/components";import{jsx as et,jsxs as dn}from"react/jsx-runtime";var on=({text:e,icon:t="\u{1F389}",className:r})=>et(rn,{className:r,style:{textAlign:"center"},children:dn(nn,{gap:"tight",style:{padding:"var(--gap-md)"},children:[t&&et("div",{style:{fontSize:"var(--font-size-2xl)"},children:t}),et(an,{variant:"muted",children:e})]})}),sn=on;import{CheckCircle as De}from"lucide-react";import{Dialog as ln,Card as Le,Badge as cn,BADGE_VARIANT as mn,Stack as X,Grid as pn}from"@donotdev/components";import{jsx as y,jsxs as L}from"react/jsx-runtime";function un({open:e,onOpenChange:t,guide:r,icon:o}){let n=o;return y(ln,{open:e,onOpenChange:t,title:L(X,{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(X,{gap:"large",children:[r.quickStart&&L(Le,{title:L(X,{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(X,{gap:"medium",children:[y("h3",{style:{fontSize:"var(--font-size-xl)",fontWeight:600},children:"Step by Step Process"}),y(X,{gap:"medium",children:r.steps.map((i,s)=>{let d=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:s+1})}),L("div",{children:[L(X,{direction:"row",align:"center",gap:"medium",style:{paddingTop:"var(--gap-lg)",marginBottom:"var(--gap-md)"},children:[y(d,{className:"dndev-size-md",style:{color:"var(--primary)"}}),y("div",{style:{fontSize:"var(--font-size-lg)",fontWeight:600},children:i.title})]}),L(X,{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})]})]})]})},s)})})]}),r.features&&y(Le,{title:L(X,{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(X,{gap:"medium",children:r.features.map((i,s)=>L(X,{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})]},s))})}),r.templates&&y(Le,{title:L(X,{direction:"row",align:"center",gap:"medium",children:[y(De,{className:"dndev-size-md",style:{color:"var(--accent)"}}),"Available Templates"]}),children:y(pn,{cols:3,gap:"medium",children:r.templates.map((i,s)=>L(X,{gap:"tight",children:[y(cn,{variant:mn.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})]},s))})})]})})}import{Card as vn,Text as Xt,GAP_VARIANT as gn,Grid as qt}from"@donotdev/components";import{jsx as pe,jsxs as Ot}from"react/jsx-runtime";var fn=({left:e,right:t,leftDirection:r="left",rightDirection:o="right",threshold:n,stagger:i=200,distance:s,duration:d,gap:u=gn.LARGE,className:c,align:p="start",useStatCards:l=!1})=>{let f=()=>l&&Array.isArray(t)?pe(qt,{cols:2,gap:"medium",children:t.map((k,h)=>pe(vn,{children:Ot("div",{style:{padding:"var(--gap-lg)"},children:[pe(Xt,{level:"h3",children:k.title}),pe(Xt,{as:"p",variant:"muted",children:k.description})]})},h))}):t,b={none:"dndev-gap-none",tight:"dndev-gap-sm",medium:"dndev-gap-md",large:"dndev-gap-lg"}[u];return Ot(qt,{cols:2,gap:u,align:p,className:c,children:[pe(ye,{direction:r,threshold:n,stagger:i,distance:s,duration:d,items:[e]}),pe(ye,{direction:o,threshold:n,stagger:i,distance:s,duration:d,items:[f()]})]})},hn=fn;import{Button as bn,Input as yn,cn as tt,Stack as wn}from"@donotdev/components";import{jsx as Wt,jsxs as kn}from"react/jsx-runtime";function Cn({input:e,button:t,className:r}){return kn(wn,{align:"center",justify:"center",gap:"medium",className:tt("dndev-w-full",r),children:[Wt(yn,{value:e.value,onChange:o=>e.onChange(o.target.value),placeholder:e.placeholder,maxLength:e.maxLength,className:tt("dndev-w-full",e.className),style:{textAlign:"center"},"aria-label":e.label||"Input",autoComplete:"off",spellCheck:!1}),Wt(bn,{variant:t.variant||"primary",onClick:t.onClick,icon:t.icon,className:tt("dndev-w-full",t.className),style:{paddingInline:"2rem"},children:t.label})]})}var xn=Cn;import{Suspense as Gn,lazy as Hn}from"react";import{Fragment as Sn}from"react";import{cn as Bt,Stack as ie}from"@donotdev/components";import{jsx as T,jsxs as J}from"react/jsx-runtime";function Nn({stepCount:e=3,className:t,direction:r="horizontal"}){let o=Array.from({length:e},(n,i)=>i);return r==="vertical"?T("section",{className:Bt("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:Bt("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(Sn,{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 Vt=Nn;import{jsx as at}from"react/jsx-runtime";var Xn=Hn(()=>Promise.resolve().then(()=>(Ut(),_t)));function qn(e){return at(Gn,{fallback:at(Vt,{stepCount:e.items?.length||3,direction:e.direction==="descending"?"vertical":"horizontal"}),children:at(Xn,{...e})})}var On=qn;export{xa as BreathingExerciseLayout,Wa as Carousel,tn as ComparisonGrid,sn as CongratulationsCard,mt as Crawl,un as GuideModal,yt as InspectorGadget,ba as LungsAnimation,ht as Marquee,ye as Reveal,Mt as Roadmap,hn as SplitReveal,xt as StackedCards,xn as StartChallengeForm,On as Waterfall};
25
+ 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 wa}from"lucide-react";import{Button as Pt,BUTTON_VARIANT as Ca,Stack as Ee}from"@donotdev/components";import{jsx as ne,jsxs as ze}from"react/jsx-runtime";function xa({status:e,animation:t,instructions:r,debug:o=!1,onSkip:a,statusValue:i,onRestart:s,isPaused:d=!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]}),a&&ne(Pt,{variant:Ca.DESTRUCTIVE,onClick:a,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,d&&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&&s&&ne(Pt,{floating:!0,icon:wa,onClick:s,"aria-label":"Do another cycle"})]}),ne(Ee,{gap:"tight",align:"center",style:{textAlign:"center",maxWidth:"28rem"},children:r})]})}import{Suspense as Ha,lazy as Xa}from"react";import{cn as ka,Stack as Et}from"@donotdev/components";import{Fragment as Na,jsx as Q,jsxs as zt}from"react/jsx-runtime";function Sa({className:e,itemCount:t=1,showArrows:r=!0,showDots:o=!1,showProgress:a=!1}){return zt("div",{className:ka("dndev-relative dndev-overflow-hidden",e),role:"status","aria-label":"Loading carousel",children:[Q("div",{className:"dndev-overflow-hidden",children:Q(Et,{direction:"row",children:Array.from({length:t}).map((i,s)=>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)"}})},s))})}),r&&zt(Na,{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(Et,{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,s)=>Q("div",{className:"dndev-animate-pulse",style:{width:"0.5rem",height:"0.5rem",backgroundColor:"var(--muted)",borderRadius:"9999px"}},s))}),a&&Q("div",{className:"dndev-absolute dndev-left-0 dndev-animate-pulse",style:{bottom:0,right:0,height:"0.25rem",backgroundColor:"var(--muted)"}})]})}var It=Sa;import{jsx as je}from"react/jsx-runtime";var qa=Xa(()=>Promise.resolve().then(()=>(Lt(),Dt))),Oa=e=>{let{showArrows:t=!0,showDots:r=!0,showProgress:o=!1}=e;return je(Ha,{fallback:je(It,{showArrows:t,showDots:r,showProgress:o}),children:je(qa,{...e})})},Wa=Oa;import{lazy as Ka,Suspense as Qa}from"react";import{Card as Ja,Grid as ja}from"@donotdev/components";import{jsx as Ae}from"react/jsx-runtime";var Za=Ka(()=>Promise.resolve().then(()=>(Ht(),Gt)));function en({title:e,items:t,gridCols:r=2,className:o,ariaLabel:a}){return Ae(Qa,{fallback:Ae(ja,{gap:"medium",cols:2,children:t.map((i,s)=>Ae(Ja,{title:"Loading..."},s))}),children:Ae(Za,{title:e,items:t,gridCols:r,className:o,ariaLabel:a})})}var tn=en;import{Card as rn,Text as an,Stack as nn}from"@donotdev/components";import{jsx as et,jsxs as dn}from"react/jsx-runtime";var on=({text:e,icon:t="\u{1F389}",className:r})=>et(rn,{className:r,style:{textAlign:"center"},children:dn(nn,{gap:"tight",style:{padding:"var(--gap-md)"},children:[t&&et("div",{style:{fontSize:"var(--font-size-2xl)"},children:t}),et(an,{variant:"muted",children:e})]})}),sn=on;import{CheckCircle as De}from"lucide-react";import{Dialog as ln,Card as Le,Badge as cn,BADGE_VARIANT as mn,Stack as X,Grid as pn}from"@donotdev/components";import{jsx as y,jsxs as L}from"react/jsx-runtime";function un({open:e,onOpenChange:t,guide:r,icon:o}){let a=o;return y(ln,{open:e,onOpenChange:t,title:L(X,{direction:"row",align:"center",gap:"medium",children:[a&&y(a,{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(X,{gap:"large",children:[r.quickStart&&L(Le,{title:L(X,{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(X,{gap:"medium",children:[y("h3",{style:{fontSize:"var(--font-size-xl)",fontWeight:600},children:"Step by Step Process"}),y(X,{gap:"medium",children:r.steps.map((i,s)=>{let d=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:s+1})}),L("div",{children:[L(X,{direction:"row",align:"center",gap:"medium",style:{paddingTop:"var(--gap-lg)",marginBottom:"var(--gap-md)"},children:[y(d,{className:"dndev-size-md",style:{color:"var(--primary)"}}),y("div",{style:{fontSize:"var(--font-size-lg)",fontWeight:600},children:i.title})]}),L(X,{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})]})]})]})},s)})})]}),r.features&&y(Le,{title:L(X,{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(X,{gap:"medium",children:r.features.map((i,s)=>L(X,{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})]},s))})}),r.templates&&y(Le,{title:L(X,{direction:"row",align:"center",gap:"medium",children:[y(De,{className:"dndev-size-md",style:{color:"var(--accent)"}}),"Available Templates"]}),children:y(pn,{cols:[1,1,2,3],gap:"medium",children:r.templates.map((i,s)=>L(X,{gap:"tight",children:[y(cn,{variant:mn.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})]},s))})})]})})}import{Card as vn,Text as Xt,GAP_VARIANT as gn,Grid as qt}from"@donotdev/components";import{jsx as pe,jsxs as Ot}from"react/jsx-runtime";var fn=({left:e,right:t,leftDirection:r="left",rightDirection:o="right",threshold:a,stagger:i=200,distance:s,duration:d,gap:u=gn.LARGE,className:c,align:p="start",useStatCards:l=!1})=>{let f=()=>l&&Array.isArray(t)?pe(qt,{cols:2,gap:"medium",children:t.map((k,h)=>pe(vn,{children:Ot("div",{style:{padding:"var(--gap-lg)"},children:[pe(Xt,{level:"h3",children:k.title}),pe(Xt,{as:"p",variant:"muted",children:k.description})]})},h))}):t,b={none:"dndev-gap-none",tight:"dndev-gap-sm",medium:"dndev-gap-md",large:"dndev-gap-lg"}[u];return Ot(qt,{cols:2,gap:u,align:p,className:c,children:[pe(ye,{direction:r,threshold:a,stagger:i,distance:s,duration:d,items:[e]}),pe(ye,{direction:o,threshold:a,stagger:i,distance:s,duration:d,items:[f()]})]})},hn=fn;import{Button as bn,Input as yn,cn as tt,Stack as wn}from"@donotdev/components";import{jsx as Wt,jsxs as kn}from"react/jsx-runtime";function Cn({input:e,button:t,align:r="center",className:o}){let a=r==="start"?"start":"center";return kn(wn,{align:r,justify:"center",gap:"medium",className:tt("dndev-w-full",o),children:[Wt(yn,{value:e.value,onChange:i=>e.onChange(i.target.value),placeholder:e.placeholder,maxLength:e.maxLength,className:tt("dndev-w-full",e.className),style:{textAlign:a},"aria-label":e.label||"Input",autoComplete:"off",spellCheck:!1}),Wt(bn,{variant:t.variant||"primary",onClick:t.onClick,icon:t.icon,className:tt("dndev-w-full",t.className),style:{paddingInline:"2rem"},children:t.label})]})}var xn=Cn;import{Suspense as Gn,lazy as Hn}from"react";import{Fragment as Sn}from"react";import{cn as Bt,Stack as ie}from"@donotdev/components";import{jsx as T,jsxs as J}from"react/jsx-runtime";function Nn({stepCount:e=3,className:t,direction:r="horizontal"}){let o=Array.from({length:e},(a,i)=>i);return r==="vertical"?T("section",{className:Bt("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(a=>T("div",{style:{transform:a%3===1?"translateY(3rem)":a%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%"}})]})]})},a))})})}):T("section",{className:Bt("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(a=>{let i=a===e-1;return J(Sn,{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)"}})})]},a)})})})}var Vt=Nn;import{jsx as at}from"react/jsx-runtime";var Xn=Hn(()=>Promise.resolve().then(()=>(Ut(),_t)));function qn(e){return at(Gn,{fallback:at(Vt,{stepCount:e.items?.length||3,direction:e.direction==="descending"?"vertical":"horizontal"}),children:at(Xn,{...e})})}var On=qn;export{xa as BreathingExerciseLayout,Wa as Carousel,tn as ComparisonGrid,sn as CongratulationsCard,mt as Crawl,un as GuideModal,yt as InspectorGadget,ba as LungsAnimation,ht as Marquee,ye as Reveal,Mt as Roadmap,hn as SplitReveal,xt as StackedCards,xn as StartChallengeForm,On as Waterfall};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@donotdev/adv-comps",
3
- "version": "0.0.9",
3
+ "version": "0.0.10",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -51,10 +51,10 @@
51
51
  },
52
52
  "dependencies": {},
53
53
  "peerDependencies": {
54
- "@donotdev/components": "^0.0.13",
55
- "react": "^19.2.3",
56
- "react-dom": "^19.2.3",
57
- "shiki": "^3.20.0"
54
+ "@donotdev/components": "^0.0.15",
55
+ "react": "^19.2.4",
56
+ "react-dom": "^19.2.4",
57
+ "shiki": "^3.22.0"
58
58
  },
59
59
  "peerDependenciesMeta": {
60
60
  "shiki": {