@haventmet/carousel 1.0.0

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 (67) hide show
  1. package/.mcp.json +8 -0
  2. package/CLAUDE.md +177 -0
  3. package/LICENSE +21 -0
  4. package/README.md +76 -0
  5. package/biome.json +174 -0
  6. package/package.json +33 -0
  7. package/packages/alpine/index.html +50 -0
  8. package/packages/alpine/package.json +70 -0
  9. package/packages/alpine/src/index.ts +46 -0
  10. package/packages/alpine/style.css +76 -0
  11. package/packages/alpine/tsconfig.json +28 -0
  12. package/packages/alpine/vite.config.ts +28 -0
  13. package/packages/core/README.md +69 -0
  14. package/packages/core/package.json +45 -0
  15. package/packages/core/src/carousel.ts +842 -0
  16. package/packages/core/src/index.ts +2 -0
  17. package/packages/core/src/style.css +46 -0
  18. package/packages/core/vite.config.js +14 -0
  19. package/packages/react/.vite/deps/_metadata.json +25 -0
  20. package/packages/react/.vite/deps/chunk-7CQ73C3Q.js +1908 -0
  21. package/packages/react/.vite/deps/chunk-7CQ73C3Q.js.map +7 -0
  22. package/packages/react/.vite/deps/package.json +3 -0
  23. package/packages/react/.vite/deps/react-dom_client.js +21712 -0
  24. package/packages/react/.vite/deps/react-dom_client.js.map +7 -0
  25. package/packages/react/.vite/deps/react.js +4 -0
  26. package/packages/react/.vite/deps/react.js.map +7 -0
  27. package/packages/react/README.md +75 -0
  28. package/packages/react/index.html +12 -0
  29. package/packages/react/package.json +74 -0
  30. package/packages/react/src/App.tsx +38 -0
  31. package/packages/react/src/BlossomCarousel.tsx +77 -0
  32. package/packages/react/src/index.ts +2 -0
  33. package/packages/react/src/main.jsx +6 -0
  34. package/packages/react/src/style.css +50 -0
  35. package/packages/react/tsconfig.json +17 -0
  36. package/packages/react/vite.config.js +27 -0
  37. package/packages/svelte/README.md +58 -0
  38. package/packages/svelte/index.html +12 -0
  39. package/packages/svelte/package.json +71 -0
  40. package/packages/svelte/src/App.svelte +12 -0
  41. package/packages/svelte/src/BlossomCarousel.svelte +39 -0
  42. package/packages/svelte/src/BlossomCarousel.svelte.d.ts +8 -0
  43. package/packages/svelte/src/index.ts +2 -0
  44. package/packages/svelte/src/main.js +10 -0
  45. package/packages/svelte/src/style.css +52 -0
  46. package/packages/svelte/tsconfig.json +16 -0
  47. package/packages/svelte/vite.config.js +45 -0
  48. package/packages/vue/README.md +70 -0
  49. package/packages/vue/index.html +12 -0
  50. package/packages/vue/package.json +69 -0
  51. package/packages/vue/src/App.vue +82 -0
  52. package/packages/vue/src/BlossomCarousel.vue +52 -0
  53. package/packages/vue/src/index.ts +2 -0
  54. package/packages/vue/src/main.js +5 -0
  55. package/packages/vue/src/style.css +18 -0
  56. package/packages/vue/vite.config.js +25 -0
  57. package/packages/web/README.md +44 -0
  58. package/packages/web/index.html +29 -0
  59. package/packages/web/package.json +65 -0
  60. package/packages/web/src/index.ts +27 -0
  61. package/packages/web/src/style.css +53 -0
  62. package/packages/web/style.css +54 -0
  63. package/packages/web/tsconfig.json +18 -0
  64. package/packages/web/vite.config.ts +23 -0
  65. package/pnpm-workspace.yaml +8 -0
  66. package/public/cover.jpg +0 -0
  67. package/turbo.json +12 -0
package/packages/core/src/index.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { Blossom, type CarouselOptions } from "./carousel";
2
+ import "./style.css";
package/packages/core/src/style.css ADDED
@@ -0,0 +1,46 @@
1
+ [blossom-carousel] {
2
+ display: inline-block;
3
+ white-space: nowrap;
4
+ overflow-x: auto;
5
+ overflow-y: clip;
6
+ scroll-behavior: smooth;
7
+ overscroll-behavior-x: contain;
8
+ list-style-type: none;
9
+ inline-size: 100%;
10
+ max-inline-size: 100vw;
11
+ box-sizing: border-box;
12
+
13
+ /* &:is(ul) {
14
+ padding-inline-start: 0;
15
+ } */
16
+
17
+ /* hide scrollbar */
18
+ /* scrollbar-width: none;
19
+ &::-webkit-scrollbar {
20
+ display: none;
21
+ } */
22
+
23
+ &[has-repeat="true"] {
24
+ scroll-padding-inline: 50% !important;
25
+ padding-inline: 50% !important;
26
+ }
27
+
28
+ & > * {
29
+ display: inline-block;
30
+ white-space: initial;
31
+ vertical-align: top;
32
+ }
33
+
34
+ /* prevent drag interaction on children */
35
+ & * {
36
+ -webkit-user-drag: none;
37
+ -webkit-touch-callout: none;
38
+ user-select: none;
39
+ }
40
+
41
+ &.blossom-dragging {
42
+ & > * {
43
+ pointer-events: none;
44
+ }
45
+ }
46
+ }
package/packages/core/vite.config.js ADDED
@@ -0,0 +1,14 @@
1
+ import { defineConfig } from "vite";
2
+ import dts from "vite-plugin-dts";
3
+ import path from "path";
4
+
5
+ export default defineConfig({
6
+ plugins: [dts({ skipDiagnostics: true })],
7
+ build: {
8
+ lib: {
9
+ entry: path.resolve(__dirname, "src/index.ts"),
10
+ name: "BlossomCarousel",
11
+ fileName: "carousel",
12
+ },
13
+ },
14
+ });
package/packages/react/.vite/deps/_metadata.json ADDED
@@ -0,0 +1,25 @@
1
+ {
2
+ "hash": "fa574a88",
3
+ "configHash": "5e3199d6",
4
+ "lockfileHash": "fbfa949f",
5
+ "browserHash": "aa7a54a4",
6
+ "optimized": {
7
+ "react": {
8
+ "src": "../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js",
9
+ "file": "react.js",
10
+ "fileHash": "240d3054",
11
+ "needsInterop": true
12
+ },
13
+ "react-dom/client": {
14
+ "src": "../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js",
15
+ "file": "react-dom_client.js",
16
+ "fileHash": "fe4c4968",
17
+ "needsInterop": true
18
+ }
19
+ },
20
+ "chunks": {
21
+ "chunk-7CQ73C3Q": {
22
+ "file": "chunk-7CQ73C3Q.js"
23
+ }
24
+ }
25
+ }