{"_id":"@ar-dacity/ardacity-text-pressure","_rev":"8-d0ae476090f8679b50c5f041454b16e8","name":"@ar-dacity/ardacity-text-pressure","dist-tags":{"latest":"1.0.7"},"versions":{"1.0.0":{"name":"@ar-dacity/ardacity-text-pressure","version":"1.0.0","keywords":["react","ui","components","text","pressure","variable-fonts"],"author":{"name":"ArDacity"},"license":"MIT","_id":"@ar-dacity/ardacity-text-pressure@1.0.0","maintainers":[{"name":"ruffledzest","email":"vibhanshalok@gmail.com"}],"dist":{"shasum":"f00906cd485b8bdce947562887ead121a877086d","tarball":"https://registry.npmjs.org/@ar-dacity/ardacity-text-pressure/-/ardacity-text-pressure-1.0.0.tgz","fileCount":9,"integrity":"sha512-/5ikKgWmVadI5olyCla1SWWi/7vw3jhjvt+pt2EgbGEy7VSuhX5zzC75T3vpgthjbp8JB5ydrraCneCFqrhHeQ==","signatures":[{"sig":"MEUCIQCV2NC3xHY3mmrxr3MQhUvopqoMLHTfdh/LnX5kRyX/bQIgRiqT2jInNV15yv80ka2oh0yWW1J7xSyiCAOUoAuAHac=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16339},"main":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"tsc","postinstall":"node ./scripts/install.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"ruffledzest","email":"vibhanshalok@gmail.com"},"_npmVersion":"10.8.1","description":"Dynamic text pressure effects for React applications","directories":{},"_nodeVersion":"20.12.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@types/node":"^20.10.5","@types/react":"^18.2.45"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/ardacity-text-pressure_1.0.0_1745432966571_0.8638888839112786","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@ar-dacity/ardacity-text-pressure","version":"1.0.1","keywords":["react","ui","components","text","pressure","variable-fonts"],"author":{"name":"ArDacity"},"license":"MIT","_id":"@ar-dacity/ardacity-text-pressure@1.0.1","maintainers":[{"name":"ruffledzest","email":"vibhanshalok@gmail.com"}],"dist":{"shasum":"bb4ca67f269bb5acfe741c29fe22bdf0b4fd539f","tarball":"https://registry.npmjs.org/@ar-dacity/ardacity-text-pressure/-/ardacity-text-pressure-1.0.1.tgz","fileCount":9,"integrity":"sha512-EyF0dzEXPcU/29PBCx/BE8UjJQf6DOl1GYyLMUnF7V1xWwYbQiXQpTau+tbSJqC7ewb2Gyz/+TXdTZUGlE8oog==","signatures":[{"sig":"MEQCICY+Qrq5UzyGlEY/dv3Aw61UN5G263ZYf+xBdxKQmyQoAiAoFtb5OPhwKHpQ1AjAeQxzckbJjI5Bl/vRu5DxgPZPLQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16498},"main":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"tsc","postinstall":"node ./scripts/install.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"ruffledzest","email":"vibhanshalok@gmail.com"},"_npmVersion":"10.8.1","description":"Dynamic text pressure effects for React applications","directories":{},"_nodeVersion":"20.12.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@types/node":"^20.10.5","@types/react":"^18.2.45"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/ardacity-text-pressure_1.0.1_1745433632743_0.40462765659992606","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@ar-dacity/ardacity-text-pressure","version":"1.0.2","keywords":["react","ui","components","text","pressure","variable-fonts"],"author":{"name":"ArDacity"},"license":"MIT","_id":"@ar-dacity/ardacity-text-pressure@1.0.2","maintainers":[{"name":"ruffledzest","email":"vibhanshalok@gmail.com"}],"dist":{"shasum":"de1b1a5dd2798289cf8e2575eb5ce09a8b0f57f8","tarball":"https://registry.npmjs.org/@ar-dacity/ardacity-text-pressure/-/ardacity-text-pressure-1.0.2.tgz","fileCount":9,"integrity":"sha512-n0Vlnz+9putTQR4x2B3VI9RRxPKDXHMMU2DSlhA5YRkvnBkKRn4y9C9ahZHm80KvBcRUPl6QgnrT74SVKDrS0Q==","signatures":[{"sig":"MEQCIB8hIgL02EbxI6QiQh1eQO+3YlsrfbQtv4VMifRjoSjXAiBY6pr+nj0CSneDGxnYcOoAXU33ool6Oq5lgmtXSPinKw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16632},"main":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"tsc","postinstall":"node ./scripts/install.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"ruffledzest","email":"vibhanshalok@gmail.com"},"_npmVersion":"10.8.1","description":"Dynamic text pressure effects for React applications","directories":{},"_nodeVersion":"20.12.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@types/node":"^20.10.5","@types/react":"^18.2.45"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/ardacity-text-pressure_1.0.2_1745433829380_0.06789519872455552","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@ar-dacity/ardacity-text-pressure","version":"1.0.3","keywords":["react","ui","components","text","pressure","variable-fonts"],"author":{"name":"ArDacity"},"license":"MIT","_id":"@ar-dacity/ardacity-text-pressure@1.0.3","maintainers":[{"name":"ruffledzest","email":"vibhanshalok@gmail.com"}],"dist":{"shasum":"49c4dd87079bf79e37a89f9481924edfd5029e46","tarball":"https://registry.npmjs.org/@ar-dacity/ardacity-text-pressure/-/ardacity-text-pressure-1.0.3.tgz","fileCount":9,"integrity":"sha512-JEfqYLTxyghrhL6BWzRz6W43WuynFIfSPFYypiH9AVFYMH1GOY78stthxBe3a8JXtPK8pxZ2jcT3oGXOJF6LvA==","signatures":[{"sig":"MEQCIAc8x/wiGu9wgVmciZlhRk0FocfiOq8xqZM6z0Y8L3xfAiANNyMYhV/8hLFQnPKaU+Tbzkdl1esGtd0AmK70/253Uw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16632},"main":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"tsc","postinstall":"node ./scripts/install.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"ruffledzest","email":"vibhanshalok@gmail.com"},"_npmVersion":"10.8.1","description":"Dynamic text pressure effects for React applications","directories":{},"_nodeVersion":"20.12.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@types/node":"^20.10.5","@types/react":"^18.2.45"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/ardacity-text-pressure_1.0.3_1745434966988_0.5351864224233451","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@ar-dacity/ardacity-text-pressure","version":"1.0.4","keywords":["react","ui","components","text","pressure","variable-fonts"],"author":{"name":"ArDacity"},"license":"MIT","_id":"@ar-dacity/ardacity-text-pressure@1.0.4","maintainers":[{"name":"ruffledzest","email":"vibhanshalok@gmail.com"}],"dist":{"shasum":"7744937326055fe307d16c8ff88294484ae15250","tarball":"https://registry.npmjs.org/@ar-dacity/ardacity-text-pressure/-/ardacity-text-pressure-1.0.4.tgz","fileCount":7,"integrity":"sha512-PyjRb0oVAVQm7GL1kJdFEoZZbKumCRhU9HXW/EAyovl7UdFeAO3+JDQ/ts1WYtGdBigaU6DNm+rnw5Srf3xdAA==","signatures":[{"sig":"MEUCIQCk+qInrXuBuSeQd0Zqub4iYtIq4+CmUvI05xf5hn0epgIgZ6L22APCmvE//I9CTUM7GrK6y6lDUNA2DEK0x1//ZXw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":15668},"main":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"tsc","postinstall":"node ./scripts/install.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"ruffledzest","email":"vibhanshalok@gmail.com"},"_npmVersion":"10.8.1","description":"Dynamic text pressure effects for React applications","directories":{},"_nodeVersion":"20.12.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@types/node":"^20.10.5","@types/react":"^18.2.45"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/ardacity-text-pressure_1.0.4_1745438878694_0.2674404139856976","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@ar-dacity/ardacity-text-pressure","version":"1.0.5","keywords":["react","ui","components","text","pressure","variable-fonts"],"author":{"name":"ArDacity"},"license":"MIT","_id":"@ar-dacity/ardacity-text-pressure@1.0.5","maintainers":[{"name":"ruffledzest","email":"vibhanshalok@gmail.com"}],"dist":{"shasum":"9bb469ac829cb46257ddfa50605483afbe1dc17f","tarball":"https://registry.npmjs.org/@ar-dacity/ardacity-text-pressure/-/ardacity-text-pressure-1.0.5.tgz","fileCount":7,"integrity":"sha512-A0aKhSuqN0ma2hW+EuJsKKqMFC3f+xeGrTMQzfWJceTnmxEGLObC2Sq+C9H6ZS18cDvucj7kTuBGLjhasD3Qbw==","signatures":[{"sig":"MEUCIQC5T5WRJUsyqunIgy9amVCsNtvKZRd4ojnQuMUUkwgCfgIgBOMPicqbfqotuqQs947w/bAmXsXMX3WR83UabbVUv6I=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":15677},"main":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"tsc","postinstall":"node ./scripts/install.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"ruffledzest","email":"vibhanshalok@gmail.com"},"_npmVersion":"10.8.1","description":"Dynamic text pressure effects for React applications","directories":{},"_nodeVersion":"20.12.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@types/node":"^20.10.5","@types/react":"^18.2.45"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/ardacity-text-pressure_1.0.5_1745439098738_0.176296286011419","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@ar-dacity/ardacity-text-pressure","version":"1.0.6","keywords":["react","ui","components","text","pressure","variable-fonts"],"author":{"name":"ArDacity"},"license":"MIT","_id":"@ar-dacity/ardacity-text-pressure@1.0.6","maintainers":[{"name":"ruffledzest","email":"vibhanshalok@gmail.com"}],"dist":{"shasum":"3dee456401bb0896e4f4192d12d8c1f50dac19aa","tarball":"https://registry.npmjs.org/@ar-dacity/ardacity-text-pressure/-/ardacity-text-pressure-1.0.6.tgz","fileCount":7,"integrity":"sha512-dA6RlzWLtP8k1JqqucYwLW7szFd7wausBYzZjsqNMnZsOPlZxxNgz9kA3H3q18w/K5MNgCwmKSF9U4d4Ro3j+g==","signatures":[{"sig":"MEYCIQDb3vCqY+xQt5VK2W83XBT/mIdK1rHzwbbtZI3uQPypNAIhAP28qwkAYrW0MN9vU+aKTkDmjVvBmWC1+GbV6PHKJUrD","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":15673},"main":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"tsc","postinstall":"node ./scripts/install.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"ruffledzest","email":"vibhanshalok@gmail.com"},"_npmVersion":"10.8.1","description":"Dynamic text pressure effects for React applications","directories":{},"_nodeVersion":"20.12.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@types/node":"^20.10.5","@types/react":"^18.2.45"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/ardacity-text-pressure_1.0.6_1745439265792_0.6408680094509958","host":"s3://npm-registry-packages-npm-production"}},"1.0.7":{"name":"@ar-dacity/ardacity-text-pressure","version":"1.0.7","description":"Dynamic text pressure effects for React applications","main":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"tsc","prepublishOnly":"npm run build","postinstall":"node ./scripts/install.js"},"keywords":["react","ui","components","text","pressure","variable-fonts"],"author":{"name":"ArDacity"},"license":"MIT","peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"devDependencies":{"@types/node":"^20.10.5","@types/react":"^18.2.45","typescript":"^5.3.3"},"_id":"@ar-dacity/ardacity-text-pressure@1.0.7","gitHead":"ed35a3d5ae61321181dcee2d088244a2b1508662","_nodeVersion":"20.12.1","_npmVersion":"10.8.1","dist":{"integrity":"sha512-Ai7gMkV4DlmCHAaP/rTyAInmJmA7NwBaa9qVCAfLuWE2DKPPcc98U81VTYZ/L9M3JlFNCQe5F0yCy6gwksczhg==","shasum":"ed2272e886bca651cddfacfbb2bce9ad7cb37620","tarball":"https://registry.npmjs.org/@ar-dacity/ardacity-text-pressure/-/ardacity-text-pressure-1.0.7.tgz","fileCount":7,"unpackedSize":16118,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDayb08CEHEcUwd5/goCcRqJGhvA/lRr7uqr6/xtPJw9QIhAIrN+9zHHh3pnwHG7mOLHZHC+xmxfsoJMwRlk6+iUcp3"}]},"_npmUser":{"name":"ruffledzest","email":"vibhanshalok@gmail.com"},"directories":{},"maintainers":[{"name":"ruffledzest","email":"vibhanshalok@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ardacity-text-pressure_1.0.7_1745442715065_0.8952566628752041"},"_hasShrinkwrap":false}},"time":{"created":"2025-04-23T18:29:26.474Z","modified":"2025-04-23T21:11:55.457Z","1.0.0":"2025-04-23T18:29:26.774Z","1.0.1":"2025-04-23T18:40:32.938Z","1.0.2":"2025-04-23T18:43:49.586Z","1.0.3":"2025-04-23T19:02:47.185Z","1.0.4":"2025-04-23T20:07:58.880Z","1.0.5":"2025-04-23T20:11:38.945Z","1.0.6":"2025-04-23T20:14:25.971Z","1.0.7":"2025-04-23T21:11:55.239Z"},"author":{"name":"ArDacity"},"license":"MIT","keywords":["react","ui","components","text","pressure","variable-fonts"],"description":"Dynamic text pressure effects for React applications","maintainers":[{"name":"ruffledzest","email":"vibhanshalok@gmail.com"}],"readme":"# ArDacity Text Pressure\n\nA React component library that adds dynamic pressure effects to text using variable fonts.\n\n## Installation\n\n```bash\nnpm install @ar-dacity/ardacity-text-pressure\n```\n\nor\n\n```bash\nyarn add @ar-dacity/ardacity-text-pressure\n```\n\n## What Happens During Installation\n\nWhen you install this package, it automatically:\n\n1. Creates a `components/ArDacityUi` directory in your project (if it doesn't exist)\n2. Creates a `TextPressure` subdirectory\n3. Copies the TextPressure component files into that directory:\n - `TextPressure.jsx`\n - `index.js`\n\n## Usage\n\nAfter installation, you can import the component directly from your components directory:\n\n```jsx\nimport TextPressure from './components/ArDacityUi/TextPressure/TextPressure';\n// Or simply:\nimport { TextPressure } from './components/ArDacityUi/TextPressure';\n\nfunction App() {\n return (\n
\n \n
\n );\n}\n```\n\n## Component Props\n\n| Property | Type | Default | Description |\n|----------|------|---------|-------------|\n| text | string | \"ardacity\" | Text content that will be displayed and animated. |\n| fontFamily | string | \"ardacity VF\" | Name of the variable font family. |\n| fontUrl | string | (ardacity font URL) | URL for the variable font file (needed) |\n| flex | boolean | true | Whether the characters are spaced using flex layout. |\n| scale | boolean | false | If true, vertically scales the text to fill its container height. |\n| alpha | boolean | false | If true, applies an opacity effect based on cursor distance. |\n| stroke | boolean | false | If true, adds a stroke effect around characters. |\n| width | boolean | true | If true, varies the variable-font \"width\" axis. |\n| weight | boolean | true | If true, varies the variable-font \"weight\" axis. |\n| italic | boolean | true | If true, varies the variable-font \"italics\" axis. |\n| textColor | string | auto | The fill color of the text. Automatically adapts to light/dark themes when not specified. |\n| strokeColor | string | \"#FF0000\" | The stroke color that will be applied to the text when \"stroke\" is set to true |\n| strokeWidth | number | 2 | The width of the stroke in pixels |\n| className | string | \"\" | Additional class for styling the `

` wrapper. |\n| minFontSize | number | 24 | Sets a minimum font-size to avoid overly tiny text on smaller screens. |\n\n## Important Notes\n\n- Make sure the font you're using supports all the variable properties you enable.\n- The component works best with variable fonts that support width, weight, and italic axes.\n- For best results, place the TextPressure component in a container with a defined height.\n- The default font is provided as an example and should not be used in commercial projects.\n- If no textColor is specified, the component will automatically detect the theme and use black text on light backgrounds and white text on dark backgrounds.\n\n## Example: Customizing the Font\n\n```jsx\n\n```\n\n## Example: Minimal Usage\n\nYou can also use the component with minimal configuration:\n\n```jsx\n\n```\n\nThis will render the component with all default settings and automatic text color based on theme.\n\n## Compatibility\n\nThis package is compatible with:\n- React 16.8.0 and above (requires Hooks)\n- React with JSX\n- Vite projects\n- Next.js projects\n- Create React App projects\n\n## License\n\nMIT","readmeFilename":"README.md"}