@openuidev/react-ui 0.9.16 → 0.9.18

package/dist/genui-lib/SectionBlock/index.d.ts

@@ -0,0 +1,616 @@
+import { z } from "zod";
+export declare const SectionBlock: import("@openuidev/react-lang").DefinedComponent<z.ZodObject<{
+    sections: z.ZodArray<z.ZodType<import("@openuidev/react-lang").SubComponentOf<{
+        value: string;
+        trigger: string;
+        content: (import("@openuidev/react-lang").SubComponentOf<{
+            buttons: import("@openuidev/react-lang").SubComponentOf<{
+                label: string;
+                action?: {
+                    type: import("@openuidev/react-lang").BuiltinActionType.ContinueConversation;
+                    context?: string | undefined;
+                } | {
+                    type: import("@openuidev/react-lang").BuiltinActionType.OpenUrl;
+                    url: string;
+                } | {
+                    type: string;
+                    params?: Record<string, any> | undefined;
+                } | undefined;
+                variant?: "primary" | "secondary" | "tertiary" | undefined;
+                type?: "normal" | "destructive" | undefined;
+                size?: "small" | "extra-small" | "medium" | "large" | undefined;
+            }>[];
+            direction?: "row" | "column" | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            text: string;
+            size?: "small" | "large" | "default" | "small-heavy" | "large-heavy" | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            textMarkdown: string;
+            variant?: "clear" | "card" | "sunk" | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            title?: string | undefined;
+            subtitle?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            variant: "neutral" | "info" | "warning" | "success" | "error";
+            title: string;
+            description: string;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            variant?: "neutral" | "info" | "danger" | "warning" | "success" | undefined;
+            title?: string | undefined;
+            description?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            language: string;
+            codeString: string;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            alt: string;
+            src?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            src: string;
+            alt?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            images: {
+                src: string;
+                alt?: string | undefined;
+                details?: string | undefined;
+            }[];
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            orientation?: "horizontal" | "vertical" | undefined;
+            decorative?: boolean | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            labels: string[];
+            series: {
+                category: string;
+                values: number[];
+            }[];
+            variant?: "stacked" | "grouped" | undefined;
+            xLabel?: string | undefined;
+            yLabel?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            labels: string[];
+            series: {
+                category: string;
+                values: number[];
+            }[];
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            slices: {
+                category: string;
+                value: number;
+            }[];
+            variant?: "pie" | "donut" | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            slices: {
+                category: string;
+                value: number;
+            }[];
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            slices: {
+                category: string;
+                value: number;
+            }[];
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            datasets: {
+                name: string;
+                points: {
+                    x: number;
+                    y: number;
+                    z?: number | undefined;
+                }[];
+            }[];
+            xLabel?: string | undefined;
+            yLabel?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            labels: string[];
+            series: {
+                category: string;
+                values: number[];
+            }[];
+            variant?: "step" | "linear" | "natural" | undefined;
+            xLabel?: string | undefined;
+            yLabel?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            labels: string[];
+            series: {
+                category: string;
+                values: number[];
+            }[];
+            variant?: "stacked" | "grouped" | undefined;
+            xLabel?: string | undefined;
+            yLabel?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            labels: string[];
+            series: {
+                category: string;
+                values: number[];
+            }[];
+            variant?: "step" | "linear" | "natural" | undefined;
+            xLabel?: string | undefined;
+            yLabel?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            columns: import("@openuidev/react-lang").SubComponentOf<{
+                label: string;
+                type?: "string" | "number" | "action" | undefined;
+            }>[];
+            rows: (string | number | boolean)[][];
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            tags: string[];
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            name: string;
+            buttons: import("@openuidev/react-lang").SubComponentOf<{
+                buttons: import("@openuidev/react-lang").SubComponentOf<{
+                    label: string;
+                    action?: {
+                        type: import("@openuidev/react-lang").BuiltinActionType.ContinueConversation;
+                        context?: string | undefined;
+                    } | {
+                        type: import("@openuidev/react-lang").BuiltinActionType.OpenUrl;
+                        url: string;
+                    } | {
+                        type: string;
+                        params?: Record<string, any> | undefined;
+                    } | undefined;
+                    variant?: "primary" | "secondary" | "tertiary" | undefined;
+                    type?: "normal" | "destructive" | undefined;
+                    size?: "small" | "extra-small" | "medium" | "large" | undefined;
+                }>[];
+                direction?: "row" | "column" | undefined;
+            }>;
+            fields: import("@openuidev/react-lang").SubComponentOf<{
+                label: string;
+                input: import("@openuidev/react-lang").SubComponentOf<{
+                    name: string;
+                    placeholder?: string | undefined;
+                    type?: "number" | "text" | "url" | "email" | "password" | undefined;
+                    rules?: {
+                        required?: boolean | undefined;
+                        email?: boolean | undefined;
+                        url?: boolean | undefined;
+                        numeric?: boolean | undefined;
+                        min?: number | undefined;
+                        max?: number | undefined;
+                        minLength?: number | undefined;
+                        maxLength?: number | undefined;
+                        pattern?: string | undefined;
+                    } | undefined;
+                }> | import("@openuidev/react-lang").SubComponentOf<{
+                    name: string;
+                    placeholder?: string | undefined;
+                    rows?: number | undefined;
+                    rules?: {
+                        required?: boolean | undefined;
+                        email?: boolean | undefined;
+                        url?: boolean | undefined;
+                        numeric?: boolean | undefined;
+                        min?: number | undefined;
+                        max?: number | undefined;
+                        minLength?: number | undefined;
+                        maxLength?: number | undefined;
+                        pattern?: string | undefined;
+                    } | undefined;
+                }> | import("@openuidev/react-lang").SubComponentOf<{
+                    name: string;
+                    items: unknown[];
+                    placeholder?: string | undefined;
+                    rules?: {
+                        required?: boolean | undefined;
+                        email?: boolean | undefined;
+                        url?: boolean | undefined;
+                        numeric?: boolean | undefined;
+                        min?: number | undefined;
+                        max?: number | undefined;
+                        minLength?: number | undefined;
+                        maxLength?: number | undefined;
+                        pattern?: string | undefined;
+                    } | undefined;
+                }> | import("@openuidev/react-lang").SubComponentOf<{
+                    name: string;
+                    mode: "single" | "range";
+                    rules?: {
+                        required?: boolean | undefined;
+                        email?: boolean | undefined;
+                        url?: boolean | undefined;
+                        numeric?: boolean | undefined;
+                        min?: number | undefined;
+                        max?: number | undefined;
+                        minLength?: number | undefined;
+                        maxLength?: number | undefined;
+                        pattern?: string | undefined;
+                    } | undefined;
+                }> | import("@openuidev/react-lang").SubComponentOf<{
+                    name: string;
+                    variant: "continuous" | "discrete";
+                    min: number;
+                    max: number;
+                    step?: number | undefined;
+                    defaultValue?: number[] | undefined;
+                    rules?: {
+                        required?: boolean | undefined;
+                        email?: boolean | undefined;
+                        url?: boolean | undefined;
+                        numeric?: boolean | undefined;
+                        min?: number | undefined;
+                        max?: number | undefined;
+                        minLength?: number | undefined;
+                        maxLength?: number | undefined;
+                        pattern?: string | undefined;
+                    } | undefined;
+                }> | import("@openuidev/react-lang").SubComponentOf<{
+                    name: string;
+                    items: import("@openuidev/react-lang").SubComponentOf<{
+                        label: string;
+                        description: string;
+                        name: string;
+                        defaultChecked?: boolean | undefined;
+                    }>[];
+                    rules?: {
+                        required?: boolean | undefined;
+                        email?: boolean | undefined;
+                        url?: boolean | undefined;
+                        numeric?: boolean | undefined;
+                        min?: number | undefined;
+                        max?: number | undefined;
+                        minLength?: number | undefined;
+                        maxLength?: number | undefined;
+                        pattern?: string | undefined;
+                    } | undefined;
+                }> | import("@openuidev/react-lang").SubComponentOf<{
+                    name: string;
+                    items: import("@openuidev/react-lang").SubComponentOf<{
+                        label: string;
+                        description: string;
+                        value: string;
+                    }>[];
+                    defaultValue?: string | undefined;
+                    rules?: {
+                        required?: boolean | undefined;
+                        email?: boolean | undefined;
+                        url?: boolean | undefined;
+                        numeric?: boolean | undefined;
+                        min?: number | undefined;
+                        max?: number | undefined;
+                        minLength?: number | undefined;
+                        maxLength?: number | undefined;
+                        pattern?: string | undefined;
+                    } | undefined;
+                }>;
+                hint?: string | undefined;
+            }>[];
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            items: import("@openuidev/react-lang").SubComponentOf<{
+                title: string;
+                details: string;
+            }>[];
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            items: import("@openuidev/react-lang").SubComponentOf<{
+                title: string;
+                subtitle?: string | undefined;
+                image?: {
+                    src: string;
+                    alt: string;
+                } | undefined;
+                actionLabel?: string | undefined;
+                action?: {
+                    type: import("@openuidev/react-lang").BuiltinActionType.ContinueConversation;
+                    context?: string | undefined;
+                } | {
+                    type: import("@openuidev/react-lang").BuiltinActionType.OpenUrl;
+                    url: string;
+                } | {
+                    type: string;
+                    params?: Record<string, any> | undefined;
+                } | undefined;
+            }>[];
+            variant?: "number" | "image" | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            items: import("@openuidev/react-lang").SubComponentOf<{
+                text: string;
+            }>[];
+        }>)[];
+    }>, unknown, z.core.$ZodTypeInternals<import("@openuidev/react-lang").SubComponentOf<{
+        value: string;
+        trigger: string;
+        content: (import("@openuidev/react-lang").SubComponentOf<{
+            buttons: import("@openuidev/react-lang").SubComponentOf<{
+                label: string;
+                action?: {
+                    type: import("@openuidev/react-lang").BuiltinActionType.ContinueConversation;
+                    context?: string | undefined;
+                } | {
+                    type: import("@openuidev/react-lang").BuiltinActionType.OpenUrl;
+                    url: string;
+                } | {
+                    type: string;
+                    params?: Record<string, any> | undefined;
+                } | undefined;
+                variant?: "primary" | "secondary" | "tertiary" | undefined;
+                type?: "normal" | "destructive" | undefined;
+                size?: "small" | "extra-small" | "medium" | "large" | undefined;
+            }>[];
+            direction?: "row" | "column" | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            text: string;
+            size?: "small" | "large" | "default" | "small-heavy" | "large-heavy" | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            textMarkdown: string;
+            variant?: "clear" | "card" | "sunk" | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            title?: string | undefined;
+            subtitle?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            variant: "neutral" | "info" | "warning" | "success" | "error";
+            title: string;
+            description: string;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            variant?: "neutral" | "info" | "danger" | "warning" | "success" | undefined;
+            title?: string | undefined;
+            description?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            language: string;
+            codeString: string;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            alt: string;
+            src?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            src: string;
+            alt?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            images: {
+                src: string;
+                alt?: string | undefined;
+                details?: string | undefined;
+            }[];
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            orientation?: "horizontal" | "vertical" | undefined;
+            decorative?: boolean | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            labels: string[];
+            series: {
+                category: string;
+                values: number[];
+            }[];
+            variant?: "stacked" | "grouped" | undefined;
+            xLabel?: string | undefined;
+            yLabel?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            labels: string[];
+            series: {
+                category: string;
+                values: number[];
+            }[];
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            slices: {
+                category: string;
+                value: number;
+            }[];
+            variant?: "pie" | "donut" | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            slices: {
+                category: string;
+                value: number;
+            }[];
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            slices: {
+                category: string;
+                value: number;
+            }[];
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            datasets: {
+                name: string;
+                points: {
+                    x: number;
+                    y: number;
+                    z?: number | undefined;
+                }[];
+            }[];
+            xLabel?: string | undefined;
+            yLabel?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            labels: string[];
+            series: {
+                category: string;
+                values: number[];
+            }[];
+            variant?: "step" | "linear" | "natural" | undefined;
+            xLabel?: string | undefined;
+            yLabel?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            labels: string[];
+            series: {
+                category: string;
+                values: number[];
+            }[];
+            variant?: "stacked" | "grouped" | undefined;
+            xLabel?: string | undefined;
+            yLabel?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            labels: string[];
+            series: {
+                category: string;
+                values: number[];
+            }[];
+            variant?: "step" | "linear" | "natural" | undefined;
+            xLabel?: string | undefined;
+            yLabel?: string | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            columns: import("@openuidev/react-lang").SubComponentOf<{
+                label: string;
+                type?: "string" | "number" | "action" | undefined;
+            }>[];
+            rows: (string | number | boolean)[][];
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            tags: string[];
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            name: string;
+            buttons: import("@openuidev/react-lang").SubComponentOf<{
+                buttons: import("@openuidev/react-lang").SubComponentOf<{
+                    label: string;
+                    action?: {
+                        type: import("@openuidev/react-lang").BuiltinActionType.ContinueConversation;
+                        context?: string | undefined;
+                    } | {
+                        type: import("@openuidev/react-lang").BuiltinActionType.OpenUrl;
+                        url: string;
+                    } | {
+                        type: string;
+                        params?: Record<string, any> | undefined;
+                    } | undefined;
+                    variant?: "primary" | "secondary" | "tertiary" | undefined;
+                    type?: "normal" | "destructive" | undefined;
+                    size?: "small" | "extra-small" | "medium" | "large" | undefined;
+                }>[];
+                direction?: "row" | "column" | undefined;
+            }>;
+            fields: import("@openuidev/react-lang").SubComponentOf<{
+                label: string;
+                input: import("@openuidev/react-lang").SubComponentOf<{
+                    name: string;
+                    placeholder?: string | undefined;
+                    type?: "number" | "text" | "url" | "email" | "password" | undefined;
+                    rules?: {
+                        required?: boolean | undefined;
+                        email?: boolean | undefined;
+                        url?: boolean | undefined;
+                        numeric?: boolean | undefined;
+                        min?: number | undefined;
+                        max?: number | undefined;
+                        minLength?: number | undefined;
+                        maxLength?: number | undefined;
+                        pattern?: string | undefined;
+                    } | undefined;
+                }> | import("@openuidev/react-lang").SubComponentOf<{
+                    name: string;
+                    placeholder?: string | undefined;
+                    rows?: number | undefined;
+                    rules?: {
+                        required?: boolean | undefined;
+                        email?: boolean | undefined;
+                        url?: boolean | undefined;
+                        numeric?: boolean | undefined;
+                        min?: number | undefined;
+                        max?: number | undefined;
+                        minLength?: number | undefined;
+                        maxLength?: number | undefined;
+                        pattern?: string | undefined;
+                    } | undefined;
+                }> | import("@openuidev/react-lang").SubComponentOf<{
+                    name: string;
+                    items: unknown[];
+                    placeholder?: string | undefined;
+                    rules?: {
+                        required?: boolean | undefined;
+                        email?: boolean | undefined;
+                        url?: boolean | undefined;
+                        numeric?: boolean | undefined;
+                        min?: number | undefined;
+                        max?: number | undefined;
+                        minLength?: number | undefined;
+                        maxLength?: number | undefined;
+                        pattern?: string | undefined;
+                    } | undefined;
+                }> | import("@openuidev/react-lang").SubComponentOf<{
+                    name: string;
+                    mode: "single" | "range";
+                    rules?: {
+                        required?: boolean | undefined;
+                        email?: boolean | undefined;
+                        url?: boolean | undefined;
+                        numeric?: boolean | undefined;
+                        min?: number | undefined;
+                        max?: number | undefined;
+                        minLength?: number | undefined;
+                        maxLength?: number | undefined;
+                        pattern?: string | undefined;
+                    } | undefined;
+                }> | import("@openuidev/react-lang").SubComponentOf<{
+                    name: string;
+                    variant: "continuous" | "discrete";
+                    min: number;
+                    max: number;
+                    step?: number | undefined;
+                    defaultValue?: number[] | undefined;
+                    rules?: {
+                        required?: boolean | undefined;
+                        email?: boolean | undefined;
+                        url?: boolean | undefined;
+                        numeric?: boolean | undefined;
+                        min?: number | undefined;
+                        max?: number | undefined;
+                        minLength?: number | undefined;
+                        maxLength?: number | undefined;
+                        pattern?: string | undefined;
+                    } | undefined;
+                }> | import("@openuidev/react-lang").SubComponentOf<{
+                    name: string;
+                    items: import("@openuidev/react-lang").SubComponentOf<{
+                        label: string;
+                        description: string;
+                        name: string;
+                        defaultChecked?: boolean | undefined;
+                    }>[];
+                    rules?: {
+                        required?: boolean | undefined;
+                        email?: boolean | undefined;
+                        url?: boolean | undefined;
+                        numeric?: boolean | undefined;
+                        min?: number | undefined;
+                        max?: number | undefined;
+                        minLength?: number | undefined;
+                        maxLength?: number | undefined;
+                        pattern?: string | undefined;
+                    } | undefined;
+                }> | import("@openuidev/react-lang").SubComponentOf<{
+                    name: string;
+                    items: import("@openuidev/react-lang").SubComponentOf<{
+                        label: string;
+                        description: string;
+                        value: string;
+                    }>[];
+                    defaultValue?: string | undefined;
+                    rules?: {
+                        required?: boolean | undefined;
+                        email?: boolean | undefined;
+                        url?: boolean | undefined;
+                        numeric?: boolean | undefined;
+                        min?: number | undefined;
+                        max?: number | undefined;
+                        minLength?: number | undefined;
+                        maxLength?: number | undefined;
+                        pattern?: string | undefined;
+                    } | undefined;
+                }>;
+                hint?: string | undefined;
+            }>[];
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            items: import("@openuidev/react-lang").SubComponentOf<{
+                title: string;
+                details: string;
+            }>[];
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            items: import("@openuidev/react-lang").SubComponentOf<{
+                title: string;
+                subtitle?: string | undefined;
+                image?: {
+                    src: string;
+                    alt: string;
+                } | undefined;
+                actionLabel?: string | undefined;
+                action?: {
+                    type: import("@openuidev/react-lang").BuiltinActionType.ContinueConversation;
+                    context?: string | undefined;
+                } | {
+                    type: import("@openuidev/react-lang").BuiltinActionType.OpenUrl;
+                    url: string;
+                } | {
+                    type: string;
+                    params?: Record<string, any> | undefined;
+                } | undefined;
+            }>[];
+            variant?: "number" | "image" | undefined;
+        }> | import("@openuidev/react-lang").SubComponentOf<{
+            items: import("@openuidev/react-lang").SubComponentOf<{
+                text: string;
+            }>[];
+        }>)[];
+    }>, unknown>>>;
+    isFoldable: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strip>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/genui-lib/SectionBlock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/genui-lib/SectionBlock/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAUxB,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAyEvB,CAAC"}

package/dist/genui-lib/SectionBlock/index.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { defineComponent, useIsStreaming } from "@openuidev/react-lang";
+import React from "react";
+import { z } from "zod";
+import { FoldableSectionContent, FoldableSectionItem, FoldableSectionRoot, FoldableSectionTrigger, } from "../../components/SectionBlock/FoldableSection";
+import { SectionV2 } from "../../components/SectionBlock/SectionV2";
+import { SectionItem } from "../SectionItem";
+export const SectionBlock = defineComponent({
+    name: "SectionBlock",
+    props: z.object({
+        sections: z.array(SectionItem.ref),
+        isFoldable: z.boolean().optional(),
+    }),
+    description: "Collapsible accordion sections. Auto-opens sections as they stream in. Use SectionItem for each section.",
+    component: ({ props, renderNode }) => {
+        const items = (props.sections ?? []);
+        const isFoldable = props.isFoldable !== false;
+        const isStreaming = useIsStreaming();
+        const firstItemValue = items[0]?.props?.value;
+        const [openItems, setOpenItems] = React.useState([]);
+        const userSelected = React.useRef(false);
+        const prevLengthRef = React.useRef(0);
+        const prevIsStreaming = React.useRef(isStreaming);
+        // During streaming: auto-open each new section as it arrives
+        React.useEffect(() => {
+            if (items.length === 0)
+                return;
+            if (isStreaming && items.length > prevLengthRef.current && !userSelected.current) {
+                const last = items[items.length - 1];
+                const lastValue = last?.props?.value;
+                if (lastValue) {
+                    setOpenItems((prev) => (prev.includes(lastValue) ? prev : [...prev, lastValue]));
+                }
+            }
+            else {
+                setOpenItems((prev) => (prev.length === 0 && firstItemValue ? [firstItemValue] : prev));
+            }
+            prevLengthRef.current = items.length;
+        }, [items.length, isStreaming, firstItemValue]);
+        // When streaming ends: collapse back to first item (unless user interacted)
+        React.useEffect(() => {
+            if (prevIsStreaming.current && !isStreaming && !userSelected.current && items.length > 0) {
+                setOpenItems(firstItemValue ? [firstItemValue] : []);
+            }
+            prevIsStreaming.current = isStreaming;
+        }, [isStreaming]);
+        const handleValueChange = React.useCallback((value) => {
+            userSelected.current = true;
+            setOpenItems(value ?? []);
+        }, []);
+        if (!isFoldable) {
+            return (_jsx(_Fragment, { children: items.map((item, index) => (_jsx(SectionV2, { trigger: String(item?.props?.trigger ?? ""), children: renderNode(item?.props?.content) }, index))) }));
+        }
+        return (_jsx(FoldableSectionRoot, { type: "multiple", value: openItems, onValueChange: handleValueChange, children: items.map((item, index) => (_jsxs(FoldableSectionItem, { value: String(item?.props?.value ?? index), children: [_jsx(FoldableSectionTrigger, { text: String(item?.props?.trigger ?? "") }), _jsx(FoldableSectionContent, { children: renderNode(item?.props?.content) })] }, index))) }));
+    },
+});
+//# sourceMappingURL=index.js.map