chroma-panel 0.1.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 (202) hide show
  1. package/LICENSE +44 -0
  2. package/README.md +119 -0
  3. package/dist/_virtual/_rolldown/runtime.cjs +23 -0
  4. package/dist/a11y/contrast.cjs +107 -0
  5. package/dist/a11y/contrast.d.cts +34 -0
  6. package/dist/a11y/contrast.d.ts +34 -0
  7. package/dist/a11y/contrast.js +101 -0
  8. package/dist/color/convert.cjs +162 -0
  9. package/dist/color/convert.d.cts +16 -0
  10. package/dist/color/convert.d.ts +16 -0
  11. package/dist/color/convert.js +153 -0
  12. package/dist/color/parse.cjs +153 -0
  13. package/dist/color/parse.d.cts +7 -0
  14. package/dist/color/parse.d.ts +7 -0
  15. package/dist/color/parse.js +151 -0
  16. package/dist/color/serialize.cjs +79 -0
  17. package/dist/color/serialize.d.cts +11 -0
  18. package/dist/color/serialize.d.ts +11 -0
  19. package/dist/color/serialize.js +73 -0
  20. package/dist/color/sticky.cjs +20 -0
  21. package/dist/color/sticky.d.cts +6 -0
  22. package/dist/color/sticky.d.ts +6 -0
  23. package/dist/color/sticky.js +19 -0
  24. package/dist/color/types.d.cts +43 -0
  25. package/dist/color/types.d.ts +43 -0
  26. package/dist/components/ChromaPanel.cjs +254 -0
  27. package/dist/components/ChromaPanel.d.cts +47 -0
  28. package/dist/components/ChromaPanel.d.ts +47 -0
  29. package/dist/components/ChromaPanel.js +251 -0
  30. package/dist/components/ColorInput.cjs +128 -0
  31. package/dist/components/ColorInput.d.cts +19 -0
  32. package/dist/components/ColorInput.d.ts +19 -0
  33. package/dist/components/ColorInput.js +127 -0
  34. package/dist/components/ModeToolbar.cjs +33 -0
  35. package/dist/components/ModeToolbar.d.cts +10 -0
  36. package/dist/components/ModeToolbar.d.ts +10 -0
  37. package/dist/components/ModeToolbar.js +32 -0
  38. package/dist/components/PanelFooter.cjs +82 -0
  39. package/dist/components/PanelFooter.d.cts +5 -0
  40. package/dist/components/PanelFooter.d.ts +5 -0
  41. package/dist/components/PanelFooter.js +80 -0
  42. package/dist/components/Popover.cjs +154 -0
  43. package/dist/components/Popover.d.cts +13 -0
  44. package/dist/components/Popover.d.ts +13 -0
  45. package/dist/components/Popover.js +153 -0
  46. package/dist/contrast.cjs +10 -0
  47. package/dist/contrast.d.cts +2 -0
  48. package/dist/contrast.d.ts +2 -0
  49. package/dist/contrast.js +2 -0
  50. package/dist/core/context.cjs +30 -0
  51. package/dist/core/context.d.cts +43 -0
  52. package/dist/core/context.d.ts +43 -0
  53. package/dist/core/context.js +26 -0
  54. package/dist/core/dev.cjs +11 -0
  55. package/dist/core/dev.js +11 -0
  56. package/dist/core/store.cjs +43 -0
  57. package/dist/core/store.d.cts +17 -0
  58. package/dist/core/store.d.ts +17 -0
  59. package/dist/core/store.js +44 -0
  60. package/dist/core/styleInjector.cjs +38 -0
  61. package/dist/core/styleInjector.d.cts +4 -0
  62. package/dist/core/styleInjector.d.ts +4 -0
  63. package/dist/core/styleInjector.js +38 -0
  64. package/dist/core/useColorStore.cjs +43 -0
  65. package/dist/core/useColorStore.d.cts +6 -0
  66. package/dist/core/useColorStore.d.ts +6 -0
  67. package/dist/core/useColorStore.js +41 -0
  68. package/dist/core/useFormControl.cjs +87 -0
  69. package/dist/core/useFormControl.js +82 -0
  70. package/dist/core/useMediaQuery.cjs +48 -0
  71. package/dist/core/useMediaQuery.js +46 -0
  72. package/dist/core/usePointerDrag.cjs +177 -0
  73. package/dist/core/usePointerDrag.d.cts +35 -0
  74. package/dist/core/usePointerDrag.d.ts +35 -0
  75. package/dist/core/usePointerDrag.js +175 -0
  76. package/dist/core/useScrollFade.cjs +44 -0
  77. package/dist/core/useScrollFade.js +43 -0
  78. package/dist/core.cjs +33 -0
  79. package/dist/core.d.cts +7 -0
  80. package/dist/core.d.ts +7 -0
  81. package/dist/core.js +6 -0
  82. package/dist/data/defaults.cjs +123 -0
  83. package/dist/data/defaults.d.cts +6 -0
  84. package/dist/data/defaults.d.ts +6 -0
  85. package/dist/data/defaults.js +122 -0
  86. package/dist/data/namedColors.cjs +11 -0
  87. package/dist/data/namedColors.d.cts +3 -0
  88. package/dist/data/namedColors.d.ts +3 -0
  89. package/dist/data/namedColors.js +12 -0
  90. package/dist/image/extract.cjs +98 -0
  91. package/dist/image/extract.d.cts +16 -0
  92. package/dist/image/extract.d.ts +16 -0
  93. package/dist/image/extract.js +99 -0
  94. package/dist/image/mmcq.cjs +182 -0
  95. package/dist/image/mmcq.d.cts +8 -0
  96. package/dist/image/mmcq.d.ts +8 -0
  97. package/dist/image/mmcq.js +183 -0
  98. package/dist/image-worker.js +202 -0
  99. package/dist/image.cjs +12 -0
  100. package/dist/image.d.cts +4 -0
  101. package/dist/image.d.ts +4 -0
  102. package/dist/image.js +9 -0
  103. package/dist/index.cjs +119 -0
  104. package/dist/index.d.cts +36 -0
  105. package/dist/index.d.ts +36 -0
  106. package/dist/index.js +44 -0
  107. package/dist/modes/gradients.cjs +48 -0
  108. package/dist/modes/gradients.js +43 -0
  109. package/dist/modes/image/index.cjs +193 -0
  110. package/dist/modes/image/index.d.cts +10 -0
  111. package/dist/modes/image/index.d.ts +10 -0
  112. package/dist/modes/image/index.js +191 -0
  113. package/dist/modes/palettes/index.cjs +76 -0
  114. package/dist/modes/palettes/index.d.cts +6 -0
  115. package/dist/modes/palettes/index.d.ts +6 -0
  116. package/dist/modes/palettes/index.js +74 -0
  117. package/dist/modes/pencils/index.cjs +36 -0
  118. package/dist/modes/pencils/index.d.cts +6 -0
  119. package/dist/modes/pencils/index.d.ts +6 -0
  120. package/dist/modes/pencils/index.js +34 -0
  121. package/dist/modes/registry.cjs +26 -0
  122. package/dist/modes/registry.d.cts +13 -0
  123. package/dist/modes/registry.d.ts +13 -0
  124. package/dist/modes/registry.js +25 -0
  125. package/dist/modes/sliders/index.cjs +300 -0
  126. package/dist/modes/sliders/index.d.cts +6 -0
  127. package/dist/modes/sliders/index.d.ts +6 -0
  128. package/dist/modes/sliders/index.js +298 -0
  129. package/dist/modes/wheel/index.cjs +62 -0
  130. package/dist/modes/wheel/index.d.cts +6 -0
  131. package/dist/modes/wheel/index.d.ts +6 -0
  132. package/dist/modes/wheel/index.js +60 -0
  133. package/dist/named-colors.cjs +3 -0
  134. package/dist/named-colors.d.cts +2 -0
  135. package/dist/named-colors.d.ts +2 -0
  136. package/dist/named-colors.js +2 -0
  137. package/dist/palettes.cjs +8 -0
  138. package/dist/palettes.d.cts +2 -0
  139. package/dist/palettes.d.ts +2 -0
  140. package/dist/palettes.js +7 -0
  141. package/dist/panel.cjs +80 -0
  142. package/dist/panel.d.cts +27 -0
  143. package/dist/panel.d.ts +27 -0
  144. package/dist/panel.js +27 -0
  145. package/dist/pencils.cjs +8 -0
  146. package/dist/pencils.d.cts +2 -0
  147. package/dist/pencils.d.ts +2 -0
  148. package/dist/pencils.js +7 -0
  149. package/dist/primitives/AxisInput.cjs +26 -0
  150. package/dist/primitives/AxisInput.js +25 -0
  151. package/dist/primitives/ChannelSlider.cjs +94 -0
  152. package/dist/primitives/ChannelSlider.d.cts +18 -0
  153. package/dist/primitives/ChannelSlider.d.ts +18 -0
  154. package/dist/primitives/ChannelSlider.js +93 -0
  155. package/dist/primitives/ColorArea.cjs +85 -0
  156. package/dist/primitives/ColorArea.d.cts +8 -0
  157. package/dist/primitives/ColorArea.d.ts +8 -0
  158. package/dist/primitives/ColorArea.js +84 -0
  159. package/dist/primitives/ColorDisc.cjs +95 -0
  160. package/dist/primitives/ColorDisc.d.cts +8 -0
  161. package/dist/primitives/ColorDisc.d.ts +8 -0
  162. package/dist/primitives/ColorDisc.js +94 -0
  163. package/dist/primitives/ColorField.cjs +68 -0
  164. package/dist/primitives/ColorField.d.cts +9 -0
  165. package/dist/primitives/ColorField.d.ts +9 -0
  166. package/dist/primitives/ColorField.js +67 -0
  167. package/dist/primitives/NumberField.cjs +65 -0
  168. package/dist/primitives/NumberField.d.cts +14 -0
  169. package/dist/primitives/NumberField.d.ts +14 -0
  170. package/dist/primitives/NumberField.js +64 -0
  171. package/dist/primitives/SegmentedControl.cjs +66 -0
  172. package/dist/primitives/SegmentedControl.d.cts +21 -0
  173. package/dist/primitives/SegmentedControl.d.ts +21 -0
  174. package/dist/primitives/SegmentedControl.js +65 -0
  175. package/dist/primitives/Swatch.cjs +22 -0
  176. package/dist/primitives/Swatch.d.cts +13 -0
  177. package/dist/primitives/Swatch.d.ts +13 -0
  178. package/dist/primitives/Swatch.js +21 -0
  179. package/dist/primitives/SwatchGrid.cjs +63 -0
  180. package/dist/primitives/SwatchGrid.d.cts +17 -0
  181. package/dist/primitives/SwatchGrid.d.ts +17 -0
  182. package/dist/primitives/SwatchGrid.js +62 -0
  183. package/dist/primitives/icons.cjs +149 -0
  184. package/dist/primitives/icons.d.cts +9 -0
  185. package/dist/primitives/icons.d.ts +9 -0
  186. package/dist/primitives/icons.js +141 -0
  187. package/dist/primitives/useEyedropper.cjs +30 -0
  188. package/dist/primitives/useEyedropper.d.cts +7 -0
  189. package/dist/primitives/useEyedropper.d.ts +7 -0
  190. package/dist/primitives/useEyedropper.js +29 -0
  191. package/dist/sliders.cjs +8 -0
  192. package/dist/sliders.d.cts +2 -0
  193. package/dist/sliders.d.ts +2 -0
  194. package/dist/sliders.js +7 -0
  195. package/dist/style.css +2 -0
  196. package/dist/styles/css.cjs +4 -0
  197. package/dist/styles/css.js +5 -0
  198. package/dist/wheel.cjs +8 -0
  199. package/dist/wheel.d.cts +2 -0
  200. package/dist/wheel.d.ts +2 -0
  201. package/dist/wheel.js +7 -0
  202. package/package.json +222 -0
