@ya-accelerators/nextjs-framework 0.0.0

package/dist/ui/layout/index.d.ts

@@ -0,0 +1,356 @@
+import * as form from './form';
+import * as table from './table';
+export declare const Layout: {
+    Toast: ({ color, onClickClose, children, ...props }: {
+        color: import("..").ColorTypes;
+        onClickClose: () => void;
+    } & import("react").ComponentProps<({ border, shadow, selected, rounded, className, children, onClick, style, }: {
+        border?: boolean;
+        shadow?: boolean;
+        selected?: boolean;
+        rounded?: import("..").Rounded;
+        className?: string;
+        children: import("react").ReactNode;
+        onClick?: () => void;
+        style?: React.CSSProperties;
+    }) => import("react").JSX.Element>) => import("react").JSX.Element;
+    DataTable: <TData extends {
+        id: import("@dnd-kit/core").UniqueIdentifier;
+        href?: string;
+        disabled?: boolean;
+    }, TValue>({ className, rounded, addtionalHeader, showTableHeader, headerBackgroundColor, headerTextColor, columns, emptyMessage, data: tmp, pagination, sort, rowSelect, }: {
+        className?: string;
+        rounded?: import("..").Rounded;
+        addtionalHeader?: import("react").ReactNode;
+        showTableHeader?: boolean;
+        headerBackgroundColor?: import("..").ColorTypes;
+        headerTextColor?: import("..").TextColorTypes;
+        columns: import("@tanstack/react-table").ColumnDef<TData, TValue>[];
+        emptyMessage?: import("react").ReactNode;
+        data: TData[];
+        pagination?: {
+            count: number;
+            page: number;
+            onPageSelected?: (page: number) => void;
+        };
+        sort?: {
+            isRouterSortEnabled: boolean;
+            orderBy?: Record<string, "asc" | "desc">[];
+            excludeHeaders?: string[];
+            dndEnabled?: boolean;
+            onSorted?: (data: TData[]) => void;
+        };
+        rowSelect?: (data: TData) => void;
+    }) => import("react").JSX.Element;
+    Tab: ({ items, title, children, className, contentClassName, }: {
+        items: import("react").ComponentProps<typeof import("./tab/component").TabItem>[];
+        title?: import("react").ComponentProps<({ routes, title, actions, back, keepRoutesSpace, showTitle, className, }: {
+            routes?: {
+                label: string;
+                href: string;
+            }[];
+            title: string;
+            actions?: {
+                path: string;
+                button?: import("react").ComponentProps<typeof import("../composite/button").Button>;
+                content?: import("react").ReactNode;
+            }[];
+            back?: boolean;
+            keepRoutesSpace?: boolean;
+            showTitle?: boolean;
+            className?: string;
+        }) => import("react").JSX.Element>;
+        children: import("react").ReactNode;
+        className?: string;
+        contentClassName?: string;
+    }) => import("react").JSX.Element;
+    TabContent: ({ title, children, className, contentClassName, }: {
+        title?: Omit<import("react").ComponentProps<({ routes, title, actions, back, keepRoutesSpace, showTitle, className, }: {
+            routes?: {
+                label: string;
+                href: string;
+            }[];
+            title: string;
+            actions?: {
+                path: string;
+                button?: import("react").ComponentProps<typeof import("../composite/button").Button>;
+                content?: import("react").ReactNode;
+            }[];
+            back?: boolean;
+            keepRoutesSpace?: boolean;
+            showTitle?: boolean;
+            className?: string;
+        }) => import("react").JSX.Element>, "keepRoutesSpace">;
+        children: import("react").ReactNode;
+        className?: string;
+        contentClassName?: string;
+    }) => import("react").JSX.Element;
+    Root: ({ children, htmlClassName, bodyClassName, bodyStyle, minWidth, overrideTheme, loaderColor, }: {
+        children: import("react").ReactNode;
+        htmlClassName?: string;
+        bodyClassName?: string;
+        bodyStyle?: import("react").CSSProperties;
+        minWidth: number;
+        overrideTheme?: "light" | "dark";
+        loaderColor: string;
+    }) => Promise<import("react").JSX.Element>;
+    ObjectView: <T extends Record<string, unknown>>({ name, obj, layout, overrides, additionals, className, itemOrientation, itemClassName, labelWidth, container, }: {
+        name: string;
+        obj: T;
+        layout?: (keyof T)[][] | undefined;
+        overrides?: { [K in keyof T]?: Partial<Omit<{
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        }, "key">> | undefined; } | undefined;
+        additionals?: {
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        }[] | {
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        }[][] | ((false | {
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        } | undefined)[] | (false | {
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        } | undefined)[][] | false | undefined)[];
+        className?: string;
+    } & {
+        itemOrientation?: "horizontal" | "vertical";
+        itemClassName?: string;
+        labelWidth?: number;
+        container?: boolean;
+    }) => import("react").JSX.Element;
+    ObjectTable: <T extends Record<string, unknown>>({ name, obj, layout, overrides, additionals, firstColumnSize, ...restProps }: {
+        name: string;
+        obj: T;
+        layout?: (keyof T)[][] | undefined;
+        overrides?: { [K in keyof T]?: Partial<Omit<{
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        }, "key">> | undefined; } | undefined;
+        additionals?: {
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        }[] | {
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        }[][] | ((false | {
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        } | undefined)[] | (false | {
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        } | undefined)[][] | false | undefined)[];
+        className?: string;
+    } & Omit<import("react").ComponentProps<typeof table.DataTable>, "data" | "columns"> & {
+        firstColumnSize?: number;
+    }) => import("react").JSX.Element;
+    Modal: ({ showCloseButton, onClickClose, id, className, children, ...props }: {
+        showCloseButton?: boolean;
+        onClickClose?: (id?: string) => void;
+        id?: string;
+    } & import("react").ComponentProps<({ border, shadow, selected, rounded, className, children, onClick, style, }: {
+        border?: boolean;
+        shadow?: boolean;
+        selected?: boolean;
+        rounded?: import("..").Rounded;
+        className?: string;
+        children: import("react").ReactNode;
+        onClick?: () => void;
+        style?: React.CSSProperties;
+    }) => import("react").JSX.Element>) => import("react").JSX.Element;
+    Form: <T, U>({ singlePage, name, title, actions, items, submitButton, cancelButton, disabled, className, rounded, container, }: {
+        singlePage?: boolean;
+        name: string;
+        title?: string;
+        actions: {
+            validate?: (data: T) => Promise<void>;
+            confirm?: Omit<import("../..").ModalProps, "rounded" | "actions">;
+            submit: (data: T) => Promise<U>;
+            onSuccess?: {
+                toast?: string;
+            } & ({
+                replace: string;
+            } | {
+                back: true;
+            } | {
+                callback?: ((result?: U | undefined) => void) | undefined;
+            });
+        };
+        items: ((false | import("..").FormItem | undefined)[] | (false | import("..").FormItem | undefined)[][] | false | undefined)[];
+        submitButton?: import("react").ComponentProps<({ variant, ...props }: ({
+            variant: "colored";
+        } & import("react").ComponentProps<typeof import("../component/button/colored").Colored>) | ({
+            variant: "text";
+        } & import("react").ComponentProps<typeof import("../component/button/text").Text>) | ({
+            variant: "image";
+        } & import("react").ComponentProps<typeof import("../component/button/image").Imaged>)) => import("react").JSX.Element>;
+        cancelButton?: import("react").ComponentProps<({ variant, ...props }: ({
+            variant: "colored";
+        } & import("react").ComponentProps<typeof import("../component/button/colored").Colored>) | ({
+            variant: "text";
+        } & import("react").ComponentProps<typeof import("../component/button/text").Text>) | ({
+            variant: "image";
+        } & import("react").ComponentProps<typeof import("../component/button/image").Imaged>)) => import("react").JSX.Element>;
+        disabled?: boolean;
+        className?: string;
+        rounded?: import("..").Rounded;
+        container?: boolean;
+    }) => import("react").JSX.Element;
+    PagedForm: <T, U>({ rounded, title, actions, submitButton, cancelButton, disabled, className, pages, }: {
+        rounded?: import("..").Rounded;
+        title?: string;
+        actions: {
+            submit: (data: T) => Promise<U>;
+            confirm?: Omit<import("../..").ModalProps, "rounded" | "actions">;
+            onSuccess?: {
+                toast?: string;
+            } & ({
+                replace: string;
+            } | {
+                back: true;
+            } | {
+                callback?: ((result?: U | undefined) => void) | undefined;
+            });
+        };
+        submitButton: import("react").ComponentProps<({ variant, ...props }: ({
+            variant: "colored";
+        } & import("react").ComponentProps<typeof import("../component/button/colored").Colored>) | ({
+            variant: "text";
+        } & import("react").ComponentProps<typeof import("../component/button/text").Text>) | ({
+            variant: "image";
+        } & import("react").ComponentProps<typeof import("../component/button/image").Imaged>)) => import("react").JSX.Element>;
+        cancelButton: import("react").ComponentProps<({ variant, ...props }: ({
+            variant: "colored";
+        } & import("react").ComponentProps<typeof import("../component/button/colored").Colored>) | ({
+            variant: "text";
+        } & import("react").ComponentProps<typeof import("../component/button/text").Text>) | ({
+            variant: "image";
+        } & import("react").ComponentProps<typeof import("../component/button/image").Imaged>)) => import("react").JSX.Element>;
+        disabled?: boolean;
+        className?: string;
+        pages: {
+            name: string;
+            title?: string;
+            items: Pick<import("react").ComponentProps<typeof form.Form>, "items">["items"];
+            validate?: (data: never) => Promise<void>;
+        }[];
+    }) => import("react").JSX.Element;
+    ActionForm: <T, U, Items extends readonly {
+        name: string;
+    }[]>({ items, layout, overrides, additionals, submitButton, ...props }: {
+        items: Items;
+        layout?: Items[number]["name"][][] | undefined;
+        overrides?: { [K in Items[number]["name"]]?: (Partial<Omit<import("..").FormElement, "name" | "required">> | Partial<Omit<import("..").FormInputHidden, "name" | "required">> | Partial<Omit<import("..").FormInputText, "name" | "required">> | Partial<Omit<import("..").FormInputTextArea, "name" | "required">> | Partial<Omit<import("..").FormInputSelect, "name" | "required">> | Partial<Omit<import("..").FormInputCheckbox, "name" | "required">> | Partial<Omit<import("..").FormInputRadio, "name" | "required">> | Partial<Omit<import("..").FormInputWeekday, "name" | "required">> | Partial<Omit<import("..").FormInputWeekdays, "name" | "required">> | Partial<Omit<import("..").FormInputDate, "name" | "required">> | Partial<Omit<import("..").FormInputDateRange, "name" | "required">> | Partial<Omit<import("..").FormInputTime, "name" | "required">> | Partial<Omit<import("..").FormInputTimeRange, "name" | "required">> | Partial<Omit<import("..").FormInputDateTime, "name" | "required">> | Partial<Omit<import("..").FormInputDateTimeRange, "name" | "required">> | Partial<Omit<import("..").FormInputList, "name" | "required">> | Partial<Omit<import("..").FormInputAddress, "name" | "required">>) | import("..").FormItem[] | import("..").FormItem[][] | undefined; } | undefined;
+        additionals?: import("..").FormItem[] | import("..").FormItem[][] | ((false | import("..").FormItem | undefined)[] | (false | import("..").FormItem | undefined)[][] | false | undefined)[];
+        submitButton?: import("react").ComponentProps<({ variant, ...props }: ({
+            variant: "colored";
+        } & import("react").ComponentProps<typeof import("../component/button/colored").Colored>) | ({
+            variant: "text";
+        } & import("react").ComponentProps<typeof import("../component/button/text").Text>) | ({
+            variant: "image";
+        } & import("react").ComponentProps<typeof import("../component/button/image").Imaged>)) => import("react").JSX.Element>;
+    } & Omit<{
+        singlePage?: boolean;
+        name: string;
+        title?: string;
+        actions: {
+            validate?: ((data: T) => Promise<void>) | undefined;
+            confirm?: Omit<import("../..").ModalProps, "rounded" | "actions">;
+            submit: (data: T) => Promise<U>;
+            onSuccess?: ({
+                toast?: string;
+            } & ({
+                replace: string;
+            } | {
+                back: true;
+            } | {
+                callback?: ((result?: U | undefined) => void) | undefined;
+            })) | undefined;
+        };
+        items: ((false | import("..").FormItem | undefined)[] | (false | import("..").FormItem | undefined)[][] | false | undefined)[];
+        submitButton?: import("react").ComponentProps<({ variant, ...props }: ({
+            variant: "colored";
+        } & import("react").ComponentProps<typeof import("../component/button/colored").Colored>) | ({
+            variant: "text";
+        } & import("react").ComponentProps<typeof import("../component/button/text").Text>) | ({
+            variant: "image";
+        } & import("react").ComponentProps<typeof import("../component/button/image").Imaged>)) => import("react").JSX.Element>;
+        cancelButton?: import("react").ComponentProps<({ variant, ...props }: ({
+            variant: "colored";
+        } & import("react").ComponentProps<typeof import("../component/button/colored").Colored>) | ({
+            variant: "text";
+        } & import("react").ComponentProps<typeof import("../component/button/text").Text>) | ({
+            variant: "image";
+        } & import("react").ComponentProps<typeof import("../component/button/image").Imaged>)) => import("react").JSX.Element>;
+        disabled?: boolean;
+        className?: string;
+        rounded?: import("..").Rounded;
+        container?: boolean;
+    }, "items">) => import("react").JSX.Element;
+    AppContent: ({ title, children, className, contentClassName, }: {
+        title?: import("react").ComponentProps<({ routes, title, actions, back, keepRoutesSpace, showTitle, className, }: {
+            routes?: {
+                label: string;
+                href: string;
+            }[];
+            title: string;
+            actions?: {
+                path: string;
+                button?: import("react").ComponentProps<typeof import("../composite/button").Button>;
+                content?: import("react").ReactNode;
+            }[];
+            back?: boolean;
+            keepRoutesSpace?: boolean;
+            showTitle?: boolean;
+            className?: string;
+        }) => import("react").JSX.Element>;
+        children: import("react").ReactNode;
+        className?: string;
+        contentClassName?: string;
+    }) => import("react").JSX.Element;
+    App: ({ header, sidemenu, globalmenu, children, }: {
+        header?: {
+            divider?: boolean;
+            leading?: import("react").ReactNode;
+            leadingButton?: import("react").ComponentProps<({ variant, ...props }: ({
+                variant: "colored";
+            } & import("react").ComponentProps<typeof import("../component/button/colored").Colored>) | ({
+                variant: "text";
+            } & import("react").ComponentProps<typeof import("../component/button/text").Text>) | ({
+                variant: "image";
+            } & import("react").ComponentProps<typeof import("../component/button/image").Imaged>)) => import("react").JSX.Element>;
+            center?: import("react").ReactNode;
+            centerButton?: import("react").ComponentProps<({ variant, ...props }: ({
+                variant: "colored";
+            } & import("react").ComponentProps<typeof import("../component/button/colored").Colored>) | ({
+                variant: "text";
+            } & import("react").ComponentProps<typeof import("../component/button/text").Text>) | ({
+                variant: "image";
+            } & import("react").ComponentProps<typeof import("../component/button/image").Imaged>)) => import("react").JSX.Element>;
+            trailling?: import("react").ReactNode;
+            traillingButton?: import("react").ComponentProps<({ variant, ...props }: ({
+                variant: "colored";
+            } & import("react").ComponentProps<typeof import("../component/button/colored").Colored>) | ({
+                variant: "text";
+            } & import("react").ComponentProps<typeof import("../component/button/text").Text>) | ({
+                variant: "image";
+            } & import("react").ComponentProps<typeof import("../component/button/image").Imaged>)) => import("react").JSX.Element>;
+        };
+        globalmenu?: import("react").ComponentProps<typeof import("./app/component").GlobalMenu>;
+        sidemenu?: import("react").ComponentProps<typeof import("./app/component").SideMenu>;
+        children: import("react").ReactNode;
+    }) => import("react").JSX.Element;
+};

