@sanity/color-input 3.0.0-studio-v3.0 → 3.0.0-v3-studio.3

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 (12) hide show
  1. package/README.md +3 -3
  2. package/lib/{index.js → cjs/index.js} +76 -76
  3. package/lib/{index.js.map → cjs/index.js.map} +1 -1
  4. package/lib/{index.modern.js → esm/index.js} +77 -77
  5. package/lib/{index.modern.js.map → esm/index.js.map} +1 -1
  6. package/lib/{index.d.ts → types/index.d.ts} +1 -2
  7. package/lib/types/index.d.ts.map +1 -0
  8. package/package.json +19 -14
  9. package/sanity.json +8 -0
  10. package/src/ColorInput.tsx +1 -1
  11. package/v2-incompatible.js +11 -0
  12. package/lib/index.d.ts.map +0 -1
package/README.md CHANGED
@@ -28,12 +28,12 @@ yarn add @sanity/color-input@studio-v3
28
28
  Add it as a plugin in sanity.config.ts (or .js):
29
29
 
30
30
  ```js
31
- import { colorSchema } from "@sanity/color-input";
31
+ import { colorInput } from "@sanity/color-input";
32
32
 
33
33
  export default createConfig({
34
34
  // ...
35
35
  plugins: [
36
- colorSchema(),
36
+ colorInput(),
37
37
  ]
38
38
  })
39
39
  ```
@@ -132,4 +132,4 @@ triggering hotreload. Yalc avoids issues with react-hooks that are typical when
132
132
  ### About build & watch
133
133
 
134
134
  This plugin uses [@sanity/plugin-sdk](https://github.com/sanity-io/plugin-sdk)
135
- with default configuration for build & watch scripts.
135
+ with default configuration for build & watch scripts.
package/lib/{index.js → cjs/index.js} RENAMED
@@ -1,14 +1,14 @@
1
- var $3KLdq$sanity = require("sanity");
2
- var $3KLdq$reactjsxruntime = require("react/jsx-runtime");
3
- var $3KLdq$react = require("react");
4
- var $3KLdq$sanityform = require("sanity/form");
5
- var $3KLdq$lodash = require("lodash");
6
- var $3KLdq$sanityui = require("@sanity/ui");
7
- var $3KLdq$sanityicons = require("@sanity/icons");
8
- var $3KLdq$reactcolorlibcomponentscommon = require("react-color/lib/components/common");
9
- var $3KLdq$reactcolor = require("react-color");
10
- var $3KLdq$styledcomponents = require("styled-components");
11
- var $3KLdq$reactcolorlibhelperscolor = require("react-color/lib/helpers/color");
1
+ var $k7rGe$sanity = require("sanity");
2
+ var $k7rGe$reactjsxruntime = require("react/jsx-runtime");
3
+ var $k7rGe$react = require("react");
4
+ var $k7rGe$sanityform = require("sanity/form");
5
+ var $k7rGe$lodash = require("lodash");
6
+ var $k7rGe$sanityui = require("@sanity/ui");
7
+ var $k7rGe$sanityicons = require("@sanity/icons");
8
+ var $k7rGe$reactcolorlibcomponentscommon = require("react-color/lib/components/common");
9
+ var $k7rGe$reactcolor = require("react-color");
10
+ var $k7rGe$styledcomponents = require("styled-components");
11
+ var $k7rGe$reactcolorlibhelperscolor = require("react-color/lib/helpers/color");
12
12
 
13
13
  function $parcel$export(e, n, v, s) {
14
14
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -103,8 +103,8 @@ const $6707e7c5509edbba$export$cc215b4b2c268dfd = {
103
103
 
104
104
 
105
105
  const $bb8e678a4bd9bec1$export$5367735792921e7d = ({ onChange: onChange , rgb: rgb , hsl: hsl , hex: hex , disableAlpha: disableAlpha })=>{
106
- const { sanity: sanity } = (0, $3KLdq$sanityui.useTheme)();
107
- const inputStyles = (0, $3KLdq$react.useMemo)(()=>({
106
+ const { sanity: sanity } = (0, $k7rGe$sanityui.useTheme)();
107
+ const inputStyles = (0, $k7rGe$react.useMemo)(()=>({
108
108
  input: {
109
109
  width: "80%",
110
110
  padding: "4px 10% 3px",
@@ -127,8 +127,8 @@ const $bb8e678a4bd9bec1$export$5367735792921e7d = ({ onChange: onChange , rgb: r
127
127
  }), [
128
128
  sanity
129
129
  ]);
130
- const handleChange = (0, $3KLdq$react.useCallback)((data)=>{
131
- if ("hex" in data && data.hex && (0, $3KLdq$reactcolorlibhelperscolor.isValidHex)(data.hex)) onChange({
130
+ const handleChange = (0, $k7rGe$react.useCallback)((data)=>{
131
+ if ("hex" in data && data.hex && (0, $k7rGe$reactcolorlibhelperscolor.isValidHex)(data.hex)) onChange({
132
132
  hex: data.hex,
133
133
  source: "hex"
134
134
  });
@@ -157,22 +157,22 @@ const $bb8e678a4bd9bec1$export$5367735792921e7d = ({ onChange: onChange , rgb: r
157
157
  hsl,
158
158
  rgb
159
159
  ]);
160
- return /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Flex), {
160
+ return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Flex), {
161
161
  children: [
162
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Box), {
162
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
163
163
  flex: 2,
164
164
  marginRight: 1,
165
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.EditableInput), {
165
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.EditableInput), {
166
166
  style: inputStyles,
167
167
  label: "hex",
168
168
  value: hex?.replace("#", ""),
169
169
  onChange: handleChange
170
170
  })
171
171
  }),
172
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Box), {
172
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
173
173
  flex: 1,
174
174
  marginRight: 1,
175
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.EditableInput), {
175
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.EditableInput), {
176
176
  style: inputStyles,
177
177
  label: "r",
178
178
  value: rgb?.r,
@@ -181,10 +181,10 @@ const $bb8e678a4bd9bec1$export$5367735792921e7d = ({ onChange: onChange , rgb: r
181
181
  dragMax: 255
182
182
  })
183
183
  }),
184
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Box), {
184
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
185
185
  flex: 1,
186
186
  marginRight: 1,
187
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.EditableInput), {
187
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.EditableInput), {
188
188
  style: inputStyles,
189
189
  label: "g",
190
190
  value: rgb?.g,
@@ -193,10 +193,10 @@ const $bb8e678a4bd9bec1$export$5367735792921e7d = ({ onChange: onChange , rgb: r
193
193
  dragMax: 255
194
194
  })
195
195
  }),
196
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Box), {
196
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
197
197
  flex: 1,
198
198
  marginRight: 1,
199
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.EditableInput), {
199
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.EditableInput), {
200
200
  style: inputStyles,
201
201
  label: "b",
202
202
  value: rgb?.b,
@@ -205,9 +205,9 @@ const $bb8e678a4bd9bec1$export$5367735792921e7d = ({ onChange: onChange , rgb: r
205
205
  dragMax: 255
206
206
  })
207
207
  }),
208
- !disableAlpha && /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Box), {
208
+ !disableAlpha && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
209
209
  flex: 1,
210
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.EditableInput), {
210
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.EditableInput), {
211
211
  style: inputStyles,
212
212
  label: "a",
213
213
  value: Math.round((rgb?.a ?? 1) * 100),
@@ -221,14 +221,14 @@ const $bb8e678a4bd9bec1$export$5367735792921e7d = ({ onChange: onChange , rgb: r
221
221
  };
222
222
 
223
223
 
224
- const $9cf89bc516c02185$var$ColorBox = (0, ($parcel$interopDefault($3KLdq$styledcomponents)))((0, $3KLdq$sanityui.Box))`
224
+ const $9cf89bc516c02185$var$ColorBox = (0, ($parcel$interopDefault($k7rGe$styledcomponents)))((0, $k7rGe$sanityui.Box))`
225
225
  position: absolute;
226
226
  top: 0;
227
227
  left: 0;
228
228
  width: 100%;
229
229
  height: 100%;
230
230
  `;
231
- const $9cf89bc516c02185$var$ReadOnlyContainer = (0, ($parcel$interopDefault($3KLdq$styledcomponents)))((0, $3KLdq$sanityui.Flex))`
231
+ const $9cf89bc516c02185$var$ReadOnlyContainer = (0, ($parcel$interopDefault($k7rGe$styledcomponents)))((0, $k7rGe$sanityui.Flex))`
232
232
  margin-top: 6rem;
233
233
  background-color: var(--card-bg-color);
234
234
  position: relative;
@@ -236,32 +236,32 @@ const $9cf89bc516c02185$var$ReadOnlyContainer = (0, ($parcel$interopDefault($3KL
236
236
  `;
237
237
  const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
238
238
  const { width: width , color: { rgb: rgb , hex: hex , hsv: hsv , hsl: hsl } , onChange: onChange , onUnset: onUnset , disableAlpha: disableAlpha , readOnly: readOnly , } = props;
239
- return /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)("div", {
239
+ return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("div", {
240
240
  style: {
241
241
  width: width
242
242
  },
243
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Card), {
243
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Card), {
244
244
  padding: 1,
245
245
  border: true,
246
246
  radius: 1,
247
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Stack), {
247
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Stack), {
248
248
  space: 2,
249
249
  children: [
250
- !readOnly && /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$reactjsxruntime.Fragment), {
250
+ !readOnly && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$reactjsxruntime.Fragment), {
251
251
  children: [
252
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Card), {
252
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Card), {
253
253
  overflow: "hidden",
254
254
  style: {
255
255
  position: "relative",
256
256
  height: "5em"
257
257
  },
258
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.Saturation), {
258
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.Saturation), {
259
259
  onChange: onChange,
260
260
  hsl: hsl,
261
261
  hsv: hsv
262
262
  })
263
263
  }),
264
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Card), {
264
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Card), {
265
265
  shadow: 1,
266
266
  radius: 3,
267
267
  overflow: "hidden",
@@ -269,12 +269,12 @@ const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
269
269
  position: "relative",
270
270
  height: "10px"
271
271
  },
272
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.Hue), {
272
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.Hue), {
273
273
  hsl: hsl,
274
274
  onChange: !readOnly && onChange
275
275
  })
276
276
  }),
277
- !disableAlpha && /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Card), {
277
+ !disableAlpha && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Card), {
278
278
  shadow: 1,
279
279
  radius: 3,
280
280
  overflow: "hidden",
@@ -282,7 +282,7 @@ const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
282
282
  position: "relative",
283
283
  height: "10px"
284
284
  },
285
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.Alpha), {
285
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.Alpha), {
286
286
  rgb: rgb,
287
287
  hsl: hsl,
288
288
  onChange: onChange
@@ -290,9 +290,9 @@ const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
290
290
  })
291
291
  ]
