@youcan/celeste 0.17.2 → 0.19.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 (66) hide show
  1. package/ai/README.md +1 -1
  2. package/ai/component-registry.json +206 -3
  3. package/ai/icons.json +2 -2
  4. package/ai/tokens.json +2 -2
  5. package/dist/celeste.css +740 -380
  6. package/dist/cjs/chunks/ComboboxItem.cjs +6 -0
  7. package/dist/cjs/chunks/alpha-slider.cjs +1 -1
  8. package/dist/cjs/chunks/color-area.cjs +1 -1
  9. package/dist/cjs/chunks/color-picker.cjs +20 -25
  10. package/dist/cjs/chunks/color-swatch.cjs +4 -3
  11. package/dist/cjs/chunks/combobox-item.cjs +63 -7
  12. package/dist/cjs/chunks/combobox-list.cjs +1 -1
  13. package/dist/cjs/chunks/combobox-trigger.cjs +1 -1
  14. package/dist/cjs/chunks/combobox.cjs +2 -2
  15. package/dist/cjs/chunks/components.cjs +7 -5
  16. package/dist/cjs/chunks/gradient-picker.cjs +635 -0
  17. package/dist/cjs/chunks/text-input-affix.cjs +1 -1
  18. package/dist/cjs/chunks/text-input-button.cjs +1 -1
  19. package/dist/cjs/chunks/text-input.cjs +2 -1
  20. package/dist/cjs/chunks/textarea.cjs +1 -1
  21. package/dist/{es/chunks/use-color-model.js → cjs/chunks/tinycolor.cjs} +6 -23
  22. package/dist/cjs/gradient-picker.cjs +2 -0
  23. package/dist/cjs/gradient.cjs +71 -0
  24. package/dist/cjs/index.cjs +10 -5
  25. package/dist/cjs/use-color-model.cjs +27 -3
  26. package/dist/components/color-picker/gradient-picker.d.ts +51 -0
  27. package/dist/components/color-picker/index.d.ts +2 -0
  28. package/dist/es/chunks/ComboboxItem.js +1 -1
  29. package/dist/es/chunks/alpha-slider.js +1 -1
  30. package/dist/es/chunks/color-area.js +1 -1
  31. package/dist/es/chunks/color-picker.js +12 -17
  32. package/dist/es/chunks/color-swatch.js +2 -1
  33. package/dist/es/chunks/combobox-item.js +65 -9
  34. package/dist/es/chunks/combobox-list.js +1 -1
  35. package/dist/es/chunks/combobox-trigger.js +1 -1
  36. package/dist/es/chunks/combobox.js +2 -2
  37. package/dist/es/chunks/components.js +7 -5
  38. package/dist/es/chunks/gradient-picker.js +629 -0
  39. package/dist/es/chunks/text-input-affix.js +1 -1
  40. package/dist/es/chunks/text-input-button.js +1 -1
  41. package/dist/es/chunks/text-input.js +2 -1
  42. package/dist/es/chunks/textarea.js +1 -1
  43. package/dist/{cjs/chunks/use-color-model.cjs → es/chunks/tinycolor.js} +1 -40
  44. package/dist/es/gradient-picker.js +2 -0
  45. package/dist/es/gradient.js +69 -0
  46. package/dist/es/index.js +8 -6
  47. package/dist/es/use-color-model.js +25 -1
  48. package/dist/utils/gradient.d.ts +13 -0
  49. package/dist/utils/index.d.ts +1 -0
  50. package/package.json +3 -3
  51. package/src/components/color-picker/color-picker.vue +8 -9
  52. package/src/components/color-picker/composable/use-color-model.ts +5 -0
  53. package/src/components/color-picker/gradient-picker.vue +944 -0
  54. package/src/components/color-picker/index.ts +3 -0
  55. package/src/components/color-picker/stories/gradient-picker.stories.ts +37 -0
  56. package/src/components/combobox/combobox-item.vue +15 -7
  57. package/src/components/combobox/combobox-list.vue +2 -2
  58. package/src/components/combobox/combobox-trigger.vue +38 -0
  59. package/src/components/combobox/combobox.vue +2 -0
  60. package/src/components/text-input/stories/text-input.stories.ts +53 -3
  61. package/src/components/text-input/text-input-affix.vue +7 -3
  62. package/src/components/text-input/text-input-button.vue +6 -2
  63. package/src/components/text-input/text-input.vue +45 -34
  64. package/src/components/textarea/textarea.vue +1 -1
  65. package/src/utils/gradient.ts +90 -0
  66. package/src/utils/index.ts +1 -0
