@haventmet/carousel 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/README.md +36 -43
  2. package/dist/carousel.css +1 -0
  3. package/dist/carousel.d.ts +17 -0
  4. package/dist/carousel.js +387 -0
  5. package/dist/carousel.umd.cjs +1 -0
  6. package/dist/index.d.ts +1 -0
  7. package/package.json +29 -17
  8. package/.mcp.json +0 -8
  9. package/CLAUDE.md +0 -177
  10. package/LICENSE +0 -21
  11. package/biome.json +0 -174
  12. package/packages/alpine/index.html +0 -50
  13. package/packages/alpine/package.json +0 -70
  14. package/packages/alpine/src/index.ts +0 -46
  15. package/packages/alpine/style.css +0 -76
  16. package/packages/alpine/tsconfig.json +0 -28
  17. package/packages/alpine/vite.config.ts +0 -28
  18. package/packages/core/README.md +0 -69
  19. package/packages/core/package.json +0 -45
  20. package/packages/core/src/carousel.ts +0 -842
  21. package/packages/core/src/index.ts +0 -2
  22. package/packages/core/src/style.css +0 -46
  23. package/packages/core/vite.config.js +0 -14
  24. package/packages/react/.vite/deps/_metadata.json +0 -25
  25. package/packages/react/.vite/deps/chunk-7CQ73C3Q.js +0 -1908
  26. package/packages/react/.vite/deps/chunk-7CQ73C3Q.js.map +0 -7
  27. package/packages/react/.vite/deps/package.json +0 -3
  28. package/packages/react/.vite/deps/react-dom_client.js +0 -21712
  29. package/packages/react/.vite/deps/react-dom_client.js.map +0 -7
  30. package/packages/react/.vite/deps/react.js +0 -4
  31. package/packages/react/.vite/deps/react.js.map +0 -7
  32. package/packages/react/README.md +0 -75
  33. package/packages/react/index.html +0 -12
  34. package/packages/react/package.json +0 -74
  35. package/packages/react/src/App.tsx +0 -38
  36. package/packages/react/src/BlossomCarousel.tsx +0 -77
  37. package/packages/react/src/index.ts +0 -2
  38. package/packages/react/src/main.jsx +0 -6
  39. package/packages/react/src/style.css +0 -50
  40. package/packages/react/tsconfig.json +0 -17
  41. package/packages/react/vite.config.js +0 -27
  42. package/packages/svelte/README.md +0 -58
  43. package/packages/svelte/index.html +0 -12
  44. package/packages/svelte/package.json +0 -71
  45. package/packages/svelte/src/App.svelte +0 -12
  46. package/packages/svelte/src/BlossomCarousel.svelte +0 -39
  47. package/packages/svelte/src/BlossomCarousel.svelte.d.ts +0 -8
  48. package/packages/svelte/src/index.ts +0 -2
  49. package/packages/svelte/src/main.js +0 -10
  50. package/packages/svelte/src/style.css +0 -52
  51. package/packages/svelte/tsconfig.json +0 -16
  52. package/packages/svelte/vite.config.js +0 -45
  53. package/packages/vue/README.md +0 -70
  54. package/packages/vue/index.html +0 -12
  55. package/packages/vue/package.json +0 -69
  56. package/packages/vue/src/App.vue +0 -82
  57. package/packages/vue/src/BlossomCarousel.vue +0 -52
  58. package/packages/vue/src/index.ts +0 -2
  59. package/packages/vue/src/main.js +0 -5
  60. package/packages/vue/src/style.css +0 -18
  61. package/packages/vue/vite.config.js +0 -25
  62. package/packages/web/README.md +0 -44
  63. package/packages/web/index.html +0 -29
  64. package/packages/web/package.json +0 -65
  65. package/packages/web/src/index.ts +0 -27
  66. package/packages/web/src/style.css +0 -53
  67. package/packages/web/style.css +0 -54
  68. package/packages/web/tsconfig.json +0 -18
  69. package/packages/web/vite.config.ts +0 -23
  70. package/pnpm-workspace.yaml +0 -8
  71. package/public/cover.jpg +0 -0
  72. package/turbo.json +0 -12