292
292
  }),
293
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Flex), {
293
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Flex), {
294
294
  children: [
295
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Card), {
295
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Card), {
296
296
  flex: 1,
297
297
  radius: 2,
298
298
  overflow: "hidden",
@@ -301,33 +301,33 @@ const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
301
301
  minWidth: "4em"
302
302
  },
303
303
  children: [
304
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.Checkboard), {}),
305
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)($9cf89bc516c02185$var$ColorBox, {
304
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.Checkboard), {}),
305
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)($9cf89bc516c02185$var$ColorBox, {
306
306
  style: {
307
307
  backgroundColor: `rgba(${rgb?.r},${rgb?.g},${rgb?.b},${rgb?.a})`
308
308
  }
309
309
  }),
310
- readOnly && /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)($9cf89bc516c02185$var$ReadOnlyContainer, {
310
+ readOnly && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)($9cf89bc516c02185$var$ReadOnlyContainer, {
311
311
  padding: 2,
312
312
  paddingBottom: 1,
313
313
  sizing: "border",
314
314
  justify: "space-between",
315
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Stack), {
315
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Stack), {
316
316
  space: 3,
317
317
  marginTop: 1,
318
318
  children: [
319
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Text), {
319
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Text), {
320
320
  size: 3,
321
321
  weight: "bold",
322
322
  children: hex
323
323
  }),
324
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Inline), {
324
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Inline), {
325
325
  space: 3,
326
326
  children: [
327
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Text), {
327
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Text), {
328
328
  size: 1,
329
329
  children: [
330
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)("strong", {
330
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("strong", {
331
331
  children: "RGB: "
332
332
  }),
333
333
  rgb?.r,
@@ -337,10 +337,10 @@ const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
337
337
  rgb?.b
338
338
  ]
339
339
  }),
340
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Text), {
340
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Text), {
341
341
  size: 1,
342
342
  children: [
343
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)("strong", {
343
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("strong", {
344
344
  children: "HSL: "
345
345
  }),
346
346
  " ",
@@ -359,15 +359,15 @@ const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
359
359
  })
360
360
  ]
361
361
  }),
362
- !readOnly && /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Flex), {
362
+ !readOnly && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Flex), {
363
363
  align: "flex-start",
364
364
  marginLeft: 2,
365
365
  children: [
366
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Box), {
366
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
367
367
  style: {
368
368
  width: 200
369
369
  },
370
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $bb8e678a4bd9bec1$export$5367735792921e7d), {
370
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $bb8e678a4bd9bec1$export$5367735792921e7d), {
371
371
  rgb: rgb,
372
372
  hsl: hsl,
373
373
  hex: hex,
@@ -375,12 +375,12 @@ const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
375
375
  disableAlpha: disableAlpha
376
376
  })
377
377
  }),
378
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Box), {
378
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
379
379
  marginLeft: 2,
380
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Button), {
380
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Button), {
381
381
  onClick: onUnset,
382
382
  title: "Delete color",
383
- icon: (0, $3KLdq$sanityicons.TrashIcon),
383
+ icon: (0, $k7rGe$sanityicons.TrashIcon),
384
384
  tone: "critical"
385
385
  })
386
386
  })
@@ -393,7 +393,7 @@ const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
393
393
  })
394
394
  });
395
395
  };
396
- const $9cf89bc516c02185$export$9feb1bc2e5f1ccb3 = (0, $3KLdq$reactcolor.CustomPicker)($9cf89bc516c02185$var$ColorPickerInner);
396
+ const $9cf89bc516c02185$export$9feb1bc2e5f1ccb3 = (0, $k7rGe$reactcolor.CustomPicker)($9cf89bc516c02185$var$ColorPickerInner);
397
397
 
398
398
 
