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.
- package/LICENSE +44 -0
- package/README.md +119 -0
- package/dist/_virtual/_rolldown/runtime.cjs +23 -0
- package/dist/a11y/contrast.cjs +107 -0
- package/dist/a11y/contrast.d.cts +34 -0
- package/dist/a11y/contrast.d.ts +34 -0
- package/dist/a11y/contrast.js +101 -0
- package/dist/color/convert.cjs +162 -0
- package/dist/color/convert.d.cts +16 -0
- package/dist/color/convert.d.ts +16 -0
- package/dist/color/convert.js +153 -0
- package/dist/color/parse.cjs +153 -0
- package/dist/color/parse.d.cts +7 -0
- package/dist/color/parse.d.ts +7 -0
- package/dist/color/parse.js +151 -0
- package/dist/color/serialize.cjs +79 -0
- package/dist/color/serialize.d.cts +11 -0
- package/dist/color/serialize.d.ts +11 -0
- package/dist/color/serialize.js +73 -0
- package/dist/color/sticky.cjs +20 -0
- package/dist/color/sticky.d.cts +6 -0
- package/dist/color/sticky.d.ts +6 -0
- package/dist/color/sticky.js +19 -0
- package/dist/color/types.d.cts +43 -0
- package/dist/color/types.d.ts +43 -0
- package/dist/components/ChromaPanel.cjs +254 -0
- package/dist/components/ChromaPanel.d.cts +47 -0
- package/dist/components/ChromaPanel.d.ts +47 -0
- package/dist/components/ChromaPanel.js +251 -0
- package/dist/components/ColorInput.cjs +128 -0
- package/dist/components/ColorInput.d.cts +19 -0
- package/dist/components/ColorInput.d.ts +19 -0
- package/dist/components/ColorInput.js +127 -0
- package/dist/components/ModeToolbar.cjs +33 -0
- package/dist/components/ModeToolbar.d.cts +10 -0
- package/dist/components/ModeToolbar.d.ts +10 -0
- package/dist/components/ModeToolbar.js +32 -0
- package/dist/components/PanelFooter.cjs +82 -0
- package/dist/components/PanelFooter.d.cts +5 -0
- package/dist/components/PanelFooter.d.ts +5 -0
- package/dist/components/PanelFooter.js +80 -0
- package/dist/components/Popover.cjs +154 -0
- package/dist/components/Popover.d.cts +13 -0
- package/dist/components/Popover.d.ts +13 -0
- package/dist/components/Popover.js +153 -0
- package/dist/contrast.cjs +10 -0
- package/dist/contrast.d.cts +2 -0
- package/dist/contrast.d.ts +2 -0
- package/dist/contrast.js +2 -0
- package/dist/core/context.cjs +30 -0
- package/dist/core/context.d.cts +43 -0
- package/dist/core/context.d.ts +43 -0
- package/dist/core/context.js +26 -0
- package/dist/core/dev.cjs +11 -0
- package/dist/core/dev.js +11 -0
- package/dist/core/store.cjs +43 -0
- package/dist/core/store.d.cts +17 -0
- package/dist/core/store.d.ts +17 -0
- package/dist/core/store.js +44 -0
- package/dist/core/styleInjector.cjs +38 -0
- package/dist/core/styleInjector.d.cts +4 -0
- package/dist/core/styleInjector.d.ts +4 -0
- package/dist/core/styleInjector.js +38 -0
- package/dist/core/useColorStore.cjs +43 -0
- package/dist/core/useColorStore.d.cts +6 -0
- package/dist/core/useColorStore.d.ts +6 -0
- package/dist/core/useColorStore.js +41 -0
- package/dist/core/useFormControl.cjs +87 -0
- package/dist/core/useFormControl.js +82 -0
- package/dist/core/useMediaQuery.cjs +48 -0
- package/dist/core/useMediaQuery.js +46 -0
- package/dist/core/usePointerDrag.cjs +177 -0
- package/dist/core/usePointerDrag.d.cts +35 -0
- package/dist/core/usePointerDrag.d.ts +35 -0
- package/dist/core/usePointerDrag.js +175 -0
- package/dist/core/useScrollFade.cjs +44 -0
- package/dist/core/useScrollFade.js +43 -0
- package/dist/core.cjs +33 -0
- package/dist/core.d.cts +7 -0
- package/dist/core.d.ts +7 -0
- package/dist/core.js +6 -0
- package/dist/data/defaults.cjs +123 -0
- package/dist/data/defaults.d.cts +6 -0
- package/dist/data/defaults.d.ts +6 -0
- package/dist/data/defaults.js +122 -0
- package/dist/data/namedColors.cjs +11 -0
- package/dist/data/namedColors.d.cts +3 -0
- package/dist/data/namedColors.d.ts +3 -0
- package/dist/data/namedColors.js +12 -0
- package/dist/image/extract.cjs +98 -0
- package/dist/image/extract.d.cts +16 -0
- package/dist/image/extract.d.ts +16 -0
- package/dist/image/extract.js +99 -0
- package/dist/image/mmcq.cjs +182 -0
- package/dist/image/mmcq.d.cts +8 -0
- package/dist/image/mmcq.d.ts +8 -0
- package/dist/image/mmcq.js +183 -0
- package/dist/image-worker.js +202 -0
- package/dist/image.cjs +12 -0
- package/dist/image.d.cts +4 -0
- package/dist/image.d.ts +4 -0
- package/dist/image.js +9 -0
- package/dist/index.cjs +119 -0
- package/dist/index.d.cts +36 -0
- package/dist/index.d.ts +36 -0
- package/dist/index.js +44 -0
- package/dist/modes/gradients.cjs +48 -0
- package/dist/modes/gradients.js +43 -0
- package/dist/modes/image/index.cjs +193 -0
- package/dist/modes/image/index.d.cts +10 -0
- package/dist/modes/image/index.d.ts +10 -0
- package/dist/modes/image/index.js +191 -0
- package/dist/modes/palettes/index.cjs +76 -0
- package/dist/modes/palettes/index.d.cts +6 -0
- package/dist/modes/palettes/index.d.ts +6 -0
- package/dist/modes/palettes/index.js +74 -0
- package/dist/modes/pencils/index.cjs +36 -0
- package/dist/modes/pencils/index.d.cts +6 -0
- package/dist/modes/pencils/index.d.ts +6 -0
- package/dist/modes/pencils/index.js +34 -0
- package/dist/modes/registry.cjs +26 -0
- package/dist/modes/registry.d.cts +13 -0
- package/dist/modes/registry.d.ts +13 -0
- package/dist/modes/registry.js +25 -0
- package/dist/modes/sliders/index.cjs +300 -0
- package/dist/modes/sliders/index.d.cts +6 -0
- package/dist/modes/sliders/index.d.ts +6 -0
- package/dist/modes/sliders/index.js +298 -0
- package/dist/modes/wheel/index.cjs +62 -0
- package/dist/modes/wheel/index.d.cts +6 -0
- package/dist/modes/wheel/index.d.ts +6 -0
- package/dist/modes/wheel/index.js +60 -0
- package/dist/named-colors.cjs +3 -0
- package/dist/named-colors.d.cts +2 -0
- package/dist/named-colors.d.ts +2 -0
- package/dist/named-colors.js +2 -0
- package/dist/palettes.cjs +8 -0
- package/dist/palettes.d.cts +2 -0
- package/dist/palettes.d.ts +2 -0
- package/dist/palettes.js +7 -0
- package/dist/panel.cjs +80 -0
- package/dist/panel.d.cts +27 -0
- package/dist/panel.d.ts +27 -0
- package/dist/panel.js +27 -0
- package/dist/pencils.cjs +8 -0
- package/dist/pencils.d.cts +2 -0
- package/dist/pencils.d.ts +2 -0
- package/dist/pencils.js +7 -0
- package/dist/primitives/AxisInput.cjs +26 -0
- package/dist/primitives/AxisInput.js +25 -0
- package/dist/primitives/ChannelSlider.cjs +94 -0
- package/dist/primitives/ChannelSlider.d.cts +18 -0
- package/dist/primitives/ChannelSlider.d.ts +18 -0
- package/dist/primitives/ChannelSlider.js +93 -0
- package/dist/primitives/ColorArea.cjs +85 -0
- package/dist/primitives/ColorArea.d.cts +8 -0
- package/dist/primitives/ColorArea.d.ts +8 -0
- package/dist/primitives/ColorArea.js +84 -0
- package/dist/primitives/ColorDisc.cjs +95 -0
- package/dist/primitives/ColorDisc.d.cts +8 -0
- package/dist/primitives/ColorDisc.d.ts +8 -0
- package/dist/primitives/ColorDisc.js +94 -0
- package/dist/primitives/ColorField.cjs +68 -0
- package/dist/primitives/ColorField.d.cts +9 -0
- package/dist/primitives/ColorField.d.ts +9 -0
- package/dist/primitives/ColorField.js +67 -0
- package/dist/primitives/NumberField.cjs +65 -0
- package/dist/primitives/NumberField.d.cts +14 -0
- package/dist/primitives/NumberField.d.ts +14 -0
- package/dist/primitives/NumberField.js +64 -0
- package/dist/primitives/SegmentedControl.cjs +66 -0
- package/dist/primitives/SegmentedControl.d.cts +21 -0
- package/dist/primitives/SegmentedControl.d.ts +21 -0
- package/dist/primitives/SegmentedControl.js +65 -0
- package/dist/primitives/Swatch.cjs +22 -0
- package/dist/primitives/Swatch.d.cts +13 -0
- package/dist/primitives/Swatch.d.ts +13 -0
- package/dist/primitives/Swatch.js +21 -0
- package/dist/primitives/SwatchGrid.cjs +63 -0
- package/dist/primitives/SwatchGrid.d.cts +17 -0
- package/dist/primitives/SwatchGrid.d.ts +17 -0
- package/dist/primitives/SwatchGrid.js +62 -0
- package/dist/primitives/icons.cjs +149 -0
- package/dist/primitives/icons.d.cts +9 -0
- package/dist/primitives/icons.d.ts +9 -0
- package/dist/primitives/icons.js +141 -0
- package/dist/primitives/useEyedropper.cjs +30 -0
- package/dist/primitives/useEyedropper.d.cts +7 -0
- package/dist/primitives/useEyedropper.d.ts +7 -0
- package/dist/primitives/useEyedropper.js +29 -0
- package/dist/sliders.cjs +8 -0
- package/dist/sliders.d.cts +2 -0
- package/dist/sliders.d.ts +2 -0
- package/dist/sliders.js +7 -0
- package/dist/style.css +2 -0
- package/dist/styles/css.cjs +4 -0
- package/dist/styles/css.js +5 -0
- package/dist/wheel.cjs +8 -0
- package/dist/wheel.d.cts +2 -0
- package/dist/wheel.d.ts +2 -0
- package/dist/wheel.js +7 -0
- 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
|
+
}
|