@youcan/celeste 0.15.0 → 0.16.0

package/ai/README.md

@@ -1,6 +1,6 @@
 # Celeste agent indexes
 
-Generated from source for `@youcan/celeste@0.15.0`. Do not edit.
+Generated from source for `@youcan/celeste@0.16.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.15.0",
-  "generatedAt": "2026-09-22T17:11:45.902Z",
+  "version": "0.16.0",
+  "generatedAt": "2026-09-29T10:07:33.539Z",
   "components": {
     "Alert": {
       "name": "Alert",
@@ -3293,6 +3293,520 @@
       ],
       "hasStory": false
     },
+    "Drawer": {
+      "name": "Drawer",
+      "group": "drawer",
+      "file": "src/components/drawer/drawer.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "class",
+          "type": "unknown",
+          "required": false,
+          "inherited": true
+        },
+        {
+          "name": "defaultOpen",
+          "type": "boolean",
+          "required": false,
+          "inherited": true
+        },
+        {
+          "name": "defaultSnapPoint",
+          "type": "DrawerSnapPoint | null",
+          "required": false,
+          "inherited": true
+        },
+        {
+          "name": "modal",
+          "type": "DrawerModal",
+          "required": false,
+          "default": "true",
+          "description": "Modality of the drawer. - `true` (default): modal with focus trap, scroll lock, and outside-press dismiss - `'trap-focus'`: traps focus but allows outside pointer events (non-modal side panels) - `false`: non-modal",
+          "inherited": true
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "undefined",
+          "description": "v-model:open",
+          "inherited": true
+        },
+        {
+          "name": "side",
+          "type": "DrawerSide",
+          "required": false,
+          "default": "\"right\""
+        },
+        {
+          "name": "snapPoint",
+          "type": "DrawerSnapPoint | null",
+          "required": false,
+          "description": "v-model:snapPoint",
+          "inherited": true
+        },
+        {
+          "name": "snapPoints",
+          "type": "DrawerSnapPoint[]",
+          "required": false,
+          "description": "Preset snap positions (fractions 0-1, pixels >1, or '148px'/'30rem' strings)",
+          "inherited": true
+        },
+        {
+          "name": "snapToSequentialPoints",
+          "type": "boolean",
+          "required": false,
+          "description": "When true, snaps to the next sequential snap point (one step at a time). When false, snaps to the nearest snap point by distance.",
+          "inherited": true
+        }
+      ],
+      "events": [
+        {
+          "name": "update:open",
+          "type": "[value: boolean, details?: DrawerOpenChangeDetails | undefined]"
+        },
+        {
+          "name": "update:openComplete",
+          "type": "[value: boolean]"
+        },
+        {
+          "name": "update:snapPoint",
+          "type": "[value: DrawerSnapPoint | null]"
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "DrawerBody",
+        "DrawerClose",
+        "DrawerContent",
+        "DrawerDescription",
+        "DrawerFooter",
+        "DrawerHeader",
+        "DrawerTitle",
+        "DrawerTrigger"
+      ],
+      "story": "src/components/drawer/stories/drawer.stories.ts",
+      "usage": "<Drawer>\n  <DrawerTrigger as-child>\n    <Button variant=\"stroke\" intent=\"neutral\">Open drawer</Button>\n  </DrawerTrigger>\n  <DrawerContent>\n    <DrawerHeader title=\"Virtual card\" description=\"Manage the card and its recent transactions.\" icon=\"i-celeste-history-line\" divider />\n    <DrawerBody>\n      <ul style=\"margin: 0; padding: 20px; display: grid; gap: 12px; list-style: none;\">\n        <li v-for=\"item in items\" :key=\"item\">{{ item }}</li>\n      </ul>\n    </DrawerBody>\n    <DrawerFooter>\n      <DrawerClose as-child>\n        <Button intent=\"neutral\" variant=\"stroke\" style=\"flex: 1\">Cancel</Button>\n      </DrawerClose>\n      <Button style=\"flex: 1\">Continue</Button>\n    </DrawerFooter>\n  </DrawerContent>\n</Drawer>",
+      "hasStory": true
+    },
+    "DrawerBody": {
+      "name": "DrawerBody",
+      "group": "drawer",
+      "file": "src/components/drawer/drawer-body.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "as",
+          "type": "AsTag | Component",
+          "required": false,
+          "description": "Element or component to render as.",
+          "inherited": true
+        },
+        {
+          "name": "asChild",
+          "type": "boolean",
+          "required": false,
+          "description": "Render the child element instead of this component's own, merging props onto it.",
+          "inherited": true
+        },
+        {
+          "name": "class",
+          "type": "ClassValue",
+          "required": false
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "Drawer",
+        "DrawerClose",
+        "DrawerContent",
+        "DrawerDescription",
+        "DrawerFooter",
+        "DrawerHeader",
+        "DrawerTitle",
+        "DrawerTrigger"
+      ],
+      "hasStory": false
+    },
+    "DrawerClose": {
+      "name": "DrawerClose",
+      "group": "drawer",
+      "file": "src/components/drawer/drawer-close.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "as",
+          "type": "AsTag | Component",
+          "required": false,
+          "description": "Element or component to render as.",
+          "inherited": true
+        },
+        {
+          "name": "asChild",
+          "type": "boolean",
+          "required": false,
+          "description": "Render the child element instead of this component's own, merging props onto it.",
+          "inherited": true
+        },
+        {
+          "name": "class",
+          "type": "unknown",
+          "required": false,
+          "inherited": true
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "Drawer",
+        "DrawerBody",
+        "DrawerContent",
+        "DrawerDescription",
+        "DrawerFooter",
+        "DrawerHeader",
+        "DrawerTitle",
+        "DrawerTrigger"
+      ],
+      "hasStory": false
+    },
+    "DrawerContent": {
+      "name": "DrawerContent",
+      "group": "drawer",
+      "file": "src/components/drawer/drawer-content.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "as",
+          "type": "AsTag | Component",
+          "required": false,
+          "description": "Element or component to render as.",
+          "inherited": true
+        },
+        {
+          "name": "asChild",
+          "type": "boolean",
+          "required": false,
+          "description": "Render the child element instead of this component's own, merging props onto it.",
+          "inherited": true
+        },
+        {
+          "name": "class",
+          "type": "ClassValue",
+          "required": false
+        },
+        {
+          "name": "disableOutsidePointerEvents",
+          "type": "boolean",
+          "required": false,
+          "description": "When `true`, hover/focus/click interactions will be disabled on elements outside the `DismissableLayer`. Users will need to click twice on outside elements to interact with them: once to close the `DismissableLayer`, and again to trigger the element.",
+          "inherited": true
+        },
+        {
+          "name": "finalFocus",
+          "type": "boolean | HTMLElement | null",
+          "required": false,
+          "description": "Final focus target when the drawer closes. - `true` / default: focus the trigger - `false`: do not restore focus - element ref: focus that specific element",
+          "inherited": true
+        },
+        {
+          "name": "forceMount",
+          "type": "boolean",
+          "required": false,
+          "inherited": true
+        },
+        {
+          "name": "initialFocus",
+          "type": "boolean | HTMLElement | null",
+          "required": false,
+          "description": "Initial focus target when the drawer opens. - `true` / default: focus the first focusable element inside - `false`: do not focus anything - element ref: focus that specific element",
+          "inherited": true
+        }
+      ],
+      "events": [
+        {
+          "name": "escapeKeyDown",
+          "type": "[event: KeyboardEvent]"
+        },
+        {
+          "name": "pointerDownOutside",
+          "type": "[event: PointerDownOutsideEvent]"
+        },
+        {
+          "name": "focusOutside",
+          "type": "[event: FocusOutsideEvent]"
+        },
+        {
+          "name": "interactOutside",
+          "type": "[event: PointerDownOutsideEvent | FocusOutsideEvent]"
+        },
+        {
+          "name": "openAutoFocus",
+          "type": "[event: Event]"
+        },
+        {
+          "name": "closeAutoFocus",
+          "type": "[event: Event]"
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "Drawer",
+        "DrawerBody",
+        "DrawerClose",
+        "DrawerDescription",
+        "DrawerFooter",
+        "DrawerHeader",
+        "DrawerTitle",
+        "DrawerTrigger"
+      ],
+      "hasStory": false
+    },
+    "DrawerDescription": {
+      "name": "DrawerDescription",
+      "group": "drawer",
+      "file": "src/components/drawer/drawer-description.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "as",
+          "type": "AsTag | Component",
+          "required": false,
+          "description": "Element or component to render as.",
+          "inherited": true
+        },
+        {
+          "name": "asChild",
+          "type": "boolean",
+          "required": false,
+          "description": "Render the child element instead of this component's own, merging props onto it.",
+          "inherited": true
+        },
+        {
+          "name": "class",
+          "type": "ClassValue",
+          "required": false
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "Drawer",
+        "DrawerBody",
+        "DrawerClose",
+        "DrawerContent",
+        "DrawerFooter",
+        "DrawerHeader",
+        "DrawerTitle",
+        "DrawerTrigger"
+      ],
+      "hasStory": false
+    },
+    "DrawerFooter": {
+      "name": "DrawerFooter",
+      "group": "drawer",
+      "file": "src/components/drawer/drawer-footer.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "class",
+          "type": "ClassValue",
+          "required": false
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "Drawer",
+        "DrawerBody",
+        "DrawerClose",
+        "DrawerContent",
+        "DrawerDescription",
+        "DrawerHeader",
+        "DrawerTitle",
+        "DrawerTrigger"
+      ],
+      "hasStory": false
+    },
+    "DrawerHeader": {
+      "name": "DrawerHeader",
+      "group": "drawer",
+      "file": "src/components/drawer/drawer-header.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": true
+        },
+        {
+          "name": "class",
+          "type": "ClassValue",
+          "required": false
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false
+        },
+        {
+          "name": "dismissible",
+          "type": "boolean",
+          "required": false,
+          "default": "true"
+        },
+        {
+          "name": "divider",
+          "type": "boolean",
+          "required": false
+        },
+        {
+          "name": "icon",
+          "type": "string",
+          "required": false
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "actions",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "Drawer",
+        "DrawerBody",
+        "DrawerClose",
+        "DrawerContent",
+        "DrawerDescription",
+        "DrawerFooter",
+        "DrawerTitle",
+        "DrawerTrigger"
+      ],
+      "hasStory": false
+    },
+    "DrawerTitle": {
+      "name": "DrawerTitle",
+      "group": "drawer",
+      "file": "src/components/drawer/drawer-title.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "as",
+          "type": "AsTag | Component",
+          "required": false,
+          "description": "Element or component to render as.",
+          "inherited": true
+        },
+        {
+          "name": "asChild",
+          "type": "boolean",
+          "required": false,
+          "description": "Render the child element instead of this component's own, merging props onto it.",
+          "inherited": true
+        },
+        {
+          "name": "class",
+          "type": "ClassValue",
+          "required": false
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "Drawer",
+        "DrawerBody",
+        "DrawerClose",
+        "DrawerContent",
+        "DrawerDescription",
+        "DrawerFooter",
+        "DrawerHeader",
+        "DrawerTrigger"
+      ],
+      "hasStory": false
+    },
+    "DrawerTrigger": {
+      "name": "DrawerTrigger",
+      "group": "drawer",
+      "file": "src/components/drawer/drawer-trigger.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "as",
+          "type": "AsTag | Component",
+          "required": false,
+          "description": "Element or component to render as.",
+          "inherited": true
+        },
+        {
+          "name": "asChild",
+          "type": "boolean",
+          "required": false,
+          "description": "Render the child element instead of this component's own, merging props onto it.",
+          "inherited": true
+        },
+        {
+          "name": "class",
+          "type": "unknown",
+          "required": false,
+          "inherited": true
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "Drawer",
+        "DrawerBody",
+        "DrawerClose",
+        "DrawerContent",
+        "DrawerDescription",
+        "DrawerFooter",
+        "DrawerHeader",
+        "DrawerTitle"
+      ],
+      "hasStory": false
+    },
     "DropdownMenu": {
       "name": "DropdownMenu",
       "group": "dropdown-menu",
@@ -4041,15 +4555,15 @@
           "type": "[event: PointerDownOutsideEvent | FocusOutsideEvent]"
         },
         {
-          "name": "entryFocus",
+          "name": "openAutoFocus",
           "type": "[event: Event]"
         },
         {
-          "name": "openAutoFocus",
+          "name": "closeAutoFocus",
           "type": "[event: Event]"
         },
         {
-          "name": "closeAutoFocus",
+          "name": "entryFocus",
           "type": "[event: Event]"
         }
       ],
@@ -11463,7 +11977,7 @@
         "variant?: \"fill\" | \"light\" | \"lighter\" | \"stroke\"",
         "size?: \"xs\" | \"sm\" | \"lg\"",
         "dismissable?: boolean",
-        "inherited from vue-sonner: class, onDismiss, icon, description, position, cancel, style, dismissible, invert, closeButtonPosition, richColors, duration, closeButton, toasterId, component, componentProps, important, action, onAutoClose, cancelButtonStyle, actionButtonStyle, unstyled, classes, descriptionClass, testId, id"
+        "inherited from vue-sonner: class, onDismiss, icon, description, position, cancel, dismissible, style, invert, closeButtonPosition, richColors, duration, closeButton, toasterId, component, componentProps, important, action, onAutoClose, cancelButtonStyle, actionButtonStyle, unstyled, classes, descriptionClass, testId, id"
       ]
     },
     "toast": {

package/ai/icons.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 1,
-  "version": "0.15.0",
-  "generatedAt": "2026-09-22T17:11:41.333Z",
+  "version": "0.16.0",
+  "generatedAt": "2026-09-29T10:07:29.919Z",
   "prefix": "celeste",
   "icons": [
     {

package/ai/tokens.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 1,
-  "version": "0.15.0",
-  "generatedAt": "2026-09-22T17:11:41.333Z",
+  "version": "0.16.0",
+  "generatedAt": "2026-09-29T10:07:29.919Z",
   "tokens": [
     {
       "name": "animation-extra-fast",