{"_id":"@ayrwellness/tender-react-components","_rev":"4-12f1b334fb7bac24e00f0c15f34a201a","name":"@ayrwellness/tender-react-components","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@ayrwellness/tender-react-components","version":"1.0.0","author":{"name":"AYR Wellness Inc."},"license":"MIT","_id":"@ayrwellness/tender-react-components@1.0.0","maintainers":[{"name":"ayradmin","email":"engr-admin@ayrwellness.com"},{"name":"ayrotoinsa","email":"oto.insa@ayrwellness.com"}],"dist":{"shasum":"195fba161ffbc87175241b584156346ffdf5f674","tarball":"https://registry.npmjs.org/@ayrwellness/tender-react-components/-/tender-react-components-1.0.0.tgz","fileCount":6,"integrity":"sha512-O0U3+VJr8YYGQTzS9XaKLQXmix5IZqaYGU4YqnEA+UxfwD8e6FH+2ZSZ1Wksr7eD3aSxZ9R6fANX7LdQBHaH8Q==","signatures":[{"sig":"MEUCIEujerKA4WUNeXhKMHyNHemcsFn4iTOODZwXxlohHbSoAiEAyTrUx99o5FFLNye5iYTS1frn/aSTKyTzUfQJaBT/os8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":90476},"main":"index.js","type":"module","gitHead":"aabeaa37648fbe23f7b1d762eeba9b5422e127d9","_npmUser":{"name":"ayrotoinsa","email":"oto.insa@ayrwellness.com"},"_npmVersion":"10.8.2","description":"Base components for the Tender app","directories":{},"_nodeVersion":"18.20.7","_hasShrinkwrap":false,"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/tender-react-components_1.0.0_1758285386353_0.5579541962985464","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@ayrwellness/tender-react-components","version":"1.0.1","author":{"name":"AYR Wellness Inc."},"license":"MIT","_id":"@ayrwellness/tender-react-components@1.0.1","maintainers":[{"name":"ayradmin","email":"engr-admin@ayrwellness.com"},{"name":"ayrotoinsa","email":"oto.insa@ayrwellness.com"}],"dist":{"shasum":"9bb9d3ec5c9250dfa6f7c77749de5ca0755868ab","tarball":"https://registry.npmjs.org/@ayrwellness/tender-react-components/-/tender-react-components-1.0.1.tgz","fileCount":6,"integrity":"sha512-byTC9p54aBQqoIvsZwdeKEf2wylaqvyFWez+18Qf7ChCzjdx0gdt52wnYaQX+S/71mxhS0KNP0r7khfBJI7iQQ==","signatures":[{"sig":"MEYCIQDJbp9iP1SoynB3/bTdskty6URGSVPfO+u0AmoM5iyEHAIhAM0QQfB5OLnHBjkXN6oEFLwGAN7rfvFNp+NF4JQsun1A","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":90460},"main":"index.js","type":"module","gitHead":"aabeaa37648fbe23f7b1d762eeba9b5422e127d9","_npmUser":{"name":"ayrotoinsa","email":"oto.insa@ayrwellness.com"},"_npmVersion":"10.8.2","description":"Base components for the Tender app","directories":{},"_nodeVersion":"18.20.7","_hasShrinkwrap":false,"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/tender-react-components_1.0.1_1758287883286_0.1964063384481558","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@ayrwellness/tender-react-components","version":"1.0.2","author":{"name":"AYR Wellness Inc."},"license":"MIT","_id":"@ayrwellness/tender-react-components@1.0.2","maintainers":[{"name":"ayradmin","email":"engr-admin@ayrwellness.com"},{"name":"ayrotoinsa","email":"oto.insa@ayrwellness.com"}],"dist":{"shasum":"51afa2c30cd4462d5b63bde93ae7b2b69dd295b1","tarball":"https://registry.npmjs.org/@ayrwellness/tender-react-components/-/tender-react-components-1.0.2.tgz","fileCount":6,"integrity":"sha512-rj2AlhwiHAALHi88CUNNbOUgggH7eAekpPlyU+Jn+Mqsxa1aKqNOfvnqk4UMcvr7CNXhvwKao+wMLkX3tpkgWg==","signatures":[{"sig":"MEQCIG2+QpWWT1FkYbSl/w0hsjW35/G2yLZWl9x6LbGJEH+fAiAwnV9J5z9wd+oC6V9IFb8BP0UwzFE+jiIgNqxg0C2BHA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":90538},"main":"index.js","type":"module","gitHead":"aabeaa37648fbe23f7b1d762eeba9b5422e127d9","_npmUser":{"name":"ayrotoinsa","email":"oto.insa@ayrwellness.com"},"_npmVersion":"10.8.2","description":"Base components for the Tender app","directories":{},"_nodeVersion":"18.20.7","_hasShrinkwrap":false,"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/tender-react-components_1.0.2_1758287971800_0.5769132068992495","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@ayrwellness/tender-react-components","version":"1.0.3","description":"Base components for the Tender app","main":"index.js","type":"module","author":{"name":"AYR Wellness Inc."},"license":"MIT","peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_id":"@ayrwellness/tender-react-components@1.0.3","gitHead":"067738f8fdfc687e97102d85823ff4cfd4d4db1d","_nodeVersion":"18.20.7","_npmVersion":"10.8.2","dist":{"integrity":"sha512-m/1409aEzzR35UWxOEwDDV9bboyEKw1pEtWSqi5F2xIzM04yieboXcL1Hp2PQGIN6nwRgRnZRijGRgt01frwJw==","shasum":"588da278f413850321922c315afb186e4f0abab7","tarball":"https://registry.npmjs.org/@ayrwellness/tender-react-components/-/tender-react-components-1.0.3.tgz","fileCount":6,"unpackedSize":90551,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIDJajMIefwhhygI78udnjkRADqpZfIEtgQqr5AM80exNAiBXcn2g4T3Fm++/o6c2KkjVRqIG6Rlj6oKIbCE+pdhVPQ=="}]},"_npmUser":{"name":"ayrotoinsa","email":"oto.insa@ayrwellness.com"},"directories":{},"maintainers":[{"name":"ayradmin","email":"engr-admin@ayrwellness.com"},{"name":"ayrotoinsa","email":"oto.insa@ayrwellness.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tender-react-components_1.0.3_1758721100836_0.6116498479560089"},"_hasShrinkwrap":false}},"time":{"created":"2025-09-19T12:36:26.199Z","modified":"2025-09-24T13:38:21.257Z","1.0.0":"2025-09-19T12:36:26.554Z","1.0.1":"2025-09-19T13:18:03.558Z","1.0.2":"2025-09-19T13:19:31.974Z","1.0.3":"2025-09-24T13:38:21.057Z"},"author":{"name":"AYR Wellness Inc."},"license":"MIT","description":"Base components for the Tender app","maintainers":[{"name":"ayradmin","email":"engr-admin@ayrwellness.com"},{"name":"ayrotoinsa","email":"oto.insa@ayrwellness.com"}],"readme":"# Tender React Components\n\nThis package contains the base components for the Tender app. The package is published as `@ayrwellness/tender-react-components` on npm.\n\n## Files Included\n\n- `index.js` - The main component library\n- `style.css` - Required CSS styles\n- `react_example.jsx` - Example React component showing basic usage\n- `form_example.jsx` - Comprehensive form example with all components\n\n## Installation\n\n```bash\nnpm install @ayrwellness/tender-react-components\n```\n\n## Quick Start\n\n```jsx\nimport React from 'react'\nimport { Button, Dropdown, LayoutProvider } from '@ayrwellness/tender-react-components'\nimport '@ayrwellness/tender-react-components/style.css'\n\nfunction App() {\n  return (\n    <LayoutProvider>\n      <Button text=\"Click me!\" type={0} onClick={() => console.log('Clicked!')} />\n    </LayoutProvider>\n  )\n}\n\nexport default App\n```\n\n## Available Components\n\n- **Button** - Various button types and styles\n- **Dropdown** - Selection dropdown component\n- **SegmentedControl** - Multi-option selection control\n- **KeyValueTable** - Data display in key-value pairs\n- **BarChart** - Interactive bar chart for data visualization\n- **ProgressBar** - Visual progress indicator with different states\n- **QuestionnaireBlock** - Interactive questionnaire component\n- **Loader** - Loading states and animations\n- **LineInput** - Text input component\n- **LayoutProvider** - Design system provider (optional)\n\n## Styling\n\nThe components require the included CSS file for proper styling:\n\n```jsx\nimport '@ayrwellness/tender-react-components/style.css'\n```\n\nFor the complete design system, wrap your app with LayoutProvider:\n\n```jsx\nimport { LayoutProvider } from '@ayrwellness/tender-react-components'\n\nfunction App() {\n  return (\n    <LayoutProvider>\n      {/* Your app content */}\n    </LayoutProvider>\n  )\n}\n```\n\n## Examples\n\n- `react_example.jsx` - Basic component examples and interactions\n- `form_example.jsx` - Comprehensive form demonstrating all components working together\n","readmeFilename":"README.md"}