package/dist/ui/layout/index.js

@@ -0,0 +1,19 @@
+import * as app from './app';
+import * as form from './form';
+import * as modal from './modal';
+import * as object from './object';
+import * as root from './root';
+import * as tab from './tab';
+import * as table from './table';
+import * as toast from './toast';
+export const Layout = {
+    ...app,
+    ...form,
+    ...modal,
+    ...object,
+    ...root,
+    ...tab,
+    ...table,
+    ...toast,
+};
+//# sourceMappingURL=index.js.map

package/dist/ui/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,OAAO,CAAA;AAC5B,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAClC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,GAAG,MAAM,OAAO,CAAA;AAC5B,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAEhC,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,GAAG,GAAG;IACN,GAAG,IAAI;IACP,GAAG,KAAK;IACR,GAAG,MAAM;IACT,GAAG,IAAI;IACP,GAAG,GAAG;IACN,GAAG,KAAK;IACR,GAAG,KAAK;CACT,CAAA"}

package/dist/ui/layout/modal/index.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentProps } from 'react';
+import { Component } from '../../component';
+export declare const Modal: ({ showCloseButton, onClickClose, id, className, children, ...props }: {
+    showCloseButton?: boolean;
+    onClickClose?: (id?: string) => void;
+    id?: string;
+} & ComponentProps<typeof Component.Card>) => import("react").JSX.Element;

