@youcan/celeste 0.15.0 → 0.17.0

package/ai/component-registry.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 1,
-  "version": "0.15.0",
-  "generatedAt": "2026-09-22T17:11:45.902Z",
+  "version": "0.17.0",
+  "generatedAt": "2026-09-29T10:28:41.520Z",
   "components": {
     "Alert": {
       "name": "Alert",
@@ -3072,6 +3072,336 @@
       "story": "src/components/date-picker/stories/date-picker.stories.ts",
       "hasStory": true
     },
+    "Dialog": {
+      "name": "Dialog",
+      "group": "dialog",
+      "file": "src/components/dialog/dialog.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "breakpoint",
+          "type": "\"sm\" | \"lg\" | \"md\" | \"xl\" | \"2xl\"",
+          "values": [
+            "sm",
+            "lg",
+            "md",
+            "xl",
+            "2xl"
+          ],
+          "required": false,
+          "default": "\"sm\""
+        },
+        {
+          "name": "class",
+          "type": "unknown",
+          "required": false,
+          "inherited": true
+        },
+        {
+          "name": "defaultOpen",
+          "type": "boolean",
+          "required": false
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "undefined"
+        }
+      ],
+      "events": [
+        {
+          "name": "update:open",
+          "type": "[value: boolean]"
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "DialogBody",
+        "DialogClose",
+        "DialogContent",
+        "DialogDescription",
+        "DialogFooter",
+        "DialogHeader",
+        "DialogTitle",
+        "DialogTrigger"
+      ],
+      "story": "src/components/dialog/stories/dialog.stories.ts",
+      "usage": "<Dialog>\n  <DialogTrigger>\n    <Button variant=\"stroke\" intent=\"neutral\">Open dialog</Button>\n  </DialogTrigger>\n  <DialogContent style=\"width: 440px\">\n    <DialogHeader title=\"Virtual card\" description=\"Manage the card and its recent transactions.\" icon=\"i-celeste-history-line\" />\n    <DialogBody>\n      Below the breakpoint this is a bottom drawer. The content style applies to the modal only.\n    </DialogBody>\n    <DialogFooter>\n      <DialogClose>\n        <Button intent=\"neutral\" variant=\"stroke\" style=\"flex: 1\">Cancel</Button>\n      </DialogClose>\n      <Button style=\"flex: 1\">Continue</Button>\n    </DialogFooter>\n  </DialogContent>\n</Dialog>",
+      "hasStory": true
+    },
+    "DialogBody": {
+      "name": "DialogBody",
+      "group": "dialog",
+      "file": "src/components/dialog/dialog-body.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "class",
+          "type": "ClassValue",
+          "required": false
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "Dialog",
+        "DialogClose",
+        "DialogContent",
+        "DialogDescription",
+        "DialogFooter",
+        "DialogHeader",
+        "DialogTitle",
+        "DialogTrigger"
+      ],
+      "hasStory": false
+    },
+    "DialogClose": {
+      "name": "DialogClose",
+      "group": "dialog",
+      "file": "src/components/dialog/dialog-close.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "class",
+          "type": "unknown",
+          "required": false,
+          "inherited": true
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "Dialog",
+        "DialogBody",
+        "DialogContent",
+        "DialogDescription",
+        "DialogFooter",
+        "DialogHeader",
+        "DialogTitle",
+        "DialogTrigger"
+      ],
+      "hasStory": false
+    },
+    "DialogContent": {
+      "name": "DialogContent",
+      "group": "dialog",
+      "file": "src/components/dialog/dialog-content.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "class",
+          "type": "unknown",
+          "required": false,
+          "inherited": true
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "Dialog",
+        "DialogBody",
+        "DialogClose",
+        "DialogDescription",
+        "DialogFooter",
+        "DialogHeader",
+        "DialogTitle",
+        "DialogTrigger"
+      ],
+      "hasStory": false
+    },
+    "DialogDescription": {
+      "name": "DialogDescription",
+      "group": "dialog",
+      "file": "src/components/dialog/dialog-description.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "class",
+          "type": "ClassValue",
+          "required": false
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "Dialog",
+        "DialogBody",
+        "DialogClose",
+        "DialogContent",
+        "DialogFooter",
+        "DialogHeader",
+        "DialogTitle",
+        "DialogTrigger"
+      ],
+      "hasStory": false
+    },
+    "DialogFooter": {
+      "name": "DialogFooter",
+      "group": "dialog",
+      "file": "src/components/dialog/dialog-footer.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "class",
+          "type": "ClassValue",
+          "required": false
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "Dialog",
+        "DialogBody",
+        "DialogClose",
+        "DialogContent",
+        "DialogDescription",
+        "DialogHeader",
+        "DialogTitle",
+        "DialogTrigger"
+      ],
+      "hasStory": false
+    },
+    "DialogHeader": {
+      "name": "DialogHeader",
+      "group": "dialog",
+      "file": "src/components/dialog/dialog-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": "icon",
+          "type": "string",
+          "required": false
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "siblings": [
+        "Dialog",
+        "DialogBody",
+        "DialogClose",
+        "DialogContent",
+        "DialogDescription",
+        "DialogFooter",
+        "DialogTitle",
+        "DialogTrigger"
+      ],
+      "hasStory": false
+    },
+    "DialogTitle": {
+      "name": "DialogTitle",
+      "group": "dialog",
+      "file": "src/components/dialog/dialog-title.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "class",
+          "type": "ClassValue",
+          "required": false
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "Dialog",
+        "DialogBody",
+        "DialogClose",
+        "DialogContent",
+        "DialogDescription",
+        "DialogFooter",
+        "DialogHeader",
+        "DialogTrigger"
+      ],
+      "hasStory": false
+    },
+    "DialogTrigger": {
+      "name": "DialogTrigger",
+      "group": "dialog",
+      "file": "src/components/dialog/dialog-trigger.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "class",
+          "type": "unknown",
+          "required": false,
+          "inherited": true
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "Dialog",
+        "DialogBody",
+        "DialogClose",
+        "DialogContent",
+        "DialogDescription",
+        "DialogFooter",
+        "DialogHeader",
+        "DialogTitle"
+      ],
+      "hasStory": false
+    },
     "DigitInput": {
       "name": "DigitInput",
       "group": "digit-input",
@@ -3096,100 +3426,473 @@
           "name": "class",
           "type": "ClassValue",
           "required": false
-        },
+        },
+        {
+          "name": "defaultValue",
+          "type": "PinInputValue<Type>",
+          "required": false,
+          "description": "The default value of the pin inputs when it is initially rendered. Use when you do not need to control its checked state.",
+          "inherited": true
+        },
+        {
+          "name": "dir",
+          "type": "Direction",
+          "required": false,
+          "description": "The reading direction of the combobox when applicable. <br> If omitted, inherits globally from `ConfigProvider` or assumes LTR (left-to-right) reading mode.",
+          "inherited": true
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "description": "When `true`, prevents the user from interacting with the pin input",
+          "inherited": true
+        },
+        {
+          "name": "hasError",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "description": "Id of the element",
+          "inherited": true
+        },
+        {
+          "name": "mask",
+          "type": "boolean",
+          "required": false,
+          "description": "When `true`, pin inputs will be treated as password.",
+          "inherited": true
+        },
+        {
+          "name": "modelValue",
+          "type": "PinInputValue<Type> | null",
+          "required": false,
+          "default": "[] as any",
+          "description": "The controlled checked state of the pin input. Can be binded as `v-model`.",
+          "inherited": true
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "description": "The name of the field. Submitted with its owning form as part of a name/value pair.",
+          "inherited": true
+        },
+        {
+          "name": "otp",
+          "type": "boolean",
+          "required": false,
+          "description": "When `true`, mobile devices will autodetect the OTP from messages or clipboard, and enable the autocomplete field.",
+          "inherited": true
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "description": "The placeholder character to use for empty pin-inputs.",
+          "inherited": true
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "description": "When `true`, indicates that the user must set the value before the owning form can be submitted.",
+          "inherited": true
+        },
+        {
+          "name": "type",
+          "type": "Type",
+          "required": false,
+          "description": "Input type for the inputs.",
+          "inherited": true
+        }
+      ],
+      "events": [
+        {
+          "name": "update:modelValue",
+          "type": "[value: PinInputValue<Type>]"
+        },
+        {
+          "name": "complete",
+          "type": "[value: PinInputValue<Type>]"
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
+      "siblings": [
+        "DigitInputGroup",
+        "DigitInputSlot"
+      ],
+      "story": "src/components/digit-input/stories/digit-input.stories.ts",
+      "usage": "<DigitInput v-model=\"value\" style=\"max-width: 640px;\">\n  <DigitInputGroup>\n    <DigitInputSlot v-for=\"(item, index) in 4\" :key=\"index\" :index=\"index\" />\n  </DigitInputGroup>\n</DigitInput>",
+      "hasStory": true
+    },
+    "DigitInputGroup": {
+      "name": "DigitInputGroup",
+      "group": "digit-input",
+      "file": "src/components/digit-input/digit-input-group.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": [
+        "DigitInput",
+        "DigitInputSlot"
+      ],
+      "hasStory": false
+    },
+    "DigitInputSlot": {
+      "name": "DigitInputSlot",
+      "group": "digit-input",
+      "file": "src/components/digit-input/digit-input-slot.vue",
+      "import": "@youcan/celeste",
+      "props": [
+        {
+          "name": "index",
+          "type": "number",
+          "required": true,
+          "description": "Position of the value this input binds to.",
+          "inherited": true
+        },
+        {
+          "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": "disabled",
+          "type": "boolean",
+          "required": false,
+          "description": "When `true`, prevents the user from interacting with the pin input",
+          "inherited": true
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "siblings": [
+        "DigitInput",
+        "DigitInputGroup"
+      ],
+      "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": "defaultValue",
-          "type": "PinInputValue<Type>",
-          "required": false,
-          "description": "The default value of the pin inputs when it is initially rendered. Use when you do not need to control its checked state.",
-          "inherited": true
-        },
+          "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": "dir",
-          "type": "Direction",
+          "name": "as",
+          "type": "AsTag | Component",
           "required": false,
-          "description": "The reading direction of the combobox when applicable. <br> If omitted, inherits globally from `ConfigProvider` or assumes LTR (left-to-right) reading mode.",
+          "description": "Element or component to render as.",
           "inherited": true
         },
         {
-          "name": "disabled",
+          "name": "asChild",
           "type": "boolean",
           "required": false,
-          "description": "When `true`, prevents the user from interacting with the pin input",
+          "description": "Render the child element instead of this component's own, merging props onto it.",
           "inherited": true
         },
         {
-          "name": "hasError",
-          "type": "boolean",
-          "required": false,
-          "default": "false"
-        },
-        {
-          "name": "id",
-          "type": "string",
+          "name": "class",
+          "type": "unknown",
           "required": false,
-          "description": "Id of the element",
           "inherited": true
-        },
+        }
+      ],
+      "events": [],
+      "slots": [
         {
-          "name": "mask",
-          "type": "boolean",
+          "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": "When `true`, pin inputs will be treated as password.",
+          "description": "Element or component to render as.",
           "inherited": true
         },
         {
-          "name": "modelValue",
-          "type": "PinInputValue<Type> | null",
+          "name": "asChild",
+          "type": "boolean",
           "required": false,
-          "default": "[] as any",
-          "description": "The controlled checked state of the pin input. Can be binded as `v-model`.",
+          "description": "Render the child element instead of this component's own, merging props onto it.",
           "inherited": true
         },
         {
-          "name": "name",
-          "type": "string",
-          "required": false,
-          "description": "The name of the field. Submitted with its owning form as part of a name/value pair.",
-          "inherited": true
+          "name": "class",
+          "type": "ClassValue",
+          "required": false
         },
         {
-          "name": "otp",
+          "name": "disableOutsidePointerEvents",
           "type": "boolean",
           "required": false,
-          "description": "When `true`, mobile devices will autodetect the OTP from messages or clipboard, and enable the autocomplete field.",
+          "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": "placeholder",
-          "type": "string",
+          "name": "finalFocus",
+          "type": "boolean | HTMLElement | null",
           "required": false,
-          "description": "The placeholder character to use for empty pin-inputs.",
+          "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": "required",
+          "name": "forceMount",
           "type": "boolean",
           "required": false,
-          "description": "When `true`, indicates that the user must set the value before the owning form can be submitted.",
           "inherited": true
         },
         {
-          "name": "type",
-          "type": "Type",
+          "name": "initialFocus",
+          "type": "boolean | HTMLElement | null",
           "required": false,
-          "description": "Input type for the inputs.",
+          "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": "update:modelValue",
-          "type": "[value: PinInputValue<Type>]"
+          "name": "escapeKeyDown",
+          "type": "[event: KeyboardEvent]"
         },
         {
-          "name": "complete",
-          "type": "[value: PinInputValue<Type>]"
+          "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": [
@@ -3199,17 +3902,21 @@
         }
       ],
       "siblings": [
-        "DigitInputGroup",
-        "DigitInputSlot"
+        "Drawer",
+        "DrawerBody",
+        "DrawerClose",
+        "DrawerDescription",
+        "DrawerFooter",
+        "DrawerHeader",
+        "DrawerTitle",
+        "DrawerTrigger"
       ],
-      "story": "src/components/digit-input/stories/digit-input.stories.ts",
-      "usage": "<DigitInput v-model=\"value\" style=\"max-width: 640px;\">\n  <DigitInputGroup>\n    <DigitInputSlot v-for=\"(item, index) in 4\" :key=\"index\" :index=\"index\" />\n  </DigitInputGroup>\n</DigitInput>",
-      "hasStory": true
+      "hasStory": false
     },
