https://community-bits.vercel.app/assets/FlowFieldDemo-DHAuUDWe.js

1import{a1 as d,Z as t}from"./app-CSq-4D6B.js";import{D as c}from"./DemoShell-r8RAjwM9.js";import{P as a}from"./PreviewSlider-D-O1-atf.js";import{P as m}from"./PreviewSelect-CYsmRcq2.js";import p from"./FlowField-WaWiWKnL.js";import"./rotate-ccw-DURTGv-m.js";const f={componentId:"flow-field",dependencies:"motion",usage:`import FlowField from './FlowField';
2
3<FlowField count={700} color="#7aa2ff" speed={1} scale={1} trail={0.92} />`},u={count:700,color:"#7aa2ff",speed:1,scale:1,trail:.92},F=[{value:"#7aa2ff",label:"Periwinkle"},{value:"#5eead4",label:"Teal"},{value:"#f0abfc",label:"Orchid"},{value:"#fcd34d",label:"Amber"}],j=()=>{const n=d.useMemo(()=>[{name:"count",type:"number",default:"700",description:"Number of particles tracing the field."},{name:"color",type:"string",default:"'#7aa2ff'",description:"Filament stroke color."},{name:"surfaceColor",type:"string",default:"'#06070d'",description:"Backdrop fill color."},{name:"speed",type:"number",default:"1",description:"Flow speed multiplier."},{name:"scale",type:"number",default:"1",description:"Field frequency — higher means tighter swirls."},{name:"trail",type:"number",default:"0.92",description:"Trail persistence from 0 (no trail) to ~1 (long trails)."},{name:"lineWidth",type:"number",default:"1.1",description:"Filament stroke width in pixels."},{name:"className",type:"string",default:"''",description:"Optional class applied to the root element."},{name:"children",type:"ReactNode",default:"—",description:"Optional content centered above the field."}],[]);return t.jsx(c,{defaultProps:u,propData:n,dependencies:["motion"],codeObject:f,componentName:"FlowField",flexProps:{padding:0,overflow:"hidden"},preview:({props:l,key:i})=>t.jsx(p,{...l},i),controls:({props:l,updateProp:i,forceRerender:r})=>{const o=(e,s)=>{i(e,s),r()};return t.jsxs(t.Fragment,{children:[t.jsx(a,{title:"Count",min:150,max:1400,step:50,value:l.count,onChange:e=>o("count",e)}),t.jsx(a,{title:"Speed",min:.3,max:2.5,step:.1,value:l.speed,onChange:e=>o("speed",e)}),t.jsx(a,{title:"Field scale",min:.4,max:2.5,step:.1,value:l.scale,onChange:e=>o("scale",e)}),t.jsx(a,{title:"Trail",min:.6,max:.98,step:.02,value:l.trail,onChange:e=>o("trail",e)}),t.jsx(m,{title:"Color",options:F,value:l.color,onChange:e=>o("color",e)})]})}})};export{j as default};
4//# sourceMappingURL=FlowFieldDemo-DHAuUDWe.js.map