package/dist/ui/layout/modal/index.jsx

@@ -0,0 +1,11 @@
+'use client';
+import CloseIcon from '@mui/icons-material/Close';
+import classNames from 'classnames';
+import { Component } from '../../component';
+export const Modal = ({ showCloseButton = true, onClickClose, id, className, children, ...props }) => (<Component.Card className={classNames('relative flex max-h-[80%] max-w-[90%] min-w-[300px] flex-col p-0! overflow-y-scroll', className)} {...props}>
+    <div className='gap-base flex size-full flex-col p-base'>{children}</div>
+    {showCloseButton && (<div className='p-base absolute inset-x-0 top-0 flex justify-end'>
+        <Component.Button variant='text' container={true} size='xl' icon={CloseIcon} onClick={() => onClickClose?.(id)}/>
+      </div>)}
+  </Component.Card>);
+//# sourceMappingURL=index.jsx.map

package/dist/ui/layout/modal/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/layout/modal/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,eAAe,GAAG,IAAI,EACtB,YAAY,EACZ,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAGT,EAAE,EAAE,CAAC,CACJ,CAAC,SAAS,CAAC,IAAI,CACb,SAAS,CAAC,CAAC,UAAU,CACnB,qFAAqF,EACrF,SAAS,CACV,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;IAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yCAAyC,CAAC,CAAC,QAAQ,CAAC,EAAE,GAAG,CACxE;IAAA,CAAC,eAAe,IAAI,CAClB,CAAC,GAAG,CAAC,SAAS,CAAC,kDAAkD,CAC/D;QAAA,CAAC,SAAS,CAAC,MAAM,CACf,OAAO,CAAC,MAAM,CACd,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,IAAI,CAAC,IAAI,CACT,IAAI,CAAC,CAAC,SAAS,CAAC,CAChB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,EAEtC;MAAA,EAAE,GAAG,CAAC,CACP,CACH;EAAA,EAAE,SAAS,CAAC,IAAI,CAAC,CAClB,CAAA"}

