{"_id":"citrica-ui-toolkit","_rev":"28-3d7f8c6f851c13c3a1a3b9f928d09000","name":"citrica-ui-toolkit","dist-tags":{"latest":"0.0.28"},"versions":{"0.0.1":{"name":"citrica-ui-toolkit","version":"0.0.1","_id":"citrica-ui-toolkit@0.0.1","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"c8b3a5ffafa08fc2eb67f0d35e7e9140e4469eeb","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.1.tgz","fileCount":4,"integrity":"sha512-lHPyX4KC206qLMvh+zwXr1R9i4ku+5l8mBWFpa2Yh5wrF8xJbPqAP/emfcyDKdiaz1xGBaFa9txKvF7l6kMMig==","signatures":[{"sig":"MEQCIANSaQdcvK/RLuU846WLo1wOmmn3dJavn6Ptb90QaLKiAiBnkDWag594r6OK9QU/oSACZbs9AD4maVkDb6IFz1ADvA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1895},"main":"dist-node/index.js","browser":"dist-browser/index.js","gitHead":"c08559d595f8cece04d5fd06bf6579628a5025a2","scripts":{"build":"npm run build-browser && npm run build-node","build-node":"tsc src/index.ts --outDir dist-node","build-browser":"tsc src/index.ts --outDir dist-browser --module ES6"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.0","directories":{},"_nodeVersion":"22.12.0","_hasShrinkwrap":false,"devDependencies":{"typescript":"5.9.3"},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.1_1767055366454_0.32634049245515295","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"citrica-ui-toolkit","version":"0.0.2","_id":"citrica-ui-toolkit@0.0.2","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"2f561f2f0eef7b44c64ffd90c159ccc87c308702","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.2.tgz","fileCount":6,"integrity":"sha512-ktuY/A7SGbbYqN3ZltmQpRZNwwK6sPL1N/hys51gJ0Z6vysjG0ABC4CYLlaIObiQmTlPa4/O72gzeAvXOXNfOA==","signatures":[{"sig":"MEYCIQCcdjlen1AD4t/FC0Vjzm2UpgoMVD9GQjLfXbTEKgyePQIhAL6nq/HQjlg2rL7i7/VHqU+SXT5WmsLGHyMjRho9Vk9l","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4782},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"c08559d595f8cece04d5fd06bf6579628a5025a2","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.0","description":"","directories":{},"_nodeVersion":"22.12.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"^18.0.0","typescript":"5.9.3","@types/react":"^17.0.21"},"peerDependencies":{"react":">=17.0.0","@types/react":">=17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.2_1767058640983_0.7663429477565293","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"citrica-ui-toolkit","version":"0.0.3","_id":"citrica-ui-toolkit@0.0.3","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"2ac137e85eb15d58e31d20a864414cd64f568aae","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.3.tgz","fileCount":6,"integrity":"sha512-OK4ykrfywxR5cGUR0qBvujvkHo/qzBu1q5MSfqJyEs+Eb8MQSpk7qpZo0bWfX4Eta0Cdg0JJi2YfcMUc/0V7hg==","signatures":[{"sig":"MEQCIFi+GvbRbqk8HqVMTCWxeEPy1Wp6NQw8H68eEejeJu56AiB/Ylvfxs4v5rhZXbZRmZzwzqUEgQ7oc3yWQzNy+9KEtQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7051},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"a6df7f061d27727e2514dab4fdfd2bd7fff47c3c","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.0","description":"","directories":{},"_nodeVersion":"22.12.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"^18.0.0","typescript":"5.9.3","@types/react":"^17.0.21"},"peerDependencies":{"react":">=17.0.0","@types/react":">=17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.3_1767203381001_0.3102548731329424","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"citrica-ui-toolkit","version":"0.0.4","_id":"citrica-ui-toolkit@0.0.4","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"7a3224b1c0cd6885f6c29fc6657268e18ff60a8f","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.4.tgz","fileCount":6,"integrity":"sha512-iv12CQarrUJxG8yqhuoCDfgcZ1osOrRbbk7OupKDgBLhkMELN2erSTkImMY7aFE/twAJu1wzRuj6P8nt/Sv/iQ==","signatures":[{"sig":"MEYCIQCjVXXARmEPBFge5zBRaHpHcumrhwkfiQvcuW4gDPDZ2QIhAPvVz1yUNYXEK13fw7bPUW1QREHvJOHvxTm52363Ny1g","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10209},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"1c7c8e531c8ba5c7ebc002d707dfc95eaf72f481","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.0","description":"","directories":{},"_nodeVersion":"22.12.0","dependencies":{"clsx":"2.1.1","@heroui/button":"^2.2.29"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"^18.0.0","typescript":"5.9.3","@types/react":"^17.0.21"},"peerDependencies":{"react":">=17.0.0","@types/react":">=17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.4_1767400637652_0.7259566272213904","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"citrica-ui-toolkit","version":"0.0.5","_id":"citrica-ui-toolkit@0.0.5","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"dacf0e785a7e47afad9b417449c9a6929ff7b815","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.5.tgz","fileCount":6,"integrity":"sha512-c7YNGqYdHZ3O92oaDIoD8OlynsxrK67WQFutDhcqKtngaaR/IFG8BHpBIf7u4K/OxTlknwq3UPNgfdRLwZooAQ==","signatures":[{"sig":"MEUCIQDWNRIl9fKrwvTHDQYiMs5PDKwd4jqXzJmd6Fbw6Q84rgIgQ0/M9TeicxtM8z0iTauY9mpeYptn1ywZFVgFrE5Wa6A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11947},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"1c7c8e531c8ba5c7ebc002d707dfc95eaf72f481","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.0","description":"","directories":{},"_nodeVersion":"22.12.0","dependencies":{"clsx":"2.1.1","@heroui/button":"^2.2.29"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"^18.0.0","typescript":"5.9.3","@types/react":"^17.0.21"},"peerDependencies":{"react":">=17.0.0","@types/react":">=17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.5_1767413402082_0.7183647114408354","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"citrica-ui-toolkit","version":"0.0.6","_id":"citrica-ui-toolkit@0.0.6","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"66af9ed99ade2ea0b3b70e1d47cc6ba328faedca","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.6.tgz","fileCount":6,"integrity":"sha512-cU9plGLPectRBGTTyiRDRqtfwFzm7vVVQJGlxK1dwHvA0suIixCDc1WX8NTjlw58EE+bIjRMvp3uA6XqQsMcwA==","signatures":[{"sig":"MEUCIFhEz4hEVk5r76+SO7KQrydlmLmWr4ZV8QO3kv1ct1sXAiEA3Ydn5u939dfTcByZm1cXOPPusrB6ySPKi9iF98VKTnA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11913},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"1c7c8e531c8ba5c7ebc002d707dfc95eaf72f481","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.0","description":"","directories":{},"_nodeVersion":"22.12.0","dependencies":{"clsx":"2.1.1","@heroui/button":"^2.2.29"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"^18.0.0","typescript":"5.9.3","@types/react":"^17.0.21"},"peerDependencies":{"react":">=17.0.0","@types/react":">=17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.6_1767416082944_0.03464934949664977","host":"s3://npm-registry-packages-npm-production"}},"0.0.7":{"name":"citrica-ui-toolkit","version":"0.0.7","_id":"citrica-ui-toolkit@0.0.7","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"2f84ed6100e6d13f49e273ca8ebe0965ec54abb8","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.7.tgz","fileCount":6,"integrity":"sha512-s1DSZrUWw5p41soSeWlwwgYv2MT/EXqAPHiO7lrHq9OiEv/HaYMg1f97qXmLeGeHkz3Ai53RVGlGNIGI8yuoVQ==","signatures":[{"sig":"MEUCIBHcGpB/tpFYBQ8ybUybay4JUe1oQBMmWoyx4X5M0Yx2AiEAgqszoy1AwU0RAZb4eNKcA1uahPL0WtSXj8SJ24uGRaU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":15212},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"b36492d4b83aae28fb162e8f3ef4f9df0ce272a3","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.0","description":"","directories":{},"_nodeVersion":"22.12.0","dependencies":{"clsx":"2.1.1","@heroui/button":"^2.2.29"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"^18.0.0","typescript":"5.9.3","@types/react":"^17.0.21"},"peerDependencies":{"react":">=17.0.0","@types/react":">=17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.7_1767632544548_0.10895552881902737","host":"s3://npm-registry-packages-npm-production"}},"0.0.8":{"name":"citrica-ui-toolkit","version":"0.0.8","_id":"citrica-ui-toolkit@0.0.8","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"64909305bd41c42fd963a9fdd683692b9e513735","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.8.tgz","fileCount":6,"integrity":"sha512-JfUEtzYu/wwuKdrX9WZxJzULIYEIi2ySzaty+T6TK7WW7lnHGbJzAJJXpo+C0I4sbyz6N/nAcS1Ajul+rSwTrg==","signatures":[{"sig":"MEUCIEO1bz0HyVWD4dA71+U9bCrggB4T53bMPAtiHfxnE7SQAiEAufy/FmnN1QECnm7ZrCYaM3sXCG3arcsFNYFG7cuy2ZM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30703},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"b0cee3a68b44d59925dda9813c27866884098044","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.0","description":"","directories":{},"_nodeVersion":"22.12.0","dependencies":{"clsx":"2.1.1","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/button":"2.2.29","@heroui/select":"^2.4.30"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"^18.0.0","typescript":"5.9.3","@types/react":"^17.0.21"},"peerDependencies":{"react":">=17.0.0","@types/react":">=17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.8_1767646651748_0.3270141296890461","host":"s3://npm-registry-packages-npm-production"}},"0.0.9":{"name":"citrica-ui-toolkit","version":"0.0.9","_id":"citrica-ui-toolkit@0.0.9","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"47217aa52090210326564d9f68453c4a0d4516e0","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.9.tgz","fileCount":6,"integrity":"sha512-U8VjDnOXaCXlkRBnmxYnIgQc1UnhEk0JdhPEZx+J7rIuKP4pGWNedrfHfOFFSD14bYLheRSzXpxFtmYq6NbDKA==","signatures":[{"sig":"MEUCIQDpQCWeYm2p5VjQSQQBzHpxsIalbo2W1LqvQuKbltmdiQIgPGdhmf5hsmxSZpY2W83W2qnMAKOrILVwduPiS+nmMic=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":52685},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"d90c9dbd2417f13f4a2132f101a199bdfccf7670","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.0","description":"","directories":{},"_nodeVersion":"22.12.0","dependencies":{"clsx":"2.1.1","swiper":"12.0.3","@heroui/card":"2.2.27","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/button":"2.2.29","@heroui/select":"2.4.30"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"^18.0.0","typescript":"5.9.3","@types/react":"^17.0.21"},"peerDependencies":{"react":">=17.0.0","@types/react":">=17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.9_1767795216933_0.11399214421352721","host":"s3://npm-registry-packages-npm-production"}},"0.0.10":{"name":"citrica-ui-toolkit","version":"0.0.10","_id":"citrica-ui-toolkit@0.0.10","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"01acf402f5a4b4234f8a63271b830f94ee60a514","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.10.tgz","fileCount":6,"integrity":"sha512-jaZlI7lN/qeiE0HbXofRvtzk2L2P5Ub0VSXns6CZbbWn5BC1i7dK4ZiRalVFL59LNR6cF1NdmiyiTV/204o4wA==","signatures":[{"sig":"MEUCIGnM0sokruPs8ICCliXfxK6VElAdiWphx9F0hO3WrlD2AiEAk0CDB/CnlOLIWalg+rHU3shxe7SKOJ7F3AnMiEwh46A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":52751},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"dbed0adec1dbc1fc63c0da9814414b0027f96e37","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.0","description":"","directories":{},"_nodeVersion":"22.12.0","dependencies":{"clsx":"2.1.1","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/button":"2.2.29","@heroui/select":"2.4.30","@heroui/autocomplete":"2.3.31"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"^18.0.0","typescript":"5.9.3","@types/react":"^17.0.21"},"peerDependencies":{"react":">=17.0.0","@types/react":">=17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.10_1767885106797_0.16278007035624698","host":"s3://npm-registry-packages-npm-production"}},"0.0.11":{"name":"citrica-ui-toolkit","version":"0.0.11","_id":"citrica-ui-toolkit@0.0.11","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"0ce526d77b91bbc2f08a0a89e6802d9583ded54d","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.11.tgz","fileCount":6,"integrity":"sha512-t0CC6Ob5mfdJ08nHANimxe0nPs38wQR6HMq9sWwsr+IyhfHQYfPuhRY0VM8WbETIgY5VVOFadFwGCIpscThirA==","signatures":[{"sig":"MEYCIQCiQq2ECYCsQ6M1JF8XIv/HY6q9ZaTzHwTVRao0KKNjggIhAMXbI/9JH55ZQu/HWM7Nl7R07ByQclPEYHs3JaStJow2","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":133312},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"c7e3e3fe687c0518f55c689e5f6c21007f7ccfdd","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.0","description":"","directories":{},"_nodeVersion":"22.12.0","dependencies":{"clsx":"2.1.1","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/button":"2.2.29","@heroui/select":"2.4.30","@heroui/listbox":"2.3.28","@heroui/popover":"2.3.29","@heroui/autocomplete":"2.3.31","@heroui/scroll-shadow":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"18.3.1","react-dom":"18.3.1","typescript":"5.0.4","@types/react":"18.3.3","@heroui/theme":"2.4.25","framer-motion":"11.18.2","@heroui/system":"2.4.25","@types/react-dom":"18.3.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","@types/react":">=18.0.0","@heroui/theme":">=2.4.0","framer-motion":">=11.0.0","@heroui/system":">=2.4.0"},"peerDependenciesMeta":{"@heroui/theme":{"optional":true},"framer-motion":{"optional":true},"@heroui/system":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.11_1768321159424_0.46495134602806365","host":"s3://npm-registry-packages-npm-production"}},"0.0.12":{"name":"citrica-ui-toolkit","version":"0.0.12","_id":"citrica-ui-toolkit@0.0.12","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"4696d6cd5070f47d0aab61a45eeddf1ae58d210b","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.12.tgz","fileCount":6,"integrity":"sha512-bik4ERblEvkn/teiV80uOVdNv6EJr7rTiuK4ApyqDgs6s6T8GXVL5H8WrqMivoSzsWam/XISEufvCEYSbkJ3+A==","signatures":[{"sig":"MEYCIQCMoLNn5NsyBIm7TvH2q/i4oTMtcEupvp55rXUwuftvEAIhAOGuaPRf/VFyV9i0rFwGsFnXYI1XyAyWVt4Y8dMr+vf8","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":162817},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"4442e7624bfd3e8b382bdef7ad42269223f48023","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.0","description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","directories":{},"_nodeVersion":"22.12.0","dependencies":{"clsx":"2.1.1","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/button":"2.2.29","@heroui/select":"2.4.30","@heroui/listbox":"2.3.28","@heroui/popover":"2.3.29","@heroui/autocomplete":"2.3.31","@heroui/scroll-shadow":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"18.3.1","react-dom":"18.3.1","typescript":"5.0.4","@types/react":"18.3.3","@heroui/theme":"2.4.25","framer-motion":"11.18.2","@heroui/system":"2.4.25","@types/react-dom":"18.3.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","@types/react":">=18.0.0","@heroui/theme":">=2.4.0","framer-motion":">=11.0.0","@heroui/system":">=2.4.0"},"peerDependenciesMeta":{"@heroui/theme":{"optional":true},"framer-motion":{"optional":true},"@heroui/system":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.12_1768937026276_0.7239283436197363","host":"s3://npm-registry-packages-npm-production"}},"0.0.13":{"name":"citrica-ui-toolkit","version":"0.0.13","_id":"citrica-ui-toolkit@0.0.13","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"b9b7bc44fd9d21d708d81eaeb9954612cc091e45","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.13.tgz","fileCount":6,"integrity":"sha512-/NsXtDZFYLc51jVY14dLsTJidwe2JFgHD6xvcp4O5munT5QAMeCdwMcOp91L2zCqOcQ4fw9STxfn4T1DMTDqGg==","signatures":[{"sig":"MEUCIFAqGhh2ALkw11uX26/ogSjzKHLW9EvPsFOGDpJS/1tLAiEAgJss/iZAmQXZEmPxx20aZ+qR8cfz6F4Z7wMoJMZp9lA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":162817},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"ab9d1438d3a38387ee9cb13b98228be954240ff6","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.2","description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","directories":{},"_nodeVersion":"22.13.0","dependencies":{"clsx":"2.1.1","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/button":"2.2.29","@heroui/select":"2.4.30","@heroui/listbox":"2.3.28","@heroui/popover":"2.3.29","@heroui/autocomplete":"2.3.31","@heroui/scroll-shadow":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"18.3.1","react-dom":"18.3.1","typescript":"5.0.4","@types/react":"18.3.3","@heroui/theme":"2.4.25","framer-motion":"11.18.2","@heroui/system":"2.4.25","@types/react-dom":"18.3.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","@types/react":">=18.0.0","@heroui/theme":">=2.4.0","framer-motion":">=11.0.0","@heroui/system":">=2.4.0"},"peerDependenciesMeta":{"@heroui/theme":{"optional":true},"framer-motion":{"optional":true},"@heroui/system":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.13_1776117474502_0.05116929181908736","host":"s3://npm-registry-packages-npm-production"}},"0.0.14":{"name":"citrica-ui-toolkit","version":"0.0.14","_id":"citrica-ui-toolkit@0.0.14","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"a593dabcb7add99112fcce333472d0dbc5849c62","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.14.tgz","fileCount":6,"integrity":"sha512-/LPAgqdOmPcWRy+5aPCSUSMNEmE5yJjpKVYh8nXrVTnlqPhm+BBLPpQqlAFHfsJz074Gol1k2amLTisEugoGPw==","signatures":[{"sig":"MEUCIQCR33MmNcpMvvgHGSbTQXpecb1yXKNUTtXRfMZmPJwSogIgN4Fk1ANcUO3W+siA4SsssOBWCYTLKqspOvVbpxOS1oA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":162817},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"ab9d1438d3a38387ee9cb13b98228be954240ff6","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.2","description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","directories":{},"_nodeVersion":"22.13.0","dependencies":{"clsx":"2.1.1","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/button":"2.2.29","@heroui/select":"2.4.30","@heroui/listbox":"2.3.28","@heroui/popover":"2.3.29","@heroui/autocomplete":"2.3.31","@heroui/scroll-shadow":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"18.3.1","react-dom":"18.3.1","typescript":"5.0.4","@types/react":"18.3.3","@heroui/theme":"2.4.25","framer-motion":"11.18.2","@heroui/system":"2.4.25","@types/react-dom":"18.3.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","@types/react":">=18.0.0","@heroui/theme":">=2.4.0","framer-motion":">=11.0.0","@heroui/system":">=2.4.0"},"peerDependenciesMeta":{"@heroui/theme":{"optional":true},"framer-motion":{"optional":true},"@heroui/system":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.14_1776117802683_0.03053468407490345","host":"s3://npm-registry-packages-npm-production"}},"0.0.15":{"name":"citrica-ui-toolkit","version":"0.0.15","_id":"citrica-ui-toolkit@0.0.15","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"b5ee9d8ef5a76223772585d8af29102d55365332","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.15.tgz","fileCount":6,"integrity":"sha512-q0knND2eBAQpe1XTAflybwAbunHD0sh+s2dySE/yZ/01l8qzhC4t7R0WJ7vJZ2rIFC5873WVKM0mju961vjlgw==","signatures":[{"sig":"MEUCIQCxSVyi8m8jWwFYONffrRB0vFXVNl//XX6tiHuRW1QyrAIgL0rJpJT/dOg4Y5gDUWK1uOFhxFHOVsivZs53fYmstHI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":195832},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"f0c9d1a2ebb79db4b3d0136ea19aea7763d79b1c","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.2","description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","directories":{},"_nodeVersion":"22.13.0","dependencies":{"clsx":"2.1.1","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/button":"2.2.29","@heroui/select":"2.4.30","@heroui/listbox":"2.3.28","@heroui/popover":"2.3.29","@heroui/autocomplete":"2.3.31","@heroui/scroll-shadow":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"18.3.1","react-dom":"18.3.1","typescript":"5.0.4","@types/react":"18.3.3","@heroui/theme":"2.4.25","framer-motion":"11.18.2","@heroui/system":"2.4.25","@types/react-dom":"18.3.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","@types/react":">=18.0.0","@heroui/theme":">=2.4.0","framer-motion":">=11.0.0","@heroui/system":">=2.4.0"},"peerDependenciesMeta":{"@heroui/theme":{"optional":true},"framer-motion":{"optional":true},"@heroui/system":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.15_1776124704383_0.9965069141313878","host":"s3://npm-registry-packages-npm-production"}},"0.0.16":{"name":"citrica-ui-toolkit","version":"0.0.16","_id":"citrica-ui-toolkit@0.0.16","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"6b11f47df390ec18ba8b46ef7ee9e275bb9ce8fb","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.16.tgz","fileCount":6,"integrity":"sha512-EWa6EqO7VDsansDnDegw+nMVxfLXyDQkIuAx9d/MasM4kw07PmKTfQ7Nux9DAErZze7Mh1ZlkFNxpzRigMH/Bw==","signatures":[{"sig":"MEUCIQCqXYrwPYwo6gAc9GJ7e7Rb9xvCDMpPlf8FJl5Zxu/+7wIgDbuut7zxl+mfCW+ogMJwIZdyuK78lkedYwNAur/oEpo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":192550},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"57df855e5e2c804409bb2621bd6b68f647a24204","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.2","description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","directories":{},"_nodeVersion":"22.13.0","dependencies":{"clsx":"2.1.1","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/button":"2.2.29","@heroui/select":"2.4.30","@heroui/listbox":"2.3.28","@heroui/popover":"2.3.29","@heroui/autocomplete":"2.3.31","@heroui/scroll-shadow":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"18.3.1","react-dom":"18.3.1","typescript":"5.0.4","@types/react":"18.3.3","@heroui/theme":"2.4.25","framer-motion":"11.18.2","@heroui/system":"2.4.25","@types/react-dom":"18.3.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","@types/react":">=18.0.0","@heroui/theme":">=2.4.0","framer-motion":">=11.0.0","@heroui/system":">=2.4.0"},"peerDependenciesMeta":{"@heroui/theme":{"optional":true},"framer-motion":{"optional":true},"@heroui/system":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.16_1776287665738_0.41592095330164347","host":"s3://npm-registry-packages-npm-production"}},"0.0.17":{"name":"citrica-ui-toolkit","version":"0.0.17","_id":"citrica-ui-toolkit@0.0.17","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"4b294cf3d9cbcb1373b10d6c92f2c721f91aef36","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.17.tgz","fileCount":6,"integrity":"sha512-Ted6+ZqM4iadVEGAD1zF401QU+xoFfREWRt8teKL1/zNQOxVKtfuqjtzMTKlHP/FCPXJJBg44k+tGhOZJWBq8Q==","signatures":[{"sig":"MEUCIDhxZSg/wjv2NkTSgv5ZhcpHC1mtBkOvbbTSIYnYlm+/AiEAsIFUalBMIVbWsDtn61KcrMliCkBPHt+ha37gRq0uLIA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":202767},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"ea17da4349faaa29ccfa15aa309f76ef8e0c7c2a","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.2","description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","directories":{},"_nodeVersion":"22.13.0","dependencies":{"clsx":"2.1.1","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/button":"2.2.29","@heroui/select":"2.4.30","@heroui/listbox":"2.3.28","@heroui/popover":"2.3.29","@heroui/autocomplete":"2.3.31","@heroui/scroll-shadow":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"18.3.1","react-dom":"18.3.1","typescript":"5.0.4","tailwindcss":"^4.2.2","@types/react":"18.3.3","@heroui/theme":"2.4.25","framer-motion":"11.18.2","@heroui/system":"2.4.25","@types/react-dom":"18.3.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","@types/react":">=18.0.0","@heroui/theme":">=2.4.0","framer-motion":">=11.0.0","@heroui/system":">=2.4.0"},"peerDependenciesMeta":{"@heroui/theme":{"optional":true},"framer-motion":{"optional":true},"@heroui/system":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.17_1776303000007_0.5781419431865762","host":"s3://npm-registry-packages-npm-production"}},"0.0.18":{"name":"citrica-ui-toolkit","version":"0.0.18","_id":"citrica-ui-toolkit@0.0.18","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"310d7632a7046f007c5de8ff2b6fe36bb94d0ed0","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.18.tgz","fileCount":6,"integrity":"sha512-kjEiJASMwmPAwZg9miRcEeKXLeO/QsIK6bF45GMv9An8E3g/ZXKRPaCiYJvHNZndsawO0X4JEg4Y/4KiONAWrw==","signatures":[{"sig":"MEQCIDEz/LJBEFlysGwjROkRUP0td7ypLk4HGMpR+i8R8yxuAiBFAnKhLaG5t5lIMuONYldlJL4/PMD84BK4mINMsdhatw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":221564},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"b24b1066942097f21a8a94ddcd6714965ccdbd43","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.2","description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","directories":{},"_nodeVersion":"22.13.0","dependencies":{"clsx":"2.1.1","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/button":"2.2.29","@heroui/select":"2.4.30","@heroui/listbox":"2.3.28","@heroui/popover":"2.3.29","@heroui/accordion":"^2.2.29","@heroui/autocomplete":"2.3.31","@heroui/scroll-shadow":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"18.3.1","react-dom":"18.3.1","typescript":"5.0.4","tailwindcss":"^4.2.2","@types/react":"18.3.3","@heroui/theme":"2.4.25","framer-motion":"11.18.2","@heroui/system":"2.4.25","@types/react-dom":"18.3.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","@types/react":">=18.0.0","@heroui/theme":">=2.4.0","framer-motion":">=11.0.0","@heroui/system":">=2.4.0"},"peerDependenciesMeta":{"@heroui/theme":{"optional":true},"framer-motion":{"optional":true},"@heroui/system":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.18_1776971686478_0.25719020041233254","host":"s3://npm-registry-packages-npm-production"}},"0.0.19":{"name":"citrica-ui-toolkit","version":"0.0.19","_id":"citrica-ui-toolkit@0.0.19","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"f8dd7349772d0da3f245d2f2416bf1ff1fde812e","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.19.tgz","fileCount":6,"integrity":"sha512-aaHsQxfOm3I6SqmR+jy4cpJlaGB9SYtcbQFWGymhMWsIX0eKR2LaqwuUx0zxvynrPxDMom+/IYmxiIb9icoC6A==","signatures":[{"sig":"MEUCIQDH9G1Eshplqwmpk+GGal07TA4WK8eFUDkIR0c7E243+wIgLGdZbW2NoMFnxEkZN0SDdAgC/xBqgbxBT8HbgDb2LMM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":232612},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"aa8d22ccaf25f5a6884ba2ba5975fc863c9e231b","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.2","description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","directories":{},"_nodeVersion":"22.13.0","dependencies":{"clsx":"2.1.1","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/button":"2.2.29","@heroui/select":"2.4.30","@heroui/listbox":"2.3.28","@heroui/popover":"2.3.29","@heroui/accordion":"^2.2.29","@heroui/autocomplete":"2.3.31","@heroui/scroll-shadow":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"18.3.1","react-dom":"18.3.1","typescript":"5.0.4","tailwindcss":"^4.2.2","@types/react":"18.3.3","@heroui/theme":"2.4.25","framer-motion":"11.18.2","@heroui/system":"2.4.25","@types/react-dom":"18.3.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","@types/react":">=18.0.0","@heroui/theme":">=2.4.0","framer-motion":">=11.0.0","@heroui/system":">=2.4.0"},"peerDependenciesMeta":{"@heroui/theme":{"optional":true},"framer-motion":{"optional":true},"@heroui/system":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.19_1782437885669_0.5508647422140904","host":"s3://npm-registry-packages-npm-production"}},"0.0.20":{"name":"citrica-ui-toolkit","version":"0.0.20","_id":"citrica-ui-toolkit@0.0.20","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"7bf7f8e589d594ae09e9199b2f64138d0c2af1ba","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.20.tgz","fileCount":6,"integrity":"sha512-1gWuZBGzdIpdsT+YuUHCVvJsrEcSUX9UqOkPGBQW2gcanDv5cWrwVNR+oaOI6HW2ziv5oqEf6RpEnOGhnUoNRQ==","signatures":[{"sig":"MEQCIE7ja3DO609v6SGN4prShql504dsk498+Q89gvxURD5BAiAI4ox5P7pXO6xHHHccEkDnMf06XE/v86jv82bknZZlrQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":232980},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"aa8d22ccaf25f5a6884ba2ba5975fc863c9e231b","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.2","description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","directories":{},"_nodeVersion":"22.13.0","dependencies":{"clsx":"2.1.1","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/button":"2.2.29","@heroui/select":"2.4.30","@heroui/listbox":"2.3.28","@heroui/popover":"2.3.29","@heroui/accordion":"^2.2.29","@heroui/autocomplete":"2.3.31","@heroui/scroll-shadow":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"18.3.1","react-dom":"18.3.1","typescript":"5.0.4","tailwindcss":"^4.2.2","@types/react":"18.3.3","@heroui/theme":"2.4.25","framer-motion":"11.18.2","@heroui/system":"2.4.25","@types/react-dom":"18.3.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","@types/react":">=18.0.0","@heroui/theme":">=2.4.0","framer-motion":">=11.0.0","@heroui/system":">=2.4.0"},"peerDependenciesMeta":{"@heroui/theme":{"optional":true},"framer-motion":{"optional":true},"@heroui/system":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.20_1782441884103_0.026648845052339665","host":"s3://npm-registry-packages-npm-production"}},"0.0.21":{"name":"citrica-ui-toolkit","version":"0.0.21","_id":"citrica-ui-toolkit@0.0.21","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"db404ee96fe2cd1e55142c9b4a7a2383bd367ea3","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.21.tgz","fileCount":6,"integrity":"sha512-6P7esOT75r1DY6TkMww/zyExm723B+/kok0By2XfP/0tW5RoMROLTBj20yf+PDaE+hDRW+lqZgT+5AOb74iEOg==","signatures":[{"sig":"MEUCIQDYRpRwsoPOnhGJ8kAFdzzV3sQjExDuHtq6saeo+20j4AIgXM/Qo0oqULed0W6exbYHiUZiSBgn2iFKcvUXGP+SVio=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":237626},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"aa8d22ccaf25f5a6884ba2ba5975fc863c9e231b","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.2","description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","directories":{},"_nodeVersion":"22.13.0","dependencies":{"clsx":"2.1.1","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/button":"2.2.29","@heroui/select":"2.4.30","@heroui/listbox":"2.3.28","@heroui/popover":"2.3.29","@heroui/accordion":"^2.2.29","@heroui/autocomplete":"2.3.31","@heroui/scroll-shadow":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"18.3.1","react-dom":"18.3.1","typescript":"5.0.4","tailwindcss":"^4.2.2","@types/react":"18.3.3","@heroui/theme":"2.4.25","framer-motion":"11.18.2","@heroui/system":"2.4.25","@types/react-dom":"18.3.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","@types/react":">=18.0.0","@heroui/theme":">=2.4.0","framer-motion":">=11.0.0","@heroui/system":">=2.4.0"},"peerDependenciesMeta":{"@heroui/theme":{"optional":true},"framer-motion":{"optional":true},"@heroui/system":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.21_1782535427042_0.011504351368362364","host":"s3://npm-registry-packages-npm-production"}},"0.0.22":{"name":"citrica-ui-toolkit","version":"0.0.22","_id":"citrica-ui-toolkit@0.0.22","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"1ca2f1b8e343578339c293f54111a78d3338d16c","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.22.tgz","fileCount":6,"integrity":"sha512-6Rb42achILiJfGLJYV0Ix0LlKBRiK5kDyusOVDYW7432P5SZ8rhM2vZVxOcbF8Eivod67XlJx3C7jqnFTCmcYQ==","signatures":[{"sig":"MEYCIQDGKix4QTQwwohzI8SzKIeUTVb7pU49dkBP1O+COlpmyAIhAMFxpS3G8cOmh1ISUwssVuYa17o9Qs3IbQJHBHUhUDk7","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":250759},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"35079ad7267c544cbddc9ff48c5ce8ced916b2c8","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.2","description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","directories":{},"_nodeVersion":"22.13.0","dependencies":{"clsx":"2.1.1","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/button":"2.2.29","@heroui/select":"2.4.30","@heroui/listbox":"2.3.28","@heroui/popover":"2.3.29","@heroui/accordion":"^2.2.29","@heroui/autocomplete":"2.3.31","@heroui/scroll-shadow":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"18.3.1","react-dom":"18.3.1","typescript":"5.0.4","tailwindcss":"^4.2.2","@types/react":"18.3.3","@heroui/theme":"2.4.25","framer-motion":"11.18.2","@heroui/system":"2.4.25","@types/react-dom":"18.3.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","@types/react":">=18.0.0","@heroui/theme":">=2.4.0","framer-motion":">=11.0.0","@heroui/system":">=2.4.0"},"peerDependenciesMeta":{"@heroui/theme":{"optional":true},"framer-motion":{"optional":true},"@heroui/system":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.22_1782668848108_0.6526042904712599","host":"s3://npm-registry-packages-npm-production"}},"0.0.23":{"name":"citrica-ui-toolkit","version":"0.0.23","_id":"citrica-ui-toolkit@0.0.23","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"5486048573bdcd4d04ee28ad97d8c5079d77e244","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.23.tgz","fileCount":6,"integrity":"sha512-ONqUbtyb9kqtmKaav8jBmHQrNsUCOQfi16xveBYXyHt35zhQxElm0FYiqMBmvo4zHyV54yvd5vQFZAHBnpM67A==","signatures":[{"sig":"MEQCIFPZql1aKvDYHWxu2G2arLGL/74f3edOhgU8sG41KwVEAiBI76WAqn9nZhAuqjIdHkHtKXcJL5Tnv899WouRYgmZCQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":251697},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"8f8a99ec683ac1ee20350c465f6b9b51e5791734","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.2","description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","directories":{},"_nodeVersion":"22.13.0","dependencies":{"clsx":"2.1.1","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/button":"2.2.29","@heroui/select":"2.4.30","@heroui/listbox":"2.3.28","@heroui/popover":"2.3.29","@heroui/accordion":"^2.2.29","@heroui/autocomplete":"2.3.31","@heroui/scroll-shadow":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"18.3.1","react-dom":"18.3.1","typescript":"5.0.4","tailwindcss":"^4.2.2","@types/react":"18.3.3","@heroui/theme":"2.4.25","framer-motion":"11.18.2","@heroui/system":"2.4.25","@types/react-dom":"18.3.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","@types/react":">=18.0.0","@heroui/theme":">=2.4.0","framer-motion":">=11.0.0","@heroui/system":">=2.4.0"},"peerDependenciesMeta":{"@heroui/theme":{"optional":true},"framer-motion":{"optional":true},"@heroui/system":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.23_1782680231682_0.024972815829988892","host":"s3://npm-registry-packages-npm-production"}},"0.0.24":{"name":"citrica-ui-toolkit","version":"0.0.24","_id":"citrica-ui-toolkit@0.0.24","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"66fabc6085f438c6de370c7a0d6cf589fe8291a2","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.24.tgz","fileCount":6,"integrity":"sha512-6Ttjq9jGtlJUEcoxG71ZZzTl58EVwcs8NTCfd/3DLG57tWlDkpbxH0Ufd/R58TX0nEahq13GSRxyyloL1WAgbw==","signatures":[{"sig":"MEQCIATw/KxzCXPYp+IAwRHfHSs2eTPN2+Y9hQ2ateDMc4z9AiBTpB6bAO6V/InXW3nu159+p3BZZDAByP8tgd1s2Q+TtQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":252875},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"8f8a99ec683ac1ee20350c465f6b9b51e5791734","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.2","description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","directories":{},"_nodeVersion":"22.13.0","dependencies":{"clsx":"2.1.1","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/button":"2.2.29","@heroui/select":"2.4.30","@heroui/listbox":"2.3.28","@heroui/popover":"2.3.29","@heroui/accordion":"^2.2.29","@heroui/autocomplete":"2.3.31","@heroui/scroll-shadow":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"18.3.1","react-dom":"18.3.1","typescript":"5.0.4","tailwindcss":"^4.2.2","@types/react":"18.3.3","@heroui/theme":"2.4.25","framer-motion":"11.18.2","@heroui/system":"2.4.25","@types/react-dom":"18.3.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","@types/react":">=18.0.0","@heroui/theme":">=2.4.0","framer-motion":">=11.0.0","@heroui/system":">=2.4.0"},"peerDependenciesMeta":{"@heroui/theme":{"optional":true},"framer-motion":{"optional":true},"@heroui/system":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.24_1782704293539_0.994572408871462","host":"s3://npm-registry-packages-npm-production"}},"0.0.25":{"name":"citrica-ui-toolkit","version":"0.0.25","_id":"citrica-ui-toolkit@0.0.25","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"973abbb004feccc1a4de302b92e486262a713753","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.25.tgz","fileCount":6,"integrity":"sha512-yZ+W8f4563mrfWn6Ye4+MqIn9tpzMacw6/e3juEae6L8UxY8Cem/ERZUVfIj9/J+QDG0brDB2+Fjx4Ag1++j9w==","signatures":[{"sig":"MEYCIQCj5+jHLWvc/dgdeblpMU9tUUBoIrIpJv2wG+MWf6FkqQIhAPyiec6mbqYI0nDZZeOoEijSjLV1EgKQC/eZoNvH0e4z","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":262103},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"c56af117aff159734ebe0d1b64109d7cb1f39e32","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.2","description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","directories":{},"_nodeVersion":"22.13.0","dependencies":{"clsx":"2.1.1","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/button":"2.2.29","@heroui/select":"2.4.30","@heroui/listbox":"2.3.28","@heroui/popover":"2.3.29","@heroui/accordion":"^2.2.29","@heroui/autocomplete":"2.3.31","@heroui/scroll-shadow":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"18.3.1","react-dom":"18.3.1","typescript":"5.0.4","tailwindcss":"^4.2.2","@types/react":"18.3.3","@heroui/theme":"2.4.25","framer-motion":"11.18.2","@heroui/system":"2.4.25","@types/react-dom":"18.3.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","@types/react":">=18.0.0","@heroui/theme":">=2.4.0","framer-motion":">=11.0.0","@heroui/system":">=2.4.0"},"peerDependenciesMeta":{"@heroui/theme":{"optional":true},"framer-motion":{"optional":true},"@heroui/system":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.25_1782783247429_0.48799145357869356","host":"s3://npm-registry-packages-npm-production"}},"0.0.26":{"name":"citrica-ui-toolkit","version":"0.0.26","_id":"citrica-ui-toolkit@0.0.26","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"f6a9221da4f2119cf1a7874e2e52d77420da1879","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.26.tgz","fileCount":6,"integrity":"sha512-14f51ml94R+uM7l+DjtM9pVtAWo+a5jOnlGHv2vmFAbcRuWX0FGlFv8pJEyNgR3337ALpNHMYrZqSSDIB4HAJg==","signatures":[{"sig":"MEUCIEx12pbQjr6K1/w0IEAdkvY71YT7PS1ThkNN3+lCDxosAiEApV6UALZJ/WritlsLYnp2k0TOAZLQSGGqx10fC8O+kRQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":355369},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"e967384d5c4e7aa026c1fadc01b1abe1d43bdaa4","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.2","description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","directories":{},"_nodeVersion":"22.13.0","dependencies":{"clsx":"2.1.1","xlsx":"^0.18.5","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","@heroui/chip":"^2.2.25","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/table":"^2.2.32","@heroui/button":"2.2.29","@heroui/drawer":"^2.2.29","@heroui/select":"2.4.30","@heroui/switch":"^2.2.27","@heroui/divider":"^2.2.24","@heroui/listbox":"2.3.28","@heroui/popover":"2.3.29","@heroui/dropdown":"^2.3.32","@heroui/skeleton":"^2.2.18","@heroui/accordion":"^2.2.29","@heroui/pagination":"^2.2.27","@heroui/autocomplete":"2.3.31","@heroui/scroll-shadow":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"18.3.1","react-dom":"18.3.1","typescript":"5.0.4","tailwindcss":"^4.2.2","@types/react":"18.3.3","@heroui/theme":"2.4.25","framer-motion":"11.18.2","@heroui/system":"2.4.25","@types/react-dom":"18.3.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","@types/react":">=18.0.0","@heroui/theme":">=2.4.0","framer-motion":">=11.0.0","@heroui/system":">=2.4.0"},"peerDependenciesMeta":{"@heroui/theme":{"optional":true},"framer-motion":{"optional":true},"@heroui/system":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.26_1785179958660_0.7517058228070277","host":"s3://npm-registry-packages-npm-production"}},"0.0.27":{"name":"citrica-ui-toolkit","version":"0.0.27","_id":"citrica-ui-toolkit@0.0.27","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"dist":{"shasum":"8900420ba9a432adf79b23f1159b3aba967e451a","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.27.tgz","fileCount":6,"integrity":"sha512-zNohAA/rWqjqCEffXG04hWtbTHZ6a0gYxN/dXH7QwovXg7comf9AHm4ksq/S6EOPfXCSejVdC7hWzoj2YjgTRQ==","signatures":[{"sig":"MEQCIGyhu14FkWe4BBooRCYuzmADloHIYSVyRSa5izR6YGieAiBJoL0FQI+FI0A3O8uLDE06wxMTHhzOINk22QkFl0DgKQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":384614},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"44c8d714758c00487a27128a0cdbb81a28156d34","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm --dts"},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"_npmVersion":"10.9.2","description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","directories":{},"_nodeVersion":"22.13.0","dependencies":{"clsx":"2.1.1","xlsx":"^0.18.5","swiper":"12.0.3","classnames":"2.5.1","@heroui/card":"2.2.27","@heroui/chip":"^2.2.25","lucide-react":"0.562.0","@heroui/input":"2.4.30","@heroui/modal":"2.2.26","@heroui/table":"^2.2.32","@heroui/button":"2.2.29","@heroui/drawer":"^2.2.29","@heroui/select":"2.4.30","@heroui/switch":"^2.2.27","@heroui/divider":"^2.2.24","@heroui/listbox":"2.3.28","@heroui/popover":"2.3.29","@heroui/dropdown":"^2.3.32","@heroui/skeleton":"^2.2.18","@heroui/accordion":"^2.2.29","@heroui/pagination":"^2.2.27","@heroui/autocomplete":"2.3.31","@heroui/scroll-shadow":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"18.3.1","react-dom":"18.3.1","typescript":"5.0.4","tailwindcss":"^4.2.2","@types/react":"18.3.3","@heroui/theme":"2.4.25","framer-motion":"11.18.2","@heroui/system":"2.4.25","@types/react-dom":"18.3.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","@types/react":">=18.0.0","@heroui/theme":">=2.4.0","framer-motion":">=11.0.0","@heroui/system":">=2.4.0"},"peerDependenciesMeta":{"@heroui/theme":{"optional":true},"framer-motion":{"optional":true},"@heroui/system":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/citrica-ui-toolkit_0.0.27_1786114634192_0.24648091999526622","host":"s3://npm-registry-packages-npm-production"}},"0.0.28":{"name":"citrica-ui-toolkit","version":"0.0.28","main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"build":"tsup src/index.ts --format cjs,esm --dts","dev":"tsup src/index.ts --format cjs,esm --dts --watch"},"peerDependencies":{"@heroui/system":">=2.4.0","@heroui/theme":">=2.4.0","@types/react":">=18.0.0","framer-motion":">=11.0.0","react":">=18.0.0","react-dom":">=18.0.0"},"peerDependenciesMeta":{"@heroui/system":{"optional":true},"@heroui/theme":{"optional":true},"framer-motion":{"optional":true}},"devDependencies":{"@heroui/system":"2.4.25","@heroui/theme":"2.4.25","@types/react":"18.3.3","@types/react-dom":"18.3.0","framer-motion":"11.18.2","react":"18.3.1","react-dom":"18.3.1","tailwindcss":"^4.2.2","tsup":"^8.5.1","typescript":"5.0.4"},"dependencies":{"@heroui/accordion":"^2.2.29","@heroui/autocomplete":"2.3.31","@heroui/button":"2.2.29","@heroui/card":"2.2.27","@heroui/chip":"^2.2.25","@heroui/divider":"^2.2.24","@heroui/drawer":"^2.2.29","@heroui/dropdown":"^2.3.32","@heroui/input":"2.4.30","@heroui/listbox":"2.3.28","@heroui/modal":"2.2.26","@heroui/pagination":"^2.2.27","@heroui/popover":"2.3.29","@heroui/scroll-shadow":"2.3.19","@heroui/select":"2.4.30","@heroui/skeleton":"^2.2.18","@heroui/switch":"^2.2.27","@heroui/table":"^2.2.32","classnames":"2.5.1","clsx":"2.1.1","lucide-react":"0.562.0","swiper":"12.0.3","xlsx":"^0.18.5"},"_id":"citrica-ui-toolkit@0.0.28","gitHead":"c01c5738c4521557d632e242e2779155f6478d3b","description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","_nodeVersion":"22.13.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-Gbe7cIR+RQdVayxSxsfUSL+8pBn+5LJANgyEogEb7HCMEUwRa3v4hGtzEWS2cpPaYaqKQzIkCdR4Y/CBjgSfDA==","shasum":"d94dc920bcfbdc113eca417f91804aa08c3fb6f8","tarball":"https://registry.npmjs.org/citrica-ui-toolkit/-/citrica-ui-toolkit-0.0.28.tgz","fileCount":6,"unpackedSize":384614,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIG/GsMbo4J8sqwl6VyjdHI9LrZDVM6M3U/3o/Pz2FXR/AiBxWRQ3sI1e9X+QpDquwA0Wa2MV10xlqW2L66ZAyfM/nw=="}]},"_npmUser":{"name":"teamcitrica","email":"teamcitrica@gmail.com"},"directories":{},"maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/citrica-ui-toolkit_0.0.28_1786718166435_0.8348419913037703"},"_hasShrinkwrap":false}},"time":{"created":"2025-12-30T00:42:46.370Z","modified":"2026-08-14T14:36:06.712Z","0.0.1":"2025-12-30T00:42:46.594Z","0.0.2":"2025-12-30T01:37:21.128Z","0.0.3":"2025-12-31T17:49:41.148Z","0.0.4":"2026-01-03T00:37:17.795Z","0.0.5":"2026-01-03T04:10:02.226Z","0.0.6":"2026-01-03T04:54:43.070Z","0.0.7":"2026-01-05T17:02:24.712Z","0.0.8":"2026-01-05T20:57:31.901Z","0.0.9":"2026-01-07T14:13:37.071Z","0.0.10":"2026-01-08T15:11:46.935Z","0.0.11":"2026-01-13T16:19:19.597Z","0.0.12":"2026-01-20T19:23:46.457Z","0.0.13":"2026-04-13T21:57:54.684Z","0.0.14":"2026-04-13T22:03:22.877Z","0.0.15":"2026-04-13T23:58:24.549Z","0.0.16":"2026-04-15T21:14:25.918Z","0.0.17":"2026-04-16T01:30:00.168Z","0.0.18":"2026-04-23T19:14:46.611Z","0.0.19":"2026-06-26T01:38:05.800Z","0.0.20":"2026-06-26T02:44:44.242Z","0.0.21":"2026-06-27T04:43:47.211Z","0.0.22":"2026-06-28T17:47:28.273Z","0.0.23":"2026-06-28T20:57:11.823Z","0.0.24":"2026-06-29T03:38:13.736Z","0.0.25":"2026-06-30T01:34:07.656Z","0.0.26":"2026-07-27T19:19:18.822Z","0.0.27":"2026-08-07T14:57:14.344Z","0.0.28":"2026-08-14T14:36:06.580Z"},"description":"Citrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.","maintainers":[{"name":"teamcitrica","email":"teamcitrica@gmail.com"}],"readme":"# CITRICA UI TOOLKIT\n\nCitrica UI Toolkit is a React component library built on top of HeroUI components, providing a custom design system wrapper. The library is built with TypeScript and bundled using tsup for distribution.\n\n## Installation\n\n```bash\nnpm install citrica-ui-toolkit\n```\n\n## Architecture\n\nComponents follow Atomic Design principles:\n- **Atoms**: Basic building blocks (Button, Input, Select, Autocomplete, Textarea, Icon, Card, Grid, Text)\n- **Molecules**: Compositions of atoms (Modal, Carousel, Accordion)\n- **Organisms**: Complex UI sections (Footer, Header, Sidebar, Login)\n\n---\n\n## Components Documentation\n\n### ATOMS\n\n#### Button\n\nInteractive button component with multiple variants and admin mode support.\n\n**Import:**\n```typescript\nimport { Button } from 'citrica-ui-toolkit';\n```\n\n**Props:**\n- `label?: string` - Button text label\n- `children?: React.ReactNode` - Custom content (overrides label)\n- `variant?: \"primary\" | \"secondary\" | \"flat\" | \"link\" | \"success\" | \"warning\" | \"danger\"` - Visual style (default: \"primary\")\n- `textVariant?: \"label\" | \"body\" | \"title\" | \"display\" | \"headline\" | \"subtitle\"` - Text typography variant (default: \"label\")\n- `size?: \"xs\" | \"sm\" | \"md\" | \"lg\"` - Button size (default: \"md\")\n- `type?: \"button\" | \"submit\" | \"reset\"` - HTML button type (default: \"button\")\n- `isDisabled?: boolean` - Disable button (default: false)\n- `isIconOnly?: boolean` - Button with only icon, no text\n- `isAdmin?: boolean` - Use admin theme colors (default: false)\n- `isLoading?: boolean` - Show loading state\n- `startIcon?: IconName` - Lucide icon at start (via Icon component)\n- `endIcon?: IconName` - Lucide icon at end\n- `iconSize?: number` - Size in px for `startIcon`/`endIcon`\n- `startContent?: React.ReactNode` - Content before label\n- `endContent?: React.ReactNode` - Content after label\n- `fullWidth?: boolean` - Expand to full width\n- `color?: string` - Free CSS text color (e.g. `\"#FFF\"` or `\"var(--color-text-white)\"`). Takes priority over the variant color\n- `textColor?: string` - Text color token (e.g. `\"color-on-primary\"`). Used when `color` is not provided\n- `href?: string` - If set, the button renders as an anchor (`<a>`) — ideal for `tel:`, `mailto:` or navigation links\n- `as?: React.ElementType` - Element/component to render (e.g. `\"a\"` or Next's `<Link>`)\n- `target?: string` - Anchor target\n- `rel?: string` - Anchor rel\n- `isExternal?: boolean` - Shortcut: opens in a new tab with a safe `rel` (default: false)\n- `hoverColor?: string` - Text color on hover (mainly for the `link` variant)\n- `backgroundHoverColor?: string` - Background color on hover (mainly for the `link` variant)\n- `unstyled?: boolean` - Removes the design-system styles (the `btn-citrica-ui` box, variant fill and forced text color). The consumer controls everything via `className` and the color is inherited (`currentColor`), so the icon follows the text. Keeps semantics/behavior (as/href, loading, focus, icons). Ideal for nav rows or custom-shaped CTAs (default: false)\n- `className?: string` - Additional CSS classes\n- `onPress?: () => void` - Click handler\n\n**Usage:**\n```tsx\n// Basic button\n<Button label=\"Click me\" variant=\"primary\" />\n\n// Admin mode button\n<Button label=\"Admin Action\" variant=\"primary\" isAdmin={true} />\n\n// Button with Lucide icons (via startIcon/endIcon)\n<Button label=\"Save\" startIcon=\"Save\" />\n<Button label=\"Next\" endIcon=\"ArrowRight\" iconSize={18} />\n\n// Custom content\n<Button label=\"Save\" startContent={<Icon name=\"Save\" />} />\n\n// Loading button\n<Button label=\"Loading...\" isLoading={true} />\n\n// Link variant with custom hover colors\n<Button\n  label=\"Learn more\"\n  variant=\"link\"\n  hoverColor=\"#265197\"\n  backgroundHoverColor=\"#EAF0FA\"\n/>\n\n// Render as a real anchor (tel/mailto/navigation)\n<Button label=\"Call us\" href=\"tel:+5112345678\" />\n<Button label=\"Docs\" href=\"https://example.com\" isExternal />\n\n// Render as Next.js Link\n<Button label=\"Go home\" as={Link} href=\"/\" />\n\n// Custom text color (free CSS value or token)\n<Button label=\"White text\" color=\"#FFFFFF\" />\n<Button label=\"Primary text\" textColor=\"color-on-primary\" />\n\n// Extra-small icon-only button\n<Button isIconOnly size=\"xs\" startIcon=\"Plus\" />\n\n// Unstyled button (consumer fully controls styling via className)\n<Button unstyled label=\"Custom\" className=\"flex items-center gap-2 text-blue-600\" />\n```\n\n**CSS Classes Applied:**\n- `btn-citrica-ui` or `btn-citrica-ui-admin`\n- `btn-{variant}` or `btn-{variant}-admin` (includes `btn-link` / `btn-link-admin` and `btn-flat` / `btn-flat-admin`)\n- `btn-icon-only-citrica-ui` (when `isIconOnly`)\n- `btn-xs-citrica-ui` or `btn-xs-citrica-ui-admin` (when `size=\"xs\"`)\n- `btn-hover-text` (when `hoverColor` is set), `btn-hover-bg` (when `backgroundHoverColor` is set)\n\n**Notes:**\n- Uses `forwardRef` for ref forwarding.\n- Text/icon color priority: `color` (free CSS) → `textColor` (token) → the variant's color.\n- Custom hover colors are passed as CSS custom properties (`--btn-hover-text`, `--btn-hover-bg`) and consumed by the SCSS on `:hover` (a modifier class disables the default opacity hover).\n- With `unstyled`, none of the system styles/hover vars apply; the label inherits `currentColor`.\n\n---\n\n#### Input\n\nText input field with icon support and validation capabilities.\n\n**Import:**\n```typescript\nimport { Input } from 'citrica-ui-toolkit';\n```\n\n**Props:**\n- `label?: string` - Input label\n- `placeholder?: string` - Placeholder text\n- `value?: string` - Controlled value\n- `defaultValue?: string` - Uncontrolled default value\n- `onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void` - Change handler\n- `onValueChange?: (value: string) => void` - Value change handler (string only)\n- `name?: string` - Input name for forms\n- `type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'datetime-local' | 'time'` - Input type (default: 'text')\n- `variant?: 'primary' | 'secondary' | 'flat' | 'bordered' | 'faded' | 'underlined'` - Visual style (default: 'primary')\n- `size?: 'sm' | 'md' | 'lg'` - Input size (default: 'md')\n- `radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'` - Border radius (default: 'md')\n- `required?: boolean` - Mark as required\n- `disabled?: boolean` - Disable input\n- `readOnly?: boolean` - Make read-only\n- `isInvalid?: boolean` - Show invalid state\n- `errorMessage?: string` - Error message to display\n- `description?: string` - Helper text\n- `startIcon?: IconName` - Lucide icon at start (e.g., \"Mail\", \"Lock\")\n- `endIcon?: IconName` - Lucide icon at end\n- `startContent?: React.ReactNode` - Custom content at start\n- `endContent?: React.ReactNode` - Custom content at end\n- `iconSize?: number` - Icon size in pixels (default: 20)\n- `iconColor?: string` - Icon color\n- `fullWidth?: boolean` - Full width (default: true)\n- `clearable?: boolean` - Show clear button\n- `autoFocus?: boolean` - Auto focus on mount\n- `maxLength?: number` - Maximum characters\n- `className?: string` - Additional CSS classes\n- `isAdmin?: boolean` - Use admin theme colors (default: false)\n\n**Usage:**\n```tsx\n// Basic input\n<Input label=\"Email\" type=\"email\" placeholder=\"Enter your email\" />\n\n// Input with icon\n<Input\n  label=\"Password\"\n  type=\"password\"\n  startIcon=\"Lock\"\n  variant=\"primary\"\n/>\n\n// Input with validation\n<Input\n  label=\"Username\"\n  isInvalid={true}\n  errorMessage=\"Username is required\"\n/>\n\n// Controlled input\n<Input\n  value={value}\n  onValueChange={(val) => setValue(val)}\n/>\n\n// Admin mode input\n<Input label=\"Usuario\" variant=\"primary\" isAdmin={true} />\n```\n\n**CSS Classes Applied:**\n- `input-citrica-ui` or `input-citrica-ui-admin`\n- `input-primary` / `input-secondary` (or `-admin` variants)\n\n**Notes:**\n- Uses `forwardRef` for ref forwarding (compatible with react-hook-form)\n- Custom variants (primary/secondary) internally map to HeroUI's \"bordered\" variant\n\n---\n\n#### Select\n\nDropdown select component with option items.\n\n**Import:**\n```typescript\nimport { Select, type SelectOption } from 'citrica-ui-toolkit';\n```\n\n**Props:**\n- `label?: string` - Select label\n- `placeholder?: string` - Placeholder text\n- `selectedKeys?: string[]` - Controlled selected keys\n- `defaultSelectedKeys?: string[]` - Default selected keys\n- `onSelectionChange?: (keys: any) => void` - Selection change handler\n- `name?: string` - Input name for forms\n- `variant?: 'primary' | 'secondary' | 'flat' | 'bordered' | 'faded' | 'underlined'` - Visual style (default: 'primary')\n- `color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger'` - HeroUI color scheme (default: 'default')\n- `size?: 'sm' | 'md' | 'lg'` - Size (default: 'md')\n- `radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'` - Border radius (default: 'md')\n- `required?: boolean` - Mark as required\n- `disabled?: boolean` - Disable select\n- `isInvalid?: boolean` - Show invalid state\n- `errorMessage?: string` - Error message\n- `description?: string` - Helper text\n- `startIcon?: IconName` - Icon at start\n- `endIcon?: IconName` - Icon at end\n- `startContent?: React.ReactNode` - Custom content at start\n- `endContent?: React.ReactNode` - Custom content at end\n- `iconSize?: number` - Icon size (default: 20)\n- `iconColor?: string` - Icon color\n- `fullWidth?: boolean` - Full width (default: true)\n- `options: SelectOption[]` - Array of options (required)\n- `renderValue?: (items: SelectedItem[]) => React.ReactNode` - Custom render for selected value\n- `className?: string` - Additional CSS classes\n- `classNames?: object` - Custom classes for the select's internal slots: `base`, `trigger`, `label`, `value`, `selectorIcon`, `description`, `errorMessage`\n- `isAdmin?: boolean` - Use admin theme colors (default: false)\n- `shouldBlockScroll?: boolean` - Whether the popover blocks page scroll when opened (default: false). An inline select doesn't need to lock the scroll; doing so makes react-aria set `overflow:hidden` on `<html>`, which breaks `position: sticky` elements (e.g. a fixed topbar disappears). Set to `true` only if you really need it\n\n**SelectOption Interface:**\n```typescript\ninterface SelectOption {\n  value: string;        // Option value\n  label: string;        // Display text\n  description?: string; // Optional description\n  startContent?: React.ReactNode; // Content at start\n  endContent?: React.ReactNode;   // Content at end\n}\n```\n\n**SelectedItem Interface (passed to `renderValue`):**\n```typescript\ninterface SelectedItem extends SelectOption {\n  key: string;            // Item key (equals value)\n  textValue: string;      // Item text (equals label)\n  data?: SelectOption;    // Original option data\n}\n```\n\n**Usage:**\n```tsx\nconst options = [\n  { value: \"1\", label: \"Option 1\" },\n  { value: \"2\", label: \"Option 2\", description: \"Description for option 2\" },\n  { value: \"3\", label: \"Option 3\" }\n];\n\n// Basic select\n<Select\n  label=\"Choose option\"\n  placeholder=\"Select an option\"\n  options={options}\n/>\n\n// Controlled select\n<Select\n  selectedKeys={[selectedValue]}\n  onSelectionChange={(keys) => setSelectedValue(Array.from(keys)[0])}\n  options={options}\n/>\n\n// Select with custom render\n<Select\n  options={options}\n  renderValue={(items) => (\n    <div>\n      {items.map(item => item.label).join(\", \")}\n    </div>\n  )}\n/>\n```\n\n**CSS Classes Applied:**\n- `select-citrica-ui` or `select-citrica-ui-admin`\n- `select-primary` / `select-secondary` (or `-admin` variants)\n- `select-item-citrica-ui` or `select-item-citrica-ui-admin` (on option items)\n\n**Notes:**\n- Custom variants (primary/secondary) internally map to HeroUI's \"bordered\" variant.\n- When a listbox opens, react-aria focuses the active option and calls `scrollIntoView()`, which scrolls the **page** and breaks `position: sticky` elements (a fixed topbar disappears) on desktop/Android, and on iOS inside a modal prevents selecting. The component installs a one-time, idempotent patch that neutralizes `scrollIntoView` **only** for elements inside a listbox, keeping keyboard navigation and anchor scrolling intact.\n- Combined with `shouldBlockScroll={false}` (the default), this keeps a fixed topbar visible while the select is open.\n\n---\n\n#### Autocomplete\n\nSearchable autocomplete/combobox component with filtering.\n\n**Import:**\n```typescript\nimport { Autocomplete, type AutocompleteOption } from 'citrica-ui-toolkit';\n```\n\n**Props:**\n- `label?: string` - Field label\n- `placeholder?: string` - Placeholder text\n- `selectedKey?: string | null` - Controlled selected key\n- `defaultSelectedKey?: string` - Default selected key\n- `inputValue?: string` - Controlled input value\n- `defaultInputValue?: string` - Default input value\n- `onSelectionChange?: (key: string | null) => void` - Selection handler\n- `onInputChange?: (value: string) => void` - Input change handler\n- `onClear?: () => void` - Clear handler\n- `name?: string` - Input name\n- `variant?: 'primary' | 'secondary' | 'flat' | 'bordered' | 'faded' | 'underlined'` - Style (default: 'primary')\n- `size?: 'sm' | 'md' | 'lg'` - Size (default: 'md')\n- `radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'` - Border radius (default: 'md')\n- `required?: boolean` - Required field\n- `disabled?: boolean` - Disable component\n- `isInvalid?: boolean` - Invalid state\n- `isReadOnly?: boolean` - Read-only mode\n- `errorMessage?: string` - Error message\n- `description?: string` - Helper text\n- `startIcon?: IconName` - Icon at start\n- `endIcon?: IconName` - Icon at end\n- `iconSize?: number` - Icon size (default: 20)\n- `iconColor?: string` - Icon color\n- `fullWidth?: boolean` - Full width (default: true)\n- `options: AutocompleteOption[]` - Options array (required)\n- `allowsCustomValue?: boolean` - Allow custom values (default: false)\n- `isClearable?: boolean` - Show clear button (default: true)\n- `menuTrigger?: 'focus' | 'input' | 'manual'` - When to open menu (default: 'focus')\n- `labelPlacement?: 'inside' | 'outside' | 'outside-left'` - Label position (default: 'inside')\n- `disabledKeys?: string[]` - Array of disabled keys\n- `maxListboxHeight?: number` - Max height of dropdown\n- `isVirtualized?: boolean` - Enable virtualization for large lists\n- `className?: string` - Additional CSS classes\n\n**AutocompleteOption Interface:**\n```typescript\ninterface AutocompleteOption {\n  value: string;\n  label: string;\n  description?: string;\n  startContent?: React.ReactNode;\n  endContent?: React.ReactNode;\n}\n```\n\n**Usage:**\n```tsx\nconst options = [\n  { value: \"apple\", label: \"Apple\" },\n  { value: \"banana\", label: \"Banana\" },\n  { value: \"cherry\", label: \"Cherry\" }\n];\n\n// Basic autocomplete\n<Autocomplete\n  label=\"Choose fruit\"\n  placeholder=\"Search fruits...\"\n  options={options}\n/>\n\n// Controlled autocomplete\n<Autocomplete\n  selectedKey={selected}\n  onSelectionChange={setSelected}\n  inputValue={input}\n  onInputChange={setInput}\n  options={options}\n/>\n\n// With custom values\n<Autocomplete\n  options={options}\n  allowsCustomValue={true}\n  placeholder=\"Type or select...\"\n/>\n```\n\n**CSS Classes Applied:**\n- `autocomplete-citrica-ui`\n- `autocomplete-primary` or `autocomplete-secondary`\n- `autocomplete-item-citrica-ui` (on items)\n\n---\n\n#### Text\n\nTypography component with multiple variants and admin mode.\n\n**Import:**\n```typescript\nimport { Text } from 'citrica-ui-toolkit';\n```\n\n**Props:**\n- `children: React.ReactNode` - Text content (required)\n- `variant?: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' | 'headlinecustom'` - Typography style (default: 'body')\n- `weight?: 'light' | 'normal' | 'bold'` - Font weight (default: 'normal')\n- `color?: string` - Custom CSS color value (e.g. `\"#FF5733\"`). Highest priority\n- `textColor?: string` - Color token / CSS variable name (resolved as `var(--{textColor})`)\n- `isAdmin?: boolean` - Use admin theme (default: false)\n- `as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'a'` - HTML element (default: 'span')\n- `href?: string` - Destination URL. If set (or `as=\"a\"`), the text becomes a clickable link\n- `target?: string` - Link target (e.g. `\"_blank\"`)\n- `rel?: string` - Link relationship. If it opens in `\"_blank\"` and `rel` is omitted, `\"noopener noreferrer\"` is applied automatically\n- `textDecoration?: 'underline' | 'line-through'` - Text decoration; works on any variant\n- `className?: string` - Additional CSS classes\n- Plus all standard HTML attributes (`style`, `onClick`, etc.) — a custom `style` takes priority over the resolved color/decoration\n\n**Color priority:** `color` (explicit CSS) → `textColor` (token) → link color (`--color-text-link`, when it's a link) → default (`--color-black`).\n\n**Usage:**\n```tsx\n// Basic text\n<Text variant=\"body\">This is body text</Text>\n\n// Heading\n<Text variant=\"headline\" as=\"h1\" weight=\"bold\">\n  Main Heading\n</Text>\n\n// Custom color\n<Text color=\"#FF5733\">Custom colored text</Text>\n\n// With CSS variable / token\n<Text textColor=\"color-primary\">Primary color text</Text>\n\n// As a link (href makes it clickable; uses --color-text-link by default)\n<Text href=\"/about\">About us</Text>\n\n// External link (auto rel=\"noopener noreferrer\")\n<Text href=\"https://example.com\" target=\"_blank\">External link</Text>\n\n// Text decoration\n<Text textDecoration=\"underline\">Underlined text</Text>\n<Text textDecoration=\"line-through\">Old price</Text>\n\n// Admin mode\n<Text variant=\"label\" isAdmin={true}>Admin text</Text>\n```\n\n**CSS Classes Applied:**\n- `text-{variant}` or `text-{variant}-admin`\n- `text-component`\n- `text-{variant}-{weight}` (if weight is not 'normal')\n\n**Notes:**\n- Color and decoration are applied via inline `style`; passing your own `style` overrides them.\n- When rendered as a link (`href` or `as=\"a\"`), opening in `_blank` without an explicit `rel` defaults to a safe `noopener noreferrer`.\n\n---\n\n#### Icon\n\nIcon component using Lucide React icons library.\n\n**Import:**\n```typescript\nimport { Icon, type IconName } from 'citrica-ui-toolkit';\n```\n\n**Props:**\n- `name: IconName` - Lucide icon name (required, e.g., \"Home\", \"User\", \"Settings\")\n- `size?: number` - Icon size in pixels (default: 20)\n- `strokeWidth?: number` - Stroke width (default: 2)\n- `color?: string` - Icon color\n- `fallback?: IconName` - Fallback icon if name not found (default: \"AlertCircle\")\n- Plus all other Lucide icon props (className, etc.)\n\n**Usage:**\n```tsx\n// Basic icon\n<Icon name=\"Home\" />\n\n// Custom size and color\n<Icon name=\"User\" size={32} color=\"#FF5733\" />\n\n// With custom stroke\n<Icon name=\"Settings\" strokeWidth={3} />\n\n// Common icon names\n<Icon name=\"Mail\" />\n<Icon name=\"Lock\" />\n<Icon name=\"Search\" />\n<Icon name=\"ChevronDown\" />\n<Icon name=\"AlertCircle\" />\n<Icon name=\"Check\" />\n<Icon name=\"X\" />\n<Icon name=\"Menu\" />\n```\n\n**Notes:**\n- Uses all icons from `lucide-react` library\n- Automatically falls back to AlertCircle if icon not found\n- Fully typed with TypeScript autocomplete for icon names\n\n---\n\n#### Card\n\nContainer component with optional header and footer sections.\n\n**Import:**\n```typescript\nimport { Card } from 'citrica-ui-toolkit';\n```\n\n**Props:**\n- `children: ReactNode` - Card body content (required)\n- `header?: ReactNode` - Optional header content\n- `footer?: ReactNode` - Optional footer content\n- `shadow?: 'none' | 'sm' | 'md' | 'lg'` - Shadow depth (default: 'sm')\n- `radius?: 'none' | 'sm' | 'md' | 'lg'` - Border radius (default: 'md')\n- `variant?: 'shadow' | 'bordered' | 'light' | 'flat'` - Visual variant\n- `isPressable?: boolean` - Make card clickable (default: false)\n- `onPress?: () => void` - Click handler\n- `className?: string` - Additional CSS classes\n\n**Usage:**\n```tsx\n// Basic card\n<Card>\n  <p>Card content here</p>\n</Card>\n\n// Card with header and footer\n<Card\n  header={<h3>Card Title</h3>}\n  footer={<Button label=\"Action\" />}\n  shadow=\"md\"\n>\n  <p>Card body content</p>\n</Card>\n\n// Clickable card\n<Card isPressable onPress={() => console.log('clicked')}>\n  <p>Click me</p>\n</Card>\n```\n\n---\n\n#### Textarea\n\nMulti-line text input component.\n\n**Import:**\n```typescript\nimport { Textarea } from 'citrica-ui-toolkit';\n```\n\n**Props:**\n- `label?: string` - Textarea label\n- `placeholder?: string` - Placeholder text\n- `value?: string` - Controlled value\n- `defaultValue?: string` - Default value\n- `onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void` - Change handler\n- `onValueChange?: (value: string) => void` - Value change handler\n- `name?: string` - Input name\n- `variant?: 'primary' | 'secondary' | 'flat' | 'bordered' | 'faded' | 'underlined'` - Style (default: 'primary')\n- `size?: 'sm' | 'md' | 'lg'` - Size (default: 'md')\n- `radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'` - Border radius (default: 'md')\n- `required?: boolean` - Required field\n- `disabled?: boolean` - Disable textarea\n- `readOnly?: boolean` - Read-only mode\n- `isInvalid?: boolean` - Invalid state\n- `errorMessage?: string` - Error message\n- `description?: string` - Helper text\n- `fullWidth?: boolean` - Full width (default: true)\n- `autoFocus?: boolean` - Auto focus\n- `maxLength?: number` - Max characters\n- `minLength?: number` - Min characters\n- `rows?: number` - Initial rows (default: 4)\n- `minRows?: number` - Minimum rows\n- `maxRows?: number` - Maximum rows (auto-grows)\n- `className?: string` - Additional CSS classes\n\n**Usage:**\n```tsx\n// Basic textarea\n<Textarea\n  label=\"Description\"\n  placeholder=\"Enter description...\"\n  rows={6}\n/>\n\n// With validation\n<Textarea\n  label=\"Comments\"\n  isInvalid={true}\n  errorMessage=\"Comments are required\"\n  maxLength={500}\n/>\n\n// Auto-growing textarea\n<Textarea\n  label=\"Message\"\n  minRows={3}\n  maxRows={10}\n/>\n```\n\n**CSS Classes Applied:**\n- `textarea-citrica-ui`\n- `textarea-primary` or `textarea-secondary`\n\n---\n\n#### Grid Components (Container & Col)\n\nResponsive grid layout system.\n\n**Import:**\n```typescript\nimport { Container, Col } from 'citrica-ui-toolkit';\n```\n\n##### Container\n\n**Props:**\n- `children?: React.ReactNode` - Container content\n- `className?: string` - Additional CSS classes\n- `noPadding?: boolean` - Remove default padding (default: false)\n- `noLimit?: boolean` - Remove max-width limit (default: false)\n\n**Usage:**\n```tsx\n<Container>\n  {/* Content here */}\n</Container>\n\n<Container noPadding noLimit>\n  {/* Full width, no padding */}\n</Container>\n```\n\n**CSS Classes Applied:**\n- `o-container`\n- `no-padding` (if noPadding)\n- `no-width-limit` (if noLimit)\n\n##### Col\n\n**Props:**\n- `cols: ColSizes` - Column sizes by breakpoint (required)\n- `children?: React.ReactNode` - Column content\n- `className?: string` - Additional CSS classes\n- `noPadding?: boolean` - Remove default padding\n\n**ColSizes Interface:**\n```typescript\ninterface ColSizes {\n  lg?: number;      // Large screens (12-column grid)\n  md?: number;      // Medium screens (6-column grid)\n  sm?: number;      // Small screens (4-column grid)\n  lgPush?: number;  // Offset for large screens\n  mdPush?: number;  // Offset for medium screens\n  smPush?: number;  // Offset for small screens\n}\n```\n\n**Usage:**\n```tsx\n// Responsive columns\n<Container>\n  <Col cols={{ lg: 6, md: 3, sm: 2 }}>\n    Column 1\n  </Col>\n  <Col cols={{ lg: 6, md: 3, sm: 2 }}>\n    Column 2\n  </Col>\n</Container>\n\n// With offset\n<Container>\n  <Col cols={{ lg: 8, lgPush: 2 }}>\n    Centered column with offset\n  </Col>\n</Container>\n```\n\n**CSS Classes Applied:**\n- `o-col-{size}@lg`, `o-col-{size}@md`, `o-col-{size}@sm`\n- `o-col-push-{size}@lg`, `o-col-push-{size}@md`, `o-col-push-{size}@sm`\n- `no-padding` (if noPadding)\n\n---\n\n### MOLECULES\n\n#### Modal\n\nModal dialog component with customizable content areas.\n\n**Import:**\n```typescript\nimport { Modal } from 'citrica-ui-toolkit';\n```\n\n**Props:**\n- `isOpen: boolean` - Modal open state (required)\n- `onClose: () => void` - Close handler (required)\n- `title?: string` - Modal title\n- `children?: React.ReactNode` - Modal body content\n- `header?: React.ReactNode` - Custom header (overrides title)\n- `footer?: React.ReactNode` - Footer content\n- `size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | 'full'` - Modal size (default: 'md')\n- `placement?: 'center' | 'top' | 'bottom' | 'top-center' | 'bottom-center'` - Position (default: 'center')\n- `backdrop?: 'transparent' | 'opaque' | 'blur'` - Backdrop style (default: 'opaque')\n- `scrollBehavior?: 'normal' | 'inside' | 'outside'` - Scroll behavior (default: 'normal')\n- `hideCloseButton?: boolean` - Hide close button (default: false)\n- `isDismissable?: boolean` - Allow dismiss by clicking outside (default: true)\n- `className?: string` - Additional CSS classes\n- `classNames?: object` - Custom classes for modal parts\n\n**Usage:**\n```tsx\nconst [isOpen, setIsOpen] = useState(false);\n\n// Basic modal\n<Modal\n  isOpen={isOpen}\n  onClose={() => setIsOpen(false)}\n  title=\"Modal Title\"\n>\n  <p>Modal content here</p>\n</Modal>\n\n// Modal with footer\n<Modal\n  isOpen={isOpen}\n  onClose={() => setIsOpen(false)}\n  title=\"Confirm Action\"\n  footer={\n    <>\n      <Button label=\"Cancel\" variant=\"flat\" onPress={() => setIsOpen(false)} />\n      <Button label=\"Confirm\" variant=\"primary\" />\n    </>\n  }\n>\n  <p>Are you sure you want to proceed?</p>\n</Modal>\n\n// Large modal with blur backdrop\n<Modal\n  isOpen={isOpen}\n  onClose={() => setIsOpen(false)}\n  size=\"2xl\"\n  backdrop=\"blur\"\n  scrollBehavior=\"inside\"\n>\n  <div>Large modal content...</div>\n</Modal>\n```\n\n**Notes:**\n- Automatically handles ESC key for closing\n- Locks body scroll when open\n- Accessible with keyboard navigation\n\n---\n\n#### Carousel\n\nImage carousel/slider component using Swiper.\n\n**Import:**\n```typescript\nimport { Carousel, type CarouselItem } from 'citrica-ui-toolkit';\n```\n\n**Props:**\n- `items: CarouselItem[]` - Array of carousel items (required)\n- `autoplay?: boolean` - Enable autoplay (default: false)\n- `autoplayDelay?: number` - Autoplay delay in ms (default: 3000)\n- `showPagination?: boolean` - Show pagination dots (default: true)\n- `showNavigation?: boolean` - Show prev/next arrows (default: false)\n- `loop?: boolean` - Enable infinite loop (default: false)\n- `className?: string` - Additional CSS classes\n- `slideClassName?: string` - CSS classes for slides\n- `breakpoints?: object` - Custom responsive breakpoints\n\n**CarouselItem Interface:**\n```typescript\ninterface CarouselItem {\n  id: string;           // Unique identifier\n  src: string;          // Image source URL\n  alt: string;          // Image alt text\n  title?: string;       // Optional title overlay\n  description?: string; // Optional description overlay\n}\n```\n\n**Usage:**\n```tsx\nconst items = [\n  { id: \"1\", src: \"/img/slide1.jpg\", alt: \"Slide 1\", title: \"First Slide\" },\n  { id: \"2\", src: \"/img/slide2.jpg\", alt: \"Slide 2\" },\n  { id: \"3\", src: \"/img/slide3.jpg\", alt: \"Slide 3\", description: \"Description\" }\n];\n\n// Basic carousel\n<Carousel items={items} />\n\n// Autoplay carousel\n<Carousel\n  items={items}\n  autoplay={true}\n  autoplayDelay={5000}\n  loop={true}\n/>\n\n// Carousel with navigation\n<Carousel\n  items={items}\n  showNavigation={true}\n  showPagination={true}\n/>\n\n// Custom breakpoints\n<Carousel\n  items={items}\n  breakpoints={{\n    640: { slidesPerView: 1, spaceBetween: 10 },\n    768: { slidesPerView: 2, spaceBetween: 20 },\n    1024: { slidesPerView: 3, spaceBetween: 30 }\n  }}\n/>\n```\n\n**Default Breakpoints:**\n- 640px: 1 slide, centered\n- 768px: 1 slide, centered\n- 1024px: 3 slides, not centered\n\n**Notes:**\n- Requires Swiper CSS imports (included in component)\n- Supports title/description overlays on images\n\n---\n\n#### Accordion\n\nCollapsible content panels with admin mode support.\n\n**Import:**\n```typescript\nimport { Accordion, type AccordionItemData } from 'citrica-ui-toolkit';\n```\n\n**Props:**\n- `items: AccordionItemData[]` - Array of accordion items (required)\n- `variant?: 'light' | 'shadow' | 'bordered' | 'splitted'` - Visual style (default: 'splitted')\n- `selectionMode?: 'single' | 'multiple' | 'none'` - Expansion mode (default: 'multiple')\n- `defaultExpandedKeys?: Iterable<string | number> | 'all'` - Initial expanded items\n- `expandedKeys?: Iterable<string | number> | 'all'` - Controlled expanded items\n- `disabledKeys?: Iterable<string | number>` - Disabled item keys\n- `onSelectionChange?: (keys: any) => void` - Selection change handler\n- `isCompact?: boolean` - Compact sizing (default: false)\n- `isDisabled?: boolean` - Disable whole accordion (default: false)\n- `hideIndicator?: boolean` - Hide open/close indicator (default: false)\n- `showDivider?: boolean` - Show divider between items (default: true)\n- `fullWidth?: boolean` - Full width (default: true)\n- `className?: string` - Additional CSS classes\n- `isAdmin?: boolean` - Use admin theme colors (default: false)\n\n**AccordionItemData Interface:**\n```typescript\ninterface AccordionItemData {\n  key: string | number;      // Unique key\n  title: React.ReactNode;    // Header (string auto-wrapped as subtitle bold)\n  content: React.ReactNode;  // Panel content (string auto-wrapped as body)\n  subtitle?: React.ReactNode;\n  startContent?: React.ReactNode;\n  isDisabled?: boolean;\n}\n```\n\n**Usage:**\n```tsx\nconst items = [\n  { key: \"1\", title: \"¿Qué es Citrica UI?\", content: \"Una librería de componentes React.\" },\n  { key: \"2\", title: \"¿Cómo se instala?\", content: \"npm install citrica-ui-toolkit\" },\n];\n\n// Basic accordion\n<Accordion items={items} />\n\n// Single selection with initial open\n<Accordion\n  items={items}\n  selectionMode=\"single\"\n  defaultExpandedKeys={[\"1\"]}\n  variant=\"bordered\"\n/>\n\n// Admin mode\n<Accordion items={items} isAdmin={true} />\n```\n\n**CSS Classes Applied:**\n- `accordion-citrica-ui` or `accordion-citrica-ui-admin`\n- `accordion-item-citrica-ui`, `accordion-item-{variant}` (or `-admin`)\n\n---\n\n### ORGANISMS\n\n#### Header\n\nResponsive navigation header with multiple layout variants.\n\n**Import:**\n```typescript\nimport { Header, type NavItem } from 'citrica-ui-toolkit';\n```\n\n**Props:**\n- `logo?: React.ReactNode` - Custom logo component\n- `variant?: 'floating' | 'split' | 'basic'` - Layout variant (default: 'basic')\n- `className?: string` - Additional CSS classes\n- `showButton?: boolean` - Show CTA button (default: false)\n- `buttonText?: string` - Button text (default: 'GET STARTED')\n- `onButtonClick?: () => void` - Button click handler\n- `navItems?: NavItem[]` - Navigation items (default: [])\n\n**NavItem Interface:**\n```typescript\ninterface NavItem {\n  title: string;  // Display text\n  href: string;   // Link or anchor (#section-id)\n}\n```\n\n**Variants:**\n- **basic**: Traditional header with left logo, right navigation\n- **floating**: Floating centered navigation pill with transparent background\n- **split**: Logo centered, navigation split left/right\n\n**Usage:**\n```tsx\nconst navItems = [\n  { title: \"Home\", href: \"#home\" },\n  { title: \"About\", href: \"#about\" },\n  { title: \"Services\", href: \"#services\" },\n  { title: \"Contact\", href: \"#contact\" }\n];\n\n// Basic header\n<Header\n  variant=\"basic\"\n  navItems={navItems}\n  showButton={true}\n  buttonText=\"Get Started\"\n/>\n\n// Floating header (Matour style)\n<Header\n  variant=\"floating\"\n  logo={<img src=\"/logo.png\" alt=\"Logo\" />}\n  navItems={navItems}\n  showButton={true}\n/>\n\n// Split header (Flowblox style)\n<Header\n  variant=\"split\"\n  navItems={navItems}\n  showButton={true}\n  buttonText=\"Contact Us\"\n  onButtonClick={() => alert('CTA clicked')}\n/>\n```\n\n**Features:**\n- Responsive mobile menu with hamburger icon\n- Smooth scroll to anchor links\n- Background changes on scroll\n- Fixed positioning with z-index 50\n\n---\n\n#### Footer\n\nFooter component with logo, social links, and company info.\n\n**Import:**\n```typescript\nimport { Footer } from 'citrica-ui-toolkit';\n```\n\n**Props:**\n- `logoSrc?: string` - Company logo URL (default: '/img/home/Logo-galiz.png')\n- `logoAlt?: string` - Logo alt text (default: 'Logo')\n- `companyName?: string` - Company name (default: 'Gáliz Perú')\n- `year?: number` - Copyright year (default: current year)\n- `developedByText?: string` - \"Developed by\" text (default: 'Desarrollado por')\n- `devLogoSrc?: string` - Developer logo URL\n- `devLogoAlt?: string` - Developer logo alt\n- `socialLinks?: object` - Social media links\n  - `instagram?: string`\n  - `facebook?: string`\n  - `linkedin?: string`\n- `instagramIconSrc?: string` - Instagram icon URL\n- `facebookIconSrc?: string` - Facebook icon URL\n- `linkedinIconSrc?: string` - LinkedIn icon URL\n- `height?: string` - Footer height (default: '204px')\n- `backgroundColor?: string` - Background color (overrides gradient)\n- `gradient?: string` - Background gradient (default: linear gradient)\n- `className?: string` - Additional CSS classes\n\n**Usage:**\n```tsx\n// Basic footer\n<Footer\n  companyName=\"My Company\"\n  socialLinks={{\n    instagram: \"https://instagram.com/mycompany\",\n    facebook: \"https://facebook.com/mycompany\",\n    linkedin: \"https://linkedin.com/company/mycompany\"\n  }}\n/>\n\n// Custom footer\n<Footer\n  logoSrc=\"/my-logo.png\"\n  logoAlt=\"My Company\"\n  companyName=\"My Company Ltd\"\n  year={2024}\n  developedByText=\"Built by\"\n  devLogoSrc=\"/dev-logo.png\"\n  backgroundColor=\"#0D1321\"\n  height=\"250px\"\n  socialLinks={{\n    instagram: \"https://instagram.com/...\",\n    linkedin: \"https://linkedin.com/...\"\n  }}\n/>\n```\n\n**Layout:**\n- Uses Grid Container and Col for responsive layout\n- 3 columns on large screens: logo, company info, social icons\n- Responsive adjustments for mobile\n\n---\n\n#### Sidebar\n\nCollapsible navigation sidebar with accordion support.\n\n**Import:**\n```typescript\nimport { Sidebar, type MenuItem } from 'citrica-ui-toolkit';\n```\n\n**Props:**\n- `items: MenuItem[]` - Navigation items (required)\n- `activeHref?: string` - Currently active main item\n- `activeSubHref?: string` - Currently active sub-item\n- `onItemClick?: (href: string) => void` - Item click handler\n- `header?: React.ReactNode` - Optional content at the top of the panel (e.g. a logo)\n- `ariaLabel?: string` - Accessible label for the nav (default: \"Navegación principal\")\n- `className?: string` - Additional CSS classes\n\n**MenuItem Interface:**\n```typescript\ninterface MenuItem {\n  title: string;            // Item title\n  href?: string;            // Link URL\n  icon?: string;            // Lucide icon name (e.g. \"Home\", \"Settings\")\n  subItems?: SubMenuItem[]; // Optional sub-items (creates accordion)\n}\n\ninterface SubMenuItem {\n  title: string;  // Sub-item title\n  href: string;   // Link URL\n}\n```\n\n**Usage:**\n```tsx\nconst menuItems = [\n  { title: \"Dashboard\", href: \"/dashboard\", icon: \"LayoutDashboard\" },\n  {\n    title: \"Products\",\n    icon: \"Package\",\n    subItems: [\n      { title: \"All Products\", href: \"/products\" },\n      { title: \"Add Product\", href: \"/products/add\" },\n      { title: \"Categories\", href: \"/products/categories\" }\n    ]\n  },\n  { title: \"Settings\", href: \"/settings\", icon: \"Settings\" }\n];\n\n// Basic sidebar\n<Sidebar\n  items={menuItems}\n  activeHref=\"/dashboard\"\n  onItemClick={(href) => router.push(href)}\n/>\n\n// Sidebar with active sub-item, header and aria label\n<Sidebar\n  items={menuItems}\n  activeHref=\"/products\"\n  activeSubHref=\"/products/add\"\n  header={<img src=\"/logo.png\" alt=\"Logo\" />}\n  ariaLabel=\"Main navigation\"\n  onItemClick={(href) => router.push(href)}\n/>\n```\n\n**Features:**\n- Responsive: drawer on mobile (with floating menu trigger, overlay backdrop, Escape to close, body-scroll lock and focus management), fixed sticky sidebar on desktop\n- Per-item Lucide icons via `MenuItem.icon`\n- Optional `header` slot (e.g. logo) at the top of the panel\n- Accordion support for nested items: a group auto-opens when one of its sub-items is active, and a single click always toggles what's visible\n- Active state highlighting for both main items and sub-items\n- Built with `Button unstyled` rows, so it carries no HeroUI button visuals\n\n**Theming (CSS variables):**\nThe sidebar is themed entirely through CSS variables with sensible fallbacks to the admin design tokens (avoids hardcoded grays and the \"white text on white background\" bug). Override them via the `style` prop on the consuming wrapper if needed:\n\n| Variable | Fallback token | Purpose |\n| --- | --- | --- |\n| `--sb-bg` | `--color-admin-surface-container-lowest` | Panel background |\n| `--sb-fg` | `--color-admin-on-surface` | Default text |\n| `--sb-hover-bg` | `--color-admin-surface-container` | Row hover background |\n| `--sb-active-bg` | `--color-admin-primary-container` | Active row background |\n| `--sb-active-fg` | `--color-admin-on-primary-container` | Active row text |\n| `--sb-accent` | `--color-admin-primary` | Accent (dots, mobile trigger) |\n| `--sb-border` | `--color-admin-outline` | Borders/dividers |\n\n---\n\n## Styling\n\nAll components use custom CSS classes that should be defined in your application:\n\n### Component Base Classes\n- `btn-citrica-ui`, `btn-citrica-ui-admin`\n- `input-citrica-ui`\n- `select-citrica-ui`, `select-item-citrica-ui`\n- `autocomplete-citrica-ui`, `autocomplete-item-citrica-ui`\n- `textarea-citrica-ui`\n\n### Variant Classes\n- Button: `btn-primary`, `btn-secondary`, `btn-success`, `btn-warning`, `btn-danger`, `btn-flat`, `btn-link`\n- Button extras: `btn-icon-only-citrica-ui` (icon-only), `btn-xs-citrica-ui` (xs size), `btn-hover-text` / `btn-hover-bg` (custom hover colors)\n- Admin variants: Add `-admin` suffix (e.g., `btn-primary-admin`)\n- Input/Select/Textarea: `input-primary`, `input-secondary`, etc.\n\n### Text Classes\n- `text-display`, `text-headline`, `text-title`, `text-subtitle`, `text-body`, `text-label`\n- Weight modifiers: `text-{variant}-light`, `text-{variant}-bold`\n- Admin variants: Add `-admin` suffix\n\n### Color Classes\n- `color-black`, `color-white`\n- `color-on-primary`, `color-on-secondary`, `color-on-success`, etc.\n- Admin colors: `color-admin-on-primary`, etc.\n\n### Grid Classes\n- `o-container`, `no-padding`, `no-width-limit`\n- `o-col-{1-12}@lg`, `o-col-{1-6}@md`, `o-col-{1-4}@sm`\n- `o-col-push-{n}@{breakpoint}`\n\n---\n\n## TypeScript Support\n\nAll components are fully typed with TypeScript. Import types as needed:\n\n```typescript\nimport type {\n  ButtonProps,\n  InputProps,\n  SelectOption,\n  AutocompleteOption,\n  CarouselItem,\n  NavItem,\n  MenuItem\n} from 'citrica-ui-toolkit';\n```\n\n---\n\n## Important Notes\n\n1. **Custom Variants**: Components with `primary` and `secondary` variants internally map to HeroUI's `bordered` variant for consistent custom styling\n2. **Admin Mode**: Button and Text components support `isAdmin` prop for alternate color schemes\n3. **Icon Names**: Icon component uses Lucide React icon names (e.g., \"Home\", \"User\", \"Settings\")\n4. **Refs**: Input component uses `forwardRef` for compatibility with form libraries like react-hook-form\n5. **CSS Requirements**: You must define custom CSS classes in your application for proper styling\n\n---\n\n## Build & Development\n\n```bash\n# Development mode (watch)\nnpm run dev\n\n# Production build\nnpm run build\n```\n\nBuild outputs to `dist/` with:\n- `dist/index.js` (CommonJS)\n- `dist/index.mjs` (ES Module)\n- `dist/index.d.ts` (TypeScript definitions)\n\n---\n\n#### Login\n\nMulti-mode authentication component with login, forgot password, and new password flows.\n\n**Import:**\n```typescript\nimport { Login, type LoginMode } from 'citrica-ui-toolkit';\n```\n\n**Props:**\n- `mode?: LoginMode` - Display mode: 'login' | 'forgot-password' | 'new-password' (default: 'login')\n- **Styling**\n  - `bgImage?: string` - Background image URL for right section (default: '/img/login-form-image-lg.jpg')\n  - `logo?: string` - Logo image URL (default: '/img/citrica-logo.png')\n  - `logoAlt?: string` - Logo alt text (default: 'Logo')\n  - `logoClassName?: string` - Logo CSS classes (default: 'w-[80px] pb-3 items-center')\n  - `className?: string` - Additional CSS classes\n- **Content - Login mode**\n  - `title?: string` - Main title (default: '¡Bienvenido!')\n  - `subtitle?: string` - Subtitle text (default: 'Ingresa tu correo electrónico y contraseña')\n  - `emailLabel?: string` - Email input label (default: 'Email')\n  - `passwordLabel?: string` - Password input label (default: 'Clave')\n  - `emailPlaceholder?: string` - Email placeholder (default: 'Correo electrónico')\n  - `passwordPlaceholder?: string` - Password placeholder (default: 'Contraseña')\n  - `loginButtonText?: string` - Login button text (default: 'Iniciar sesión')\n  - `loadingButtonText?: string` - Loading state text (default: 'Accediendo...')\n- **Content - Forgot Password mode**\n  - `forgotPasswordTitle?: string` - Title (default: '¿No puedes iniciar sesión?')\n  - `forgotPasswordSubtitle?: string` - Subtitle\n  - `forgotPasswordDescription?: string` - Description text\n  - `sendLinkButtonText?: string` - Send link button text (default: 'Enviar enlace')\n  - `sendingLinkButtonText?: string` - Sending state text (default: 'Enviando...')\n  - `backToLoginText?: string` - Back to login link text (default: '¿Olvidaste tu contraseña?')\n- **Content - New Password mode**\n  - `newPasswordTitle?: string` - Title (default: 'Crea una nueva contraseña')\n  - `newPasswordSubtitle?: string` - Subtitle\n  - `newPasswordLabel?: string` - Password input label (default: 'Nueva contraseña')\n  - `newPasswordPlaceholder?: string` - Password placeholder\n  - `savePasswordButtonText?: string` - Save button text (default: 'Guardar contraseña')\n  - `savingPasswordButtonText?: string` - Saving state text (default: 'Guardando...')\n  - `cancelText?: string` - Cancel link text (default: 'Cancelar')\n- **Actions - Login mode**\n  - `onLogin?: (email: string, password: string) => Promise<{error?: boolean; message?: string}>` - Login handler\n  - `onForgotPasswordClick?: () => void` - Forgot password click handler\n- **Actions - Forgot Password mode**\n  - `onSendResetLink?: (email: string) => Promise<{error?: boolean; message?: string}>` - Send reset link handler\n  - `onBackToLogin?: () => void` - Back to login handler\n- **Actions - New Password mode**\n  - `onSaveNewPassword?: (password: string) => Promise<{error?: boolean; message?: string}>` - Save password handler\n  - `onCancel?: () => void` - Cancel handler\n- **Toggles**\n  - `showForgotPassword?: boolean` - Show forgot password link (default: true)\n- **Error messages**\n  - `emptyFieldsError?: string` - Empty fields error (default: 'Por favor ingresa tu correo y contraseña')\n  - `loginError?: string` - Login error (default: 'Correo o contraseña incorrectos')\n  - `emptyEmailError?: string` - Empty email error\n  - `resetLinkError?: string` - Reset link error\n  - `emptyPasswordError?: string` - Empty password error\n  - `savePasswordError?: string` - Save password error\n\n**Usage:**\n```tsx\n\"use client\";\nimport { useState } from \"react\";\nimport { Login, LoginMode } from \"citrica-ui-toolkit\";\n\nexport default function LoginPage() {\n  const [mode, setMode] = useState<LoginMode>(\"login\");\n\n  const handleLogin = async (email: string, password: string) => {\n    // Your login logic\n    const response = await yourAuthService.login(email, password);\n\n    if (response.success) {\n      return { error: false, message: \"Login exitoso\" };\n    } else {\n      return { error: true, message: \"Email o contraseña incorrectos\" };\n    }\n  };\n\n  const handleForgotPasswordClick = () => {\n    setMode(\"forgot-password\");\n  };\n\n  const handleSendResetLink = async (email: string) => {\n    // Your reset link logic\n    await yourAuthService.sendResetLink(email);\n    return { error: false, message: \"Enlace enviado exitosamente\" };\n  };\n\n  const handleBackToLogin = () => {\n    setMode(\"login\");\n  };\n\n  const handleSaveNewPassword = async (password: string) => {\n    // Your save password logic\n    await yourAuthService.savePassword(password);\n    setMode(\"login\");\n    return { error: false, message: \"Contraseña guardada\" };\n  };\n\n  return (\n    <div className=\"w-full min-h-screen flex items-center justify-center bg-gray-100\">\n      <Login\n        mode={mode}\n        bgImage=\"https://your-image-url.com/background.jpg\"\n        logo=\"/your-logo.png\"\n\n        // Actions - Login mode\n        onLogin={handleLogin}\n        onForgotPasswordClick={handleForgotPasswordClick}\n\n        // Actions - Forgot Password mode\n        onSendResetLink={handleSendResetLink}\n        onBackToLogin={handleBackToLogin}\n\n        // Actions - New Password mode\n        onSaveNewPassword={handleSaveNewPassword}\n        onCancel={handleBackToLogin}\n      />\n    </div>\n  );\n}\n```\n\n**Features:**\n- Three modes: login, forgot password, and new password\n- Two-column layout: form on left, background image on right\n- Responsive design (image hidden on mobile with `md:block`)\n- Built-in password visibility toggle\n- Input validation and error messages\n- Loading states for async operations\n- Inline CSS styling for consistent design\n- Uses Input variant=\"faded\" with custom classNames\n\n**Layout:**\n- Fixed width container (968px)\n- Left section: White form container (484px max) with border and shadow\n- Right section: Background image (484px max) with rounded corners\n- Form uses gap-4 spacing between inputs and button\n\n**Styling Notes:**\n- Component has inline styles that don't require external CSS\n- Form inputs use HeroUI's \"faded\" variant with custom colors:\n  - Border: `#D4DEED`, hover: `#265197`\n  - Labels: `#FF5B00` (orange)\n  - Input text: `#265197` (blue)\n  - Placeholder: `#A7BDE2` (light blue)\n\n---\n\n## License\n\nISC\n","readmeFilename":"README.md"}