package/package.json ADDED
@@ -0,0 +1,222 @@
1
+ {
2
+ "name": "chroma-panel",
3
+ "version": "0.1.0",
4
+ "description": "React color picker with wheel, sliders, palettes, image sampling and an eyedropper. Zero dependencies, accessible, TypeScript types included.",
5
+ "keywords": [
6
+ "react",
7
+ "color",
8
+ "color-picker",
9
+ "colorpicker",
10
+ "hsva",
11
+ "hex",
12
+ "rgba",
13
+ "eyedropper",
14
+ "palette",
15
+ "accessible",
16
+ "a11y",
17
+ "typescript",
18
+ "zero-dependency",
19
+ "react-color-picker",
20
+ "colour-picker",
21
+ "color-wheel",
22
+ "swatch",
23
+ "macos",
24
+ "hsl"
25
+ ],
26
+ "license": "MIT",
27
+ "author": "Sohail Khan (https://resohail.me)",
28
+ "type": "module",
29
+ "sideEffects": [
30
+ "**/*.css",
31
+ "./dist/index.js",
32
+ "./dist/index.cjs",
33
+ "./dist/wheel.js",
34
+ "./dist/wheel.cjs",
35
+ "./dist/sliders.js",
36
+ "./dist/sliders.cjs",
37
+ "./dist/palettes.js",
38
+ "./dist/palettes.cjs",
39
+ "./dist/image.js",
40
+ "./dist/image.cjs",
41
+ "./dist/pencils.js",
42
+ "./dist/pencils.cjs",
43
+ "./dist/image-worker.js"
44
+ ],
45
+ "files": [
46
+ "dist",
47
+ "README.md",
48
+ "LICENSE"
49
+ ],
50
+ "main": "./dist/index.cjs",
51
+ "module": "./dist/index.js",
52
+ "types": "./dist/index.d.ts",
53
+ "style": "./dist/style.css",
54
+ "exports": {
55
+ ".": {
56
+ "import": {
57
+ "types": "./dist/index.d.ts",
58
+ "default": "./dist/index.js"
59
+ },
60
+ "require": {
61
+ "types": "./dist/index.d.cts",
62
+ "default": "./dist/index.cjs"
63
+ }
64
+ },
65
+ "./core": {
66
+ "import": {
67
+ "types": "./dist/core.d.ts",
68
+ "default": "./dist/core.js"
69
+ },
70
+ "require": {
71
+ "types": "./dist/core.d.cts",
72
+ "default": "./dist/core.cjs"
73
+ }
74
+ },
75
+ "./panel": {
76
+ "import": {
77
+ "types": "./dist/panel.d.ts",
78
+ "default": "./dist/panel.js"
79
+ },
80
+ "require": {
81
+ "types": "./dist/panel.d.cts",
82
+ "default": "./dist/panel.cjs"
83
+ }
84
+ },
85
+ "./wheel": {
86
+ "import": {
87
+ "types": "./dist/wheel.d.ts",
88
+ "default": "./dist/wheel.js"
89
+ },
90
+ "require": {
91
+ "types": "./dist/wheel.d.cts",
92
+ "default": "./dist/wheel.cjs"
93
+ }
94
+ },
95
+ "./sliders": {
96
+ "import": {
97
+ "types": "./dist/sliders.d.ts",
98
+ "default": "./dist/sliders.js"
99
+ },
100
+ "require": {
101
+ "types": "./dist/sliders.d.cts",
102
+ "default": "./dist/sliders.cjs"
103
+ }
104
+ },
105
+ "./palettes": {
106
+ "import": {
107
+ "types": "./dist/palettes.d.ts",
108
+ "default": "./dist/palettes.js"
109
+ },
110
+ "require": {
111
+ "types": "./dist/palettes.d.cts",
112
+ "default": "./dist/palettes.cjs"
113
+ }
114
+ },
115
+ "./image": {
116
+ "import": {
117
+ "types": "./dist/image.d.ts",
118
+ "default": "./dist/image.js"
119
+ },
120
+ "require": {
121
+ "types": "./dist/image.d.cts",
122
+ "default": "./dist/image.cjs"
123
+ }
124
+ },
125
+ "./pencils": {
126
+ "import": {
127
+ "types": "./dist/pencils.d.ts",
128
+ "default": "./dist/pencils.js"
129
+ },
130
+ "require": {
131
+ "types": "./dist/pencils.d.cts",
132
+ "default": "./dist/pencils.cjs"
133
+ }
134
+ },
135
+ "./named-colors": {
136
+ "import": {
137
+ "types": "./dist/named-colors.d.ts",
138
+ "default": "./dist/named-colors.js"
139
+ },
140
+ "require": {
141
+ "types": "./dist/named-colors.d.cts",
142
+ "default": "./dist/named-colors.cjs"
143
+ }
144
+ },
145
+ "./contrast": {
146
+ "import": {
147
+ "types": "./dist/contrast.d.ts",
148
+ "default": "./dist/contrast.js"
149
+ },
150
+ "require": {
151
+ "types": "./dist/contrast.d.cts",
152
+ "default": "./dist/contrast.cjs"
153
+ }
154
+ },
155
+ "./image-worker": "./dist/image-worker.js",
156
+ "./styles.css": "./dist/style.css",
157
+ "./style.css": "./dist/style.css",
158
+ "./package.json": "./package.json"
159
+ },
160
+ "scripts": {
161
+ "build": "tsdown && node scripts/emit-css.mjs && node scripts/strip-sourcemaps.mjs && npm run lint:publint && npm run lint:attw",
162
+ "dev": "tsdown --watch",
163
+ "typecheck": "tsc --noEmit && tsc --noEmit -p tsconfig.tools.json",
164
+ "test": "vitest run",
165
+ "test:unit": "vitest run --project unit",
166
+ "test:browser": "vitest run --project browser",
167
+ "test:watch": "vitest",
168
+ "lint:publint": "publint --strict",
169
+ "lint:attw": "attw --pack . --profile node16 --exclude-entrypoints styles.css style.css image-worker",
170
+ "verify:directives": "node scripts/verify-directives.mjs",
171
+ "size": "node scripts/size-report.mjs",
172
+ "prepublishOnly": "npm run build && npm run verify:directives && npm run size",
173
+ "release": "changeset publish",
174
+ "build:fast": "tsdown && node scripts/emit-css.mjs && node scripts/strip-sourcemaps.mjs"
175
+ },
176
+ "peerDependencies": {
177
+ "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0-0",
178
+ "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0-0",
179
+ "@types/react": "*",
180
+ "@types/react-dom": "*"
181
+ },
182
+ "publishConfig": {
183
+ "access": "public",
184
+ "registry": "https://registry.npmjs.org/"
185
+ },
186
+ "engines": {
187
+ "node": ">=18.0.0"
188
+ },
189
+ "devDependencies": {
190
+ "@arethetypeswrong/cli": "0.18.5",
191
+ "@changesets/cli": "^3.0.2",
192
+ "@types/node": "^22.20.2",
193
+ "@types/react": "^19.3.0",
194
+ "@types/react-dom": "^19.3.0",
195
+ "@vitejs/plugin-react": "^6.1.1",
196
+ "@vitest/browser-playwright": "^5.0.0",
197
+ "playwright": "^1.63.0",
198
+ "publint": "0.3.24",
199
+ "react": "^19.3.0",
200
+ "react-dom": "^19.3.0",
201
+ "tsdown": "0.23.0",
202
+ "typescript": "5.9.3",
203
+ "vitest": "^5.0.0",
204
+ "vitest-browser-react": "^2.3.0"
205
+ },
206
+ "repository": {
207
+ "type": "git",
208
+ "url": "git+https://github.com/re-sohail/chroma-panel.git"
209
+ },
210
+ "homepage": "https://github.com/re-sohail/chroma-panel#readme",
211
+ "bugs": {
212
+ "url": "https://github.com/re-sohail/chroma-panel/issues"
213
+ },
214
+ "peerDependenciesMeta": {
215
+ "@types/react": {
216
+ "optional": true
217
+ },
218
+ "@types/react-dom": {
219
+ "optional": true
220
+ }
221
+ }
222
+ }