@elaraai/east-ui 0.0.1-beta.3 → 0.0.1-beta.5

package/dist/src/overlays/dialog/index.js

@@ -133,14 +133,102 @@ function createDialog(trigger, body, style) {
  * ```
  */
 export const Dialog = {
+    /**
+     * Creates a Dialog component with a trigger and body content.
+     *
+     * @param trigger - The UI component that opens the dialog
+     * @param body - Array of UI components for dialog content
+     * @param style - Optional styling configuration
+     * @returns An East expression representing the dialog component
+     *
+     * @remarks
+     * Dialog is a modal window that appears above the main content.
+     * It captures focus and prevents interaction with the underlying page.
+     *
+     * @example
+     * ```ts
+     * import { East } from "@elaraai/east";
+     * import { Dialog, Button, Text, UIComponentType } from "@elaraai/east-ui";
+     *
+     * const example = East.function([], UIComponentType, $ => {
+     *     return Dialog.Root(
+     *         Button.Root("Open Dialog"),
+     *         [Text.Root("Dialog content here")],
+     *         { title: "My Dialog" }
+     *     );
+     * });
+     * ```
+     */
     Root: createDialog,
     Types: {
+        /**
+         * East StructType for Dialog component.
+         *
+         * @remarks
+         * Dialog is a modal overlay with a trigger and body content.
+         * The trigger can be any UI component, and body contains UI children.
+         *
+         * @property trigger - The UI component that opens the dialog
+         * @property body - Array of UI components for dialog content
+         * @property title - Optional dialog title
+         * @property description - Optional dialog description
+         * @property style - Optional style configuration
+         */
         Dialog: DialogType,
+        /**
+         * Style type for Dialog component.
+         *
+         * @property size - Dialog size variant
+         * @property placement - Vertical positioning
+         * @property scrollBehavior - Scroll behavior
+         * @property motionPreset - Animation style
+         * @property role - ARIA role
+         */
         Style: DialogStyleType,
+        /**
+         * Size variant type for Dialog component.
+         *
+         * @property xs - Extra small (24rem max width)
+         * @property sm - Small (28rem max width)
+         * @property md - Medium (32rem max width)
+         * @property lg - Large (42rem max width)
+         * @property xl - Extra large (56rem max width)
+         * @property cover - Full viewport with padding
+         * @property full - Full viewport width
+         */
         Size: DialogSizeType,
+        /**
+         * Placement variant type for Dialog component.
+         *
+         * @property center - Center of viewport
+         * @property top - Top of viewport
+         * @property bottom - Bottom of viewport
+         */
         Placement: DialogPlacementType,
+        /**
+         * Scroll behavior variant type for Dialog component.
+         *
+         * @property inside - Content scrolls inside dialog
+         * @property outside - Positioner handles scrolling
+         */
         ScrollBehavior: DialogScrollBehaviorType,
+        /**
+         * Motion preset variant type for Dialog component.
+         *
+         * @property scale - Scale and fade animation
+         * @property slide-in-bottom - Slide from bottom
+         * @property slide-in-top - Slide from top
+         * @property slide-in-left - Slide from left
+         * @property slide-in-right - Slide from right
+         * @property none - No animation
+         */
         MotionPreset: DialogMotionPresetType,
+        /**
+         * ARIA role variant type for Dialog component.
+         *
+         * @property dialog - Standard dialog role
+         * @property alertdialog - Alert dialog role for confirmations
+         */
         Role: DialogRoleType,
     },
 };

package/dist/src/overlays/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/overlays/dialog/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/overlays/dialog/index.ts"],"names":[],"mappings":"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"}

package/dist/src/overlays/drawer/index.d.ts

@@ -87,6 +87,109 @@ export declare const DrawerType: StructType<{
             }>>;
             borderColor: OptionType<StringType>;
         }>;
+        Code: StructType<{
+            value: StringType;
+            variant: OptionType<import("@elaraai/east").VariantType<{
+                subtle: import("@elaraai/east").NullType;
+                surface: import("@elaraai/east").NullType;
+                outline: import("@elaraai/east").NullType;
+            }>>;
+            colorPalette: OptionType<StringType>;
+            size: OptionType<import("@elaraai/east").VariantType<{
+                xs: import("@elaraai/east").NullType;
+                sm: import("@elaraai/east").NullType;
+                md: import("@elaraai/east").NullType;
+                lg: import("@elaraai/east").NullType;
+            }>>;
+        }>;
+        Heading: StructType<{
+            value: StringType;
+            size: OptionType<import("@elaraai/east").VariantType<{
+                xs: import("@elaraai/east").NullType;
+                sm: import("@elaraai/east").NullType;
+                md: import("@elaraai/east").NullType;
+                lg: import("@elaraai/east").NullType;
+                xl: import("@elaraai/east").NullType;
+                "2xl": import("@elaraai/east").NullType;
+                "3xl": import("@elaraai/east").NullType;
+                "4xl": import("@elaraai/east").NullType;
+                "5xl": import("@elaraai/east").NullType;
+                "6xl": import("@elaraai/east").NullType;
+            }>>;
+            as: OptionType<import("@elaraai/east").VariantType<{
+                h1: import("@elaraai/east").NullType;
+                h2: import("@elaraai/east").NullType;
+                h3: import("@elaraai/east").NullType;
+                h4: import("@elaraai/east").NullType;
+                h5: import("@elaraai/east").NullType;
+                h6: import("@elaraai/east").NullType;
+            }>>;
+            color: OptionType<StringType>;
+            textAlign: OptionType<import("@elaraai/east").VariantType<{
+                left: import("@elaraai/east").NullType;
+                center: import("@elaraai/east").NullType;
+                right: import("@elaraai/east").NullType;
+                justify: import("@elaraai/east").NullType;
+            }>>;
+        }>;
+        Link: StructType<{
+            value: StringType;
+            href: StringType;
+            external: OptionType<import("@elaraai/east").BooleanType>;
+            variant: OptionType<import("@elaraai/east").VariantType<{
+                underline: import("@elaraai/east").NullType;
+                plain: import("@elaraai/east").NullType;
+            }>>;
+            colorPalette: OptionType<StringType>;
+        }>;
+        Highlight: StructType<{
+            value: StringType;
+            query: ArrayType<StringType>;
+            color: OptionType<StringType>;
+        }>;
+        Mark: StructType<{
+            value: StringType;
+            variant: OptionType<import("@elaraai/east").VariantType<{
+                subtle: import("@elaraai/east").NullType;
+                solid: import("@elaraai/east").NullType;
+                text: import("@elaraai/east").NullType;
+                plain: import("@elaraai/east").NullType;
+            }>>;
+            colorPalette: OptionType<StringType>;
+        }>;
+        List: StructType<{
+            items: ArrayType<StringType>;
+            variant: OptionType<import("@elaraai/east").VariantType<{
+                ordered: import("@elaraai/east").NullType;
+                unordered: import("@elaraai/east").NullType;
+            }>>;
+            gap: OptionType<StringType>;
+            colorPalette: OptionType<StringType>;
+        }>;
+        CodeBlock: StructType<{
+            code: StringType;
+            language: OptionType<import("@elaraai/east").VariantType<{
+                typescript: import("@elaraai/east").NullType;
+                javascript: import("@elaraai/east").NullType;
+                json: import("@elaraai/east").NullType;
+                html: import("@elaraai/east").NullType;
+                css: import("@elaraai/east").NullType;
+                python: import("@elaraai/east").NullType;
+                rust: import("@elaraai/east").NullType;
+                go: import("@elaraai/east").NullType;
+                sql: import("@elaraai/east").NullType;
+                bash: import("@elaraai/east").NullType;
+                markdown: import("@elaraai/east").NullType;
+                yaml: import("@elaraai/east").NullType;
+                xml: import("@elaraai/east").NullType;
+                plaintext: import("@elaraai/east").NullType;
+            }>>;
+            showLineNumbers: OptionType<import("@elaraai/east").BooleanType>;
+            highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
+            maxHeight: OptionType<StringType>;
+            showCopyButton: OptionType<import("@elaraai/east").BooleanType>;
+            title: OptionType<StringType>;
+        }>;
         Button: StructType<{
             label: StringType;
             style: OptionType<StructType<{
@@ -3563,6 +3666,109 @@ export declare const DrawerType: StructType<{
             }>>;
             borderColor: OptionType<StringType>;
         }>;
+        Code: StructType<{
+            value: StringType;
+            variant: OptionType<import("@elaraai/east").VariantType<{
+                subtle: import("@elaraai/east").NullType;
+                surface: import("@elaraai/east").NullType;
+                outline: import("@elaraai/east").NullType;
+            }>>;
+            colorPalette: OptionType<StringType>;
+            size: OptionType<import("@elaraai/east").VariantType<{
+                xs: import("@elaraai/east").NullType;
+                sm: import("@elaraai/east").NullType;
+                md: import("@elaraai/east").NullType;
+                lg: import("@elaraai/east").NullType;
+            }>>;
+        }>;
+        Heading: StructType<{
+            value: StringType;
+            size: OptionType<import("@elaraai/east").VariantType<{
+                xs: import("@elaraai/east").NullType;
+                sm: import("@elaraai/east").NullType;
+                md: import("@elaraai/east").NullType;
+                lg: import("@elaraai/east").NullType;
+                xl: import("@elaraai/east").NullType;
+                "2xl": import("@elaraai/east").NullType;
+                "3xl": import("@elaraai/east").NullType;
+                "4xl": import("@elaraai/east").NullType;
+                "5xl": import("@elaraai/east").NullType;
+                "6xl": import("@elaraai/east").NullType;
+            }>>;
+            as: OptionType<import("@elaraai/east").VariantType<{
+                h1: import("@elaraai/east").NullType;
+                h2: import("@elaraai/east").NullType;
+                h3: import("@elaraai/east").NullType;
+                h4: import("@elaraai/east").NullType;
+                h5: import("@elaraai/east").NullType;
+                h6: import("@elaraai/east").NullType;
+            }>>;
+            color: OptionType<StringType>;
+            textAlign: OptionType<import("@elaraai/east").VariantType<{
+                left: import("@elaraai/east").NullType;
+                center: import("@elaraai/east").NullType;
+                right: import("@elaraai/east").NullType;
+                justify: import("@elaraai/east").NullType;
+            }>>;
+        }>;
+        Link: StructType<{
+            value: StringType;
+            href: StringType;
+            external: OptionType<import("@elaraai/east").BooleanType>;
+            variant: OptionType<import("@elaraai/east").VariantType<{
+                underline: import("@elaraai/east").NullType;
+                plain: import("@elaraai/east").NullType;
+            }>>;
+            colorPalette: OptionType<StringType>;
+        }>;
+        Highlight: StructType<{
+            value: StringType;
+            query: ArrayType<StringType>;
+            color: OptionType<StringType>;
+        }>;
+        Mark: StructType<{
+            value: StringType;
+            variant: OptionType<import("@elaraai/east").VariantType<{
+                subtle: import("@elaraai/east").NullType;
+                solid: import("@elaraai/east").NullType;
+                text: import("@elaraai/east").NullType;
+                plain: import("@elaraai/east").NullType;
+            }>>;
+            colorPalette: OptionType<StringType>;
+        }>;
+        List: StructType<{
+            items: ArrayType<StringType>;
+            variant: OptionType<import("@elaraai/east").VariantType<{
+                ordered: import("@elaraai/east").NullType;
+                unordered: import("@elaraai/east").NullType;
+            }>>;
+            gap: OptionType<StringType>;
+            colorPalette: OptionType<StringType>;
+        }>;
+        CodeBlock: StructType<{
+            code: StringType;
+            language: OptionType<import("@elaraai/east").VariantType<{
+                typescript: import("@elaraai/east").NullType;
+                javascript: import("@elaraai/east").NullType;
+                json: import("@elaraai/east").NullType;
+                html: import("@elaraai/east").NullType;
+                css: import("@elaraai/east").NullType;
+                python: import("@elaraai/east").NullType;
+                rust: import("@elaraai/east").NullType;
+                go: import("@elaraai/east").NullType;
+                sql: import("@elaraai/east").NullType;
+                bash: import("@elaraai/east").NullType;
+                markdown: import("@elaraai/east").NullType;
+                yaml: import("@elaraai/east").NullType;
+                xml: import("@elaraai/east").NullType;
+                plaintext: import("@elaraai/east").NullType;
+            }>>;
+            showLineNumbers: OptionType<import("@elaraai/east").BooleanType>;
+            highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
+            maxHeight: OptionType<StringType>;
+            showCopyButton: OptionType<import("@elaraai/east").BooleanType>;
+            title: OptionType<StringType>;
+        }>;
         Button: StructType<{
             label: StringType;
             style: OptionType<StructType<{
@@ -7055,8 +7261,47 @@ declare function createDrawer(trigger: SubtypeExprOrValue<UIComponentType>, body
  * ```
  */
 export declare const Drawer: {
+    /**
+     * Creates a Drawer component with a trigger and body content.
+     *
+     * @param trigger - The UI component that opens the drawer
+     * @param body - Array of UI components for drawer content
+     * @param style - Optional styling configuration
+     * @returns An East expression representing the drawer component
+     *
+     * @remarks
+     * Drawer is a panel that slides in from the edge of the viewport.
+     * It's typically used for navigation, settings, or detailed content.
+     *
+     * @example
+     * ```ts
+     * import { East } from "@elaraai/east";
+     * import { Drawer, Button, Text, UIComponentType } from "@elaraai/east-ui";
+     *
+     * const example = East.function([], UIComponentType, $ => {
+     *     return Drawer.Root(
+     *         Button.Root("Open Drawer"),
+     *         [Text.Root("Drawer content")],
+     *         { title: "Settings", placement: "end" }
+     *     );
+     * });
+     * ```
+     */
     readonly Root: typeof createDrawer;
     readonly Types: {
+        /**
+         * East StructType for Drawer component.
+         *
+         * @remarks
+         * Drawer is a panel that slides in from an edge of the screen.
+         * The trigger can be any UI component, and body contains UI children.
+         *
+         * @property trigger - The UI component that opens the drawer
+         * @property body - Array of UI components for drawer content
+         * @property title - Optional drawer title
+         * @property description - Optional drawer description
+         * @property style - Optional style configuration
+         */
         readonly Drawer: StructType<{
             trigger: import("@elaraai/east").RecursiveType<import("@elaraai/east").VariantType<{
                 Text: StructType<{
@@ -7124,6 +7369,109 @@ export declare const Drawer: {
                     }>>;
                     borderColor: OptionType<StringType>;
                 }>;
+                Code: StructType<{
+                    value: StringType;
+                    variant: OptionType<import("@elaraai/east").VariantType<{
+                        subtle: import("@elaraai/east").NullType;
+                        surface: import("@elaraai/east").NullType;
+                        outline: import("@elaraai/east").NullType;
+                    }>>;
+                    colorPalette: OptionType<StringType>;
+                    size: OptionType<import("@elaraai/east").VariantType<{
+                        xs: import("@elaraai/east").NullType;
+                        sm: import("@elaraai/east").NullType;
+                        md: import("@elaraai/east").NullType;
+                        lg: import("@elaraai/east").NullType;
+                    }>>;
+                }>;
+                Heading: StructType<{
+                    value: StringType;
+                    size: OptionType<import("@elaraai/east").VariantType<{
+                        xs: import("@elaraai/east").NullType;
+                        sm: import("@elaraai/east").NullType;
+                        md: import("@elaraai/east").NullType;
+                        lg: import("@elaraai/east").NullType;
+                        xl: import("@elaraai/east").NullType;
+                        "2xl": import("@elaraai/east").NullType;
+                        "3xl": import("@elaraai/east").NullType;
+                        "4xl": import("@elaraai/east").NullType;
+                        "5xl": import("@elaraai/east").NullType;
+                        "6xl": import("@elaraai/east").NullType;
+                    }>>;
+                    as: OptionType<import("@elaraai/east").VariantType<{
+                        h1: import("@elaraai/east").NullType;
+                        h2: import("@elaraai/east").NullType;
+                        h3: import("@elaraai/east").NullType;
+                        h4: import("@elaraai/east").NullType;
+                        h5: import("@elaraai/east").NullType;
+                        h6: import("@elaraai/east").NullType;
+                    }>>;
+                    color: OptionType<StringType>;
+                    textAlign: OptionType<import("@elaraai/east").VariantType<{
+                        left: import("@elaraai/east").NullType;
+                        center: import("@elaraai/east").NullType;
+                        right: import("@elaraai/east").NullType;
+                        justify: import("@elaraai/east").NullType;
+                    }>>;
+                }>;
+                Link: StructType<{
+                    value: StringType;
+                    href: StringType;
+                    external: OptionType<import("@elaraai/east").BooleanType>;
+                    variant: OptionType<import("@elaraai/east").VariantType<{
+                        underline: import("@elaraai/east").NullType;
+                        plain: import("@elaraai/east").NullType;
+                    }>>;
+                    colorPalette: OptionType<StringType>;
+                }>;
+                Highlight: StructType<{
+                    value: StringType;
+                    query: ArrayType<StringType>;
+                    color: OptionType<StringType>;
+                }>;
+                Mark: StructType<{
+                    value: StringType;
+                    variant: OptionType<import("@elaraai/east").VariantType<{
+                        subtle: import("@elaraai/east").NullType;
+                        solid: import("@elaraai/east").NullType;
+                        text: import("@elaraai/east").NullType;
+                        plain: import("@elaraai/east").NullType;
+                    }>>;
+                    colorPalette: OptionType<StringType>;
+                }>;
+                List: StructType<{
+                    items: ArrayType<StringType>;
+                    variant: OptionType<import("@elaraai/east").VariantType<{
+                        ordered: import("@elaraai/east").NullType;
+                        unordered: import("@elaraai/east").NullType;
+                    }>>;
+                    gap: OptionType<StringType>;
+                    colorPalette: OptionType<StringType>;
+                }>;
+                CodeBlock: StructType<{
+                    code: StringType;
+                    language: OptionType<import("@elaraai/east").VariantType<{
+                        typescript: import("@elaraai/east").NullType;
+                        javascript: import("@elaraai/east").NullType;
+                        json: import("@elaraai/east").NullType;
+                        html: import("@elaraai/east").NullType;
+                        css: import("@elaraai/east").NullType;
+                        python: import("@elaraai/east").NullType;
+                        rust: import("@elaraai/east").NullType;
+                        go: import("@elaraai/east").NullType;
+                        sql: import("@elaraai/east").NullType;
+                        bash: import("@elaraai/east").NullType;
+                        markdown: import("@elaraai/east").NullType;
+                        yaml: import("@elaraai/east").NullType;
+                        xml: import("@elaraai/east").NullType;
+                        plaintext: import("@elaraai/east").NullType;
+                    }>>;
+                    showLineNumbers: OptionType<import("@elaraai/east").BooleanType>;
+                    highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
+                    maxHeight: OptionType<StringType>;
+                    showCopyButton: OptionType<import("@elaraai/east").BooleanType>;
+                    title: OptionType<StringType>;
+                }>;
                 Button: StructType<{
                     label: StringType;
                     style: OptionType<StructType<{
@@ -10600,6 +10948,109 @@ export declare const Drawer: {
                     }>>;
                     borderColor: OptionType<StringType>;
                 }>;
+                Code: StructType<{
+                    value: StringType;
+                    variant: OptionType<import("@elaraai/east").VariantType<{
+                        subtle: import("@elaraai/east").NullType;
+                        surface: import("@elaraai/east").NullType;
+                        outline: import("@elaraai/east").NullType;
+                    }>>;
+                    colorPalette: OptionType<StringType>;
+                    size: OptionType<import("@elaraai/east").VariantType<{
+                        xs: import("@elaraai/east").NullType;
+                        sm: import("@elaraai/east").NullType;
+                        md: import("@elaraai/east").NullType;
+                        lg: import("@elaraai/east").NullType;
+                    }>>;
+                }>;
+                Heading: StructType<{
+                    value: StringType;
+                    size: OptionType<import("@elaraai/east").VariantType<{
+                        xs: import("@elaraai/east").NullType;
+                        sm: import("@elaraai/east").NullType;
+                        md: import("@elaraai/east").NullType;
+                        lg: import("@elaraai/east").NullType;
+                        xl: import("@elaraai/east").NullType;
+                        "2xl": import("@elaraai/east").NullType;
+                        "3xl": import("@elaraai/east").NullType;
+                        "4xl": import("@elaraai/east").NullType;
+                        "5xl": import("@elaraai/east").NullType;
+                        "6xl": import("@elaraai/east").NullType;
+                    }>>;
+                    as: OptionType<import("@elaraai/east").VariantType<{
+                        h1: import("@elaraai/east").NullType;
+                        h2: import("@elaraai/east").NullType;
+                        h3: import("@elaraai/east").NullType;
+                        h4: import("@elaraai/east").NullType;
+                        h5: import("@elaraai/east").NullType;
+                        h6: import("@elaraai/east").NullType;
+                    }>>;
+                    color: OptionType<StringType>;
+                    textAlign: OptionType<import("@elaraai/east").VariantType<{
+                        left: import("@elaraai/east").NullType;
+                        center: import("@elaraai/east").NullType;
+                        right: import("@elaraai/east").NullType;
+                        justify: import("@elaraai/east").NullType;
+                    }>>;
+                }>;
+                Link: StructType<{
+                    value: StringType;
+                    href: StringType;
+                    external: OptionType<import("@elaraai/east").BooleanType>;
+                    variant: OptionType<import("@elaraai/east").VariantType<{
+                        underline: import("@elaraai/east").NullType;
+                        plain: import("@elaraai/east").NullType;
+                    }>>;
+                    colorPalette: OptionType<StringType>;
+                }>;
+                Highlight: StructType<{
+                    value: StringType;
+                    query: ArrayType<StringType>;
+                    color: OptionType<StringType>;
+                }>;
+                Mark: StructType<{
+                    value: StringType;
+                    variant: OptionType<import("@elaraai/east").VariantType<{
+                        subtle: import("@elaraai/east").NullType;
+                        solid: import("@elaraai/east").NullType;
+                        text: import("@elaraai/east").NullType;
+                        plain: import("@elaraai/east").NullType;
+                    }>>;
+                    colorPalette: OptionType<StringType>;
+                }>;
+                List: StructType<{
+                    items: ArrayType<StringType>;
+                    variant: OptionType<import("@elaraai/east").VariantType<{
+                        ordered: import("@elaraai/east").NullType;
+                        unordered: import("@elaraai/east").NullType;
+                    }>>;
+                    gap: OptionType<StringType>;
+                    colorPalette: OptionType<StringType>;
+                }>;
+                CodeBlock: StructType<{
+                    code: StringType;
+                    language: OptionType<import("@elaraai/east").VariantType<{
+                        typescript: import("@elaraai/east").NullType;
+                        javascript: import("@elaraai/east").NullType;
+                        json: import("@elaraai/east").NullType;
+                        html: import("@elaraai/east").NullType;
+                        css: import("@elaraai/east").NullType;
+                        python: import("@elaraai/east").NullType;
+                        rust: import("@elaraai/east").NullType;
+                        go: import("@elaraai/east").NullType;
+                        sql: import("@elaraai/east").NullType;
+                        bash: import("@elaraai/east").NullType;
+                        markdown: import("@elaraai/east").NullType;
+                        yaml: import("@elaraai/east").NullType;
+                        xml: import("@elaraai/east").NullType;
+                        plaintext: import("@elaraai/east").NullType;
+                    }>>;
+                    showLineNumbers: OptionType<import("@elaraai/east").BooleanType>;
+                    highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
+                    maxHeight: OptionType<StringType>;
+                    showCopyButton: OptionType<import("@elaraai/east").BooleanType>;
+                    title: OptionType<StringType>;
+                }>;
                 Button: StructType<{
                     label: StringType;
                     style: OptionType<StructType<{
@@ -14030,6 +14481,13 @@ export declare const Drawer: {
                 contained: OptionType<import("@elaraai/east").BooleanType>;
             }>>;
         }>;
+        /**
+         * Style type for Drawer component.
+         *
+         * @property size - Drawer size variant
+         * @property placement - Edge placement
+         * @property contained - Render within parent container
+         */
         readonly Style: StructType<{
             size: OptionType<import("@elaraai/east").VariantType<{
                 xs: import("@elaraai/east").NullType;
@@ -14047,6 +14505,16 @@ export declare const Drawer: {
             }>>;
             contained: OptionType<import("@elaraai/east").BooleanType>;
         }>;
+        /**
+         * Size variant type for Drawer component.
+         *
+         * @property xs - Extra small (20rem max width)
+         * @property sm - Small (28rem max width)
+         * @property md - Medium (32rem max width)
+         * @property lg - Large (42rem max width)
+         * @property xl - Extra large (56rem max width)
+         * @property full - Full viewport
+         */
         readonly Size: import("@elaraai/east").VariantType<{
             xs: import("@elaraai/east").NullType;
             sm: import("@elaraai/east").NullType;
@@ -14055,6 +14523,14 @@ export declare const Drawer: {
             xl: import("@elaraai/east").NullType;
             full: import("@elaraai/east").NullType;
         }>;
+        /**
+         * Placement variant type for Drawer component.
+         *
+         * @property start - Left side (RTL-aware)
+         * @property end - Right side (RTL-aware)
+         * @property top - Top edge
+         * @property bottom - Bottom edge
+         */
         readonly Placement: import("@elaraai/east").VariantType<{
             start: import("@elaraai/east").NullType;
             end: import("@elaraai/east").NullType;