{"_id":"@atomatik/drag-and-drop-form","name":"@atomatik/drag-and-drop-form","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@atomatik/drag-and-drop-form","version":"0.1.0","description":"Reusable drag-and-drop form builder for React","license":"MIT","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"sideEffects":false,"peerDependencies":{"react":">=18 <20","react-dom":">=18 <20"},"dependencies":{"@atlaskit/pragmatic-drag-and-drop":">=1.7.7 <2"},"devDependencies":{"@types/react":"^19.0.0","@types/react-dom":"^19.0.0","tsup":"^8.3.5","typescript":"^5.7.3"},"scripts":{"build":"tsup","clean":"rm -rf dist","dev":"tsup --watch","typecheck":"tsc --noEmit"},"_id":"@atomatik/drag-and-drop-form@0.1.0","_integrity":"sha512-P0bBeRczuej7umnK8d/5F4mbqLxd4uYXZYcKcO5LcDAeafSr/WNbhwQYLIQBXip+PuTViRD6meUjDpmMHKs6Vg==","_resolved":"/tmp/ae62db3af846ce5b2ff0c838eb740f3f/atomatik-drag-and-drop-form-0.1.0.tgz","_from":"file:atomatik-drag-and-drop-form-0.1.0.tgz","_nodeVersion":"25.2.1","_npmVersion":"11.6.2","dist":{"integrity":"sha512-P0bBeRczuej7umnK8d/5F4mbqLxd4uYXZYcKcO5LcDAeafSr/WNbhwQYLIQBXip+PuTViRD6meUjDpmMHKs6Vg==","shasum":"50f7b1822715fac7b9b2c35abeae89a8d60d3b67","tarball":"https://registry.npmjs.org/@atomatik/drag-and-drop-form/-/drag-and-drop-form-0.1.0.tgz","fileCount":8,"unpackedSize":151778,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIG/L+00lHdduTYEIiicOwRVVI2+tyj3lLIr5OCiZxbc+AiAxZqGFGvBKKHCF+O3Ort14zicZIEUcfiFNCA47GiocvQ=="}]},"_npmUser":{"name":"wizely99","email":"Wizely99@gmail.com"},"directories":{},"maintainers":[{"name":"wizely99","email":"Wizely99@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/drag-and-drop-form_0.1.0_1771062146590_0.7125582407409479"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-14T09:42:26.505Z","0.1.0":"2026-02-14T09:42:26.744Z","modified":"2026-02-14T09:42:26.947Z"},"maintainers":[{"name":"wizely99","email":"Wizely99@gmail.com"}],"description":"Reusable drag-and-drop form builder for React","license":"MIT","readme":"# @atomatik/drag-and-drop-form\n\nReusable drag-and-drop form builder for React, built on Atlassian Pragmatic Drag and Drop.\n\n## Install\n\n```bash\npnpm add @atomatik/drag-and-drop-form\n```\n\n## Usage\n\n```tsx\n\"use client\"\n\nimport { useState } from \"react\"\nimport {\n  DragDropFormBuilder,\n  type DragDropFormConfig,\n} from \"@atomatik/drag-and-drop-form\"\n\nconst initialValue: DragDropFormConfig = {\n  title: \"Customer Intake\",\n  description: \"Drag fields into sections\",\n  sections: [],\n}\n\nexport default function Example() {\n  const [config, setConfig] = useState(initialValue)\n\n  return <DragDropFormBuilder value={config} onChange={setConfig} />\n}\n```\n\n## Publish\n\n```bash\npnpm --filter @atomatik/drag-and-drop-form build\npnpm --filter @atomatik/drag-and-drop-form publish --access public\n```\n","readmeFilename":"README.md","_rev":"1-5a6c9f46ebe557223ef8d6548d934a69"}