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

package/dist/src/collections/gantt/index.d.ts

@@ -92,6 +92,109 @@ export declare const GanttRowType: 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<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<BooleanType>;
+                highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
+                maxHeight: OptionType<StringType>;
+                showCopyButton: OptionType<BooleanType>;
+                title: OptionType<StringType>;
+            }>;
             Button: StructType<{
                 label: StringType;
                 style: OptionType<StructType<{
@@ -3631,6 +3734,109 @@ export declare const GanttRootType: 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<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<BooleanType>;
+                    highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
+                    maxHeight: OptionType<StringType>;
+                    showCopyButton: OptionType<BooleanType>;
+                    title: OptionType<StringType>;
+                }>;
                 Button: StructType<{
                     label: StringType;
                     style: OptionType<StructType<{
@@ -7256,14 +7462,112 @@ declare function createGantt<T extends SubtypeExprOrValue<ArrayType<StructType>>
  * ```
  */
 export declare const Gantt: {
-    /** Create a Gantt chart component */
+    /**
+     * Creates a Gantt component following the Table pattern.
+     *
+     * @typeParam T - The struct type of each data row
+     * @param data - Array of data structs
+     * @param columns - Column specification for the left-side table columns
+     * @param events - Function to extract events from each row
+     * @param style - Optional Gantt styling
+     * @returns An East expression representing the Gantt component
+     *
+     * @remarks
+     * Gantt charts display time-based events (tasks and milestones) in rows.
+     * Each row has table columns on the left and a timeline with events on the right.
+     * The API follows the Table pattern for column configuration.
+     *
+     * @example
+     * ```ts
+     * import { East } from "@elaraai/east";
+     * import { Gantt, UIComponentType } from "@elaraai/east-ui";
+     *
+     * const example = East.function([], UIComponentType, $ => {
+     *     return Gantt.Root(
+     *         [
+     *             { name: "Design", start: new Date("2024-01-01"), end: new Date("2024-01-15") },
+     *             { name: "Development", start: new Date("2024-01-10"), end: new Date("2024-02-01") },
+     *         ],
+     *         ["name"],
+     *         row => [Gantt.Task({ start: row.start, end: row.end })],
+     *         { showToday: true }
+     *     );
+     * });
+     * ```
+     */
     readonly Root: typeof createGantt;
-    /** Create a Task event (spans time range) */
+    /**
+     * Creates a Task event for a Gantt row.
+     *
+     * @param input - Task configuration
+     * @returns An East expression representing the Task event
+     *
+     * @remarks
+     * Tasks represent work items that span a duration from start to end date.
+     * Tasks can show progress and be styled with different colors.
+     *
+     * @example
+     * ```ts
+     * import { East } from "@elaraai/east";
+     * import { Gantt, UIComponentType } from "@elaraai/east-ui";
+     *
+     * const example = East.function([], UIComponentType, $ => {
+     *     return Gantt.Root(
+     *         [{ name: "Task", start: new Date("2024-01-01"), end: new Date("2024-01-15") }],
+     *         ["name"],
+     *         row => [Gantt.Task({
+     *             start: row.start,
+     *             end: row.end,
+     *             label: "Design Phase",
+     *             progress: 75,
+     *             colorPalette: "blue",
+     *         })]
+     *     );
+     * });
+     * ```
+     */
     readonly Task: typeof createTask;
-    /** Create a Milestone event (single point in time) */
+    /**
+     * Creates a Milestone event for a Gantt row.
+     *
+     * @param input - Milestone configuration
+     * @returns An East expression representing the Milestone event
+     *
+     * @remarks
+     * Milestones represent single points in time (e.g., deadlines, releases).
+     * They appear as markers on the timeline rather than bars.
+     *
+     * @example
+     * ```ts
+     * import { East } from "@elaraai/east";
+     * import { Gantt, UIComponentType } from "@elaraai/east-ui";
+     *
+     * const example = East.function([], UIComponentType, $ => {
+     *     return Gantt.Root(
+     *         [{ name: "Launch", date: new Date("2024-02-01") }],
+     *         ["name"],
+     *         row => [Gantt.Milestone({
+     *             date: row.date,
+     *             label: "Launch",
+     *             colorPalette: "green",
+     *         })]
+     *     );
+     * });
+     * ```
+     */
     readonly Milestone: typeof createMilestone;
-    /** Type definitions for Gantt components */
     readonly Types: {
+        /**
+         * Type for Gantt component data.
+         *
+         * @remarks
+         * Gantt displays rows with time-based events (tasks and milestones).
+         * The time range is derived from the events' domain.
+         *
+         * @property rows - Array of Gantt rows
+         * @property columns - Array of column definitions (same as Table)
+         * @property style - Optional styling configuration
+         */
         readonly Root: StructType<{
             rows: ArrayType<StructType<{
                 cells: DictType<StringType, StructType<{
@@ -7340,6 +7644,109 @@ export declare const Gantt: {
                             }>>;
                             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<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<BooleanType>;
+                            highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
+                            maxHeight: OptionType<StringType>;
+                            showCopyButton: OptionType<BooleanType>;
+                            title: OptionType<StringType>;
+                        }>;
                         Button: StructType<{
                             label: StringType;
                             style: OptionType<StructType<{
@@ -10828,6 +11235,15 @@ export declare const Gantt: {
                 showToday: OptionType<BooleanType>;
             }>>;
         }>;
+        /**
+         * East type for a Gantt row.
+         *
+         * @remarks
+         * Each row has table cells (displayed on the left) and events (displayed on the right as a timeline).
+         *
+         * @property cells - Dict of column key to cell content (same as Table)
+         * @property events - Array of events (Task or Milestone variants)
+         */
         readonly Row: StructType<{
             cells: DictType<StringType, StructType<{
                 value: import("@elaraai/east").VariantType<{
@@ -10903,6 +11319,109 @@ export declare const Gantt: {
                         }>>;
                         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<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<BooleanType>;
+                        highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
+                        maxHeight: OptionType<StringType>;
+                        showCopyButton: OptionType<BooleanType>;
+                        title: OptionType<StringType>;
+                    }>;
                     Button: StructType<{
                         label: StringType;
                         style: OptionType<StructType<{
@@ -14351,6 +14870,15 @@ export declare const Gantt: {
                 }>;
             }>>;
         }>;
+        /**
+         * Gantt event variant type.
+         *
+         * @remarks
+         * Events can be either tasks (with duration) or milestones (single point).
+         *
+         * @property Task - A task spanning from start to end date
+         * @property Milestone - A milestone at a specific date
+         */
         readonly Event: import("@elaraai/east").VariantType<{
             Task: StructType<{
                 start: DateTimeType;
@@ -14387,6 +14915,18 @@ export declare const Gantt: {
                 }>>;
             }>;
         }>;
+        /**
+         * Task event data for Gantt charts.
+         *
+         * @remarks
+         * Represents a task bar spanning from start to end date.
+         *
+         * @property start - Start date/time of the task
+         * @property end - End date/time of the task
+         * @property label - Optional label to display on the task bar
+         * @property progress - Optional progress percentage (0-100)
+         * @property colorPalette - Optional color scheme for the task bar
+         */
         readonly Task: StructType<{
             start: DateTimeType;
             end: DateTimeType;
@@ -14405,6 +14945,16 @@ export declare const Gantt: {
                 pink: import("@elaraai/east").NullType;
             }>>;
         }>;
+        /**
+         * Milestone event data for Gantt charts.
+         *
+         * @remarks
+         * Represents a single point in time milestone.
+         *
+         * @property date - The date/time of the milestone
+         * @property label - Optional label to display near the milestone
+         * @property colorPalette - Optional color scheme for the milestone marker
+         */
         readonly Milestone: StructType<{
             date: DateTimeType;
             label: OptionType<StringType>;
@@ -14421,6 +14971,22 @@ export declare const Gantt: {
                 pink: import("@elaraai/east").NullType;
             }>>;
         }>;
+        /**
+         * Style type for the Gantt component.
+         *
+         * @remarks
+         * All properties are optional and wrapped in {@link OptionType}.
+         * Reuses table styling properties where applicable.
+         *
+         * @property variant - Table variant (line or outline)
+         * @property size - Table size (sm, md, lg)
+         * @property striped - Whether to show zebra stripes on rows
+         * @property interactive - Whether to highlight rows on hover
+         * @property stickyHeader - Whether the header sticks when scrolling
+         * @property showColumnBorder - Whether to show borders between columns
+         * @property colorPalette - Default color scheme for events
+         * @property showToday - Whether to show a today marker line
+         */
         readonly Style: StructType<{
             variant: OptionType<import("@elaraai/east").VariantType<{
                 line: import("@elaraai/east").NullType;
@@ -14449,6 +15015,16 @@ export declare const Gantt: {
             }>>;
             showToday: OptionType<BooleanType>;
         }>;
+        /**
+         * East type for a table column definition.
+         *
+         * @remarks
+         * Defines the header text and key for a column.
+         *
+         * @property key - The column key (field name)
+         * @property type - The column value type
+         * @property header - Optional header text for the column
+         */
         readonly Column: StructType<{
             key: StringType;
             type: import("@elaraai/east").VariantType<{
@@ -14460,6 +15036,15 @@ export declare const Gantt: {
             }>;
             header: OptionType<StringType>;
         }>;
+        /**
+         * East type for a table cell.
+         *
+         * @remarks
+         * Defines the type for a table cell.
+         *
+         * @property value - The cell value as a literal
+         * @property content - Optional UI component content for the cell
+         */
         readonly Cell: StructType<{
             value: import("@elaraai/east").VariantType<{
                 Boolean: BooleanType;
@@ -14534,6 +15119,109 @@ export declare const Gantt: {
                     }>>;
                     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<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<BooleanType>;
+                    highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
+                    maxHeight: OptionType<StringType>;
+                    showCopyButton: OptionType<BooleanType>;
+                    title: OptionType<StringType>;
+                }>;
                 Button: StructType<{
                     label: StringType;
                     style: OptionType<StructType<{