@chrisflippen/blueprint-document-assembly 3.1.0 → 3.1.1

package/dist/index.js

@@ -1,4 +1,4 @@
-'use strict';var react=require('react'),react$1=require('motion/react'),lucideReact=require('lucide-react'),jsxRuntime=require('react/jsx-runtime');/* Blueprint Document Assembly v3.1.0 | MIT License */
+'use strict';var react=require('react'),react$1=require('motion/react'),lucideReact=require('lucide-react'),jsxRuntime=require('react/jsx-runtime');/* Blueprint Document Assembly v3.1.1 | MIT License */
 var ft="(prefers-reduced-motion: reduce)";function eo(){return typeof window>"u"?false:window.matchMedia(ft).matches}function Xe(){let[t,e]=react.useState(eo);return react.useEffect(()=>{let n=window.matchMedia(ft);e(n.matches);let s=o=>e(o.matches);return n.addEventListener("change",s),()=>n.removeEventListener("change",s)},[]),t}var ee={name:"smooth",durations:{fast:.3,normal:.5,slow:.8},springs:{stiff:{type:"spring",stiffness:300,damping:30},gentle:{type:"spring",stiffness:120,damping:20},bouncy:{type:"spring",stiffness:200,damping:15,bounce:.3}},stagger:{step:.15,substep:.15,log:.05,sparkle:.1},typewriter:{charDelay:25,cursorBlink:700},entrance:{x:-30,y:0,scale:.8},hookTimings:{stepActivation:800,substepDelay:500,logStreamBase:250,logStreamVariance:300,typewriterSpeed:25,sectionRevealDuration:500,completionDelay:400}},bt={name:"snappy",durations:{fast:.15,normal:.25,slow:.4},springs:{stiff:{type:"spring",stiffness:500,damping:35},gentle:{type:"spring",stiffness:250,damping:25},bouncy:{type:"spring",stiffness:350,damping:18,bounce:.2}},stagger:{step:.08,substep:.08,log:.03,sparkle:.05},typewriter:{charDelay:15,cursorBlink:500},entrance:{x:-20,y:0,scale:.9},hookTimings:{stepActivation:400,substepDelay:250,logStreamBase:125,logStreamVariance:150,typewriterSpeed:15,sectionRevealDuration:250,completionDelay:200}},yt={name:"cinematic",durations:{fast:.5,normal:.8,slow:1.2},springs:{stiff:{type:"spring",stiffness:200,damping:25},gentle:{type:"spring",stiffness:80,damping:15},bouncy:{type:"spring",stiffness:150,damping:10,bounce:.5}},stagger:{step:.2,substep:.2,log:.08,sparkle:.15},typewriter:{charDelay:35,cursorBlink:900},entrance:{x:-40,y:10,scale:.7},hookTimings:{stepActivation:1200,substepDelay:750,logStreamBase:400,logStreamVariance:500,typewriterSpeed:35,sectionRevealDuration:750,completionDelay:600}},Oe={name:"minimal",durations:{fast:.1,normal:.15,slow:.2},springs:{stiff:{type:"spring",stiffness:500,damping:40},gentle:{type:"spring",stiffness:400,damping:35},bouncy:{type:"spring",stiffness:450,damping:38,bounce:0}},stagger:{step:.05,substep:.05,log:.02,sparkle:.02},typewriter:{charDelay:10,cursorBlink:0},entrance:{x:0,y:0,scale:1},hookTimings:{stepActivation:200,substepDelay:100,logStreamBase:50,logStreamVariance:50,typewriterSpeed:5,sectionRevealDuration:100,completionDelay:100}};var je=react.createContext(null);function Le({preset:t,children:e}){let n=Xe(),s=react.useMemo(()=>{let o=n?Oe:t??ee;return {preset:o,reducedMotion:n,getTransition:a=>({duration:o.durations[a]}),getSpring:a=>n?{duration:o.durations.fast}:o.springs[a]}},[t,n]);return jsxRuntime.jsx(je.Provider,{value:s,children:e})}function k(){let t=react.useContext(je);return t||{preset:ee,reducedMotion:false,getTransition:e=>({duration:ee.durations[e]}),getSpring:e=>ee.springs[e]}}function St(){return react.useContext(je)}var Nt=react.memo(function({log:e,compact:n=false,classNames:s}){let a={info:{color:"text-cyan-500",symbol:"\u2192"},success:{color:"text-emerald-500",symbol:"\u2713"},warning:{color:"text-amber-500",symbol:"\u26A0"},processing:{color:"text-purple-500",symbol:"\u27F3"}}[e.level],{reducedMotion:l}=k();return jsxRuntime.jsxs(react$1.motion.div,{initial:l?false:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:l?.1:.3},className:`flex items-start gap-2 text-foreground/80 ${s?.log||""}`,children:[!n&&jsxRuntime.jsx("span",{className:"text-muted-foreground text-[10px]",children:e.timestamp}),jsxRuntime.jsx("span",{className:`${a.color} font-bold`,children:a.symbol}),jsxRuntime.jsx("span",{className:"flex-1 text-[11px]",children:e.message})]})}),Te=react.memo(function({logs:e,expanded:n,onToggle:s,compact:o=false,classNames:a,labels:l,renderLog:i}){let c=react.useRef(null);if(react.useEffect(()=>{c.current&&(c.current.scrollTop=c.current.scrollHeight);},[e]),e.length===0)return null;let{reducedMotion:r}=k(),g=o?l?.logLabelCompact??"LOG":l?.logLabel??"SYSTEM LOG",v=o?"":l?.logEntriesSuffix??" entries";return jsxRuntime.jsxs(react$1.motion.div,{role:"log","aria-live":"polite",initial:r?false:{opacity:0},animate:{opacity:1},transition:{duration:r?.1:.4},className:`${o?"mt-2":"mt-3 ml-14"} ${a?.logContainer||""}`,children:[jsxRuntime.jsxs("button",{onClick:s,"aria-expanded":n,"aria-label":`${g} - ${e.length} entries`,className:`flex items-center ${o?"gap-1.5":"gap-2"} text-xs font-mono text-muted-foreground hover:text-foreground transition-colors ${o?"":"px-2 py-1 rounded"} focus-visible:ring-2 focus-visible:ring-orange-500 focus-visible:ring-offset-2 focus-visible:outline-none rounded`,children:[n?jsxRuntime.jsx(lucideReact.ChevronDown,{className:"w-3 h-3"}):jsxRuntime.jsx(lucideReact.ChevronRight,{className:"w-3 h-3"}),jsxRuntime.jsx(lucideReact.Terminal,{className:o?"w-2.5 h-2.5":"w-3 h-3"}),jsxRuntime.jsxs("span",{children:[g," (",e.length,v,")"]})]}),jsxRuntime.jsx(react$1.AnimatePresence,{children:n&&jsxRuntime.jsx(react$1.motion.div,{initial:r?false:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:r?.1:.3},className:"overflow-hidden",children:jsxRuntime.jsx("div",{ref:c,className:`bg-background border border-border/50 rounded-md p-2 font-mono text-xs ${o?"max-h-24":"max-h-32"} overflow-y-auto space-y-1 mt-2`,children:e.map(f=>{let u=jsxRuntime.jsx(Nt,{log:f,compact:o,classNames:a},f.id);return i?jsxRuntime.jsx("div",{children:i(f,u)},f.id):u})})})})]})});var Je=react.memo(function({substep:e,delay:n,classNames:s,renderSubstep:o}){let[a,l]=react.useState(false),i=react.useCallback(()=>l(v=>!v),[]),{reducedMotion:c,preset:r}=k(),g=jsxRuntime.jsx(react$1.motion.div,{role:"listitem",initial:c?false:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{delay:n,duration:r.durations.normal},className:"pl-3",children:jsxRuntime.jsxs("div",{className:"flex items-start gap-2.5",children:[jsxRuntime.jsx(react$1.motion.div,{className:`
             w-4 h-4 mt-0.5 rounded border-2 flex items-center justify-center flex-shrink-0 transition-all duration-500
             ${e.completed?"bg-emerald-500 border-emerald-500":"border-border bg-background"}

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import {createContext,memo,useRef,useEffect,useState,useCallback,useMemo,forwardRef,useImperativeHandle,useContext}from'react';import {motion,AnimatePresence}from'motion/react';import {ChevronDown,ChevronRight,Terminal,Check,Stamp,Users,FileText,Shield,Loader2,Zap,DollarSign,Clock,X,Sparkles}from'lucide-react';import {jsxs,jsx,Fragment}from'react/jsx-runtime';/* Blueprint Document Assembly v3.1.0 | MIT License */
+import {createContext,memo,useRef,useEffect,useState,useCallback,useMemo,forwardRef,useImperativeHandle,useContext}from'react';import {motion,AnimatePresence}from'motion/react';import {ChevronDown,ChevronRight,Terminal,Check,Stamp,Users,FileText,Shield,Loader2,Zap,DollarSign,Clock,X,Sparkles}from'lucide-react';import {jsxs,jsx,Fragment}from'react/jsx-runtime';/* Blueprint Document Assembly v3.1.1 | MIT License */
 var ft="(prefers-reduced-motion: reduce)";function eo(){return typeof window>"u"?false:window.matchMedia(ft).matches}function Xe(){let[t,e]=useState(eo);return useEffect(()=>{let n=window.matchMedia(ft);e(n.matches);let s=o=>e(o.matches);return n.addEventListener("change",s),()=>n.removeEventListener("change",s)},[]),t}var ee={name:"smooth",durations:{fast:.3,normal:.5,slow:.8},springs:{stiff:{type:"spring",stiffness:300,damping:30},gentle:{type:"spring",stiffness:120,damping:20},bouncy:{type:"spring",stiffness:200,damping:15,bounce:.3}},stagger:{step:.15,substep:.15,log:.05,sparkle:.1},typewriter:{charDelay:25,cursorBlink:700},entrance:{x:-30,y:0,scale:.8},hookTimings:{stepActivation:800,substepDelay:500,logStreamBase:250,logStreamVariance:300,typewriterSpeed:25,sectionRevealDuration:500,completionDelay:400}},bt={name:"snappy",durations:{fast:.15,normal:.25,slow:.4},springs:{stiff:{type:"spring",stiffness:500,damping:35},gentle:{type:"spring",stiffness:250,damping:25},bouncy:{type:"spring",stiffness:350,damping:18,bounce:.2}},stagger:{step:.08,substep:.08,log:.03,sparkle:.05},typewriter:{charDelay:15,cursorBlink:500},entrance:{x:-20,y:0,scale:.9},hookTimings:{stepActivation:400,substepDelay:250,logStreamBase:125,logStreamVariance:150,typewriterSpeed:15,sectionRevealDuration:250,completionDelay:200}},yt={name:"cinematic",durations:{fast:.5,normal:.8,slow:1.2},springs:{stiff:{type:"spring",stiffness:200,damping:25},gentle:{type:"spring",stiffness:80,damping:15},bouncy:{type:"spring",stiffness:150,damping:10,bounce:.5}},stagger:{step:.2,substep:.2,log:.08,sparkle:.15},typewriter:{charDelay:35,cursorBlink:900},entrance:{x:-40,y:10,scale:.7},hookTimings:{stepActivation:1200,substepDelay:750,logStreamBase:400,logStreamVariance:500,typewriterSpeed:35,sectionRevealDuration:750,completionDelay:600}},Oe={name:"minimal",durations:{fast:.1,normal:.15,slow:.2},springs:{stiff:{type:"spring",stiffness:500,damping:40},gentle:{type:"spring",stiffness:400,damping:35},bouncy:{type:"spring",stiffness:450,damping:38,bounce:0}},stagger:{step:.05,substep:.05,log:.02,sparkle:.02},typewriter:{charDelay:10,cursorBlink:0},entrance:{x:0,y:0,scale:1},hookTimings:{stepActivation:200,substepDelay:100,logStreamBase:50,logStreamVariance:50,typewriterSpeed:5,sectionRevealDuration:100,completionDelay:100}};var je=createContext(null);function Le({preset:t,children:e}){let n=Xe(),s=useMemo(()=>{let o=n?Oe:t??ee;return {preset:o,reducedMotion:n,getTransition:a=>({duration:o.durations[a]}),getSpring:a=>n?{duration:o.durations.fast}:o.springs[a]}},[t,n]);return jsx(je.Provider,{value:s,children:e})}function k(){let t=useContext(je);return t||{preset:ee,reducedMotion:false,getTransition:e=>({duration:ee.durations[e]}),getSpring:e=>ee.springs[e]}}function St(){return useContext(je)}var Nt=memo(function({log:e,compact:n=false,classNames:s}){let a={info:{color:"text-cyan-500",symbol:"\u2192"},success:{color:"text-emerald-500",symbol:"\u2713"},warning:{color:"text-amber-500",symbol:"\u26A0"},processing:{color:"text-purple-500",symbol:"\u27F3"}}[e.level],{reducedMotion:l}=k();return jsxs(motion.div,{initial:l?false:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:l?.1:.3},className:`flex items-start gap-2 text-foreground/80 ${s?.log||""}`,children:[!n&&jsx("span",{className:"text-muted-foreground text-[10px]",children:e.timestamp}),jsx("span",{className:`${a.color} font-bold`,children:a.symbol}),jsx("span",{className:"flex-1 text-[11px]",children:e.message})]})}),Te=memo(function({logs:e,expanded:n,onToggle:s,compact:o=false,classNames:a,labels:l,renderLog:i}){let c=useRef(null);if(useEffect(()=>{c.current&&(c.current.scrollTop=c.current.scrollHeight);},[e]),e.length===0)return null;let{reducedMotion:r}=k(),g=o?l?.logLabelCompact??"LOG":l?.logLabel??"SYSTEM LOG",v=o?"":l?.logEntriesSuffix??" entries";return jsxs(motion.div,{role:"log","aria-live":"polite",initial:r?false:{opacity:0},animate:{opacity:1},transition:{duration:r?.1:.4},className:`${o?"mt-2":"mt-3 ml-14"} ${a?.logContainer||""}`,children:[jsxs("button",{onClick:s,"aria-expanded":n,"aria-label":`${g} - ${e.length} entries`,className:`flex items-center ${o?"gap-1.5":"gap-2"} text-xs font-mono text-muted-foreground hover:text-foreground transition-colors ${o?"":"px-2 py-1 rounded"} focus-visible:ring-2 focus-visible:ring-orange-500 focus-visible:ring-offset-2 focus-visible:outline-none rounded`,children:[n?jsx(ChevronDown,{className:"w-3 h-3"}):jsx(ChevronRight,{className:"w-3 h-3"}),jsx(Terminal,{className:o?"w-2.5 h-2.5":"w-3 h-3"}),jsxs("span",{children:[g," (",e.length,v,")"]})]}),jsx(AnimatePresence,{children:n&&jsx(motion.div,{initial:r?false:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:r?.1:.3},className:"overflow-hidden",children:jsx("div",{ref:c,className:`bg-background border border-border/50 rounded-md p-2 font-mono text-xs ${o?"max-h-24":"max-h-32"} overflow-y-auto space-y-1 mt-2`,children:e.map(f=>{let u=jsx(Nt,{log:f,compact:o,classNames:a},f.id);return i?jsx("div",{children:i(f,u)},f.id):u})})})})]})});var Je=memo(function({substep:e,delay:n,classNames:s,renderSubstep:o}){let[a,l]=useState(false),i=useCallback(()=>l(v=>!v),[]),{reducedMotion:c,preset:r}=k(),g=jsx(motion.div,{role:"listitem",initial:c?false:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{delay:n,duration:r.durations.normal},className:"pl-3",children:jsxs("div",{className:"flex items-start gap-2.5",children:[jsx(motion.div,{className:`
             w-4 h-4 mt-0.5 rounded border-2 flex items-center justify-center flex-shrink-0 transition-all duration-500
             ${e.completed?"bg-emerald-500 border-emerald-500":"border-border bg-background"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chrisflippen/blueprint-document-assembly",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "An animation-heavy React component for visualizing multi-step processes as a Blueprint/Technical Document Assembly system with streaming logs, progressive document construction, and cinematic completion effects",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -62,10 +62,10 @@
     "lucide-react": ">=0.300.0"
   },
   "devDependencies": {
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "tsup": "^8.3.5",
     "typescript": "^5.7.2"
   }