package/ai/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Celeste agent indexes
2
2
 
3
- Generated from source for `@youcan/celeste@0.17.2`. Do not edit.
3
+ Generated from source for `@youcan/celeste@0.19.0`. Do not edit.
4
4
 
5
5
  - `component-registry.json` — every component's props, events, slots, story and usage example, and
6
6
  every exported helper such as `toast`
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "schemaVersion": 1,
3
- "version": "0.17.2",
4
- "generatedAt": "2026-10-08T16:16:38.873Z",
3
+ "version": "0.19.0",
4
+ "generatedAt": "2026-10-09T18:24:41.483Z",
5
5
  "components": {
6
6
  "Alert": {
7
7
  "name": "Alert",
@@ -118,6 +118,7 @@
118
118
  "ColorArea",
119
119
  "ColorPicker",
120
120
  "ColorSwatch",
121
+ "GradientPicker",
121
122
  "HueSlider"
122
123
  ],
123
124
  "hasStory": false
@@ -1281,6 +1282,7 @@
1281
1282
  "AlphaSlider",
1282
1283
  "ColorPicker",
1283
1284
  "ColorSwatch",
1285
+ "GradientPicker",
1284
1286
  "HueSlider"
1285
1287
  ],
1286
1288
  "hasStory": false
@@ -1342,6 +1344,7 @@
1342
1344
  "AlphaSlider",
1343
1345
  "ColorArea",
1344
1346
  "ColorSwatch",
1347
+ "GradientPicker",
1345
1348
  "HueSlider"
1346
1349
  ],
1347
1350
  "story": "src/components/color-picker/stories/color-picker.stories.ts",
@@ -1392,6 +1395,7 @@
1392
1395
  "AlphaSlider",
1393
1396
  "ColorArea",
1394
1397
  "ColorPicker",
1398
+ "GradientPicker",
1395
1399
  "HueSlider"
1396
1400
  ],
1397
1401
  "hasStory": false
@@ -5191,6 +5195,150 @@
5191
5195
  "story": "src/components/file-upload/stories/file-upload-area.stories.ts",
5192
5196
  "hasStory": true
5193
5197
  },