package/dist/ui/layout/object/index.d.ts

@@ -0,0 +1,30 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { DataTable } from '../table';
+type ObjectItem = {
+    key: string;
+    label?: string;
+    value?: string | number | boolean | null | ReactNode;
+};
+type ReceveItemType = ObjectItem | false | undefined;
+type ObjectItemOverride = Partial<Omit<ObjectItem, 'key'>>;
+type ObjectBaseProps<T extends Record<string, unknown>> = {
+    name: string;
+    obj: T;
+    layout?: (keyof T)[][];
+    overrides?: {
+        [K in keyof T]?: ObjectItemOverride;
+    };
+    additionals?: ObjectItem[] | ObjectItem[][] | (ReceveItemType[] | ReceveItemType[][] | false | undefined)[];
+    className?: string;
+};
+type ObjectViewProps<T extends Record<string, unknown>> = ObjectBaseProps<T> & {
+    itemOrientation?: 'horizontal' | 'vertical';
+    itemClassName?: string;
+    labelWidth?: number;
+    container?: boolean;
+};
+export declare const ObjectView: <T extends Record<string, unknown>>({ name, obj, layout, overrides, additionals, className, itemOrientation, itemClassName, labelWidth, container, }: ObjectViewProps<T>) => import("react").JSX.Element;
+export declare const ObjectTable: <T extends Record<string, unknown>>({ name, obj, layout, overrides, additionals, firstColumnSize, ...restProps }: ObjectBaseProps<T> & Omit<ComponentProps<typeof DataTable>, "data" | "columns"> & {
+    firstColumnSize?: number;
+}) => import("react").JSX.Element;
+export {};