@@ -1,69 +0,0 @@
1
- # Blossom Core
2
-
3
- A native-scroll-first carousel for the web.
4
-
5
- ## Installation
6
-
7
- Add the blossom-carousel package to your project.
8
-
9
- ```bash
10
- npm install @numbered/carousel/core
11
- ```
12
-
13
- Then, create a Blossom instance and initialize it.
14
-
15
- ```js
16
- import { Blossom } from "@numbered/carousel/core";
17
- import "@numbered/carousel/core/style.css";
18
-
19
- const element = document.querySelector("#my-carousel-element");
20
- // prepare the Blossom carousel
21
- const blossom = Blossom(element);
22
- // initialize whenever you want
23
- blossom.init();
24
- ```
25
-
26
- ## Lazy loading
27
-
28
- Load Blossom only when needed.
29
-
30
- ```js
31
- const hasMouse = window.matchMedia(
32
- "(hover: hover) and (pointer: fine)"
33
- ).matches;
34
-
35
- // We don't need Blossom's engine on touch devices
36
- if (!hasMouse) return;
37
-
38
- const { Blossom } = await import("@numbered/carousel/core");
39
-
40
- const element = document.querySelector("#my-carousel-element");
41
- const blossom = Blossom(element);
42
- blossom.init();
43
- ```
44
-
45
- ### Destroy
46
-
47
- Destroy the Blossom instance when you no longer need it to free up resources.
48
-
49
- ```js
50
- blossom.destroy();
51
- ```
52
-
53
- ### Get started in your favorite framework:
54
-
55
- - [React](https://www.npmjs.com/package/@numbered/carousel/react)
56
- - [Vue](https://www.npmjs.com/package/@numbered/carousel/vue)
57
- - [Svelte](https://www.npmjs.com/package/@numbered/carousel/svelte)
58
- - [Web Component](https://www.npmjs.com/package/@numbered/carousel/web)
59
-
60
- ## Examples
61
-
62
- - [Simple](https://www.blossom-carousel.com/docs/examples#simple)
63
- - [Variable widths](https://www.blossom-carousel.com/docs/examples#variable-widths)
64
- - [CSS Grid](https://www.blossom-carousel.com/docs/examples#css-grid)
65
- - [Multiple rows](https://www.blossom-carousel.com/docs/examples#multiple-rows)
66
- - [Snapping](https://www.blossom-carousel.com/docs/examples#snapping)
67
- - [Grouping](https://www.blossom-carousel.com/docs/examples#grouping)
68
- - [Sticky](https://www.blossom-carousel.com/docs/examples#sticky)
69
- - [Coverflow](https://www.blossom-carousel.com/docs/examples#cover-flow)
@@ -1,45 +0,0 @@
1
- {
2
- "name": "@haventmet/carousel",
3
- "version": "0.1.9",
4
- "author": "Loris",
5
- "license": "MIT",
6
- "description": "A native-scroll-first carousel component for the web.",
7
- "repository": {
8
- "type": "git",
9
- "url": "git+https://github.com/loris-numbered/carousel"
10
- },
11
- "bugs": {
12
- "url": "https://github.com/loris-numbered/carousel/issues"
13
- },
14
- "homepage": "https://www.blossom-carousel.com",
15
- "type": "module",
16
- "files": [
17
- "dist"
18
- ],
19
- "main": "dist/carousel.umd.cjs",
20
- "module": "dist/carousel.js",
21
- "types": "dist/index.d.ts",
22
- "exports": {
23
- ".": {
24
- "types": "./dist/index.d.ts",
25
- "import": "./dist/carousel.js",
26
- "require": "./dist/carousel.umd.cjs"
27
- },
28
- "./style.css": "./dist/carousel.css"
29
- },
30
- "publishConfig": {
31
- "access": "public"
32
- },
33
- "scripts": {
34
- "dev": "vite",
35
- "build": "vite build",
36
- "preview": "vite preview"
37
- },
38
- "devDependencies": {
39
- "tsup": "^6.0.0"
40
- },
41
- "dependencies": {
42
- "vite": "^6.3.3",
43
- "vite-plugin-dts": "^4.5.3"
44
- }
45
- }