5198
+ "GradientPicker": {
5199
+ "name": "GradientPicker",
5200
+ "group": "color-picker",
5201
+ "file": "src/components/color-picker/gradient-picker.vue",
5202
+ "import": "@youcan/celeste",
5203
+ "props": [
5204
+ {
5205
+ "name": "addStopLabel",
5206
+ "type": "string",
5207
+ "required": false,
5208
+ "default": "\"Add stop\""
5209
+ },
5210
+ {
5211
+ "name": "angleLabel",
5212
+ "type": "string",
5213
+ "required": false,
5214
+ "default": "\"Angle\""
5215
+ },
5216
+ {
5217
+ "name": "areaLabel",
5218
+ "type": "string",
5219
+ "required": false,
5220
+ "default": "\"Saturation and brightness\""
5221
+ },
5222
+ {
5223
+ "name": "class",
5224
+ "type": "unknown",
5225
+ "required": false,
5226
+ "inherited": true
5227
+ },
5228
+ {
5229
+ "name": "colorStopLabel",
5230
+ "type": "string",
5231
+ "required": false,
5232
+ "default": "\"Color stop\""
5233
+ },
5234
+ {
5235
+ "name": "emptyHint",
5236
+ "type": "string",
5237
+ "required": false,
5238
+ "default": "\"Select a gradient to begin editing\""
5239
+ },
5240
+ {
5241
+ "name": "eyedropperLabel",
5242
+ "type": "string",
5243
+ "required": false,
5244
+ "default": "\"Pick color\""
5245
+ },
5246
+ {
5247
+ "name": "hueLabel",
5248
+ "type": "string",
5249
+ "required": false,
5250
+ "default": "\"Hue\""
5251
+ },
5252
+ {
5253
+ "name": "linearLabel",
5254
+ "type": "string",
5255
+ "required": false,
5256
+ "default": "\"Linear gradient\""
5257
+ },
5258
+ {
5259
+ "name": "modelValue",
5260
+ "type": "string",
5261
+ "required": false,
5262
+ "default": "\"\""
5263
+ },
5264
+ {
5265
+ "name": "noneLabel",
5266
+ "type": "string",
5267
+ "required": false,
5268
+ "default": "\"None\""
5269
+ },
5270
+ {
5271
+ "name": "opacityLabel",
5272
+ "type": "string",
5273
+ "required": false,
5274
+ "default": "\"Opacity\""
5275
+ },
5276
+ {
5277
+ "name": "placeholder",
5278
+ "type": "string",
5279
+ "required": false,
5280
+ "default": "\"No gradient chosen\""
5281
+ },
5282
+ {
5283
+ "name": "positionLabel",
5284
+ "type": "string",
5285
+ "required": false,
5286
+ "default": "\"Position\""
5287
+ },
5288
+ {
5289
+ "name": "presets",
5290
+ "type": "string[]",
5291
+ "required": false,
5292
+ "default": "[\n \"linear-gradient(135deg, #e1116f 0%, #7d52f4 100%)\",\n \"linear-gradient(180deg, #f7f1e8 0%, #e3cfb4 100%)\",\n \"linear-gradient(160deg, #1f3d2b 0%, #4f7a5a 100%)\",\n \"linear-gradient(180deg, #3d3d3d 0%, #171717 100%)\",\n \"radial-gradient(#ffffff 0%, #dbe4ee 100%)\",\n \"linear-gradient(135deg, #e8a07a 0%, #b5532f 100%)\",\n \"linear-gradient(200deg, #0b3c5d 0%, #1e7f8c 100%)\",\n \"radial-gradient(#fff1f5 0%, #f7b5c9 100%)\",\n \"linear-gradient(120deg, #d6d29a 0%, #7a7a3a 100%)\",\n \"linear-gradient(180deg, #1b1f3b 0%, #4b3f8f 100%)\",\n \"linear-gradient(90deg, #ffd86b 0%, #f08a24 100%)\",\n]"
5293
+ },
5294
+ {
5295
+ "name": "radialLabel",
5296
+ "type": "string",
5297
+ "required": false,
5298
+ "default": "\"Radial gradient\""
5299
+ },
5300
+ {
5301
+ "name": "removeLabel",
5302
+ "type": "string",
5303
+ "required": false,
5304
+ "default": "\"Remove gradient\""
5305
+ },
5306
+ {
5307
+ "name": "removeStopLabel",
5308
+ "type": "string",
5309
+ "required": false,
5310
+ "default": "\"Remove stop\""
5311
+ },
5312
+ {
5313
+ "name": "swatches",
5314
+ "type": "string[]",
5315
+ "required": false,
5316
+ "default": "[\"#ffffff\", \"#171717\", \"#f5f5f5\", \"#222530\", \"#000000\", \"#335cff\", \"#e1116f\"]"
5317
+ },
5318
+ {
5319
+ "name": "usedLabel",
5320
+ "type": "string",
5321
+ "required": false,
5322
+ "default": "\"Currently used\""
5323
+ }
5324
+ ],
5325
+ "events": [
5326
+ {
5327
+ "name": "update:modelValue",
5328
+ "type": "[value: string]"
5329
+ }
5330
+ ],
5331
+ "slots": [],
5332
+ "siblings": [
5333
+ "AlphaSlider",
5334
+ "ColorArea",
5335
+ "ColorPicker",
5336
+ "ColorSwatch",
5337
+ "HueSlider"
5338
+ ],
5339
+ "story": "src/components/color-picker/stories/gradient-picker.stories.ts",
5340
+ "hasStory": true
5341
+ },
5194
5342
  "HintText": {
5195
5343
  "name": "HintText",
5196
5344
  "group": "hint-text",
@@ -5260,7 +5408,8 @@
5260
5408
  "AlphaSlider",
5261
5409
  "ColorArea",
5262
5410
  "ColorPicker",
5263
- "ColorSwatch"
5411
+ "ColorSwatch",
5412
+ "GradientPicker"
5264
5413
  ],