-    "DigitInputGroup": {
-      "name": "DigitInputGroup",
-      "group": "digit-input",
-      "file": "src/components/digit-input/digit-input-group.vue",
+    "DrawerDescription": {
+      "name": "DrawerDescription",
+      "group": "drawer",
+      "file": "src/components/drawer/drawer-description.vue",
       "import": "@youcan/celeste",
       "props": [
         {
@@ -3240,24 +3947,111 @@
         }
       ],
       "siblings": [
-        "DigitInput",
-        "DigitInputSlot"
+        "Drawer",
+        "DrawerBody",
+        "DrawerClose",
+        "DrawerContent",
+        "DrawerFooter",
+        "DrawerHeader",
+        "DrawerTitle",
+        "DrawerTrigger"
       ],
       "hasStory": false
     },
-    "DigitInputSlot": {
-      "name": "DigitInputSlot",
-      "group": "digit-input",
-      "file": "src/components/digit-input/digit-input-slot.vue",
+    "DrawerFooter": {
+      "name": "DrawerFooter",
+      "group": "drawer",
+      "file": "src/components/drawer/drawer-footer.vue",
       "import": "@youcan/celeste",
       "props": [
         {
-          "name": "index",
-          "type": "number",
-          "required": true,
-          "description": "Position of the value this input binds to.",
-          "inherited": true
+          "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",
@@ -3276,20 +4070,70 @@
           "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": "disabled",
+          "name": "asChild",
           "type": "boolean",
           "required": false,
-          "description": "When `true`, prevents the user from interacting with the pin input",
+          "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": [],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{}"
+        }
+      ],
       "siblings": [
-        "DigitInput",
-        "DigitInputGroup"
+        "Drawer",
+        "DrawerBody",
+        "DrawerClose",
+        "DrawerContent",
+        "DrawerDescription",
+        "DrawerFooter",
+        "DrawerHeader",
+        "DrawerTitle"
       ],
       "hasStory": false
     },
@@ -4041,15 +4885,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]"
         }
       ],