{"_id":"@aquabx/uikit","_rev":"4-d99a6167ab9a1da346077c88bfa0226c","name":"@aquabx/uikit","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@aquabx/uikit","version":"0.0.1","keywords":["svelte"],"_id":"@aquabx/uikit@0.0.1","maintainers":[{"name":"aquabx","email":"tom.chauvel@hotmail.com"}],"dist":{"shasum":"650d01abad24c2a9d8c409abfb42438bfc3d2605","tarball":"https://registry.npmjs.org/@aquabx/uikit/-/uikit-0.0.1.tgz","fileCount":10,"integrity":"sha512-FJ2LHLMm2oSa2W0rQhzM6/wuK6efTK+OsETKd/4m8D7Si5+/VNdd5eXIZ2T8h7HrIwDlYY36NbjvP+foRNPxaA==","signatures":[{"sig":"MEYCIQD1dUPTrRzEr2ouOWCGAzMkHl1TqvbIKpM/y8kVeoQrIAIhAIwbg4Cl4qDgkYV+bOIgnCGCa0BHTDAzCtvvRJT9g5fm","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10485},"type":"module","types":"./dist/index.d.ts","svelte":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"scripts":{"dev":"vite dev","build":"vite build && npm run prepack","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","prepack":"svelte-kit sync && svelte-package && publint","prepare":"svelte-kit sync || echo ''","preview":"vite preview","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"},"_npmUser":{"name":"aquabx","email":"tom.chauvel@hotmail.com"},"_npmVersion":"11.6.4","description":"This package provides the core logic of the components, but without any style.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"25.2.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^7.2.6","svelte":"^5.45.6","publint":"^0.3.15","typescript":"^5.9.3","tailwindcss":"^4.1.17","svelte-check":"^4.3.4","@sveltejs/kit":"^2.49.1","@sveltejs/package":"^2.5.7","@tailwindcss/vite":"^4.1.17","@steeze-ui/svelte-icon":"^1.6.2","@sveltejs/adapter-auto":"^7.0.0","@tailwindcss/typography":"^0.5.19","@steeze-ui/phosphor-icons":"^2.1.1","@sveltejs/vite-plugin-svelte":"^6.2.1"},"peerDependencies":{"svelte":"^5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.1_1766240105749_0.019907722160417807","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@aquabx/uikit","version":"0.0.3","scripts":{"dev":"vite dev","build":"vite build && npm run prepack","preview":"vite preview","prepare":"svelte-kit sync || echo ''","prepack":"svelte-kit sync && svelte-package && publint","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"},"sideEffects":["**/*.css"],"svelte":"./dist/index.js","types":"./dist/index.d.ts","type":"module","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"peerDependencies":{"svelte":"^5.0.0"},"devDependencies":{"@sveltejs/adapter-auto":"^7.0.0","@sveltejs/kit":"^2.49.1","@sveltejs/package":"^2.5.7","@sveltejs/vite-plugin-svelte":"^6.2.1","@tailwindcss/typography":"^0.5.19","@tailwindcss/vite":"^4.1.17","publint":"^0.3.15","svelte":"^5.45.6","svelte-check":"^4.3.4","tailwindcss":"^4.1.17","typescript":"^5.9.3","@steeze-ui/phosphor-icons":"^2.1.1","@steeze-ui/svelte-icon":"^1.6.2","vite":"^7.2.6"},"keywords":["svelte"],"gitHead":"dbf9f0a9d6d8aa109556501488b9f6500d33238a","_id":"@aquabx/uikit@0.0.3","description":"This package provides the core logic of the components, but without any style.","_nodeVersion":"25.2.1","_npmVersion":"11.6.4","dist":{"integrity":"sha512-a3IGPMp5YLmy1mPPb+Zg+bnvgMdZCA9CAfrz4qi1duJDx2/iRq33BWXWSLSIc+0g8Te8mn8pRkaht/E7wlKuPw==","shasum":"89a3b1114d559b558870fae2d9001741b5294bca","tarball":"https://registry.npmjs.org/@aquabx/uikit/-/uikit-0.0.3.tgz","fileCount":10,"unpackedSize":10573,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDlj7S3JWEe6uM47a/xsEQj5KfS6cGC7PaAxO8zrpoWnwIgKdNNaZIf/cIulrws9IR8LzlnqUEuMTNNER5OymMqEv0="}]},"_npmUser":{"name":"aquabx","email":"tom.chauvel@hotmail.com"},"directories":{},"maintainers":[{"name":"aquabx","email":"tom.chauvel@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/uikit_0.0.3_1766241881634_0.07519973307558092"},"_hasShrinkwrap":false}},"time":{"created":"2025-12-20T14:15:05.684Z","modified":"2025-12-20T14:44:41.967Z","0.0.1":"2025-12-20T14:15:05.914Z","0.0.2":"2025-12-20T14:41:41.828Z","0.0.3":"2025-12-20T14:44:41.781Z"},"keywords":["svelte"],"description":"This package provides the core logic of the components, but without any style.","maintainers":[{"name":"aquabx","email":"tom.chauvel@hotmail.com"}],"readme":"# @aquabx/uikit\n\nThis package provides the core logic of the components, but without any style.\n\n## Carousel\n```svelte\n<script lang=\"ts\">\n    import Playlist from \"@aquabx/uikit/Carousel.svelte\";\n    import { Pause, Play, SkipBack, SkipForward } from \"@steeze-ui/phosphor-icons\";\n    import { Icon } from \"@steeze-ui/svelte-icon\";\n\n    let musics = [\n        {\n            src: \"/mymusic1.mp3\",\n            caption: \"mymusic1\",\n\n        },\n        {\n            src: \"/mymusic2.mp3\",\n            caption: \"mymusic2\",\n        },\n\n    ];\n</script>\n\n<Playlist class=\"w-1/2 p-4 relative rounded-xl  bg-red-100\" {musics}>\n    {#snippet music({ cover, caption })}\n        <p class=\"text-center text-red-900 font-bold\">{caption}</p>\n    {/snippet}\n    {#snippet controls({play,pause,previous,next, paused, currentTime, duration})}\n        <div>\n            <input class=\"w-full\" type=\"range\" value={currentTime} max={duration} disabled>\n            <div class=\"flex gap-2 justify-center text-red-900\">\n                <button class=\"p-2 bg-red-200 rounded-full\" onclick={previous}><Icon class=\"size-4\" src={SkipBack}/></button>\n                \n                <button class=\"p-2 bg-red-200 rounded-full\" onclick={paused ? play : pause}>\n                    <Icon class=\"size-4\" src={paused ? Play : Pause}/>\n                </button>\n                <button class=\"p-2 bg-red-200 rounded-full\" onclick={next}><Icon class=\"size-4\" src={SkipForward}/></button>\n            </div>\n        </div>\n    {/snippet}\n</Playlist>\n```\n\n## Playlist / AudioPlayer\n```svelte\n<script lang=\"ts\">\n    import Carousel from \"@aquabx/uikit/Carousel.svelte\";\n    import { CaretLeft, CaretRight } from \"@steeze-ui/phosphor-icons\";\n    import { Icon } from \"@steeze-ui/svelte-icon\";\n\n    let images = [\n        {\n            src: \"/myimage1.png\",\n            alt: \"myimage1\",\n            caption: \"myimage1\",\n        },\n        {\n            src: \"/myimage2.png\",\n            alt: \"myimage2\",\n            caption: \"myimage2\",\n        },\n        {\n            src: \"/myimage3.png\",\n            alt: \"myimage3\",\n            caption: \"myimage3\",\n        },        \n        {\n            src: \"/myimage4.png\",\n            alt: \"myimage4\",\n            caption: \"myimage4\",\n        },\n    ];\n</script>\n\n<Carousel class=\"w-1/2 h-1/2 relative rounded-xl overflow-hidden\" show={1} gap={0} {images}>\n    {#snippet previous(onclick)}\n        <button class=\"z-10 rounded-full  p-2 bg-white absolute left-5 top-1/2 -translate-y-1/2\" {onclick}><Icon class=\"size-4\" src={CaretLeft}/></button>\n    {/snippet}\n\n    {#snippet next(onclick)}\n        <button class=\"z-10 rounded-full  p-2 bg-white absolute right-5 top-1/2 -translate-y-1/2\" {onclick}><Icon class=\"size-4\" src={CaretRight}/></button>\n    {/snippet}\n\n    {#snippet image({ alt, src })}\n        <img draggable=\"false\" class=\"w-full h-full object-cover select-none\" {alt} {src}/>\n    {/snippet}\n</Carousel>\n```","readmeFilename":"README.md"}