5265
5414
  "hasStory": false
5266
5415
  },
@@ -12296,6 +12445,60 @@
12296
12445
  ],
12297
12446
  "members": []
12298
12447
  },
12448
+ "parseGradient": {
12449
+ "name": "parseGradient",
12450
+ "kind": "function",
12451
+ "file": "src/utils/gradient.ts",
12452
+ "import": "@youcan/celeste",
12453
+ "signatures": [
12454
+ "parseGradient(value?: string | null): Gradient | null"
12455
+ ],
12456
+ "members": []
12457
+ },
12458
+ "stringifyGradient": {
12459
+ "name": "stringifyGradient",
12460
+ "kind": "function",
12461
+ "file": "src/utils/gradient.ts",
12462
+ "import": "@youcan/celeste",
12463
+ "signatures": [
12464
+ "stringifyGradient({ type, angle, shape, stops }: Gradient): string"
12465
+ ],
12466
+ "members": []
12467
+ },
12468
+ "GradientType": {
12469
+ "name": "GradientType",
12470
+ "kind": "type",
12471
+ "file": "src/utils/gradient.ts",
12472
+ "import": "@youcan/celeste",
12473
+ "signatures": [
12474
+ "GradientType = GradientType"
12475
+ ],
12476
+ "members": []
12477
+ },
12478
+ "GradientStop": {
12479
+ "name": "GradientStop",
12480
+ "kind": "type",
12481
+ "file": "src/utils/gradient.ts",
12482
+ "import": "@youcan/celeste",
12483
+ "signatures": [],
12484
+ "members": [
12485
+ "color: string",
12486
+ "position: number"
12487
+ ]
12488
+ },
12489
+ "Gradient": {
12490
+ "name": "Gradient",
12491
+ "kind": "type",
12492
+ "file": "src/utils/gradient.ts",
12493
+ "import": "@youcan/celeste",
12494
+ "signatures": [],
12495
+ "members": [
12496
+ "type: GradientType",
12497
+ "angle: number",
12498
+ "shape?: string",
12499
+ "stops: GradientStop[]"
12500
+ ]
12501
+ },
12299
12502
  "ToastOptions": {
12300
12503
  "name": "ToastOptions",
12301
12504
  "kind": "type",
package/ai/icons.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "schemaVersion": 1,
3
- "version": "0.17.2",
4
- "generatedAt": "2026-10-08T16:16:34.055Z",
3
+ "version": "0.19.0",
4
+ "generatedAt": "2026-10-09T18:24:36.461Z",
5
5
  "prefix": "celeste",
6
6
  "icons": [
7
7
  {
package/ai/tokens.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "schemaVersion": 1,
3
- "version": "0.17.2",
4
- "generatedAt": "2026-10-08T16:16:34.055Z",
3
+ "version": "0.19.0",
4
+ "generatedAt": "2026-10-09T18:24:36.461Z",
5
5
  "tokens": [
6
6
  {
7
7
  "name": "animation-extra-fast",