{"_id":"@bobyzgirlllnpm/occaecati-aliquam-explicabo","name":"@bobyzgirlllnpm/occaecati-aliquam-explicabo","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@bobyzgirlllnpm/occaecati-aliquam-explicabo","version":"1.0.0","description":"<a href=\"https://pi.lance-taylor.com\" target=\"_blank\" title=\"Storybook\"><img src=\"https://cdn.jsdelivr.net/gh/storybookjs/brand@main/badge/badge-storybook.svg\"/></a>&nbsp; <a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/actions?work","main":"index.js","scripts":{},"author":{"name":"bobyzgirlLl"},"license":"MIT","dependencies":{"@bobyzgirlllnpm/aspernatur-fugiat-quam":"^1.0.0","@bobyzgirlllnpm/autem-nemo-incidunt":"^1.0.0","@bobyzgirlllnpm/dolorem-officia-assumenda":"^1.0.0","@bobyzgirlllnpm/dolorem-vero-atque":"^1.0.0","@bobyzgirlllnpm/facere-ipsum-aspernatur":"^1.0.0","@bobyzgirlllnpm/id-nobis-pariatur":"^1.0.0","@bobyzgirlllnpm/illo-architecto-dolorum":"^1.0.0","@bobyzgirlllnpm/impedit-quia-ea":"^1.0.0","@bobyzgirlllnpm/itaque-similique-commodi":"^1.0.0","@bobyzgirlllnpm/iure-velit-sapiente":"^1.0.0","@bobyzgirlllnpm/libero-facere-id":"^1.0.0","@bobyzgirlllnpm/libero-itaque-consequuntur":"^1.0.0","@bobyzgirlllnpm/magnam-laboriosam-illum":"^1.0.0","@bobyzgirlllnpm/mollitia-doloribus-sapiente":"^1.0.0","@bobyzgirlllnpm/mollitia-fugit-officia":"^1.0.0","@bobyzgirlllnpm/nesciunt-voluptatibus-nesciunt":"^1.0.0","@bobyzgirlllnpm/nostrum-inventore-quasi":"^1.0.0","@bobyzgirlllnpm/nostrum-voluptate-provident":"^1.0.0","@bobyzgirlllnpm/pariatur-recusandae-id":"^1.0.0","@bobyzgirlllnpm/perspiciatis-sequi-eligendi":"^1.0.0","@bobyzgirlllnpm/recusandae-minus-veritatis":"^1.0.0","@bobyzgirlllnpm/repudiandae-quae-in":"^1.0.0","@bobyzgirlllnpm/saepe-autem-impedit":"^1.0.0","@bobyzgirlllnpm/suscipit-nisi-fuga":"^1.0.0","@bobyzgirlllnpm/ullam-voluptate-placeat":"^1.0.0","@drftgyhuji7npm/repellendus-eum-et-itaque":"^1.0.0","hai-custom-button":"^1.0.0","remind-works-8th":"^1.0.2","web3-khai-1":"^1.0.1","web3-khai-2":"^1.0.1"},"keywords":["ArrayBuffer","es2015","gitignore","character","negative zero","environments","set","collection.es6","ES2019","forms","pipe","Stream","Rx","walking","concatMap","mocha","throttle","real-time","spinners","react-hook-form","polyfill","uuid","dataview","Promise","sham","helper","values","kinesis","chrome","fast-clone","filter","dependency manager","Observable","argv","callbound","negative","stream","remove","obj","ES2022","ESnext","cloudwatch","shell","deep-clone","fnmatch","callbind","regular expression","Object.keys","find","Streams","callback","proxy","command-line","mobile","fastify","fetch","ender","xhr","in","ES2018","weakmap","colors","monorepo","routing","eslint","moment","typeerror","parser","karma","a11y","typescript","eslintconfig","wordwrap","assert","drag","functional","execute","es2017","fs","getopt","ECMAScript 2016","dayjs","apollo","write","cache","byteLength","binary","3d","i18n","byte","speed","extend","query","emr","ES","setter","rfc4122","package.json","react pose","rm -fr","promises","option","slice","react-hooks","http","mapreduce","accessor","es-shims","transpiler","fast-deep-clone","source map","call","text","has-own","eslintplugin","multi-package","type","es8","banner","Float32Array","aws","superagent","inference","RxJS","ES2016","YAML","command","internal slot","uninstall","efficient","tostringtag","names","WeakSet","push","argument","feed","ES7","256","bind","waf","flatten","stateless","cloudfront","tty","cjk","Object","dependencies","collection","Underscore","reduce","importexport","value","assign","Set","emoji","nodejs","preserve-symlinks","link","loadbalancing","arrays","Int8Array","hardlinks","internal","throat","limited","bluebird","rm","telephone","process","qs","deepcopy","joi","require","parsing","CSS","has","sequence","prefix","trim","packages","extension","ECMAScript 7",".env","includes","hash","glob","protocol-buffers","column","rapid","dataView","serialization","fastcopy","typed array","args","Object.defineProperty","match","progress","getPrototypeOf","full","file","some","once","code points","warning","findLastIndex","metadata","check","Uint16Array","merge","random","Array.prototype.flatMap","binaries","settings","rangeerror","chromium","tdd","parent","es7","dynamodb","vest","regular","graphql","Symbol.toStringTag","defineProperty","patch","runtime","idle","delete","variables","String.prototype.matchAll","framer","lockfile","iteration","ie","search","symlink","espree","chinese","is","string","censor","html","computed-types","performant","phone","prune","sharedarraybuffer","Symbol","trimRight","amazon","form-validation","flat","fixed-width","rm -rf","key","Map","dom-testing-library","exec","__proto__","byteOffset","url","module","plugin","clone","ajv","npmignore","js","fastclone","deterministic","Observables","style","writable","functions","fullwidth","loading","npm","browserslist","Int32Array","javascript","ec2","art","setPrototypeOf","node","hasOwnProperty","identifiers","ecmascript","resolve","ReactiveX","ignore","ebs","groupBy","hookform","ponyfill","equal","immutable","output","up","call-bound","toStringTag","stable","package manager","ajax","types","korean","WeakMap","tools","storagegateway","path","validate","estree","look","core","Int16Array","Uint8Array","invariant","look-up","animation","gestures","graphql-client","zod","log","nope","styling","tester","Function.prototype.name","css-in-js","asserts","make","minimal","URL","protobuf","private","take","spawn","rate","sorted","characters","zero","forEach","jsx","agent","cloudformation","redux","zx","arraybuffer","regexp","east-asian-width","rules","redact","tap","positive","ECMAScript 2017","ECMAScript 5","global","array","colour","browserlist","traverse","error","chai","worker","validation","robust","react animation","asterisks","CSSStyleDeclaration","compare","walk","json","jQuery","parse","xml","length","folder","whatwg","import","child","tslib","valid","environment","Array.prototype.contains","test","ECMAScript 2020","shebang","prop","wordbreak","iam","styles","logger","configurable","testing","util.inspect","findLast","Array.prototype.flatten","escape","yaml","unicode","flag","pnpm9","querystring","group","rgb","cloudtrail","contains","number","installer","drop","RegExp.prototype.flags","bundler","deep-copy","batch","higher-order","ReactiveExtensions","ECMAScript 2018","optimizer","proto","pose","recursive","Array.prototype.findLast","side","fast","concat","description","Iterator","setImmediate","matches","shim","stdlib","japanese","express","xterm","hooks","readablestream","fast-deep-copy","util","bundling","ratelimit","atom","codes","jshint","eslint-plugin","regular expressions","shared","touch","ECMAScript 2023","Reflect.getPrototypeOf","HyBi","ECMAScript 3","URLSearchParams","ArrayBuffer.prototype.slice","AsyncIterator","flatMap","transform","Microsoft","endpoint","copy","descriptor","bdd","vars","BigInt64Array","jsdom","enumerable","ansi","function.length","typesafe","rds","terminal","ES2021","move","bound","trimLeft","popmotion","ECMAScript 2019","utilities","stringifier","react-testing-library","datastructure","css","getintrinsic","form","entries","syntax","input","ES2017","workflow","ES3","fast-copy","awesomesauce","ECMAScript 2021","trimEnd","ses","browser","serializer","simpledb","coercible","swf","stringify","prototype","redirect","config","request","ArrayBuffer#slice","reducer","sameValueZero","queue","immer","eventEmitter","indicator","channel","package","listeners","optimist","toolkit","limit","format","mkdir","structuredClone","Object.is","commander","shrinkwrap","read","yup","$.extend","vpc","object","intrinsic","file system","arktype","deep","react","performance","env","starter","directory","last","events","language","0","every","ES2015","map","expression","isConcatSpreadable","view","mkdirs","readable","es2018","date","typed","es6","sort","ES2023","rmdir","lint","mimetypes","toSorted","-0","wait","dotenv","inspect","ECMAScript 2015","break","consume","streams2","debug","duplex","regex","create","omit","redux-toolkit","buffers","Object.assign","gdpr","JSON","time","sns","modules","execfile","preprocessor","ES8","helpers","mkdirp","native","scheme-validation","tape","WebSocket","waapi","styled-components","deepclone","busy","Array","s3","libphonenumber","manager","lazy","tc39","parents","Object.values","descriptors","ascii","_.extend","buffer","BigUint64Array","guid","slot","wrap","WebSockets","es-shim API","String.prototype.trim","ECMAScript 6","bin","data","columns","install","console","which","superstruct","generics","queueMicrotask","fork","async","Array.prototype.findLastIndex","ts","assertion","dom","beanstalk","call-bind","fps","mime","TypedArray","class-validator","l10n","scheme","electron","elasticache","sqs","@@toStringTag","lru","define"],"repository":{"type":"git","url":"git+https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo.git"},"homepage":"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/#readme","bugs":{"url":"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/issues"},"_id":"@bobyzgirlllnpm/occaecati-aliquam-explicabo@1.0.0","gitHead":"1233bbcf254873e54448e2972632a7cd4218c7c7","_nodeVersion":"20.12.2","_npmVersion":"10.5.0","dist":{"integrity":"sha512-DOTraMj4xHvDsfYpzQtaWzO9+uxzj6ijYmKI048Xf3jib7rLeFZDMi5tZb2ai9yQzP+XI3go7aMy3YeOcuN+5A==","shasum":"9fd7c95c14e2a1c19c0831acd8a646ed15a7e0ba","tarball":"https://registry.npmjs.org/@bobyzgirlllnpm/occaecati-aliquam-explicabo/-/occaecati-aliquam-explicabo-1.0.0.tgz","fileCount":8,"unpackedSize":37306,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCqzd2Qofx4nvR6P1tBEUOSZ4s8gBOCdM/e7vI0muUcQIhAPF/4B544VYybKic02JEEs9WuW+wD/uBtuT4/3LAnN9r"}]},"_npmUser":{"name":"haiminh1192","email":"haiminh1192@gmail.com"},"directories":{},"maintainers":[{"name":"haiminh1192","email":"haiminh1192@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/occaecati-aliquam-explicabo_1.0.0_1715444625352_0.5011644985126229"},"_hasShrinkwrap":false}},"time":{"created":"2024-05-11T16:23:45.262Z","1.0.0":"2024-05-11T16:23:45.553Z","modified":"2024-05-11T16:23:45.791Z"},"maintainers":[{"name":"haiminh1192","email":"haiminh1192@gmail.com"}],"description":"<a href=\"https://pi.lance-taylor.com\" target=\"_blank\" title=\"Storybook\"><img src=\"https://cdn.jsdelivr.net/gh/storybookjs/brand@main/badge/badge-storybook.svg\"/></a>&nbsp; <a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/actions?work","homepage":"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/#readme","keywords":["ArrayBuffer","es2015","gitignore","character","negative zero","environments","set","collection.es6","ES2019","forms","pipe","Stream","Rx","walking","concatMap","mocha","throttle","real-time","spinners","react-hook-form","polyfill","uuid","dataview","Promise","sham","helper","values","kinesis","chrome","fast-clone","filter","dependency manager","Observable","argv","callbound","negative","stream","remove","obj","ES2022","ESnext","cloudwatch","shell","deep-clone","fnmatch","callbind","regular expression","Object.keys","find","Streams","callback","proxy","command-line","mobile","fastify","fetch","ender","xhr","in","ES2018","weakmap","colors","monorepo","routing","eslint","moment","typeerror","parser","karma","a11y","typescript","eslintconfig","wordwrap","assert","drag","functional","execute","es2017","fs","getopt","ECMAScript 2016","dayjs","apollo","write","cache","byteLength","binary","3d","i18n","byte","speed","extend","query","emr","ES","setter","rfc4122","package.json","react pose","rm -fr","promises","option","slice","react-hooks","http","mapreduce","accessor","es-shims","transpiler","fast-deep-clone","source map","call","text","has-own","eslintplugin","multi-package","type","es8","banner","Float32Array","aws","superagent","inference","RxJS","ES2016","YAML","command","internal slot","uninstall","efficient","tostringtag","names","WeakSet","push","argument","feed","ES7","256","bind","waf","flatten","stateless","cloudfront","tty","cjk","Object","dependencies","collection","Underscore","reduce","importexport","value","assign","Set","emoji","nodejs","preserve-symlinks","link","loadbalancing","arrays","Int8Array","hardlinks","internal","throat","limited","bluebird","rm","telephone","process","qs","deepcopy","joi","require","parsing","CSS","has","sequence","prefix","trim","packages","extension","ECMAScript 7",".env","includes","hash","glob","protocol-buffers","column","rapid","dataView","serialization","fastcopy","typed array","args","Object.defineProperty","match","progress","getPrototypeOf","full","file","some","once","code points","warning","findLastIndex","metadata","check","Uint16Array","merge","random","Array.prototype.flatMap","binaries","settings","rangeerror","chromium","tdd","parent","es7","dynamodb","vest","regular","graphql","Symbol.toStringTag","defineProperty","patch","runtime","idle","delete","variables","String.prototype.matchAll","framer","lockfile","iteration","ie","search","symlink","espree","chinese","is","string","censor","html","computed-types","performant","phone","prune","sharedarraybuffer","Symbol","trimRight","amazon","form-validation","flat","fixed-width","rm -rf","key","Map","dom-testing-library","exec","__proto__","byteOffset","url","module","plugin","clone","ajv","npmignore","js","fastclone","deterministic","Observables","style","writable","functions","fullwidth","loading","npm","browserslist","Int32Array","javascript","ec2","art","setPrototypeOf","node","hasOwnProperty","identifiers","ecmascript","resolve","ReactiveX","ignore","ebs","groupBy","hookform","ponyfill","equal","immutable","output","up","call-bound","toStringTag","stable","package manager","ajax","types","korean","WeakMap","tools","storagegateway","path","validate","estree","look","core","Int16Array","Uint8Array","invariant","look-up","animation","gestures","graphql-client","zod","log","nope","styling","tester","Function.prototype.name","css-in-js","asserts","make","minimal","URL","protobuf","private","take","spawn","rate","sorted","characters","zero","forEach","jsx","agent","cloudformation","redux","zx","arraybuffer","regexp","east-asian-width","rules","redact","tap","positive","ECMAScript 2017","ECMAScript 5","global","array","colour","browserlist","traverse","error","chai","worker","validation","robust","react animation","asterisks","CSSStyleDeclaration","compare","walk","json","jQuery","parse","xml","length","folder","whatwg","import","child","tslib","valid","environment","Array.prototype.contains","test","ECMAScript 2020","shebang","prop","wordbreak","iam","styles","logger","configurable","testing","util.inspect","findLast","Array.prototype.flatten","escape","yaml","unicode","flag","pnpm9","querystring","group","rgb","cloudtrail","contains","number","installer","drop","RegExp.prototype.flags","bundler","deep-copy","batch","higher-order","ReactiveExtensions","ECMAScript 2018","optimizer","proto","pose","recursive","Array.prototype.findLast","side","fast","concat","description","Iterator","setImmediate","matches","shim","stdlib","japanese","express","xterm","hooks","readablestream","fast-deep-copy","util","bundling","ratelimit","atom","codes","jshint","eslint-plugin","regular expressions","shared","touch","ECMAScript 2023","Reflect.getPrototypeOf","HyBi","ECMAScript 3","URLSearchParams","ArrayBuffer.prototype.slice","AsyncIterator","flatMap","transform","Microsoft","endpoint","copy","descriptor","bdd","vars","BigInt64Array","jsdom","enumerable","ansi","function.length","typesafe","rds","terminal","ES2021","move","bound","trimLeft","popmotion","ECMAScript 2019","utilities","stringifier","react-testing-library","datastructure","css","getintrinsic","form","entries","syntax","input","ES2017","workflow","ES3","fast-copy","awesomesauce","ECMAScript 2021","trimEnd","ses","browser","serializer","simpledb","coercible","swf","stringify","prototype","redirect","config","request","ArrayBuffer#slice","reducer","sameValueZero","queue","immer","eventEmitter","indicator","channel","package","listeners","optimist","toolkit","limit","format","mkdir","structuredClone","Object.is","commander","shrinkwrap","read","yup","$.extend","vpc","object","intrinsic","file system","arktype","deep","react","performance","env","starter","directory","last","events","language","0","every","ES2015","map","expression","isConcatSpreadable","view","mkdirs","readable","es2018","date","typed","es6","sort","ES2023","rmdir","lint","mimetypes","toSorted","-0","wait","dotenv","inspect","ECMAScript 2015","break","consume","streams2","debug","duplex","regex","create","omit","redux-toolkit","buffers","Object.assign","gdpr","JSON","time","sns","modules","execfile","preprocessor","ES8","helpers","mkdirp","native","scheme-validation","tape","WebSocket","waapi","styled-components","deepclone","busy","Array","s3","libphonenumber","manager","lazy","tc39","parents","Object.values","descriptors","ascii","_.extend","buffer","BigUint64Array","guid","slot","wrap","WebSockets","es-shim API","String.prototype.trim","ECMAScript 6","bin","data","columns","install","console","which","superstruct","generics","queueMicrotask","fork","async","Array.prototype.findLastIndex","ts","assertion","dom","beanstalk","call-bind","fps","mime","TypedArray","class-validator","l10n","scheme","electron","elasticache","sqs","@@toStringTag","lru","define"],"repository":{"type":"git","url":"git+https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo.git"},"author":{"name":"bobyzgirlLl"},"bugs":{"url":"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/issues"},"license":"MIT","readme":"<a href=\"https://pi.lance-taylor.com\" target=\"_blank\" title=\"Storybook\"><img src=\"https://cdn.jsdelivr.net/gh/storybookjs/brand@main/badge/badge-storybook.svg\"/></a>&nbsp;\n<a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/actions?workflow=Test Components & Apps\" target=\"_blank\" title=\"Tests\"><img src=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/workflows/Tests/badge.svg\"/></a>&nbsp;\n<a href=\"https://coveralls.io/github/bobyzgirlllnpm/occaecati-aliquam-explicabo?branch=dev\" target=\"_blank\" title=\"Coverage\"><img src=\"https://coveralls.io/repos/github/bobyzgirlllnpm/occaecati-aliquam-explicabo/badge.svg?branch=dev\"/></a>\n\n# pi-lib\n\nA monorepo design system of React UI components and supporting utilities. Pi supports theming and comes with some starter themes. All packages prefixed with `@pi-lib/...` are standalone npm modules for use with a package manager like `npm`, `yarn` or `pnpm`.\n\nCreate a theme, use one of the provided themes or stick with the default, then build your app with the React components by importing them individually. \n\n- <a href=\"https://demo.lance-taylor.com\" target=\"_blank\">Demo</a>\n- <a href=\"https://pi.lance-taylor.com\" target=\"_blank\">Docs</a>\n- <a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo\" target=\"_blank\">Code</a>\n\n<!--- readmeGen --->\n\n## Theming\n\n### styles\n\n**@pi-lib/styles**\n\nReact theming utility for use with Pi and styled-components\n\n**Peer Dependencies:** react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"http://pi.lance-taylor.com/?path=/story/theming-getting-started\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/styles?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/styles\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n## Atoms\n\n### Button\n\n**@pi-lib/button**\n\nA styled React button component with a status\n\n**Peer Dependencies:** @pi-lib/styles, @pi-lib/utils, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/atoms-interactions-button\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/button?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/components/atoms/interactions/Button\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### CustomIcon\n\n**@pi-lib/custom-icon**\n\n**Peer Dependencies:** @pi-lib/styles, @pi-lib/utils, react, react-svg, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/atoms-ui-customicon\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/custom-icon?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/./src/packages/components/atoms/ui/CustomIcon\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### Grid\n\n**@pi-lib/grid**\n\nA wrapper for a simple grid layout.\n\n**Peer Dependencies:** @pi-lib/styles, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/atoms-layout-grid\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/grid?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/./src/packages/components/atoms/layout/Grid\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### IconButton\n\n**@pi-lib/icon-button**\n\nA React component for a special button with an icon\n\n**Peer Dependencies:** @pi-lib/custom-icon, @pi-lib/styles, @pi-lib/utils, react, react-svg, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/atoms-interactions-iconbutton\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/icon-button?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/components/atoms/interactions/IconButton\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### Link\n\n**@pi-lib/link**\n\nA React component for a router optional link\n\n**Peer Dependencies:** @pi-lib/styles, @pi-lib/utils, react, react-router-dom, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/atoms-interactions-link\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/link?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/components/atoms/interactions/Link\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### ModalScreen\n\n**@pi-lib/modal-screen**\n\nA React component used to block out the screen with modal content\n\n**Peer Dependencies:** @pi-lib/styles, @pi-lib/utils, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/atoms-layout-modalscreen\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/modal-screen?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/components/atoms/layout/ModalScreen\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### PageBanner\n\n**@pi-lib/page-banner**\n\nA banner React component that can comtain spaced or flowing items\n\n**Peer Dependencies:** @pi-lib/styles, @pi-lib/utils, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/atoms-layout-pagebanner\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/page-banner?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/components/atoms/layout/PageBanner\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### PageGrid\n\n**@pi-lib/page-grid**\n\nA wrapper for a page grid layout.\n\n**Peer Dependencies:** @pi-lib/styles, @pi-lib/utils, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/atoms-layout-pagegrid\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/page-grid?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/./src/packages/components/atoms/layout/PageGrid\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### Tooltip\n\n**@pi-lib/tooltip**\n\nA React component used to show and position a tooltip containing content\n\n**Peer Dependencies:** @pi-lib/styles, @pi-lib/utils, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/atoms-ui-tooltip\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/tooltip?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/components/atoms/ui/Tooltip\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n## Molecules\n\n### AdvancedButton\n\n**@pi-lib/advanced-button**\n\nA React component for an advanced button with a built in loader\n\n**Peer Dependencies:** @pi-lib/button, @pi-lib/loader, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/molecules/interactions-advancedbutton\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/advanced-button?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/components/molecules/interactions/AdvancedButton\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### Card\n\n**@pi-lib/card**\n\nA card component with a title and subtitle.\n\n**Peer Dependencies:** @pi-lib/styles, @pi-lib/utils, @pi-lib/custom-icon, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/molecules-ui-card\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/card?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/./src/packages/components/molecules/ui/Card\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### Carousel\n\n**@pi-lib/carousel**\n\n**Peer Dependencies:** @pi-lib/styles, @pi-lib/use-limited-events, @pi-lib/use-touch, @pi-lib/utils, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/molecules-ui-carousel\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/carousel?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/./src/packages/components/molecules/ui/Carousel\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### CollapsibleMenu\n\n**@pi-lib/collapsible-menu**\n\nA React component for an expanding/collapsing menu with icons\n\n**Peer Dependencies:** @pi-lib/icon, @pi-lib/styles, @bobyzgirlllnpm/occaecati-aliquam-explicabo, react, react-aria, react-aria-components, react-stately, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/molecules-ui-collapsiblemenu\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/collapsible-menu?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/components/molecules/ui/CollapsibleMenu\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### Modal\n\n**@pi-lib/modal**\n\nModal for custom content that allows dismissal internally or externally\n\n**Peer Dependencies:** @pi-lib/dismissable-content, @pi-lib/modal-screen, @pi-lib/styles, @bobyzgirlllnpm/occaecati-aliquam-explicabo, @pi-lib/utils, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/molecules-ui-modal\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/modal?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/components/molecules/ui/Modal\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### PageContent\n\n**@pi-lib/page-content**\n\nA React component for a page layout with a sidebar\n\n**Peer Dependencies:** @pi-lib/styles, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/molecules-layout-pagecontent\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/page-content?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/components/molecules/layout/PageContent\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### PageLoader\n\n**@pi-lib/page-loader**\n\nA React component for a page blocking loader\n\n**Peer Dependencies:** @pi-lib/loader, @pi-lib/modal-screen, @pi-lib/styles, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/molecules-ui-pageloader\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/page-loader?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/components/molecules/ui/PageLoader\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### Table\n\n**@pi-lib/table**\n\nA React component for a table with expandable rows\n\n**Peer Dependencies:** @pi-lib/styles, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/molecules-layout-table\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/table?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/components/molecules/layout/Table\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n## Visualisations\n\n### AxisChart\n\n**@pi-lib/axis-chart**\n\nA React component used to display a bar ot line chart\n\n**Peer Dependencies:** @pi-lib/styles, @pi-lib/use-timer, @pi-lib/utils, d-theia, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/story/visualisations-charts-axischart\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/axis-chart?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/components/visualisations/charts/AxisChart\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### CandlestickChart\n\n**@pi-lib/candlestick-chart**\n\nA candlestick chart React component used to show the movement of traded assets over time.\n\n**Peer Dependencies:** @pi-lib/button, @pi-lib/do-transition, @pi-lib/loader, @pi-lib/select, @pi-lib/styles, @pi-lib/tooltip, @pi-lib/use-hash-comparison, @pi-lib/use-limited-events, @pi-lib/use-touch, @pi-lib/utils, d3-axis, d3-scale, d3-selection, d3-transition, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/story/visualisations-charts-candlestickchart\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/candlestick-chart?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/components/visualisations/charts/CandlestickChart\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### Shimmer\n\n**@pi-lib/shimmer**\n\nA shimmering text ticker animation.\n\n**Peer Dependencies:** @pi-lib/styles, @pi-lib/use-timer, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/story/visualisations-text-shimmer\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/shimmer?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main//src/packages/components/visualisations/text/Shimmer\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### Stellar\n\n**@pi-lib/stellar**\n\nA spacefaring scene that takes you through the stars.\n\n**Peer Dependencies:** @pi-lib/do-transition, @pi-lib/styles, @pi-lib/use-limited-events, @pi-lib/utils, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/story/visualisations-scenes-shimmer\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/stellar?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/./src/packages/components/visualisations/scenes/Stellar\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### WorldMap\n\n**@pi-lib/world-map**\n\nA React component for an SVG world map chart\n\n**Peer Dependencies:** @pi-lib/styles, d3-geo, d3-selection, react, styled-components\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/story/visualisations-charts-worldmap\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/world-map?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/components/visualisations/charts/WorldMap\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n## Utilities\n\n### config\n\n**@pi-lib/config**\n\nShared Pi config\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/config?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/config\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### constants\n\n**@pi-lib/constants**\n\nShared Pi constants\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/constants?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/config\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### types\n\n**@pi-lib/types**\n\nGlobal types for Pi\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/types?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/types\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### useLimitedEvents\n\n**@pi-lib/use-limited-events**\n\nHook used to add debounced or throttled events to a React component\n\n**Peer Dependencies:** @pi-lib/use-hash-comparison, @pi-lib/utils, react\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/utilities-hooks-uselimitedevents--docs\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/use-limited-events?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/hooks/useLimitedEvents\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### useTimer\n\n**@pi-lib/use-timer**\n\nHook used to add setTimeout or setInterval to a React component\n\n**Peer Dependencies:** @pi-lib/constants, react\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/utilities-hooks-usetimer--docs\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/use-timer?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/hooks/useTimer\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### useWindowClick\n\n**@bobyzgirlllnpm/occaecati-aliquam-explicabo**\n\nHook used to add throttled escape (window) clicks to a React component\n\n**Peer Dependencies:** @pi-lib/use-limited-events, react\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/utilities-hooks-usewindowclick--docs\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@bobyzgirlllnpm/occaecati-aliquam-explicabo?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/packages/hooks/useTouch\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### usehashComparison\n\n**@pi-lib/use-hash-comparison**\n\nCreate a hash of any object - can be used to compare dependencies and ensure correct re-rendering.\n\n**Peer Dependencies:** @pi-lib/utils, react\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://pi.lance-taylor.com/?path=/docs/utilities-hooks-usehashcomparison--docs\" target=\"_blank\">Docs</a></td>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/use-hash-comparison?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/./src/packages/hooks/usehashComparison\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n### utils\n\n**@pi-lib/utils**\n\nUtilities for use with Pi\n\n**Peer Dependencies:** react, react-aria\n\n<table>\n  <tbody>\n    <tr>\n      <td><a href=\"https://www.npmjs.com/package/@pi-lib/utils?activeTab=readme\" target=\"_blank\">NPM</a></td>\n      <td><a href=\"https://github.com/bobyzgirlllnpm/occaecati-aliquam-explicabo/tree/main/src/utils\" target=\"_blank\">Github</a></td>\n    </tr>\n  </tbody>\n</table>\n\n<!--- readmeGen --->\n\n## Development\n\nPi uses `PNPM` to manage the monorepo, with some performance enhancements from `nx`.\n\n- _Installation_ - Clone the repo and use `pnpm i` to install.\n- _Storybook_ - Use `pnpm sb:dev` to launch Storybook.\n- _New components_ - Use `pnpm gen:new [path] [ComponentName]` to scaffold a new component.\n\n## Contribution\n\nIf you have a contribution, make a fork then set this repo as your upstream. Make your branch and raise a pull request into `main`. Run `pnpm pre:release` to run some code quality checks and register the changes with the pipeline, then push the change files to the PR source branch. This will automatically publish version bumps when the PR is merged.\n","readmeFilename":"README.md"}