@etl-corestream/react 0.1.0 → 0.1.1

package/dist/components/abort-button/abort-button.d.ts

@@ -0,0 +1,6 @@
+import { useAbortButton, type AbortButtonPropsBase as AbortButtonPropsBase } from "../../hooks";
+export interface AbortButtonProps extends Omit<AbortButtonPropsBase, 'children'> {
+    asChild?: boolean;
+    children?: React.ReactNode | ((props: ReturnType<typeof useAbortButton>) => React.ReactNode);
+}
+export declare const AbortButton: ({ children, asChild, ...props }: AbortButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/data-view-context.d.ts

@@ -0,0 +1,18 @@
+import type { LayoutBase, RowObject, StepsValue } from "@etl-corestream/core";
+import type { useDataView } from "../../hooks";
+import type { ReadonlySignal } from "@preact/signals-react";
+export type DataViewContextType = {
+    state: ReadonlySignal<any>;
+    layout: ReadonlySignal<LayoutBase | null>;
+    step: ReadonlySignal<StepsValue[]>;
+    currentEditRow: {
+        row: RowObject;
+        column: string;
+    } | null;
+    setCurrentEditRow: (row: {
+        row: RowObject;
+        column: string;
+    } | null) => void;
+} & ReturnType<typeof useDataView>;
+export declare const DataViewContext: import("react").Context<DataViewContextType>;
+export declare const useDataViewContext: () => DataViewContextType;

package/dist/components/data-view/data-view-remove-trigger.d.ts

@@ -0,0 +1,7 @@
+import type { DataViewRemoveRowButtonProps, useDataView } from "../../hooks";
+export interface EtlDataViewRemoveTriggerProps extends Omit<DataViewRemoveRowButtonProps, 'children'> {
+    children?: React.ReactNode | ((props: ReturnType<typeof useDataView>) => React.ReactNode);
+    asChild?: boolean;
+    rowId: number;
+}
+export declare const EtlDataViewRemoveTrigger: ({ rowId, className, children, asChild, ...props }: EtlDataViewRemoveTriggerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/data-view-root.d.ts

@@ -0,0 +1,7 @@
+import { useDataView, type DataViewRootProps as DataViewRootPropsBase } from "../../hooks";
+export interface DataViewProps extends Omit<DataViewRootPropsBase, 'children'> {
+    children?: React.ReactNode | ((props: ReturnType<typeof useDataView>) => React.ReactNode);
+    asChild?: boolean;
+    viewMode?: 'modal';
+}
+export declare const DataViewRoot: ({ viewMode, className, ...props }: DataViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/data-view.d.ts

@@ -0,0 +1,34 @@
+export declare const EtlDataView: {
+    Context: import("react").Context<import("./data-view-context").DataViewContextType>;
+    Root: ({ viewMode, className, ...props }: import("./data-view-root").DataViewProps) => import("react/jsx-runtime").JSX.Element;
+    Table: {
+        Root: ({ className, ...props }: import("./table").DataViewTableProps) => import("react/jsx-runtime").JSX.Element;
+        THead: ({ className, omitHeaders, generateHeaders, children, thElement, trElement, thProps, ...props }: import("./table/data-view-table-headers").DataViewTableHeadersProps) => import("react/jsx-runtime").JSX.Element;
+        TBody: ({ className, asChild, rowProps, tdProps, children, ...props }: import("./table").DataViewTableBodyProps) => import("react/jsx-runtime").JSX.Element;
+        HeaderCell: ({ className, asChild, children, column, generateContent, onClick, ...props }: import("./table/data-view-table-header-cell").DataViewTableHeaderCellProps) => import("react/jsx-runtime").JSX.Element;
+        Row: ({ className, children, rowObject, tdProps, generateCells, omitHeaders, tdElement, asChild, ...props }: import("./table").DataViewTableRowProps) => import("react/jsx-runtime").JSX.Element;
+        Cell: ({ className, asChild, children, row, column, generateContent, onClick, ...props }: import("./table").DataViewTableCellProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    Pagination: {
+        Root: ({ className, asChild, children, ...props }: import("./pagination/pagination-root").PaginationRootProps) => import("react/jsx-runtime").JSX.Element;
+        PageNumberButton: ({ page, className, asChild, children, ...props }: import("./pagination/pagination-page-number-button").PaginationPageNumberButtonProps) => import("react/jsx-runtime").JSX.Element;
+        PageNextButton: ({ className, asChild, children, ...props }: import("./pagination/pagination-page-next-button").PaginationPageNextButtonProps) => import("react/jsx-runtime").JSX.Element;
+        PagePreviousButton: ({ className, asChild, children, ...props }: import("./pagination/pagination-page-previous-button").PaginationPagePreviousButtonProps) => import("react/jsx-runtime").JSX.Element;
+        PageLastButton: ({ className, asChild, children, ...props }: import("./pagination/pagination-page-last-button").PaginationPageLastButtonProps) => import("react/jsx-runtime").JSX.Element;
+        PageFirstButton: ({ className, asChild, children, ...props }: import("./pagination/pagination-page-first-button").PaginationPageFirstButtonProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    Edit: {
+        Root: ({ className, children, asChild, onSubmit, ...props }: import("./edit-view/edit-view-root").EditViewProps) => import("react/jsx-runtime").JSX.Element;
+        TriggerSubmit: ({ className, asChild, children, ...props }: import("./edit-view/edit-view-trigger-submit").EditViewTriggerSubmitsProps) => import("react/jsx-runtime").JSX.Element;
+        TriggerCancel: ({ className, asChild, children, ...props }: import("./edit-view/edit-view-trigger-cancel").EditViewTriggerCancelProps) => import("react/jsx-runtime").JSX.Element;
+        NewInput: ({ className, asChild, children, ...props }: import("./edit-view/edit-view-new-input").EditViewNewInputProps) => import("react/jsx-runtime").JSX.Element;
+        PreviusInput: ({ className, asChild, children, ...props }: import("./edit-view/edit-view-previus-input").EditViewPreviousProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    RemoveTrigger: ({ rowId, className, children, asChild, ...props }: import("./data-view-remove-trigger").EtlDataViewRemoveTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Filter: {
+        root: ({ children, asChild, className, ...props }: import("./filter/data-view-filter-root").DataViewFilterRootProps) => import("react/jsx-runtime").JSX.Element;
+        errorSelector: ({ asChild, children, onChange, ...props }: import("./filter/data-view-filter-errors-selector").DataViewFilterErrorsProps) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode>> | import("react/jsx-runtime").JSX.Element;
+        context: import("react").Context<Partial<import("./filter/data-view-filter-context").DataviewFilterContext>>;
+        trigger: ({ asChild, children, onClick, ...props }: import("./filter/data-view-filter-trigger").DataViewFilterTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    };
+};

package/dist/components/data-view/edit-view/edit-view-new-input.d.ts

@@ -0,0 +1,11 @@
+import type { ChangeEvent, HTMLAttributes } from "react";
+export interface EditViewNewInputProps extends Omit<HTMLAttributes<HTMLInputElement>, 'children'> {
+    asChild?: boolean;
+    children?: React.ReactNode | ((props: {
+        name: string;
+        originalValue: string;
+        newValue: string;
+        setNewValue: (event: ChangeEvent<HTMLInputElement>) => void;
+    }) => React.ReactNode);
+}
+export declare const EditViewNewInput: ({ className, asChild, children, ...props }: EditViewNewInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/edit-view/edit-view-previus-input.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from "react";
+export interface EditViewPreviousProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    asChild?: boolean;
+    children?: React.ReactNode | ((props: {
+        previusValue: string;
+    }) => React.ReactNode);
+}
+export declare const EditViewPreviousInput: ({ className, asChild, children, ...props }: EditViewPreviousProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/edit-view/edit-view-root.d.ts

@@ -0,0 +1,8 @@
+import { type HTMLAttributes, type SubmitEvent } from "react";
+import { useDataViewContext } from "../data-view-context";
+export interface EditViewProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onSubmit'> {
+    asChild?: boolean;
+    children?: React.ReactNode | ((props: ReturnType<typeof useDataViewContext>) => React.ReactNode);
+    onSubmit?: (event: SubmitEvent) => void;
+}
+export declare const EditViewRoot: ({ className, children, asChild, onSubmit, ...props }: EditViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/edit-view/edit-view-trigger-cancel.d.ts

@@ -0,0 +1,7 @@
+import type { ButtonHTMLAttributes } from "react";
+import { useDataViewContext } from "../data-view-context";
+export interface EditViewTriggerCancelProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    asChild?: boolean;
+    children?: React.ReactNode | ((props: ReturnType<typeof useDataViewContext>) => React.ReactNode);
+}
+export declare const EditViewTriggerCancel: ({ className, asChild, children, ...props }: EditViewTriggerCancelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/edit-view/edit-view-trigger-submit.d.ts

@@ -0,0 +1,7 @@
+import type { ButtonHTMLAttributes } from "react";
+import { useDataViewContext } from "../data-view-context";
+export interface EditViewTriggerSubmitsProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    asChild?: boolean;
+    children?: React.ReactNode | ((props: ReturnType<typeof useDataViewContext>) => React.ReactNode);
+}
+export declare const EditViewTriggerSubmits: ({ className, asChild, children, ...props }: EditViewTriggerSubmitsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/filter/data-view-filter-context.d.ts

@@ -0,0 +1,8 @@
+import type { RowFilter } from "@etl-corestream/core";
+export interface DataviewFilterContext {
+    currentFilter: RowFilter | null;
+    setCurrentFilter: (f: RowFilter | null) => void;
+    triggerFilter: (f: RowFilter | null) => void;
+}
+export declare const DataviewFilterContext: import("react").Context<Partial<DataviewFilterContext>>;
+export declare const useDatavieFilterContext: () => Partial<DataviewFilterContext>;

package/dist/components/data-view/filter/data-view-filter-errors-selector.d.ts

@@ -0,0 +1,9 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export type ViewCellsMode = 'all' | 'only-valid' | 'only-invalid';
+export interface DataViewFilterErrorsProps extends Omit<HTMLAttributes<HTMLSelectElement>, 'children'> {
+    asChild?: boolean;
+    children?: ReactNode | ((props: {
+        valueOptions: ViewCellsMode[];
+    }) => ReactNode);
+}
+export declare const DataViewFilterErrorsSelector: ({ asChild, children, onChange, ...props }: DataViewFilterErrorsProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode>> | import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/filter/data-view-filter-root.d.ts

@@ -0,0 +1,7 @@
+import { type HtmlHTMLAttributes, type ReactNode } from "react";
+import { DataviewFilterContext } from "./data-view-filter-context";
+export interface DataViewFilterRootProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>, 'children'> {
+    children: ReactNode | ((ct: DataviewFilterContext) => ReactNode);
+    asChild?: boolean;
+}
+export declare const DataViewFilterRoot: ({ children, asChild, className, ...props }: DataViewFilterRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/filter/data-view-filter-trigger.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface DataViewFilterTriggerProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'children'> {
+    children?: ReactNode;
+    asChild?: boolean;
+}
+export declare const DataViewFilterTrigger: ({ asChild, children, onClick, ...props }: DataViewFilterTriggerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/filter/data-view-filter.d.ts

@@ -0,0 +1,7 @@
+import { DataviewFilterContext } from "./data-view-filter-context";
+export declare const DataViewFilter: {
+    root: ({ children, asChild, className, ...props }: import("./data-view-filter-root").DataViewFilterRootProps) => import("react/jsx-runtime").JSX.Element;
+    errorSelector: ({ asChild, children, onChange, ...props }: import("./data-view-filter-errors-selector").DataViewFilterErrorsProps) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode>> | import("react/jsx-runtime").JSX.Element;
+    context: import("react").Context<Partial<DataviewFilterContext>>;
+    trigger: ({ asChild, children, onClick, ...props }: import("./data-view-filter-trigger").DataViewFilterTriggerProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/data-view/pagination/pagination-page-first-button.d.ts

@@ -0,0 +1,6 @@
+import type { DataViewPaginationPageFirstButtonProps as DataViewPaginationPageFirstButtonPropsBase, useDataView } from "../../../hooks";
+export interface PaginationPageFirstButtonProps extends Omit<DataViewPaginationPageFirstButtonPropsBase, 'children'> {
+    asChild?: boolean;
+    children?: React.ReactNode | ((props: ReturnType<typeof useDataView>) => React.ReactNode);
+}
+export declare const PaginationPageFirstButton: ({ className, asChild, children, ...props }: PaginationPageFirstButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/pagination/pagination-page-last-button.d.ts

@@ -0,0 +1,6 @@
+import type { DataViewPaginationPageLastButtonProps as DataViewPaginationPageLastButtonPropsBase, useDataView } from "../../../hooks";
+export interface PaginationPageLastButtonProps extends Omit<DataViewPaginationPageLastButtonPropsBase, 'children'> {
+    asChild?: boolean;
+    children?: React.ReactNode | ((props: ReturnType<typeof useDataView>) => React.ReactNode);
+}
+export declare const PaginationPageLastButton: ({ className, asChild, children, ...props }: PaginationPageLastButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/pagination/pagination-page-next-button.d.ts

@@ -0,0 +1,6 @@
+import type { DataViewPaginationPageNextButtonProps as DataViewPaginationPageNextButtonPropsBase, useDataView } from "../../../hooks";
+export interface PaginationPageNextButtonProps extends Omit<DataViewPaginationPageNextButtonPropsBase, 'children'> {
+    asChild?: boolean;
+    children?: React.ReactNode | ((props: ReturnType<typeof useDataView>) => React.ReactNode);
+}
+export declare const PaginationPageNextButton: ({ className, asChild, children, ...props }: PaginationPageNextButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/pagination/pagination-page-number-button.d.ts

@@ -0,0 +1,7 @@
+import type { DataViewPaginationPageNumberButtonProps as DataViewPaginationPageNumberButtonPropsBase, useDataView } from "../../../hooks";
+export interface PaginationPageNumberButtonProps extends Omit<DataViewPaginationPageNumberButtonPropsBase, 'children'> {
+    page: number;
+    asChild?: boolean;
+    children?: React.ReactNode | ((props: ReturnType<typeof useDataView>) => React.ReactNode);
+}
+export declare const PaginationPageNumberButton: ({ page, className, asChild, children, ...props }: PaginationPageNumberButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/pagination/pagination-page-previous-button.d.ts

@@ -0,0 +1,6 @@
+import type { DataViewPaginationPagePreviousButtonProps as DataViewPaginationPagePreviousButtonPropsBase, useDataView } from "../../../hooks";
+export interface PaginationPagePreviousButtonProps extends Omit<DataViewPaginationPagePreviousButtonPropsBase, 'children'> {
+    asChild?: boolean;
+    children?: React.ReactNode | ((props: ReturnType<typeof useDataView>) => React.ReactNode);
+}
+export declare const PaginationPagePreviousButton: ({ className, asChild, children, ...props }: PaginationPagePreviousButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/pagination/pagination-root.d.ts

@@ -0,0 +1,6 @@
+import { useDataViewContext } from "../data-view-context";
+export interface PaginationRootProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    children?: React.ReactNode | ((props: ReturnType<typeof useDataViewContext>) => React.ReactNode);
+    asChild?: boolean;
+}
+export declare const PaginationRoot: ({ className, asChild, children, ...props }: PaginationRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/table/data-view-table-body.d.ts

@@ -0,0 +1,9 @@
+import { useDataViewContext } from "../data-view-context";
+import { type HTMLAttributes } from "react";
+export interface DataViewTableBodyProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'children'> {
+    children?: React.ReactNode | ((props: ReturnType<typeof useDataViewContext>) => React.ReactNode);
+    asChild?: boolean;
+    rowProps?: HTMLAttributes<HTMLTableRowElement>;
+    tdProps?: HTMLAttributes<HTMLTableCellElement>;
+}
+export declare const DataViewTableBody: ({ className, asChild, rowProps, tdProps, children, ...props }: DataViewTableBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/table/data-view-table-cell.d.ts

@@ -0,0 +1,12 @@
+import type { RowObject } from "@etl-corestream/core";
+import type { DataViewCellProps as DataViewCellPropsBase, useDataView } from "../../../hooks";
+export interface DataViewTableCellProps extends Omit<DataViewCellPropsBase, 'children'> {
+    children?: React.ReactNode | ((props: ReturnType<typeof useDataView> & {
+        isError: string | undefined;
+    }) => React.ReactNode);
+    asChild?: boolean;
+    row: RowObject;
+    column: string;
+    generateContent?: 'before' | 'after' | 'none';
+}
+export declare const DataViewTableCell: ({ className, asChild, children, row, column, generateContent, onClick, ...props }: DataViewTableCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/table/data-view-table-header-cell.d.ts

@@ -0,0 +1,11 @@
+import type { DataViewCellProps as DataViewCellPropsBase, useDataView } from "../../../hooks";
+export interface DataViewTableHeaderCellProps extends Omit<DataViewCellPropsBase, 'children'> {
+    children?: React.ReactNode | ((props: ReturnType<typeof useDataView>) => React.ReactNode);
+    asChild?: boolean;
+    column: {
+        label: string;
+        key: string;
+    };
+    generateContent?: 'before' | 'after' | 'none';
+}
+export declare const DataViewTableHeaderCell: ({ className, asChild, children, column, generateContent, onClick, ...props }: DataViewTableHeaderCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/table/data-view-table-headers.d.ts

@@ -0,0 +1,12 @@
+import { type ElementType, type HTMLAttributes } from "react";
+import type { DataViewTableHeadersProps as DataViewTableHeadersPropsBase, useDataView } from "../../../hooks";
+export interface DataViewTableHeadersProps extends Omit<DataViewTableHeadersPropsBase, 'children'> {
+    children?: React.ReactNode | ((props: ReturnType<typeof useDataView>) => React.ReactNode);
+    asChild?: boolean;
+    generateHeaders?: 'before' | 'after' | 'none';
+    omitHeaders?: string[];
+    thElement?: ElementType;
+    trElement?: ElementType;
+    thProps?: HTMLAttributes<HTMLTableCellElement>;
+}
+export declare const DataViewTableHeaders: ({ className, omitHeaders, generateHeaders, children, thElement, trElement, thProps, ...props }: DataViewTableHeadersProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/table/data-view-table-row.d.ts

@@ -0,0 +1,15 @@
+import type { RowObject } from "@etl-corestream/core";
+import type { DataViewRowProps as DataViewRowPropsBase, useDataView } from "../../../hooks";
+import { type ElementType, type HTMLAttributes } from "react";
+export interface DataViewTableRowProps extends Omit<DataViewRowPropsBase, 'children'> {
+    children?: React.ReactNode | ((props: ReturnType<typeof useDataView> & {
+        row: RowObject;
+    }) => React.ReactNode);
+    asChild?: boolean;
+    rowObject: RowObject;
+    generateCells?: 'before' | 'after' | 'none';
+    omitHeaders?: string[];
+    tdElement?: ElementType;
+    tdProps?: HTMLAttributes<HTMLTableCellElement>;
+}
+export declare const DataViewTableRow: ({ className, children, rowObject, tdProps, generateCells, omitHeaders, tdElement, asChild, ...props }: DataViewTableRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/table/data-view-table.d.ts

@@ -0,0 +1,7 @@
+import type { DataViewTableProps as DataViewTablePropsBase } from "../../../hooks";
+import { useDataViewContext } from "../data-view-context";
+export interface DataViewTableProps extends Omit<DataViewTablePropsBase, 'children'> {
+    children?: React.ReactNode | ((props: ReturnType<typeof useDataViewContext>) => React.ReactNode);
+    asChild?: boolean;
+}
+export declare const DataViewTable: ({ className, ...props }: DataViewTableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/table/index.d.ts

@@ -0,0 +1,4 @@
+export { DataViewTable, type DataViewTableProps } from './data-view-table';
+export { DataViewTableRow, type DataViewTableRowProps } from './data-view-table-row';
+export { DataViewTableCell, type DataViewTableCellProps } from './data-view-table-cell';
+export { DataViewTableBody, type DataViewTableBodyProps } from './data-view-table-body';

package/dist/components/etl/etl-context.d.ts

@@ -0,0 +1,6 @@
+import { useEtlOrchestrator } from "../../hooks/use-etl-orchestrator";
+import type { useStepsFlgs } from "../../hooks/use-state-flgs";
+type EtlContextType = ReturnType<typeof useEtlOrchestrator> & ReturnType<typeof useStepsFlgs>;
+export declare const EtlContext: import("react").Context<EtlContextType>;
+export declare const useEtlContext: () => EtlContextType;
+export {};

package/dist/components/etl/etl-root.d.ts

@@ -0,0 +1,8 @@
+import type { BrowserProviderConfig } from "@etl-corestream/core";
+import { useEtlOrchestrator } from "../../hooks";
+export interface EtlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    configs?: BrowserProviderConfig;
+    children?: React.ReactNode | ((props: ReturnType<typeof useEtlOrchestrator>) => React.ReactNode);
+    asChild?: boolean;
+}
+export declare const EtlRoot: ({ configs, children, asChild, ...props }: EtlProps) => import("react/jsx-runtime").JSX.Element;