399
399
  const $50859b401fad6cb5$var$DEFAULT_COLOR = {
@@ -420,30 +420,30 @@ const $50859b401fad6cb5$var$DEFAULT_COLOR = {
420
420
  };
421
421
  function $50859b401fad6cb5$export$5a1d7ca0a925d9c2(props) {
422
422
  const { onChange: onChange , schemaType: type , readOnly: readOnly , value: value } = props;
423
- const focusRef = (0, $3KLdq$react.useRef)(null);
423
+ const focusRef = (0, $k7rGe$react.useRef)(null);
424
424
  // use local state so we can have instant ui updates while debouncing patch emits
425
- const [color, setColor] = (0, $3KLdq$react.useState)(value);
426
- (0, $3KLdq$react.useEffect)(()=>setColor(value), [
425
+ const [color, setColor] = (0, $k7rGe$react.useState)(value);
426
+ (0, $k7rGe$react.useEffect)(()=>setColor(value), [
427
427
  value
428
428
  ]);
429
- const emitSetColor = (0, $3KLdq$react.useCallback)((nextColor)=>{
429
+ const emitSetColor = (0, $k7rGe$react.useCallback)((nextColor)=>{
430
430
  const fieldPatches = type.fields.filter((field)=>field.name in nextColor).map((field)=>{
431
431
  const nextFieldValue = nextColor[field.name];
432
432
  const isObject = field.type.jsonType === "object";
433
- return (0, $3KLdq$sanityform.set)(isObject ? Object.assign({
433
+ return (0, $k7rGe$sanityform.set)(isObject ? Object.assign({
434
434
  _type: field.type.name
435
435
  }, nextFieldValue) : nextFieldValue, [
436
436
  field.name
437
437
  ]);
438
438
  });
439
439
  onChange([
440
- (0, $3KLdq$sanityform.setIfMissing)({
440
+ (0, $k7rGe$sanityform.setIfMissing)({
441
441
  _type: type.name
442
442
  }),
443
- (0, $3KLdq$sanityform.set)(type.name, [
443
+ (0, $k7rGe$sanityform.set)(type.name, [
444
444
  "_type"
445
445
  ]),
446
- (0, $3KLdq$sanityform.set)(nextColor.rgb?.a, [
446
+ (0, $k7rGe$sanityform.set)(nextColor.rgb?.a, [
447
447
  "alpha"
448
448
  ]),
449
449
  ...fieldPatches,
@@ -454,37 +454,37 @@ function $50859b401fad6cb5$export$5a1d7ca0a925d9c2(props) {
454
454
  ]);
455
455
  // The color picker emits onChange events continuously while the user is sliding the
456
456
  // hue/saturation/alpha selectors. This debounces the event to avoid excessive patches
457
- const debouncedColorChange = (0, $3KLdq$react.useMemo)(()=>(0, $3KLdq$lodash.debounce)(emitSetColor, 100), [
457
+ const debouncedColorChange = (0, $k7rGe$react.useMemo)(()=>(0, $k7rGe$lodash.debounce)(emitSetColor, 100), [
458
458
  emitSetColor
459
459
  ]);
460
- const handleColorChange = (0, $3KLdq$react.useCallback)((nextColor)=>{
460
+ const handleColorChange = (0, $k7rGe$react.useCallback)((nextColor)=>{
461
461
  setColor(nextColor);
462
462
  debouncedColorChange(nextColor);
463
463
  }, [
464
464
  debouncedColorChange,
465
465
  setColor
466
466
  ]);
467
- const handleCreateColor = (0, $3KLdq$react.useCallback)(()=>{
467
+ const handleCreateColor = (0, $k7rGe$react.useCallback)(()=>{
468
468
  setColor($50859b401fad6cb5$var$DEFAULT_COLOR);
469
469
  emitSetColor($50859b401fad6cb5$var$DEFAULT_COLOR);
470
470
  }, [
471
471
  emitSetColor
472
472
  ]);
473
- const handleUnset = (0, $3KLdq$react.useCallback)(()=>{
473
+ const handleUnset = (0, $k7rGe$react.useCallback)(()=>{
474
474
  setColor(undefined);
475
- onChange((0, $3KLdq$sanityform.unset)());
475
+ onChange((0, $k7rGe$sanityform.unset)());
476
476
  }, [
477
477
  onChange
478
478
  ]);
479
- return /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactjsxruntime.Fragment), {
480
- children: value ? /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $9cf89bc516c02185$export$9feb1bc2e5f1ccb3), {
479
+ return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactjsxruntime.Fragment), {
480
+ children: value ? /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $9cf89bc516c02185$export$9feb1bc2e5f1ccb3), {
481
481
  /* ref={this.focusRef}*/ color: color,
482
482
  onChange: handleColorChange,
483
483
  readOnly: readOnly || typeof type.readOnly === "boolean" && type.readOnly,
484
484
  disableAlpha: type.options?.disableAlpha,
485
485
  onUnset: handleUnset
486
- }) : /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Button), {
487
- icon: (0, $3KLdq$sanityicons.AddIcon),
486
+ }) : /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Button), {
487
+ icon: (0, $k7rGe$sanityicons.AddIcon),
488
488
  mode: "ghost",
489
489
  text: "Create color",
490
490
  ref: focusRef,
@@ -543,7 +543,7 @@ const $1ba04456571fe4ef$export$35e9368ef982300f = {
543
543
  return {
544
544
  title: title,
545
545
  subtitle: subtitle,
546
- media: ()=>/*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)("div", {
546
+ media: ()=>/*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("div", {
547
547
  style: {
548
548
  backgroundColor: hex ?? "#000",
549
549
  opacity: alpha ?? 1,
@@ -590,7 +590,7 @@ const $ebd6b32193e371d0$export$633851ea6f85c81b = {
590
590
 
591
591
 
592
592
 
593
- const $244e63ca53592e4d$export$1d1c20ca26e20eb8 = (0, $3KLdq$sanity.createPlugin)({
593
+ const $244e63ca53592e4d$export$1d1c20ca26e20eb8 = (0, $k7rGe$sanity.createPlugin)({
594
594
  name: "@sanity/color-input",
595
595
  schema: {
596
596
  types: [
package/lib/{index.js.map → cjs/index.js.map} RENAMED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["src/index.ts","src/schemas/hslaColor.ts","src/schemas/rgbaColor.ts","src/schemas/color.tsx","src/ColorInput.tsx","src/ColorPicker.tsx","src/ColorPickerFields.tsx","src/schemas/hsvaColor.ts"],"sourcesContent":["import {createPlugin} from 'sanity'\nimport {hslaColor} from './schemas/hslaColor'\nimport {rgbaColor} from './schemas/rgbaColor'\nimport {color} from './schemas/color'\nimport {hsvaColor} from './schemas/hsvaColor'\n\nexport const colorInput = createPlugin({\n name: '@sanity/color-input',\n schema: {\n types: [hslaColor, hsvaColor, rgbaColor, color],\n },\n})\n\nexport {hslaColor, rgbaColor, color, hsvaColor}\nexport {ColorInput} from './ColorInput'\nexport type {ColorValue, ColorInputProps, ColorOptions, ColorSchemaType} from './ColorInput'\n","export const hslaColor = {\n title: 'Hue Saturation Lightness',\n name: 'hslaColor',\n type: 'object',\n fields: [\n {name: 'h', type: 'number', title: 'Hue'},\n {name: 's', type: 'number', title: 'Saturation'},\n {name: 'l', type: 'number', title: 'Lightness'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n","export const rgbaColor = {\n title: 'Red Green Blue (rgb)',\n name: 'rgbaColor',\n type: 'object',\n fields: [\n {name: 'r', type: 'number', title: 'Red'},\n {name: 'g', type: 'number', title: 'Green'},\n {name: 'b', type: 'number', title: 'Blue'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n","import React from 'react'\nimport {ColorInput} from '../ColorInput'\n\nconst round = (val: number = 1) => Math.round(val * 100)\n\nexport const color = {\n name: 'color',\n type: 'object',\n title: 'Color',\n components: {input: ColorInput},\n fields: [\n {\n title: 'Hex',\n name: 'hex',\n type: 'string',\n },\n {\n title: 'Alpha',\n name: 'alpha',\n type: 'number',\n },\n {\n title: 'Hue Saturation Lightness',\n name: 'hsl',\n type: 'hslaColor',\n },\n {\n title: 'Hue Saturation Value',\n name: 'hsv',\n type: 'hsvaColor',\n },\n {\n title: 'Red Green Blue (rgb)',\n name: 'rgb',\n type: 'rgbaColor',\n },\n ],\n preview: {\n select: {\n title: 'hex',\n alpha: 'alpha',\n hex: 'hex',\n hsl: 'hsl',\n },\n prepare({\n title,\n hex,\n hsl,\n alpha,\n }: {\n title?: string\n alpha?: number\n hex?: string\n hsl?: {h: number; s: number; l: number}\n }) {\n let subtitle = hex || 'No color set'\n if (hsl) {\n subtitle = `H:${round(hsl.h)} S:${round(hsl.s)} L:${round(hsl.l)} A:${round(alpha)}`\n }\n return {\n title: title,\n subtitle: subtitle,\n media: () => (\n <div\n style={{\n backgroundColor: hex ?? '#000',\n opacity: alpha ?? 1,\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n left: '0',\n }}\n />\n ),\n }\n },\n },\n}\n","import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport {set, setIfMissing, unset} from 'sanity/form'\nimport {debounce} from 'lodash'\nimport {Button} from '@sanity/ui'\nimport {AddIcon} from '@sanity/icons'\nimport {ColorPicker} from './ColorPicker'\nimport {ObjectInputProps} from 'sanity'\nimport {HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {ObjectSchemaType} from '@sanity/types'\n\nconst DEFAULT_COLOR: ColorValue & {source: string} = {\n hex: '#24a3e3',\n hsl: {h: 200, s: 0.7732, l: 0.5156, a: 1},\n hsv: {h: 200, s: 0.8414, v: 0.8901, a: 1},\n rgb: {r: 46, g: 163, b: 227, a: 1},\n source: 'hex',\n}\n\nexport interface ColorValue {\n hex: string\n hsl: HSLColor\n hsv: HSVColor\n rgb: RGBColor\n}\n\nexport interface ColorOptions {\n disableAlpha?: boolean\n}\n\nexport type ColorSchemaType = ObjectSchemaType & {\n options?: ColorOptions\n}\nexport type ColorInputProps = ObjectInputProps<ColorValue, ColorSchemaType>\n\nexport function ColorInput(props: ColorInputProps) {\n const {onChange, schemaType: type, readOnly, value} = props\n const focusRef = useRef<HTMLButtonElement>(null)\n\n // use local state so we can have instant ui updates while debouncing patch emits\n const [color, setColor] = useState(value)\n useEffect(() => setColor(value), [value])\n\n const emitSetColor = useCallback(\n (nextColor: ColorValue) => {\n const fieldPatches = type.fields\n .filter((field) => field.name in nextColor)\n .map((field) => {\n const nextFieldValue = nextColor[field.name as keyof ColorValue]\n const isObject = field.type.jsonType === 'object'\n return set(\n isObject ? Object.assign({_type: field.type.name}, nextFieldValue) : nextFieldValue,\n [field.name]\n )\n })\n\n onChange([\n setIfMissing({_type: type.name}),\n set(type.name, ['_type']),\n set(nextColor.rgb?.a, ['alpha']),\n ...fieldPatches,\n ])\n },\n [onChange, type]\n )\n\n // The color picker emits onChange events continuously while the user is sliding the\n // hue/saturation/alpha selectors. This debounces the event to avoid excessive patches\n const debouncedColorChange = useMemo(() => debounce(emitSetColor, 100), [emitSetColor])\n const handleColorChange = useCallback(\n (nextColor: ColorValue) => {\n setColor(nextColor)\n debouncedColorChange(nextColor)\n },\n [debouncedColorChange, setColor]\n )\n\n const handleCreateColor = useCallback(() => {\n setColor(DEFAULT_COLOR)\n emitSetColor(DEFAULT_COLOR)\n }, [emitSetColor])\n\n const handleUnset = useCallback(() => {\n setColor(undefined)\n onChange(unset())\n }, [onChange])\n\n return (\n <>\n {value ? (\n <ColorPicker\n /* ref={this.focusRef}*/\n color={color}\n onChange={handleColorChange}\n readOnly={readOnly || (typeof type.readOnly === 'boolean' && type.readOnly)}\n disableAlpha={type.options?.disableAlpha}\n onUnset={handleUnset}\n />\n ) : (\n <Button\n icon={AddIcon}\n mode=\"ghost\"\n text=\"Create color\"\n ref={focusRef}\n disabled={Boolean(readOnly)}\n onClick={handleCreateColor}\n />\n )}\n </>\n )\n}\n","import React from 'react'\nimport {Alpha, Checkboard, Hue, Saturation} from 'react-color/lib/components/common'\nimport {CustomPicker, HEXColor, HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {Box, Button, Card, Flex, Inline, Stack, Text} from '@sanity/ui'\nimport {TrashIcon} from '@sanity/icons'\nimport styled from 'styled-components'\nimport {ColorPickerFields} from './ColorPickerFields'\nimport {CustomPickerInjectedProps} from 'react-color/lib/components/common/ColorWrap'\nimport {ColorValue} from './ColorInput'\n\nconst ColorBox = styled(Box)`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n`\n\nconst ReadOnlyContainer = styled(Flex)`\n margin-top: 6rem;\n background-color: var(--card-bg-color);\n position: relative;\n width: 100%;\n`\n\nexport interface ColorPickerProps\n extends CustomPickerInjectedProps<HSLColor | HSVColor | RGBColor | HEXColor> {\n width?: string\n disableAlpha: boolean\n readOnly?: boolean\n onUnset: () => void\n color: ColorValue\n}\n\nconst ColorPickerInner = (props: ColorPickerProps) => {\n const {\n width,\n color: {rgb, hex, hsv, hsl},\n onChange,\n onUnset,\n disableAlpha,\n readOnly,\n } = props\n return (\n <div style={{width}}>\n <Card padding={1} border radius={1}>\n <Stack space={2}>\n {!readOnly && (\n <>\n <Card overflow=\"hidden\" style={{position: 'relative', height: '5em'}}>\n <Saturation onChange={onChange} hsl={hsl} hsv={hsv} />\n </Card>\n\n <Card\n shadow={1}\n radius={3}\n overflow=\"hidden\"\n style={{position: 'relative', height: '10px'}}\n >\n <Hue hsl={hsl} onChange={!readOnly && onChange} />\n </Card>\n\n {!disableAlpha && (\n <Card\n shadow={1}\n radius={3}\n overflow=\"hidden\"\n style={{position: 'relative', height: '10px'}}\n >\n <Alpha rgb={rgb} hsl={hsl} onChange={onChange} />\n </Card>\n )}\n </>\n )}\n <Flex>\n <Card\n flex={1}\n radius={2}\n overflow=\"hidden\"\n style={{position: 'relative', minWidth: '4em'}}\n >\n <Checkboard />\n <ColorBox\n style={{\n backgroundColor: `rgba(${rgb?.r},${rgb?.g},${rgb?.b},${rgb?.a})`,\n }}\n />\n\n {readOnly && (\n <ReadOnlyContainer\n padding={2}\n paddingBottom={1}\n sizing=\"border\"\n justify=\"space-between\"\n >\n <Stack space={3} marginTop={1}>\n <Text size={3} weight=\"bold\">\n {hex}\n </Text>\n\n <Inline space={3}>\n <Text size={1}>\n <strong>RGB: </strong>\n {rgb?.r} {rgb?.g} {rgb?.b}\n </Text>\n <Text size={1}>\n <strong>HSL: </strong> {Math.round(hsl?.h ?? 0)} {Math.round(hsl?.s ?? 0)}%{' '}\n {Math.round(hsl?.l ?? 0)}\n </Text>\n </Inline>\n </Stack>\n </ReadOnlyContainer>\n )}\n </Card>\n\n {!readOnly && (\n <Flex align=\"flex-start\" marginLeft={2}>\n <Box style={{width: 200}}>\n <ColorPickerFields\n rgb={rgb}\n hsl={hsl}\n hex={hex}\n onChange={onChange}\n disableAlpha={disableAlpha}\n />\n </Box>\n <Box marginLeft={2}>\n <Button onClick={onUnset} title=\"Delete color\" icon={TrashIcon} tone=\"critical\" />\n </Box>\n </Flex>\n )}\n </Flex>\n </Stack>\n </Card>\n </div>\n )\n}\n\nexport const ColorPicker = CustomPicker(ColorPickerInner)\n","import React, {useCallback, useMemo} from 'react'\n// @ts-expect-error missing export\nimport {isValidHex} from 'react-color/lib/helpers/color'\nimport {EditableInput} from 'react-color/lib/components/common'\nimport {Box, Flex, useTheme} from '@sanity/ui'\nimport {ColorChangeHandler, HEXColor, HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {EditableInputStyles} from 'react-color/lib/components/common/EditableInput'\n\ninterface ColorPickerFieldsProps {\n rgb?: RGBColor\n hsl?: HSLColor\n hex?: string\n disableAlpha: boolean\n onChange: ColorChangeHandler<HSLColor | HSVColor | RGBColor | HEXColor>\n}\n\nexport const ColorPickerFields = ({\n onChange,\n rgb,\n hsl,\n hex,\n disableAlpha,\n}: ColorPickerFieldsProps) => {\n const {sanity} = useTheme()\n\n const inputStyles: EditableInputStyles = useMemo(\n () => ({\n input: {\n width: '80%',\n padding: '4px 10% 3px',\n border: 'none',\n boxShadow: `inset 0 0 0 1px ${sanity.color.input.default.enabled.border}`,\n color: sanity.color.input.default.enabled.fg,\n backgroundColor: sanity.color.input.default.enabled.bg,\n fontSize: sanity.fonts.text.sizes[0].fontSize,\n textAlign: 'center',\n },\n label: {\n display: 'block',\n textAlign: 'center',\n fontSize: sanity.fonts.label.sizes[0].fontSize,\n color: sanity.color.base.fg,\n paddingTop: '3px',\n paddingBottom: '4px',\n textTransform: 'capitalize',\n },\n }),\n [sanity]\n )\n\n const handleChange: ColorChangeHandler<Record<string, string>> = useCallback(\n (data) => {\n if ('hex' in data && data.hex && isValidHex(data.hex)) {\n onChange({\n hex: data.hex,\n source: 'hex',\n })\n } else if (\n rgb &&\n (('r' in data && data.r) || ('g' in data && data.g) || ('b' in data && data.b))\n ) {\n onChange({\n r: Number(data.r) || rgb.r,\n g: Number(data.g) || rgb.g,\n b: Number(data.b) || rgb.b,\n a: rgb.a,\n source: 'rgb',\n })\n } else if (hsl && 'a' in data && data.a) {\n let alpha = Number(data.a)\n if (alpha < 0) {\n alpha = 0\n } else if (alpha > 100) {\n alpha = 100\n }\n alpha /= 100\n\n onChange({\n h: hsl.h,\n s: hsl.s,\n l: hsl.l,\n a: alpha,\n source: 'hsl',\n })\n }\n },\n [onChange, hsl, rgb]\n )\n\n return (\n <Flex>\n <Box flex={2} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"hex\"\n value={hex?.replace('#', '')}\n onChange={handleChange}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"r\"\n value={rgb?.r}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"g\"\n value={rgb?.g}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"b\"\n value={rgb?.b}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n {!disableAlpha && (\n <Box flex={1}>\n <EditableInput\n style={inputStyles}\n label=\"a\"\n value={Math.round((rgb?.a ?? 1) * 100)}\n onChange={handleChange}\n dragLabel\n dragMax={100}\n />\n </Box>\n )}\n </Flex>\n )\n}\n","export const hsvaColor = {\n title: 'Hue Saturation Value',\n name: 'hsvaColor',\n type: 'object',\n fields: [\n {name: 'h', type: 'number', title: 'Hue'},\n {name: 's', type: 'number', title: 'Saturation'},\n {name: 'v', type: 'number', title: 'Value'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n"],"names":[],"version":3,"file":"index.js.map","sourceRoot":"../"}
1
+ {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAO,MAAM,yCAAS,GAAG;IACvB,KAAK,EAAE,0BAA0B;IACjC,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE;QACN;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,KAAK;SAAC;QACzC;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,YAAY;SAAC;QAChD;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,WAAW;SAAC;QAC/C;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,OAAO;SAAC;KAC5C;CACF;;;ACVM,MAAM,yCAAS,GAAG;IACvB,KAAK,EAAE,sBAAsB;IAC7B,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE;QACN;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,KAAK;SAAC;QACzC;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,OAAO;SAAC;QAC3C;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,MAAM;SAAC;QAC1C;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,OAAO;SAAC;KAC5C;CACF;;;ACVD;;ACAA;;;;;;ACAA;;;;;;;ACAA;;;;;AAgBO,MAAM,yCAAiB,GAAG,CAAC,YAChC,QAAQ,CAAA,OACR,GAAG,CAAA,OACH,GAAG,CAAA,OACH,GAAG,CAAA,gBACH,YAAY,CAAA,EACW,GAAK;IAC5B,MAAM,UAAC,MAAM,CAAA,EAAC,GAAG,CAAA,GAAA,wBAAQ,CAAA,EAAE;IAE3B,MAAM,WAAW,GAAwB,CAAA,GAAA,oBAAO,CAAA,CAC9C,IAAO,CAAA;YACL,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK;gBACZ,OAAO,EAAE,aAAa;gBACtB,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBACzE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;gBAC5C,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;gBACtD,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ;gBAC7C,SAAS,EAAE,QAAQ;aACpB;YACD,KAAK,EAAE;gBACL,OAAO,EAAE,OAAO;gBAChB,SAAS,EAAE,QAAQ;gBACnB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ;gBAC9C,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;gBAC3B,UAAU,EAAE,KAAK;gBACjB,aAAa,EAAE,KAAK;gBACpB,aAAa,EAAE,YAAY;aAC5B;SACF,CAAA,AAAC,EACF;QAAC,MAAM;KAAC,CACT;IAED,MAAM,YAAY,GAA+C,CAAA,GAAA,wBAAW,CAAA,CAC1E,CAAC,IAAI,GAAK;QACR,IAAI,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,GAAG,IAAI,CAAA,GAAA,2CAAU,CAAA,CAAC,IAAI,CAAC,GAAG,CAAC,EACnD,QAAQ,CAAC;YACP,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,MAAM,EAAE,KAAK;SACd,CAAC;aACG,IACL,GAAG,IACF,CAAA,AAAC,GAAG,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,IAAM,GAAG,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,IAAM,GAAG,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,AAAC,CAAA,AAAC,EAE/E,QAAQ,CAAC;YACP,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;YAC1B,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;YAC1B,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;YAC1B,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,MAAM,EAAE,KAAK;SACd,CAAC;aACG,IAAI,GAAG,IAAI,GAAG,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,EAAE;YACvC,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;YAC1B,IAAI,KAAK,GAAG,CAAC,EACX,KAAK,GAAG,CAAC;iBACJ,IAAI,KAAK,GAAG,GAAG,EACpB,KAAK,GAAG,GAAG;YAEb,KAAK,IAAI,GAAG;YAEZ,QAAQ,CAAC;gBACP,CAAC,EAAE,GAAG,CAAC,CAAC;gBACR,CAAC,EAAE,GAAG,CAAC,CAAC;gBACR,CAAC,EAAE,GAAG,CAAC,CAAC;gBACR,CAAC,EAAE,KAAK;gBACR,MAAM,EAAE,KAAK;aACd,CAAC;SACH;KACF,EACD;QAAC,QAAQ;QAAE,GAAG;QAAE,GAAG;KAAC,CACrB;IAED,qBACE,iCAAC,CAAA,GAAA,oBAAI,CAAA;;0BACH,gCAAC,CAAA,GAAA,mBAAG,CAAA;gBAAC,IAAI,EAAE,CAAC;gBAAE,WAAW,EAAE,CAAC;0BAC1B,cAAA,gCAAC,CAAA,GAAA,kDAAa,CAAA;oBACZ,KAAK,EAAE,WAAW;oBAClB,KAAK,EAAC,KAAK;oBACX,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;oBAC5B,QAAQ,EAAE,YAAY;kBACtB;cACE;0BACN,gCAAC,CAAA,GAAA,mBAAG,CAAA;gBAAC,IAAI,EAAE,CAAC;gBAAE,WAAW,EAAE,CAAC;0BAC1B,cAAA,gCAAC,CAAA,GAAA,kDAAa,CAAA;oBACZ,KAAK,EAAE,WAAW;oBAClB,KAAK,EAAC,GAAG;oBACT,KAAK,EAAE,GAAG,EAAE,CAAC;oBACb,QAAQ,EAAE,YAAY;oBACtB,SAAS;oBACT,OAAO,EAAE,GAAG;kBACZ;cACE;0BACN,gCAAC,CAAA,GAAA,mBAAG,CAAA;gBAAC,IAAI,EAAE,CAAC;gBAAE,WAAW,EAAE,CAAC;0BAC1B,cAAA,gCAAC,CAAA,GAAA,kDAAa,CAAA;oBACZ,KAAK,EAAE,WAAW;oBAClB,KAAK,EAAC,GAAG;oBACT,KAAK,EAAE,GAAG,EAAE,CAAC;oBACb,QAAQ,EAAE,YAAY;oBACtB,SAAS;oBACT,OAAO,EAAE,GAAG;kBACZ;cACE;0BACN,gCAAC,CAAA,GAAA,mBAAG,CAAA;gBAAC,IAAI,EAAE,CAAC;gBAAE,WAAW,EAAE,CAAC;0BAC1B,cAAA,gCAAC,CAAA,GAAA,kDAAa,CAAA;oBACZ,KAAK,EAAE,WAAW;oBAClB,KAAK,EAAC,GAAG;oBACT,KAAK,EAAE,GAAG,EAAE,CAAC;oBACb,QAAQ,EAAE,YAAY;oBACtB,SAAS;oBACT,OAAO,EAAE,GAAG;kBACZ;cACE;YACL,CAAC,YAAY,kBACZ,gCAAC,CAAA,GAAA,mBAAG,CAAA;gBAAC,IAAI,EAAE,CAAC;0BACV,cAAA,gCAAC,CAAA,GAAA,kDAAa,CAAA;oBACZ,KAAK,EAAE,WAAW;oBAClB,KAAK,EAAC,GAAG;oBACT,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,AAAC,CAAA,GAAG,EAAE,CAAC,IAAI,CAAC,CAAA,GAAI,GAAG,CAAC;oBACtC,QAAQ,EAAE,YAAY;oBACtB,SAAS;oBACT,OAAO,EAAE,GAAG;kBACZ;cACE,AACP;;MACI,CACR;CACF;;;ADrID,MAAM,8BAAQ,GAAG,CAAA,GAAA,iDAAM,CAAA,CAAC,CAAA,GAAA,mBAAG,CAAA,CAAC,CAAC;;;;;;AAM7B,CAAC;AAED,MAAM,uCAAiB,GAAG,CAAA,GAAA,iDAAM,CAAA,CAAC,CAAA,GAAA,oBAAI,CAAA,CAAC,CAAC;;;;;AAKvC,CAAC;AAWD,MAAM,sCAAgB,GAAG,CAAC,KAAuB,GAAK;IACpD,MAAM,SACJ,KAAK,CAAA,EACL,KAAK,EAAE,OAAC,GAAG,CAAA,OAAE,GAAG,CAAA,OAAE,GAAG,CAAA,OAAE,GAAG,CAAA,EAAC,CAAA,YAC3B,QAAQ,CAAA,WACR,OAAO,CAAA,gBACP,YAAY,CAAA,YACZ,QAAQ,CAAA,IACT,GAAG,KAAK;IACT,qBACE,gCAAC,KAAG;QAAC,KAAK,EAAE;mBAAC,KAAK;SAAC;kBACjB,cAAA,gCAAC,CAAA,GAAA,oBAAI,CAAA;YAAC,OAAO,EAAE,CAAC;YAAE,MAAM;YAAC,MAAM,EAAE,CAAC;sBAChC,cAAA,iCAAC,CAAA,GAAA,qBAAK,CAAA;gBAAC,KAAK,EAAE,CAAC;;oBACZ,CAAC,QAAQ,kBACR;;0CACE,gCAAC,CAAA,GAAA,oBAAI,CAAA;gCAAC,QAAQ,EAAC,QAAQ;gCAAC,KAAK,EAAE;oCAAC,QAAQ,EAAE,UAAU;oCAAE,MAAM,EAAE,KAAK;iCAAC;0CAClE,cAAA,gCAAC,CAAA,GAAA,+CAAU,CAAA;oCAAC,QAAQ,EAAE,QAAQ;oCAAE,GAAG,EAAE,GAAG;oCAAE,GAAG,EAAE,GAAG;kCAAI;8BACjD;0CAEP,gCAAC,CAAA,GAAA,oBAAI,CAAA;gCACH,MAAM,EAAE,CAAC;gCACT,MAAM,EAAE,CAAC;gCACT,QAAQ,EAAC,QAAQ;gCACjB,KAAK,EAAE;oCAAC,QAAQ,EAAE,UAAU;oCAAE,MAAM,EAAE,MAAM;iCAAC;0CAE7C,cAAA,gCAAC,CAAA,GAAA,wCAAG,CAAA;oCAAC,GAAG,EAAE,GAAG;oCAAE,QAAQ,EAAE,CAAC,QAAQ,IAAI,QAAQ;kCAAI;8BAC7C;4BAEN,CAAC,YAAY,kBACZ,gCAAC,CAAA,GAAA,oBAAI,CAAA;gCACH,MAAM,EAAE,CAAC;gCACT,MAAM,EAAE,CAAC;gCACT,QAAQ,EAAC,QAAQ;gCACjB,KAAK,EAAE;oCAAC,QAAQ,EAAE,UAAU;oCAAE,MAAM,EAAE,MAAM;iCAAC;0CAE7C,cAAA,gCAAC,CAAA,GAAA,0CAAK,CAAA;oCAAC,GAAG,EAAE,GAAG;oCAAE,GAAG,EAAE,GAAG;oCAAE,QAAQ,EAAE,QAAQ;kCAAI;8BAC5C,AACR;;sBACA,AACJ;kCACD,iCAAC,CAAA,GAAA,oBAAI,CAAA;;0CACH,iCAAC,CAAA,GAAA,oBAAI,CAAA;gCACH,IAAI,EAAE,CAAC;gCACP,MAAM,EAAE,CAAC;gCACT,QAAQ,EAAC,QAAQ;gCACjB,KAAK,EAAE;oCAAC,QAAQ,EAAE,UAAU;oCAAE,QAAQ,EAAE,KAAK;iCAAC;;kDAE9C,gCAAC,CAAA,GAAA,+CAAU,CAAA,KAAG;kDACd,gCAAC,8BAAQ;wCACP,KAAK,EAAE;4CACL,eAAe,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;yCACjE;sCACD;oCAED,QAAQ,kBACP,gCAAC,uCAAiB;wCAChB,OAAO,EAAE,CAAC;wCACV,aAAa,EAAE,CAAC;wCAChB,MAAM,EAAC,QAAQ;wCACf,OAAO,EAAC,eAAe;kDAEvB,cAAA,iCAAC,CAAA,GAAA,qBAAK,CAAA;4CAAC,KAAK,EAAE,CAAC;4CAAE,SAAS,EAAE,CAAC;;8DAC3B,gCAAC,CAAA,GAAA,oBAAI,CAAA;oDAAC,IAAI,EAAE,CAAC;oDAAE,MAAM,EAAC,MAAM;8DACzB,GAAG;kDACC;8DAEP,iCAAC,CAAA,GAAA,sBAAM,CAAA;oDAAC,KAAK,EAAE,CAAC;;sEACd,iCAAC,CAAA,GAAA,oBAAI,CAAA;4DAAC,IAAI,EAAE,CAAC;;8EACX,gCAAC,QAAM;8EAAC,OAAK;kEAAS;gEACrB,GAAG,EAAE,CAAC;gEAAC,GAAC;gEAAC,GAAG,EAAE,CAAC;gEAAC,GAAC;gEAAC,GAAG,EAAE,CAAC;;0DACpB;sEACP,iCAAC,CAAA,GAAA,oBAAI,CAAA;4DAAC,IAAI,EAAE,CAAC;;8EACX,gCAAC,QAAM;8EAAC,OAAK;kEAAS;gEAAA,GAAC;gEAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;gEAAC,GAAC;gEAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;gEAAC,GAAC;gEAAC,GAAG;gEAC9E,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;;0DACnB;;kDACA;;0CACH;sCACU,AACrB;;8BACI;4BAEN,CAAC,QAAQ,kBACR,iCAAC,CAAA,GAAA,oBAAI,CAAA;gCAAC,KAAK,EAAC,YAAY;gCAAC,UAAU,EAAE,CAAC;;kDACpC,gCAAC,CAAA,GAAA,mBAAG,CAAA;wCAAC,KAAK,EAAE;4CAAC,KAAK,EAAE,GAAG;yCAAC;kDACtB,cAAA,gCAAC,CAAA,GAAA,yCAAiB,CAAA;4CAChB,GAAG,EAAE,GAAG;4CACR,GAAG,EAAE,GAAG;4CACR,GAAG,EAAE,GAAG;4CACR,QAAQ,EAAE,QAAQ;4CAClB,YAAY,EAAE,YAAY;0CAC1B;sCACE;kDACN,gCAAC,CAAA,GAAA,mBAAG,CAAA;wCAAC,UAAU,EAAE,CAAC;kDAChB,cAAA,gCAAC,CAAA,GAAA,sBAAM,CAAA;4CAAC,OAAO,EAAE,OAAO;4CAAE,KAAK,EAAC,cAAc;4CAAC,IAAI,EAAE,CAAA,GAAA,4BAAS,CAAA;4CAAE,IAAI,EAAC,UAAU;0CAAG;sCAC9E;;8BACD,AACR;;sBACI;;cACD;UACH;MACH,CACP;CACF;AAEM,MAAM,yCAAW,GAAG,CAAA,GAAA,8BAAY,CAAA,CAAC,sCAAgB,CAAC;;;ADhIzD,MAAM,mCAAa,GAAkC;IACnD,GAAG,EAAE,SAAS;IACd,GAAG,EAAE;QAAC,CAAC,EAAE,GAAG;QAAE,CAAC,EAAE,MAAM;QAAE,CAAC,EAAE,MAAM;QAAE,CAAC,EAAE,CAAC;KAAC;IACzC,GAAG,EAAE;QAAC,CAAC,EAAE,GAAG;QAAE,CAAC,EAAE,MAAM;QAAE,CAAC,EAAE,MAAM;QAAE,CAAC,EAAE,CAAC;KAAC;IACzC,GAAG,EAAE;QAAC,CAAC,EAAE,EAAE;QAAE,CAAC,EAAE,GAAG;QAAE,CAAC,EAAE,GAAG;QAAE,CAAC,EAAE,CAAC;KAAC;IAClC,MAAM,EAAE,KAAK;CACd;AAkBM,SAAS,yCAAU,CAAC,KAAsB,EAAE;IACjD,MAAM,YAAC,QAAQ,CAAA,EAAE,UAAU,EAAE,IAAI,CAAA,YAAE,QAAQ,CAAA,SAAE,KAAK,CAAA,EAAC,GAAG,KAAK;IAC3D,MAAM,QAAQ,GAAG,CAAA,GAAA,mBAAM,CAAA,CAAoB,IAAI,CAAC;IAEhD,iFAAiF;IACjF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAA,GAAA,qBAAQ,CAAA,CAAC,KAAK,CAAC;IACzC,CAAA,GAAA,sBAAS,CAAA,CAAC,IAAM,QAAQ,CAAC,KAAK,CAAC,EAAE;QAAC,KAAK;KAAC,CAAC;IAEzC,MAAM,YAAY,GAAG,CAAA,GAAA,wBAAW,CAAA,CAC9B,CAAC,SAAqB,GAAK;QACzB,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAC7B,MAAM,CAAC,CAAC,KAAK,GAAK,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC,CAC1C,GAAG,CAAC,CAAC,KAAK,GAAK;YACd,MAAM,cAAc,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,CAAqB;YAChE,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ;YACjD,OAAO,CAAA,GAAA,qBAAG,CAAA,CACR,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;gBAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI;aAAC,EAAE,cAAc,CAAC,GAAG,cAAc,EACnF;gBAAC,KAAK,CAAC,IAAI;aAAC,CACb,CAAA;SACF,CAAC;QAEJ,QAAQ,CAAC;YACP,CAAA,GAAA,8BAAY,CAAA,CAAC;gBAAC,KAAK,EAAE,IAAI,CAAC,IAAI;aAAC,CAAC;YAChC,CAAA,GAAA,qBAAG,CAAA,CAAC,IAAI,CAAC,IAAI,EAAE;gBAAC,OAAO;aAAC,CAAC;YACzB,CAAA,GAAA,qBAAG,CAAA,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE;gBAAC,OAAO;aAAC,CAAC;eAC7B,YAAY;SAChB,CAAC;KACH,EACD;QAAC,QAAQ;QAAE,IAAI;KAAC,CACjB;IAED,oFAAoF;IACpF,sFAAsF;IACtF,MAAM,oBAAoB,GAAG,CAAA,GAAA,oBAAO,CAAA,CAAC,IAAM,CAAA,GAAA,sBAAQ,CAAA,CAAC,YAAY,EAAE,GAAG,CAAC,EAAE;QAAC,YAAY;KAAC,CAAC;IACvF,MAAM,iBAAiB,GAAG,CAAA,GAAA,wBAAW,CAAA,CACnC,CAAC,SAAqB,GAAK;QACzB,QAAQ,CAAC,SAAS,CAAC;QACnB,oBAAoB,CAAC,SAAS,CAAC;KAChC,EACD;QAAC,oBAAoB;QAAE,QAAQ;KAAC,CACjC;IAED,MAAM,iBAAiB,GAAG,CAAA,GAAA,wBAAW,CAAA,CAAC,IAAM;QAC1C,QAAQ,CAAC,mCAAa,CAAC;QACvB,YAAY,CAAC,mCAAa,CAAC;KAC5B,EAAE;QAAC,YAAY;KAAC,CAAC;IAElB,MAAM,WAAW,GAAG,CAAA,GAAA,wBAAW,CAAA,CAAC,IAAM;QACpC,QAAQ,CAAC,SAAS,CAAC;QACnB,QAAQ,CAAC,CAAA,GAAA,uBAAK,CAAA,EAAE,CAAC;KAClB,EAAE;QAAC,QAAQ;KAAC,CAAC;IAEd,qBACE;kBACG,KAAK,iBACJ,gCAAC,CAAA,GAAA,yCAAW,CAAA;YACV,mCAAmC,CACnC,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,iBAAiB;YAC3B,QAAQ,EAAE,QAAQ,IAAK,OAAO,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,AAAC;YAC3E,YAAY,EAAE,IAAI,CAAC,OAAO,EAAE,YAAY;YACxC,OAAO,EAAE,WAAW;UACpB,iBAEF,gCAAC,CAAA,GAAA,sBAAM,CAAA;YACL,IAAI,EAAE,CAAA,GAAA,0BAAO,CAAA;YACb,IAAI,EAAC,OAAO;YACZ,IAAI,EAAC,cAAc;YACnB,GAAG,EAAE,QAAQ;YACb,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC;YAC3B,OAAO,EAAE,iBAAiB;UAC1B,AACH;MACA,CACJ;CACF;;;AD1GD,MAAM,2BAAK,GAAG,CAAC,GAAW,GAAG,CAAC,GAAK,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;AAEjD,MAAM,yCAAK,GAAG;IACnB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,OAAO;IACd,UAAU,EAAE;QAAC,KAAK,EAAE,CAAA,GAAA,yCAAU,CAAA;KAAC;IAC/B,MAAM,EAAE;QACN;YACE,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,QAAQ;SACf;QACD;YACE,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,QAAQ;SACf;QACD;YACE,KAAK,EAAE,0BAA0B;YACjC,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,WAAW;SAClB;QACD;YACE,KAAK,EAAE,sBAAsB;YAC7B,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,WAAW;SAClB;QACD;YACE,KAAK,EAAE,sBAAsB;YAC7B,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,WAAW;SAClB;KACF;IACD,OAAO,EAAE;QACP,MAAM,EAAE;YACN,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,KAAK;YACV,GAAG,EAAE,KAAK;SACX;QACD,OAAO,EAAC,SACN,KAAK,CAAA,OACL,GAAG,CAAA,OACH,GAAG,CAAA,SACH,KAAK,CAAA,EAMN,EAAE;YACD,IAAI,QAAQ,GAAG,GAAG,IAAI,cAAc;YACpC,IAAI,GAAG,EACL,QAAQ,GAAG,CAAC,EAAE,EAAE,2BAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,2BAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,2BAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,2BAAK,CAAC,KAAK,CAAC,CAAC,CAAC;YAEtF,OAAO;gBACL,KAAK,EAAE,KAAK;gBACZ,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,kBACL,gCAAC,KAAG;wBACF,KAAK,EAAE;4BACL,eAAe,EAAE,GAAG,IAAI,MAAM;4BAC9B,OAAO,EAAE,KAAK,IAAI,CAAC;4BACnB,QAAQ,EAAE,UAAU;4BACpB,MAAM,EAAE,MAAM;4BACd,KAAK,EAAE,MAAM;4BACb,GAAG,EAAE,GAAG;4BACR,IAAI,EAAE,GAAG;yBACV;sBACD,AACH;aACF,CAAA;SACF;KACF;CACF;;;AI9EM,MAAM,yCAAS,GAAG;IACvB,KAAK,EAAE,sBAAsB;IAC7B,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE;QACN;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,KAAK;SAAC;QACzC;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,YAAY;SAAC;QAChD;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,OAAO;SAAC;QAC3C;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,OAAO;SAAC;KAC5C;CACF;;;;APJM,MAAM,yCAAU,GAAG,CAAA,GAAA,0BAAY,CAAA,CAAC;IACrC,IAAI,EAAE,qBAAqB;IAC3B,MAAM,EAAE;QACN,KAAK,EAAE;YAAC,CAAA,GAAA,yCAAS,CAAA;YAAE,CAAA,GAAA,yCAAS,CAAA;YAAE,CAAA,GAAA,yCAAS,CAAA;YAAE,CAAA,GAAA,yCAAK,CAAA;SAAC;KAChD;CACF,CAAC","sources":["src/index.ts","src/schemas/hslaColor.ts","src/schemas/rgbaColor.ts","src/schemas/color.tsx","src/ColorInput.tsx","src/ColorPicker.tsx","src/ColorPickerFields.tsx","src/schemas/hsvaColor.ts"],"sourcesContent":["import {createPlugin} from 'sanity'\nimport {hslaColor} from './schemas/hslaColor'\nimport {rgbaColor} from './schemas/rgbaColor'\nimport {color} from './schemas/color'\nimport {hsvaColor} from './schemas/hsvaColor'\n\nexport const colorInput = createPlugin({\n name: '@sanity/color-input',\n schema: {\n types: [hslaColor, hsvaColor, rgbaColor, color],\n },\n})\n\nexport {hslaColor, rgbaColor, color, hsvaColor}\nexport {ColorInput} from './ColorInput'\nexport type {ColorValue, ColorInputProps, ColorOptions, ColorSchemaType} from './ColorInput'\n","export const hslaColor = {\n title: 'Hue Saturation Lightness',\n name: 'hslaColor',\n type: 'object',\n fields: [\n {name: 'h', type: 'number', title: 'Hue'},\n {name: 's', type: 'number', title: 'Saturation'},\n {name: 'l', type: 'number', title: 'Lightness'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n","export const rgbaColor = {\n title: 'Red Green Blue (rgb)',\n name: 'rgbaColor',\n type: 'object',\n fields: [\n {name: 'r', type: 'number', title: 'Red'},\n {name: 'g', type: 'number', title: 'Green'},\n {name: 'b', type: 'number', title: 'Blue'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n","import React from 'react'\nimport {ColorInput} from '../ColorInput'\n\nconst round = (val: number = 1) => Math.round(val * 100)\n\nexport const color = {\n name: 'color',\n type: 'object',\n title: 'Color',\n components: {input: ColorInput},\n fields: [\n {\n title: 'Hex',\n name: 'hex',\n type: 'string',\n },\n {\n title: 'Alpha',\n name: 'alpha',\n type: 'number',\n },\n {\n title: 'Hue Saturation Lightness',\n name: 'hsl',\n type: 'hslaColor',\n },\n {\n title: 'Hue Saturation Value',\n name: 'hsv',\n type: 'hsvaColor',\n },\n {\n title: 'Red Green Blue (rgb)',\n name: 'rgb',\n type: 'rgbaColor',\n },\n ],\n preview: {\n select: {\n title: 'hex',\n alpha: 'alpha',\n hex: 'hex',\n hsl: 'hsl',\n },\n prepare({\n title,\n hex,\n hsl,\n alpha,\n }: {\n title?: string\n alpha?: number\n hex?: string\n hsl?: {h: number; s: number; l: number}\n }) {\n let subtitle = hex || 'No color set'\n if (hsl) {\n subtitle = `H:${round(hsl.h)} S:${round(hsl.s)} L:${round(hsl.l)} A:${round(alpha)}`\n }\n return {\n title: title,\n subtitle: subtitle,\n media: () => (\n <div\n style={{\n backgroundColor: hex ?? '#000',\n opacity: alpha ?? 1,\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n left: '0',\n }}\n />\n ),\n }\n },\n },\n}\n","import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport {set, setIfMissing, unset} from 'sanity/form'\nimport {debounce} from 'lodash'\nimport {Button} from '@sanity/ui'\nimport {AddIcon} from '@sanity/icons'\nimport {ColorPicker} from './ColorPicker'\nimport {ObjectInputProps} from 'sanity'\nimport {HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {ObjectSchemaType} from 'sanity'\n\nconst DEFAULT_COLOR: ColorValue & {source: string} = {\n hex: '#24a3e3',\n hsl: {h: 200, s: 0.7732, l: 0.5156, a: 1},\n hsv: {h: 200, s: 0.8414, v: 0.8901, a: 1},\n rgb: {r: 46, g: 163, b: 227, a: 1},\n source: 'hex',\n}\n\nexport interface ColorValue {\n hex: string\n hsl: HSLColor\n hsv: HSVColor\n rgb: RGBColor\n}\n\nexport interface ColorOptions {\n disableAlpha?: boolean\n}\n\nexport type ColorSchemaType = ObjectSchemaType & {\n options?: ColorOptions\n}\nexport type ColorInputProps = ObjectInputProps<ColorValue, ColorSchemaType>\n\nexport function ColorInput(props: ColorInputProps) {\n const {onChange, schemaType: type, readOnly, value} = props\n const focusRef = useRef<HTMLButtonElement>(null)\n\n // use local state so we can have instant ui updates while debouncing patch emits\n const [color, setColor] = useState(value)\n useEffect(() => setColor(value), [value])\n\n const emitSetColor = useCallback(\n (nextColor: ColorValue) => {\n const fieldPatches = type.fields\n .filter((field) => field.name in nextColor)\n .map((field) => {\n const nextFieldValue = nextColor[field.name as keyof ColorValue]\n const isObject = field.type.jsonType === 'object'\n return set(\n isObject ? Object.assign({_type: field.type.name}, nextFieldValue) : nextFieldValue,\n [field.name]\n )\n })\n\n onChange([\n setIfMissing({_type: type.name}),\n set(type.name, ['_type']),\n set(nextColor.rgb?.a, ['alpha']),\n ...fieldPatches,\n ])\n },\n [onChange, type]\n )\n\n // The color picker emits onChange events continuously while the user is sliding the\n // hue/saturation/alpha selectors. This debounces the event to avoid excessive patches\n const debouncedColorChange = useMemo(() => debounce(emitSetColor, 100), [emitSetColor])\n const handleColorChange = useCallback(\n (nextColor: ColorValue) => {\n setColor(nextColor)\n debouncedColorChange(nextColor)\n },\n [debouncedColorChange, setColor]\n )\n\n const handleCreateColor = useCallback(() => {\n setColor(DEFAULT_COLOR)\n emitSetColor(DEFAULT_COLOR)\n }, [emitSetColor])\n\n const handleUnset = useCallback(() => {\n setColor(undefined)\n onChange(unset())\n }, [onChange])\n\n return (\n <>\n {value ? (\n <ColorPicker\n /* ref={this.focusRef}*/\n color={color}\n onChange={handleColorChange}\n readOnly={readOnly || (typeof type.readOnly === 'boolean' && type.readOnly)}\n disableAlpha={type.options?.disableAlpha}\n onUnset={handleUnset}\n />\n ) : (\n <Button\n icon={AddIcon}\n mode=\"ghost\"\n text=\"Create color\"\n ref={focusRef}\n disabled={Boolean(readOnly)}\n onClick={handleCreateColor}\n />\n )}\n </>\n )\n}\n","import React from 'react'\nimport {Alpha, Checkboard, Hue, Saturation} from 'react-color/lib/components/common'\nimport {CustomPicker, HEXColor, HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {Box, Button, Card, Flex, Inline, Stack, Text} from '@sanity/ui'\nimport {TrashIcon} from '@sanity/icons'\nimport styled from 'styled-components'\nimport {ColorPickerFields} from './ColorPickerFields'\nimport {CustomPickerInjectedProps} from 'react-color/lib/components/common/ColorWrap'\nimport {ColorValue} from './ColorInput'\n\nconst ColorBox = styled(Box)`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n`\n\nconst ReadOnlyContainer = styled(Flex)`\n margin-top: 6rem;\n background-color: var(--card-bg-color);\n position: relative;\n width: 100%;\n`\n\nexport interface ColorPickerProps\n extends CustomPickerInjectedProps<HSLColor | HSVColor | RGBColor | HEXColor> {\n width?: string\n disableAlpha: boolean\n readOnly?: boolean\n onUnset: () => void\n color: ColorValue\n}\n\nconst ColorPickerInner = (props: ColorPickerProps) => {\n const {\n width,\n color: {rgb, hex, hsv, hsl},\n onChange,\n onUnset,\n disableAlpha,\n readOnly,\n } = props\n return (\n <div style={{width}}>\n <Card padding={1} border radius={1}>\n <Stack space={2}>\n {!readOnly && (\n <>\n <Card overflow=\"hidden\" style={{position: 'relative', height: '5em'}}>\n <Saturation onChange={onChange} hsl={hsl} hsv={hsv} />\n </Card>\n\n <Card\n shadow={1}\n radius={3}\n overflow=\"hidden\"\n style={{position: 'relative', height: '10px'}}\n >\n <Hue hsl={hsl} onChange={!readOnly && onChange} />\n </Card>\n\n {!disableAlpha && (\n <Card\n shadow={1}\n radius={3}\n overflow=\"hidden\"\n style={{position: 'relative', height: '10px'}}\n >\n <Alpha rgb={rgb} hsl={hsl} onChange={onChange} />\n </Card>\n )}\n </>\n )}\n <Flex>\n <Card\n flex={1}\n radius={2}\n overflow=\"hidden\"\n style={{position: 'relative', minWidth: '4em'}}\n >\n <Checkboard />\n <ColorBox\n style={{\n backgroundColor: `rgba(${rgb?.r},${rgb?.g},${rgb?.b},${rgb?.a})`,\n }}\n />\n\n {readOnly && (\n <ReadOnlyContainer\n padding={2}\n paddingBottom={1}\n sizing=\"border\"\n justify=\"space-between\"\n >\n <Stack space={3} marginTop={1}>\n <Text size={3} weight=\"bold\">\n {hex}\n </Text>\n\n <Inline space={3}>\n <Text size={1}>\n <strong>RGB: </strong>\n {rgb?.r} {rgb?.g} {rgb?.b}\n </Text>\n <Text size={1}>\n <strong>HSL: </strong> {Math.round(hsl?.h ?? 0)} {Math.round(hsl?.s ?? 0)}%{' '}\n {Math.round(hsl?.l ?? 0)}\n </Text>\n </Inline>\n </Stack>\n </ReadOnlyContainer>\n )}\n </Card>\n\n {!readOnly && (\n <Flex align=\"flex-start\" marginLeft={2}>\n <Box style={{width: 200}}>\n <ColorPickerFields\n rgb={rgb}\n hsl={hsl}\n hex={hex}\n onChange={onChange}\n disableAlpha={disableAlpha}\n />\n </Box>\n <Box marginLeft={2}>\n <Button onClick={onUnset} title=\"Delete color\" icon={TrashIcon} tone=\"critical\" />\n </Box>\n </Flex>\n )}\n </Flex>\n </Stack>\n </Card>\n </div>\n )\n}\n\nexport const ColorPicker = CustomPicker(ColorPickerInner)\n","import React, {useCallback, useMemo} from 'react'\n// @ts-expect-error missing export\nimport {isValidHex} from 'react-color/lib/helpers/color'\nimport {EditableInput} from 'react-color/lib/components/common'\nimport {Box, Flex, useTheme} from '@sanity/ui'\nimport {ColorChangeHandler, HEXColor, HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {EditableInputStyles} from 'react-color/lib/components/common/EditableInput'\n\ninterface ColorPickerFieldsProps {\n rgb?: RGBColor\n hsl?: HSLColor\n hex?: string\n disableAlpha: boolean\n onChange: ColorChangeHandler<HSLColor | HSVColor | RGBColor | HEXColor>\n}\n\nexport const ColorPickerFields = ({\n onChange,\n rgb,\n hsl,\n hex,\n disableAlpha,\n}: ColorPickerFieldsProps) => {\n const {sanity} = useTheme()\n\n const inputStyles: EditableInputStyles = useMemo(\n () => ({\n input: {\n width: '80%',\n padding: '4px 10% 3px',\n border: 'none',\n boxShadow: `inset 0 0 0 1px ${sanity.color.input.default.enabled.border}`,\n color: sanity.color.input.default.enabled.fg,\n backgroundColor: sanity.color.input.default.enabled.bg,\n fontSize: sanity.fonts.text.sizes[0].fontSize,\n textAlign: 'center',\n },\n label: {\n display: 'block',\n textAlign: 'center',\n fontSize: sanity.fonts.label.sizes[0].fontSize,\n color: sanity.color.base.fg,\n paddingTop: '3px',\n paddingBottom: '4px',\n textTransform: 'capitalize',\n },\n }),\n [sanity]\n )\n\n const handleChange: ColorChangeHandler<Record<string, string>> = useCallback(\n (data) => {\n if ('hex' in data && data.hex && isValidHex(data.hex)) {\n onChange({\n hex: data.hex,\n source: 'hex',\n })\n } else if (\n rgb &&\n (('r' in data && data.r) || ('g' in data && data.g) || ('b' in data && data.b))\n ) {\n onChange({\n r: Number(data.r) || rgb.r,\n g: Number(data.g) || rgb.g,\n b: Number(data.b) || rgb.b,\n a: rgb.a,\n source: 'rgb',\n })\n } else if (hsl && 'a' in data && data.a) {\n let alpha = Number(data.a)\n if (alpha < 0) {\n alpha = 0\n } else if (alpha > 100) {\n alpha = 100\n }\n alpha /= 100\n\n onChange({\n h: hsl.h,\n s: hsl.s,\n l: hsl.l,\n a: alpha,\n source: 'hsl',\n })\n }\n },\n [onChange, hsl, rgb]\n )\n\n return (\n <Flex>\n <Box flex={2} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"hex\"\n value={hex?.replace('#', '')}\n onChange={handleChange}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"r\"\n value={rgb?.r}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"g\"\n value={rgb?.g}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"b\"\n value={rgb?.b}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n {!disableAlpha && (\n <Box flex={1}>\n <EditableInput\n style={inputStyles}\n label=\"a\"\n value={Math.round((rgb?.a ?? 1) * 100)}\n onChange={handleChange}\n dragLabel\n dragMax={100}\n />\n </Box>\n )}\n </Flex>\n )\n}\n","export const hsvaColor = {\n title: 'Hue Saturation Value',\n name: 'hsvaColor',\n type: 'object',\n fields: [\n {name: 'h', type: 'number', title: 'Hue'},\n {name: 's', type: 'number', title: 'Saturation'},\n {name: 'v', type: 'number', title: 'Value'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n"],"names":[],"version":3,"file":"index.js.map","sourceRoot":"../../"}