{"_id":"@abundiko/rn-dialog","_rev":"1-b6a37fcd8b65005d9df2d706f44fd5ca","name":"@abundiko/rn-dialog","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@abundiko/rn-dialog","version":"0.1.0","keywords":["react-native","react-native-dialog","react-native","rn-dialog","dialog","modal","popup","react-native-modal","dialog","modal"],"author":{"name":"abundiko"},"license":"MIT","_id":"@abundiko/rn-dialog@0.1.0","maintainers":[{"name":"abundiko","email":"abundiko111@gmail.com"}],"dist":{"shasum":"faa935b07331d783a23f7846cdf07c9cf9d9e47f","tarball":"https://registry.npmjs.org/@abundiko/rn-dialog/-/rn-dialog-0.1.0.tgz","fileCount":7,"integrity":"sha512-mS7Gi81rGIwAe9TYara5nZTup+PAlp25h2zrMKYb0A+4d+2imWf8CRsrCJO5JREZSXXTy3WvEFRzV5VYvKjbTw==","signatures":[{"sig":"MEUCIQDmXkVA83TEbk3LDIJb9t2AzXCYM29/UnKCFWdkor7wAQIgeBHXKdBBfa4W9bvBnoPoRsj44OU6XMtBFxwqApcd+Es=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":15798},"main":"dist/index.js","type":"module","types":"./dist/index.d.ts","gitHead":"45e3a1481b427163f56cc2df4afa20a6ff01db45","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc","check-exports":"attw --pack .","local-release":"changeset version && changeset publish"},"_npmUser":{"name":"abundiko","email":"abundiko111@gmail.com"},"repository":{"url":"github.com/abundiko/rn-dialog.git","type":"git"},"_npmVersion":"11.1.0","description":"simple and minimal react native dialog","directories":{},"_nodeVersion":"20.18.0","dependencies":{"react":"^18.3.1","react-native":"^0.77.1"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.7.3","@types/react":"^18.2.0","@changesets/cli":"^2.28.0","@types/react-native":"^0.72.0","@arethetypeswrong/cli":"^0.17.3"},"_npmOperationalInternal":{"tmp":"tmp/rn-dialog_0.1.0_1739870934707_0.003225422281095458","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@abundiko/rn-dialog","version":"0.1.1","description":"simple and minimal react native dialog","keywords":["react-native","react-native-dialog","react-native","rn-dialog","dialog","modal","popup","react-native-modal","dialog","modal"],"repository":{"type":"git","url":"github.com/abundiko/rn-dialog.git"},"license":"MIT","author":{"name":"abundiko"},"type":"module","main":"dist/index.js","scripts":{"build":"tsc","test":"echo \"Error: no test specified\" && exit 1","check-exports":"attw --pack .","local-release":"changeset version && changeset publish"},"devDependencies":{"@arethetypeswrong/cli":"^0.17.3","@changesets/cli":"^2.28.0","@types/react":"^18.2.0","@types/react-native":"^0.72.0","typescript":"^5.7.3"},"dependencies":{"react":"^18.3.1","react-native":"^0.77.1"},"_id":"@abundiko/rn-dialog@0.1.1","gitHead":"d1012606256c5f95f901d23ff19fad3da8934c23","types":"./dist/index.d.ts","_nodeVersion":"20.18.0","_npmVersion":"11.1.0","dist":{"integrity":"sha512-l2NfMhrlq2nIj4INER4cLUsUEjYmAtJz/ywicVO7wx7x5VlxhHgG9aX4WFlu0mq4Ycpggl6zDHLJs7GtcVW7xw==","shasum":"1cd814e28dc181dcf6953cd6392f68d91d800954","tarball":"https://registry.npmjs.org/@abundiko/rn-dialog/-/rn-dialog-0.1.1.tgz","fileCount":7,"unpackedSize":15798,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDgdFDHF4sTLn24ekZgXZuTj8xVDU91+JLBD+2J2g0YywIhAJoBVq882pAO6k1Rp7YSkSjNBzvhJkmGYKgGoOsh69Mm"}]},"_npmUser":{"name":"abundiko","email":"abundiko111@gmail.com"},"directories":{},"maintainers":[{"name":"abundiko","email":"abundiko111@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/rn-dialog_0.1.1_1739872948033_0.7526306110076451"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-18T09:28:54.654Z","modified":"2025-02-18T10:02:28.430Z","0.1.0":"2025-02-18T09:28:54.936Z","0.1.1":"2025-02-18T10:02:28.245Z"},"author":{"name":"abundiko"},"license":"MIT","keywords":["react-native","react-native-dialog","react-native","rn-dialog","dialog","modal","popup","react-native-modal","dialog","modal"],"repository":{"type":"git","url":"github.com/abundiko/rn-dialog.git"},"description":"simple and minimal react native dialog","maintainers":[{"name":"abundiko","email":"abundiko111@gmail.com"}],"readme":"# Simple Dialog\r\n\r\n## Usage\r\n\r\n### Wrap your app root in `DialogProvider`\r\n\r\n```tsx\r\nimport DialogProvider from \"@/lib/dialog\";\r\n\r\n<DialogProvider>// ...the rest of your app</DialogProvider>;\r\n```\r\n\r\n### Create and export your `DialogComponent` from maybe `/components/dialogs`\r\n\r\n```tsx\r\nimport { View, Text, Button } from \"react-native\";\r\nimport React from \"react\";\r\nimport { Dialog, DialogController } from \"@/lib/dialog\";\r\n\r\nexport default function DialogComponent({\r\n  controller,\r\n}: {\r\n  controller: DialogController;\r\n}) {\r\n  return (\r\n    <Dialog.Root controller={controller} closeOnOutsidePress>\r\n      <Dialog.Content>\r\n        <View style={{ height: 300, width: 280, padding: 20 }}>\r\n          <Text>TestDialog</Text>\r\n          <Button title=\"wow\" />\r\n        </View>\r\n      </Dialog.Content>\r\n    </Dialog.Root>\r\n  );\r\n}\r\n```\r\n\r\n### Use the `useDialog` hook to control your dialog\r\n\r\n```tsx\r\nconst dialog = useDialog((d) => <DialogComponent controller={d} />);\r\n\r\n//   you can use methods like\r\ndialog.open();\r\ndialog.close();\r\n```\r\n","readmeFilename":"README.md"}