@youcan/celeste 0.18.0 → 0.20.0

package/ai/README.md

@@ -1,6 +1,6 @@
 # Celeste agent indexes
 
-Generated from source for `@youcan/celeste@0.18.0`. Do not edit.
+Generated from source for `@youcan/celeste@0.20.0`. Do not edit.
 
 - `component-registry.json` — every component's props, events, slots, story and usage example, and
   every exported helper such as `toast`

package/ai/component-registry.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 1,
-  "version": "0.18.0",
-  "generatedAt": "2026-10-09T15:40:59.422Z",
+  "version": "0.20.0",
+  "generatedAt": "2026-10-09T19:10:43.716Z",
   "components": {
     "Alert": {
       "name": "Alert",
@@ -118,6 +118,7 @@
         "ColorArea",
         "ColorPicker",
         "ColorSwatch",
+        "GradientPicker",
         "HueSlider"
       ],
       "hasStory": false
@@ -1281,6 +1282,7 @@
         "AlphaSlider",
         "ColorPicker",
         "ColorSwatch",
+        "GradientPicker",
         "HueSlider"
       ],
       "hasStory": false
@@ -1342,6 +1344,7 @@
         "AlphaSlider",
         "ColorArea",
         "ColorSwatch",
+        "GradientPicker",
         "HueSlider"
       ],
       "story": "src/components/color-picker/stories/color-picker.stories.ts",
@@ -1392,6 +1395,7 @@
         "AlphaSlider",
         "ColorArea",
         "ColorPicker",
+        "GradientPicker",
         "HueSlider"
       ],
       "hasStory": false
@@ -5191,6 +5195,173 @@
       "story": "src/components/file-upload/stories/file-upload-area.stories.ts",
       "hasStory": true
     },
+    "GradientPicker": {
+      "name": "GradientPicker",
+      "group": "color-picker",
+      "file": "src/components/color-picker/gradient-picker.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "addStopLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Add stop\""
+        },
+        {
+          "name": "align",
+          "type": "\"start\" | \"center\" | \"end\"",
+          "values": [
+            "start",
+            "center",
+            "end"
+          ],
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "angleLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Angle\""
+        },
+        {
+          "name": "areaLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Saturation and brightness\""
+        },
+        {
+          "name": "class",
+          "type": "unknown",
+          "required": false,
+          "inherited": true
+        },
+        {
+          "name": "colorStopLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Color stop\""
+        },
+        {
+          "name": "emptyHint",
+          "type": "string",
+          "required": false,
+          "default": "\"Select a gradient to begin editing\""
+        },
+        {
+          "name": "eyedropperLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Pick color\""
+        },
+        {
+          "name": "hueLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Hue\""
+        },
+        {
+          "name": "linearLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Linear gradient\""
+        },
+        {
+          "name": "modelValue",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "noneLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"None\""
+        },
+        {
+          "name": "opacityLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Opacity\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"No gradient chosen\""
+        },
+        {
+          "name": "positionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Position\""
+        },
+        {
+          "name": "presets",
+          "type": "string[]",
+          "required": false,
+          "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]"
+        },
+        {
+          "name": "radialLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Radial gradient\""
+        },
+        {
+          "name": "removeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Remove gradient\""
+        },
+        {
+          "name": "removeStopLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Remove stop\""
+        },
+        {
+          "name": "side",
+          "type": "\"top\" | \"right\" | \"bottom\" | \"left\"",
+          "values": [
+            "top",
+            "right",
+            "bottom",
+            "left"
+          ],
+          "required": false,
+          "default": "\"bottom\""
+        },
+        {
+          "name": "swatches",
+          "type": "string[]",
+          "required": false,
+          "default": "[\"#ffffff\", \"#171717\", \"#f5f5f5\", \"#222530\", \"#000000\", \"#335cff\", \"#e1116f\"]"
+        },
+        {
+          "name": "usedLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Currently used\""
+        }
+      ],
+      "events": [
+        {
+          "name": "update:modelValue",
+          "type": "[value: string]"
+        }
+      ],
+      "slots": [],
+      "siblings": [
+        "AlphaSlider",
+        "ColorArea",
+        "ColorPicker",
+        "ColorSwatch",
+        "HueSlider"
+      ],
+      "story": "src/components/color-picker/stories/gradient-picker.stories.ts",
+      "hasStory": true
+    },
     "HintText": {
       "name": "HintText",
       "group": "hint-text",
@@ -5260,7 +5431,8 @@
         "AlphaSlider",
         "ColorArea",
         "ColorPicker",
-        "ColorSwatch"
+        "ColorSwatch",
+        "GradientPicker"
       ],
       "hasStory": false
     },
@@ -12296,6 +12468,60 @@
       ],
       "members": []
     },
+    "parseGradient": {
+      "name": "parseGradient",
+      "kind": "function",
+      "file": "src/utils/gradient.ts",
+      "import": "@youcan/celeste",
+      "signatures": [
+        "parseGradient(value?: string | null): Gradient | null"
+      ],
+      "members": []
+    },
+    "stringifyGradient": {
+      "name": "stringifyGradient",
+      "kind": "function",
+      "file": "src/utils/gradient.ts",
+      "import": "@youcan/celeste",
+      "signatures": [
+        "stringifyGradient({ type, angle, shape, stops }: Gradient): string"
+      ],
+      "members": []
+    },
+    "GradientType": {
+      "name": "GradientType",
+      "kind": "type",
+      "file": "src/utils/gradient.ts",
+      "import": "@youcan/celeste",
+      "signatures": [
+        "GradientType = GradientType"
+      ],
+      "members": []
+    },
+    "GradientStop": {
+      "name": "GradientStop",
+      "kind": "type",
+      "file": "src/utils/gradient.ts",
+      "import": "@youcan/celeste",
+      "signatures": [],
+      "members": [
+        "color: string",
+        "position: number"
+      ]
+    },
+    "Gradient": {
+      "name": "Gradient",
+      "kind": "type",
+      "file": "src/utils/gradient.ts",
+      "import": "@youcan/celeste",
+      "signatures": [],
+      "members": [
+        "type: GradientType",
+        "angle: number",
+        "shape?: string",
+        "stops: GradientStop[]"
+      ]
+    },
     "ToastOptions": {
       "name": "ToastOptions",
       "kind": "type",

package/ai/icons.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 1,
-  "version": "0.18.0",
-  "generatedAt": "2026-10-09T15:40:56.211Z",
+  "version": "0.20.0",
+  "generatedAt": "2026-10-09T19:10:38.848Z",
   "prefix": "celeste",
   "icons": [
     {

package/ai/tokens.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 1,
-  "version": "0.18.0",
-  "generatedAt": "2026-10-09T15:40:56.211Z",
+  "version": "0.20.0",
+  "generatedAt": "2026-10-09T19:10:38.848Z",
   "tokens": [
     {
       "name": "animation-extra-fast",