package/dist/ui/layout/object/index.jsx

@@ -0,0 +1,145 @@
+'use client';
+import classNames from 'classnames';
+import { useTranslations } from 'next-intl';
+import { Component } from '../../component';
+import { TextColorTypes } from '../../theme';
+import { DataTable } from '../table';
+export const ObjectView = ({ name, obj, layout, overrides, additionals, className, itemOrientation = 'vertical', itemClassName, labelWidth, container = true, }) => {
+    const actualItems = Object.keys(obj).map((key) => ({
+        key,
+    }));
+    // Create item map
+    const itemMap = actualItems.reduce((acc, item) => {
+        acc[item.key] = item;
+        return acc;
+    }, {});
+    // Apply layout or default to single column
+    const rows = layout ?? actualItems.map((item) => [item.key]);
+    // Resolve items with overrides
+    const resolvedItems = rows.map((row) => {
+        const rowItems = row.map((key) => {
+            const baseItem = itemMap[key];
+            const override = overrides?.[key];
+            const applyOverride = (overrideItem) => {
+                const merged = {
+                    ...baseItem,
+                    ...overrideItem,
+                };
+                merged.key = baseItem.key;
+                return merged;
+            };
+            if (override && baseItem) {
+                return [[applyOverride(override)]];
+            }
+            return [[baseItem]];
+        });
+        const maxDepth = Math.max(...rowItems.map((items) => items.length), 1);
+        return Array.from({ length: maxDepth }, (_, depth) => {
+            return rowItems.flatMap((items) => {
+                return items[depth] || [];
+            });
+        }).filter((row) => row.length > 0);
+    });
+    const normalizedAdditionals = additionals
+        ? Array.isArray(additionals) && additionals.length > 0 && !Array.isArray(additionals[0])
+            ? [additionals]
+            : Array.isArray(additionals) &&
+                additionals.length > 0 &&
+                Array.isArray(additionals[0]) &&
+                !Array.isArray(additionals[0][0])
+                ? additionals
+                : additionals
+        : [];
+    const allItems = [...resolvedItems, ...normalizedAdditionals];
+    return (<div className={classNames('flex flex-col gap-md', className)}>
+      {allItems
+            .filter((x) => x !== false && x !== undefined)
+            .map((item, i) => (<div key={i}>
+            {item
+                .filter((x) => x !== false && x !== undefined)
+                .map((x, j) => (<div key={`${i}-${j}`} className='flex w-full items-start'>
+                  {Array.isArray(x)
+                    ? x
+                        .filter((y) => y !== false && y !== undefined)
+                        .map((y, k) => (<RenderItem key={`${i}-${j}-${k}`} objName={name} item={y} obj={obj} orientation={itemOrientation} className={itemClassName} labelWidth={labelWidth} container={container}/>))
+                    : x && (<RenderItem key={`${i}-${j}`} objName={name} item={x} obj={obj} orientation={itemOrientation} className={itemClassName} labelWidth={labelWidth} container={container}/>)}
+                </div>))}
+          </div>))}
+    </div>);
+};
+const RenderItem = ({ objName, item, obj, orientation, className, labelWidth, container, }) => {
+    const value = item.value ?? obj[item.key];
+    const isReactNode = typeof value === 'object' && value !== undefined && value !== null && '$$typeof' in value;
+    return (<div className={classNames('flex w-full', orientation === 'horizontal' ? 'flex-row' : 'flex-col', className)}>
+      <Component.Typography.P color={TextColorTypes.sub} style={{ width: labelWidth }} container={container} className='text-sm'>
+        {item.label || `${objName}.${item.key}`}
+      </Component.Typography.P>
+      {isReactNode ? (<div>{value}</div>) : (<Component.Typography.P color={TextColorTypes.main} container={container}>
+          {value === undefined || value === null ? '-' : String(value)}
+        </Component.Typography.P>)}
+    </div>);
+};
+export const ObjectTable = ({ name, obj, layout, overrides, additionals, firstColumnSize, ...restProps }) => {
+    const t = useTranslations();
+    const actualItems = Object.keys(obj).map((key) => ({
+        key,
+    }));
+    // Apply layout or default to single column
+    const rows = layout ?? actualItems.map((item) => [item.key]);
+    // Resolve items with overrides
+    const resolvedItems = rows
+        .flatMap((row) => {
+        return row.map((key) => {
+            const baseItem = actualItems.find((item) => item.key === key);
+            const override = overrides?.[key];
+            if (override && baseItem) {
+                const merged = {
+                    ...baseItem,
+                    ...override,
+                };
+                merged.key = baseItem.key;
+                return merged;
+            }
+            return baseItem;
+        });
+    })
+        .filter((item) => item !== undefined);
+    const normalizedAdditionals = additionals
+        ? Array.isArray(additionals) && additionals.length > 0 && !Array.isArray(additionals[0])
+            ? additionals
+            : Array.isArray(additionals) &&
+                additionals.length > 0 &&
+                Array.isArray(additionals[0]) &&
+                !Array.isArray(additionals[0][0])
+                ? additionals.flat()
+                : []
+        : [];
+    const allItems = [...resolvedItems, ...normalizedAdditionals];
+    const items = allItems.map((item) => {
+        const value = item.value ?? obj[item.key];
+        return {
+            id: item.key,
+            key: item.key,
+            label: item.label,
+            value: value === undefined || value === null ? null : value,
+        };
+    });
+    return (<DataTable showTableHeader={false} columns={[
+            {
+                accessorKey: 'key',
+                header: 'key',
+                size: firstColumnSize,
+                cell: ({ row }) => t(row.original.label || `${name}.${row.original.key}`),
+            },
+            {
+                accessorKey: 'value',
+                header: 'value',
+                cell: ({ row }) => {
+                    const value = row.original.value;
+                    const isReactNode = typeof value === 'object' && value !== undefined && value !== null && '$$typeof' in value;
+                    return isReactNode ? (<div>{value}</div>) : (<>{value === undefined || value === null ? '-' : String(value)}</>);
+                },
+            },
+        ]} data={items} {...restProps}/>);
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/layout/object/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/layout/object/index.tsx"],"names":[],"mappings":"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"}

package/dist/ui/layout/root/index.d.ts

@@ -0,0 +1,10 @@
+import type { CSSProperties, ReactNode } from 'react';
+export declare const Root: ({ children, htmlClassName, bodyClassName, bodyStyle, minWidth, overrideTheme, loaderColor, }: {
+    children: ReactNode;
+    htmlClassName?: string;
+    bodyClassName?: string;
+    bodyStyle?: CSSProperties;
+    minWidth: number;
+    overrideTheme?: "light" | "dark";
+    loaderColor: string;
+}) => Promise<import("react").JSX.Element>;

package/dist/ui/layout/root/index.jsx

@@ -0,0 +1,31 @@
+'use server';
+import { AppRouterCacheProvider } from '@mui/material-nextjs/v15-appRouter';
+import classNames from 'classnames';
+import { CookiesProvider } from 'next-client-cookies/server';
+import NextTopLoader from 'nextjs-toploader';
+import { getCookieValue } from '../../../lib/cookie';
+import { getBackgroundColorTypeClassName, getTextColorTypeClassName, TextColorTypes } from '../../theme';
+import { Provider } from './provider';
+export const Root = async ({ children, htmlClassName, bodyClassName, bodyStyle, minWidth, overrideTheme, loaderColor, }) => {
+    const mode = (await getCookieValue('theme')) ?? overrideTheme ?? '';
+    const { getLocale, getMessages } = await import('next-intl/server');
+    const locale = await getLocale();
+    const messages = await getMessages();
+    return (<html className={classNames('size-full', htmlClassName)} lang={locale}>
+      <body className={classNames(getTextColorTypeClassName(TextColorTypes.main, false), getBackgroundColorTypeClassName('default'), 'size-full min-h-screen', bodyClassName)} style={{
+            ...bodyStyle,
+            minWidth,
+        }}>
+        <AppRouterCacheProvider>
+          <NextTopLoader showSpinner={false} color={loaderColor}/>
+          <input type='hidden' name='color-scheme' value={mode}/>
+          <CookiesProvider>
+            <Provider locale={locale} messages={messages}>
+              {children}
+            </Provider>
+          </CookiesProvider>
+        </AppRouterCacheProvider>
+      </body>
+    </html>);
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/layout/root/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/layout/root/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAA;AAC3E,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,+BAA+B,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACxG,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,EAAE,EACzB,QAAQ,EACR,aAAa,EACb,aAAa,EACb,SAAS,EACT,QAAQ,EACR,aAAa,EACb,WAAW,GASZ,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,aAAa,IAAI,EAAE,CAAA;IACnE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,MAAM,MAAM,CAAC,kBAAkB,CAAC,CAAA;IACnE,MAAM,MAAM,GAAG,MAAM,SAAS,EAAE,CAAA;IAChC,MAAM,QAAQ,GAAG,MAAM,WAAW,EAAE,CAAA;IACpC,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CACpE;MAAA,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,UAAU,CACnB,yBAAyB,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,EACrD,+BAA+B,CAAC,SAAS,CAAC,EAC1C,wBAAwB,EACxB,aAAa,CACd,CAAC,CACF,KAAK,CAAC,CAAC;YACL,GAAG,SAAS;YACZ,QAAQ;SACT,CAAC,CAEF;QAAA,CAAC,sBAAsB,CACrB;UAAA,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,EACtD;UAAA,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EACrD;UAAA,CAAC,eAAe,CACd;YAAA,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAC3C;cAAA,CAAC,QAAQ,CACX;YAAA,EAAE,QAAQ,CACZ;UAAA,EAAE,eAAe,CACnB;QAAA,EAAE,sBAAsB,CAC1B;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA"}