@ya-accelerators/nextjs-framework 0.0.0

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

@@ -0,0 +1,7 @@
+import type { AbstractIntlMessages } from 'next-intl';
+import type { ReactNode } from 'react';
+export declare const Provider: ({ locale, messages, children, }: {
+    locale: string;
+    messages: AbstractIntlMessages;
+    children: ReactNode;
+}) => import("react").JSX.Element;

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

@@ -0,0 +1,26 @@
+'use client';
+import { createTheme, ThemeProvider } from '@mui/material/styles';
+import { SessionProvider } from 'next-auth/react';
+import { NextIntlClientProvider } from 'next-intl';
+import { DispatchProvider, LoadingProvider, ModalProvider, ToastProvider } from '../../../../hooks';
+export const Provider = ({ locale, messages, children, }) => {
+    const theme = createTheme({
+        colorSchemes: {
+            dark: true,
+        },
+    });
+    return (<NextIntlClientProvider locale={locale} messages={messages} onError={() => { }}>
+      <ThemeProvider theme={theme}>
+        <ToastProvider>
+          <LoadingProvider>
+            <ModalProvider>
+              <DispatchProvider>
+                <SessionProvider>{children}</SessionProvider>
+              </DispatchProvider>
+            </ModalProvider>
+          </LoadingProvider>
+        </ToastProvider>
+      </ThemeProvider>
+    </NextIntlClientProvider>);
+};
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/layout/root/provider/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAGlD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEnG,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,MAAM,EACN,QAAQ,EACR,QAAQ,GAKT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,WAAW,CAAC;QACxB,YAAY,EAAE;YACZ,IAAI,EAAE,IAAI;SACX;KACF,CAAC,CAAA;IACF,OAAO,CACL,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAC5E;MAAA,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAC1B;QAAA,CAAC,aAAa,CACZ;UAAA,CAAC,eAAe,CACd;YAAA,CAAC,aAAa,CACZ;cAAA,CAAC,gBAAgB,CACf;gBAAA,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,EAAE,eAAe,CAC9C;cAAA,EAAE,gBAAgB,CACpB;YAAA,EAAE,aAAa,CACjB;UAAA,EAAE,eAAe,CACnB;QAAA,EAAE,aAAa,CACjB;MAAA,EAAE,aAAa,CACjB;IAAA,EAAE,sBAAsB,CAAC,CAC1B,CAAA;AACH,CAAC,CAAA"}

package/dist/ui/layout/tab/component.d.ts

@@ -0,0 +1,4 @@
+export declare const TabItem: ({ label, href }: {
+    label: string;
+    href: string;
+}) => import("react").JSX.Element;

package/dist/ui/layout/tab/component.jsx

@@ -0,0 +1,16 @@
+'use client';
+import classNames from 'classnames';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { Component } from '../../component';
+import { getTextColorTypeClassName, TextColorTypes } from '../../theme';
+export const TabItem = ({ label, href }) => {
+    const pathname = usePathname();
+    const isCurrent = href === '/' ? pathname === '/' : pathname.startsWith(href);
+    return (<Link data-current={isCurrent} href={href} className={classNames(getTextColorTypeClassName(TextColorTypes.sub, false), 'flex items-center justify-center whitespace-nowrap', 'px-control-padding-base py-control-padding-md', 'hover:opacity-60', 'border-b-2 border-transparent', 'data-[current=true]:border-primary-default-bg data-[current=true]:text-primary-default-bg', 'data-[current=false]:opacity-40', {
+            'pointer-events-none': isCurrent,
+        })} aria-disabled={isCurrent} tabIndex={isCurrent ? -1 : undefined}>
+      <Component.Typography.P>{label}</Component.Typography.P>
+    </Link>);
+};
+//# sourceMappingURL=component.jsx.map

package/dist/ui/layout/tab/component.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.jsx","sourceRoot":"","sources":["../../../../../src/ui/layout/tab/component.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEvE,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAmC,EAAE,EAAE;IAC1E,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,SAAS,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;IAC7E,OAAO,CACL,CAAC,IAAI,CACH,YAAY,CAAC,CAAC,SAAS,CAAC,CACxB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,CAAC,UAAU,CACnB,yBAAyB,CAAC,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,EACpD,oDAAoD,EACpD,+CAA+C,EAC/C,kBAAkB,EAClB,+BAA+B,EAC/B,2FAA2F,EAC3F,iCAAiC,EACjC;YACE,qBAAqB,EAAE,SAAS;SACjC,CACF,CAAC,CACF,aAAa,CAAC,CAAC,SAAS,CAAC,CACzB,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAErC;MAAA,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,CACzD;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,8 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { Composite } from '../../../composite';
+export declare const TabContent: ({ title, children, className, contentClassName, }: {
+    title?: Omit<ComponentProps<typeof Composite.PageTitle>, "keepRoutesSpace">;
+    children: ReactNode;
+    className?: string;
+    contentClassName?: string;
+}) => import("react").JSX.Element;

package/dist/ui/layout/tab/content/index.jsx

@@ -0,0 +1,8 @@
+'use client';
+import classNames from 'classnames';
+import { Composite } from '../../../composite';
+export const TabContent = ({ title, children, className, contentClassName, }) => (<div className={classNames('flex flex-col gap-base', className)}>
+    {title !== undefined && <Composite.PageTitle {...title} keepRoutesSpace={false} className='p-0!'/>}
+    <div className={classNames('gap-base flex flex-col', contentClassName)}>{children}</div>
+  </div>);
+//# sourceMappingURL=index.jsx.map

package/dist/ui/layout/tab/content/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/layout/tab/content/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAE9C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,gBAAgB,GAMjB,EAAE,EAAE,CAAC,CACJ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,wBAAwB,EAAE,SAAS,CAAC,CAAC,CAC9D;IAAA,CAAC,KAAK,KAAK,SAAS,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,CAAC,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,MAAM,EAAG,CACnG;IAAA,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,wBAAwB,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,GAAG,CACzF;EAAA,EAAE,GAAG,CAAC,CACP,CAAA"}

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

@@ -0,0 +1,11 @@
+export * from './content';
+import type { ComponentProps, ReactNode } from 'react';
+import { Composite } from '../../composite';
+import { TabItem } from './component';
+export declare const Tab: ({ items, title, children, className, contentClassName, }: {
+    items: ComponentProps<typeof TabItem>[];
+    title?: ComponentProps<typeof Composite.PageTitle>;
+    children: ReactNode;
+    className?: string;
+    contentClassName?: string;
+}) => import("react").JSX.Element;

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

@@ -0,0 +1,25 @@
+'use client';
+export * from './content';
+import classNames from 'classnames';
+import { motion } from 'framer-motion';
+import { usePathname } from 'next/navigation';
+import { Composite } from '../../composite';
+import { getBackgroundColorTypeClassName } from '../../theme';
+import { TabItem } from './component';
+export const Tab = ({ items, title, children, className, contentClassName, }) => {
+    const pathname = usePathname();
+    return (<div className={classNames('flex size-full flex-col overflow-y-scroll', getBackgroundColorTypeClassName('default'), className)}>
+      {title !== undefined && (<div className='mt-base'>
+          <Composite.PageTitle {...title}/>
+        </div>)}
+      <div className={classNames('p-base gap-base flex h-fit flex-col w-full', contentClassName)}>
+        <div className='gap-md border-outline-default flex w-full border-b'>
+          {items.map((x, i) => (<TabItem key={i} {...x}/>))}
+        </div>
+        <motion.main key={pathname} initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }} transition={{ duration: 0.3 }}>
+          {children}
+        </motion.main>
+      </div>
+    </div>);
+};
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/layout/tab/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,cAAc,WAAW,CAAA;AAEzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAG7C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAA;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAErC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAClB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,gBAAgB,GAOjB,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,OAAO,CACL,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,2CAA2C,EAC3C,+BAA+B,CAAC,SAAS,CAAC,EAC1C,SAAS,CACV,CAAC,CAEF;MAAA,CAAC,KAAK,KAAK,SAAS,IAAI,CACtB,CAAC,GAAG,CAAC,SAAS,CAAC,SAAS,CACtB;UAAA,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,EACjC;QAAA,EAAE,GAAG,CAAC,CACP,CACD;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,4CAA4C,EAAE,gBAAgB,CAAC,CAAC,CACzF;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,oDAAoD,CACjE;UAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAG,CAC3B,CAAC,CACJ;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,MAAM,CAAC,IAAI,CACV,GAAG,CAAC,CAAC,QAAQ,CAAC,CACd,OAAO,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CACxB,OAAO,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CACxB,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CACrB,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAE9B;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,MAAM,CAAC,IAAI,CACf;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,33 @@
+import type { UniqueIdentifier } from '@dnd-kit/core';
+import type { ColumnDef } from '@tanstack/react-table';
+import type { ReactNode } from 'react';
+import type { ColorTypes } from '../../theme';
+import { Rounded, TextColorTypes } from '../../theme';
+export declare const DataTable: <TData extends {
+    id: UniqueIdentifier;
+    href?: string;
+    disabled?: boolean;
+}, TValue>({ className, rounded, addtionalHeader, showTableHeader, headerBackgroundColor, headerTextColor, columns, emptyMessage, data: tmp, pagination, sort, rowSelect, }: {
+    className?: string;
+    rounded?: Rounded;
+    addtionalHeader?: ReactNode;
+    showTableHeader?: boolean;
+    headerBackgroundColor?: ColorTypes;
+    headerTextColor?: TextColorTypes;
+    columns: ColumnDef<TData, TValue>[];
+    emptyMessage?: 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;

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

@@ -0,0 +1,283 @@
+'use client';
+import { closestCenter, DndContext, DragOverlay, KeyboardSensor, MouseSensor, TouchSensor, useSensor, useSensors, } from '@dnd-kit/core';
+import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
+import { useSortable } from '@dnd-kit/sortable';
+import { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import DragIndicatorIcon from '@mui/icons-material/DragIndicator';
+import Pagination from '@mui/material/Pagination';
+import { flexRender, getCoreRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
+import classNames from 'classnames';
+import Link from 'next/link';
+import { usePathname, useRouter } from 'next/navigation';
+import { useTranslations } from 'next-intl';
+import { forwardRef, useEffect, useId, useMemo } from 'react';
+import { useState } from 'react';
+import { Component } from '../../component';
+import { BackgroundColorTypes, borderDefault, getBackgroundColorTypeClassName, getBorderColorTypeClassName, getColorTypeClassName, getTextColorTypeClassName, Rounded, TextColorTypes, } from '../../theme';
+const Table = forwardRef(({ className, ...props }, ref) => (<table ref={ref} className={classNames('w-full max-w-full caption-bottom border-separate border-spacing-0 text-sm break-all', className)} {...props}/>));
+Table.displayName = 'Table';
+const TableHeader = forwardRef(({ className, ...props }, ref) => (<thead ref={ref} className={classNames('border-outline-default', className)} {...props}/>));
+TableHeader.displayName = 'TableHeader';
+const SortButton = ({ column, children, isRouterSortEnabled, initialSort, }) => {
+    const router = useRouter();
+    const handleSort = (direction) => {
+        const url = new URL(window.location.href);
+        const currentSort = url.searchParams.get('sort');
+        let sortParams = [];
+        if (currentSort) {
+            try {
+                const parts = currentSort.split(',');
+                for (const part of parts) {
+                    const [key, dir] = part.split(':');
+                    if (key && (dir === 'asc' || dir === 'desc')) {
+                        sortParams.push({ [key]: dir });
+                    }
+                }
+            }
+            catch {
+                sortParams = [];
+            }
+        }
+        const existingIndex = sortParams.findIndex((item) => Object.keys(item)[0] === column.id);
+        if (existingIndex !== -1) {
+            if (direction) {
+                sortParams[existingIndex] = { [column.id]: direction };
+            }
+            else {
+                sortParams.splice(existingIndex, 1);
+            }
+        }
+        else if (direction) {
+            sortParams.push({ [column.id]: direction });
+        }
+        if (sortParams.length > 0) {
+            const sortStr = sortParams
+                .map((item) => {
+                const key = Object.keys(item)[0];
+                return `${key}:${item[key]}`;
+            })
+                .join(',');
+            url.searchParams.set('sort', sortStr);
+        }
+        else {
+            url.searchParams.delete('sort');
+        }
+        router.push(url.toString());
+    };
+    useEffect(() => {
+        if (isRouterSortEnabled) {
+            return;
+        }
+        if (initialSort === 'asc') {
+            column.toggleSorting(false);
+        }
+        else if (initialSort === 'desc') {
+            column.toggleSorting(true);
+        }
+    }, [initialSort, column, isRouterSortEnabled]);
+    return (<button type='button' className='gap-sm flex cursor-pointer items-center' onClick={() => {
+            if (isRouterSortEnabled) {
+                if (initialSort === undefined) {
+                    handleSort('asc');
+                }
+                else if (initialSort === 'asc') {
+                    handleSort('desc');
+                }
+                else if (initialSort === 'desc') {
+                    handleSort(undefined);
+                }
+            }
+            else {
+                if (!column.getIsSorted()) {
+                    column.toggleSorting(false);
+                }
+                else if (column.getIsSorted() === 'asc') {
+                    column.toggleSorting(true);
+                }
+                else if (column.getIsSorted() === 'desc') {
+                    column.clearSorting();
+                }
+            }
+        }}>
+      {children}
+      {isRouterSortEnabled ? (<span className='w-3'>{initialSort === 'asc' ? '▲' : initialSort === 'desc' ? '▼' : '▽'}</span>) : (<span className='w-3'>
+          {column.getIsSorted() === 'asc' ? '▲' : column.getIsSorted() === 'desc' ? '▼' : '▽'}
+        </span>)}
+    </button>);
+};
+const TableBody = forwardRef(({ className, ...props }, ref) => <tbody ref={ref} className={className} {...props}/>);
+TableBody.displayName = 'TableBody';
+const TableHead = forwardRef(({ rounded, className, children, ...props }, ref) => (<th ref={ref} className={classNames('text-left whitespace-nowrap', 'border-outline-default border-y first-of-type:border-l', 'last-of-type:border-r', { 'p-md': children !== undefined }, rounded === 's' && 'first-of-type:rounded-tl-small last-of-type:rounded-tr-small', rounded === 'm' && 'first-of-type:rounded-tl-medium last-of-type:rounded-tr-medium', rounded === 'l' && 'first-of-type:rounded-tl-large last-of-type:rounded-tr-large', rounded === 'half' && 'first-of-type:rounded-tl-[50%] last-of-type:rounded-tr-[50%]', className)} {...props}>
+      {children}
+    </th>));
+TableHead.displayName = 'TableHead';
+const TableRow = ({ row, isFirstItem, isLastItem, roundedTop, roundedBottom, dndSortEnabled, isStatic = false, children, className, ...props }) => {
+    const { attributes, listeners, transform, transition, setNodeRef, isDragging } = useSortable({
+        id: row?.original.id ?? '',
+    });
+    const style = dndSortEnabled
+        ? {
+            transform: CSS.Transform.toString(transform),
+            transition: transition,
+        }
+        : undefined;
+    const isDisabled = row?.original?.disabled === true;
+    return (<tr key={row?.original.id ?? ''} ref={setNodeRef} className={classNames(getBackgroundColorTypeClassName(BackgroundColorTypes.default), 'text-left', { 'opacity-60': isDragging }, { 'pointer-events-none cursor-not-allowed opacity-50': isDisabled }, row?.original?.href !== undefined && !isDisabled && 'hover:bg-bg-default cursor-pointer hover:opacity-80', className)} style={style} {...props}>
+      {row ? (<>
+          {dndSortEnabled && (<TableCell rounded={isFirstItem ? roundedTop : roundedBottom} isFirstItem={isFirstItem} isLastItem={isLastItem} href={row?.original?.href} {...attributes} {...listeners} width={26} className={isStatic ? 'cursor-grabbing' : 'cursor-grab'}>
+              <DragIndicatorIcon className='m-auto'/>
+            </TableCell>)}
+          {row.getVisibleCells().map((cell) => (<TableCell key={cell.id} rounded={isFirstItem ? roundedTop : roundedBottom} isFirstItem={isFirstItem} isLastItem={isLastItem} href={row?.original?.href} style={cell.column.getSize() !== 150
+                    ? { width: cell.column.getSize(), minWidth: cell.column.getSize() }
+                    : undefined}>
+              {flexRender(cell.column.columnDef.cell, cell.getContext())}
+            </TableCell>))}
+        </>) : (children)}
+    </tr>);
+};
+const TableCell = forwardRef(({ rounded, isFirstItem, isLastItem, href, children, className, ...props }, ref) => (<td ref={ref} className={classNames('align-middle [&:has([role=checkbox])]:pr-0', 'border-outline-default border-b', 'first-of-type:border-l last-of-type:border-r', href === undefined ? 'p-md' : 'relative', isFirstItem && [
+        'border-t',
+        rounded === 's' && 'first-of-type:rounded-tl-small last-of-type:rounded-tr-small',
+        rounded === 'm' && 'first-of-type:rounded-tl-medium last-of-type:rounded-tr-medium',
+        rounded === 'l' && 'first-of-type:rounded-tl-large last-of-type:rounded-tr-large',
+        rounded === 'half' && 'first-of-type:rounded-tl-[50%] last-of-type:rounded-tr-[50%]',
+    ], isLastItem && [
+        rounded === 's' && 'first-of-type:rounded-bl-small last-of-type:rounded-br-small',
+        rounded === 'm' && 'first-of-type:rounded-bl-medium last-of-type:rounded-br-medium',
+        rounded === 'l' && 'first-of-type:rounded-bl-large last-of-type:rounded-br-large',
+        rounded === 'half' && 'first-of-type:rounded-bl-[50%] last-of-type:rounded-br-[50%]',
+    ], getTextColorTypeClassName(TextColorTypes.main, true), getBackgroundColorTypeClassName(BackgroundColorTypes.default), className)} {...props}>
+    {href === undefined ? (<Component.Typography.Pre className='text-sm whitespace-pre-wrap wrap-break-word'>
+        {children}
+      </Component.Typography.Pre>) : (<Link href={href} className='p-md flex'>
+        <Component.Typography.Pre className='text-sm whitespace-pre-wrap wrap-break-word'>
+          {children}
+        </Component.Typography.Pre>
+        {/* eslint-disable-next-line no-irregular-whitespace */}
+        <p className='w-0'>　</p>
+      </Link>)}
+  </td>));
+TableCell.displayName = 'TableCell';
+export const DataTable = ({ className, rounded = Rounded.m, addtionalHeader, showTableHeader = true, headerBackgroundColor, headerTextColor, columns, emptyMessage, data: tmp, pagination, sort, rowSelect, }) => {
+    // Helper function to translate header content
+    const t = useTranslations();
+    const translateHeader = (headerContent) => {
+        if (typeof headerContent === 'string') {
+            return t(headerContent);
+        }
+        return headerContent;
+    };
+    // header
+    const roundedTop = addtionalHeader === undefined ? rounded : Rounded.none;
+    // data
+    const [data, setData] = useState(tmp);
+    useEffect(() => {
+        setData(tmp);
+    }, [tmp]);
+    // eslint-disable-next-line react-hooks/incompatible-library
+    const table = useReactTable({
+        data,
+        columns,
+        getCoreRowModel: getCoreRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+    });
+    // Pagination
+    const router = useRouter();
+    const pathname = usePathname();
+    // Dnd
+    const id = useId();
+    const sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));
+    const [activeId, setActiveId] = useState();
+    const items = useMemo(() => data.map((x) => x.id), [data]);
+    const selectedRow = useMemo(() => {
+        if (!activeId) {
+            return undefined;
+        }
+        return table.getRowModel().rows.find(({ original }) => original.id === activeId);
+    }, [activeId, table]);
+    return (<div className='flex w-fit min-w-full flex-col'>
+      {addtionalHeader !== undefined && (<div className={classNames('p-base gap-base rounded-t-medium flex w-full items-center justify-between text-xs', getBorderColorTypeClassName(borderDefault(true)), getBackgroundColorTypeClassName(BackgroundColorTypes.container), getTextColorTypeClassName(TextColorTypes.sub, true))}>
+          {addtionalHeader}
+        </div>)}
+      <DndContext id={id} sensors={sensors} collisionDetection={closestCenter} modifiers={[restrictToVerticalAxis]} onDragStart={(e) => setActiveId(e.active.id)} onDragCancel={() => setActiveId(undefined)} onDragEnd={(e) => {
+            const { active, over } = e;
+            if (!over) {
+                return;
+            }
+            if (active.id !== over.id) {
+                const oldIndex = items.indexOf(active.id);
+                const newIndex = items.indexOf(over.id);
+                const ret = arrayMove(data, oldIndex, newIndex);
+                setData(ret);
+                setTimeout(() => sort?.onSorted?.(ret), 100);
+            }
+            setActiveId(undefined);
+        }}>
+        <div className={classNames('border-separate border-spacing-0 overflow-visible', { '-mt-px': addtionalHeader !== undefined }, className)}>
+          <Table>
+            {showTableHeader && (<TableHeader>
+                {table.getHeaderGroups().map((headerGroup) => (<TableRow key={headerGroup.id} isFirstItem={true} isLastItem={false} roundedTop={roundedTop} roundedBottom={rounded} dndSortEnabled={sort?.dndEnabled === true}>
+                    {sort?.dndEnabled === true && (<TableHead style={{
+                        width: 20,
+                    }} rounded={roundedTop} className={classNames(headerBackgroundColor
+                        ? getColorTypeClassName(headerBackgroundColor, true)
+                        : getBackgroundColorTypeClassName(BackgroundColorTypes.container), getTextColorTypeClassName(headerTextColor ?? TextColorTypes.main, true))}/>)}
+                    {headerGroup.headers.map((h) => (<TableHead key={h.id} style={{
+                        width: h.getSize() === 150 ? undefined : h.getSize(),
+                    }} rounded={roundedTop} className={classNames(headerBackgroundColor
+                        ? getColorTypeClassName(headerBackgroundColor, true)
+                        : getBackgroundColorTypeClassName(BackgroundColorTypes.container), getTextColorTypeClassName(headerTextColor ?? TextColorTypes.main, true))}>
+                        {h.isPlaceholder ? null : sort !== undefined &&
+                        sort?.excludeHeaders?.includes(h.column.id) !== true ? (<SortButton column={h.column} isRouterSortEnabled={sort.isRouterSortEnabled} initialSort={sort.orderBy?.find((x) => Object.keys(x).some((y) => y === h.column.id))?.[h.column.id]}>
+                            {translateHeader(flexRender(h.column.columnDef.header, h.getContext()))}
+                          </SortButton>) : (translateHeader(flexRender(h.column.columnDef.header, h.getContext())))}
+                      </TableHead>))}
+                  </TableRow>))}
+              </TableHeader>)}
+            <TableBody>
+              {table.getRowModel().rows.length === 0 ? (<TableRow isFirstItem={true} isLastItem={true} roundedTop={roundedTop} roundedBottom={rounded} dndSortEnabled={false} className='w-full'>
+                  <TableCell colSpan={columns.length + (sort?.dndEnabled === true ? 1 : 0)} rounded={showTableHeader ? rounded : roundedTop} isFirstItem={!showTableHeader} isLastItem={true}>
+                    {emptyMessage}
+                  </TableCell>
+                </TableRow>) : (<>
+                  {sort?.dndEnabled === true ? (<SortableContext items={items} strategy={verticalListSortingStrategy}>
+                      {table.getRowModel().rows.map((row, i) => (<TableRow key={row.original.id} onClick={() => !row.original.disabled && rowSelect?.(row.original)} data-state={row.getIsSelected() && 'selected'} className={rowSelect && !row.original.disabled
+                        ? 'hover:bg-bg-default cursor-pointer hover:opacity-80'
+                        : undefined} row={row} isFirstItem={i === 0 && !showTableHeader} isLastItem={table.getRowModel().rows.length - 1 === i} roundedTop={roundedTop} roundedBottom={rounded} dndSortEnabled={true}/>))}
+                    </SortableContext>) : (<>
+                      {table.getRowModel().rows.map((row, i) => (<TableRow key={row.original.id} onClick={() => !row.original.disabled && rowSelect?.(row.original)} data-state={row.getIsSelected() && 'selected'} className={rowSelect && !row.original.disabled
+                        ? 'hover:bg-bg-default cursor-pointer hover:opacity-80'
+                        : undefined} row={row} isFirstItem={i === 0 && !showTableHeader} isLastItem={table.getRowModel().rows.length - 1 === i} roundedTop={roundedTop} roundedBottom={rounded} dndSortEnabled={false}/>))}
+                    </>)}
+                </>)}
+            </TableBody>
+          </Table>
+          <DragOverlay>
+            {activeId && (<Table>
+                <TableBody>
+                  {selectedRow && (<TableRow key={selectedRow.original.id} row={selectedRow} isFirstItem={false} isLastItem={false} roundedTop={roundedTop} roundedBottom={rounded} dndSortEnabled={true} isStatic={true} className='cursor-grabbing'/>)}
+                </TableBody>
+              </Table>)}
+          </DragOverlay>
+          {pagination && (pagination?.count ?? 0) > 1 && (<div className='p-base flex items-center justify-center gap-4'>
+              <Pagination variant='outlined' count={pagination.count} page={pagination.page} sx={{
+                '& .MuiPaginationItem-root': {
+                    lineHeight: '32px',
+                },
+            }} onChange={(_, page) => {
+                if (pagination.onPageSelected === undefined) {
+                    const searchParams = new URLSearchParams(window.location.search);
+                    searchParams.set('page', page.toString());
+                    router.push(`${pathname}?${searchParams.toString()}`);
+                }
+                else {
+                    pagination.onPageSelected(page);
+                }
+            }}/>
+            </div>)}
+        </div>
+      </DndContext>
+    </div>);
+};
+//# sourceMappingURL=index.jsx.map

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

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

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

@@ -0,0 +1,7 @@
+import type { ComponentProps } from 'react';
+import { Component } from '../../component';
+import { type ColorTypes } from '../../theme';
+export declare const Toast: ({ color, onClickClose, children, ...props }: {
+    color: ColorTypes;
+    onClickClose: () => void;
+} & ComponentProps<typeof Component.Card>) => import("react").JSX.Element;

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

@@ -0,0 +1,18 @@
+'use client';
+import CloseIcon from '@mui/icons-material/Close';
+import classNames from 'classnames';
+import { motion } from 'framer-motion';
+import { useTranslations } from 'next-intl';
+import { Component } from '../../component';
+import { ControlSize, getColorTypeClassName } from '../../theme';
+export const Toast = ({ color, onClickClose, children, ...props }) => {
+    const t = useTranslations();
+    const translatedChildren = typeof children === 'string' ? t(children) : children;
+    return (<motion.div className='bottom-base right-base fixed text-sm shadow-lg'>
+      <Component.Card className={classNames('p-control-padding-base gap-control-padding-md flex flex-row items-center', getColorTypeClassName(color, false))} {...props} border={false}>
+        {translatedChildren}
+        <Component.Button variant='colored' color={color} size={ControlSize.md} icon={CloseIcon} onClick={onClickClose}/>
+      </Component.Card>
+    </motion.div>);
+};
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/layout/toast/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAmB,WAAW,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAEjF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACgF,EAAE,EAAE;IAC5F,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,gDAAgD,CACpE;MAAA,CAAC,SAAS,CAAC,IAAI,CACb,SAAS,CAAC,CAAC,UAAU,CACnB,0EAA0E,EAC1E,qBAAqB,CAAC,KAAK,EAAE,KAAK,CAAC,CACpC,CAAC,CACF,IAAI,KAAK,CAAC,CACV,MAAM,CAAC,CAAC,KAAK,CAAC,CAEd;QAAA,CAAC,kBAAkB,CACnB;QAAA,CAAC,SAAS,CAAC,MAAM,CACf,OAAO,CAAC,SAAS,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CACrB,IAAI,CAAC,CAAC,SAAS,CAAC,CAChB,OAAO,CAAC,CAAC,YAAY,CAAC,EAE1B;MAAA,EAAE,SAAS,CAAC,IAAI,CAClB;IAAA,EAAE,MAAM,CAAC,GAAG,CAAC,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/ui/theme/border/index.d.ts

@@ -0,0 +1,28 @@
+export declare const BorderColorTypes: {
+    readonly none: "none";
+    readonly default: "default";
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly accent: "accent";
+    readonly error: "error";
+    readonly warning: "warning";
+    readonly success: "success";
+    readonly info: "info";
+};
+export type BorderColorTypes = (typeof BorderColorTypes)[keyof typeof BorderColorTypes];
+export declare const BorderWidth: {
+    readonly none: "none";
+    readonly base: "base";
+    readonly lg: "lg";
+    readonly xl: "xl";
+    readonly '2xl': "2xl";
+};
+export type BorderWidth = (typeof BorderWidth)[keyof typeof BorderWidth];
+export interface BorderProps {
+    container: boolean;
+    type: 'outline' | 'border' | 'border-t' | 'border-b' | 'border-l' | 'border-r' | 'border-x' | 'border-y';
+    color: BorderColorTypes;
+    width: BorderWidth;
+}
+export declare const borderDefault: (container?: boolean, type?: "outline" | "border" | "border-t" | "border-b" | "border-l" | "border-r" | "border-x" | "border-y", color?: BorderColorTypes, width?: BorderWidth) => BorderProps;
+export declare const getBorderColorTypeClassName: (props?: BorderProps) => (string | false)[];

package/dist/ui/theme/border/index.js

@@ -0,0 +1,67 @@
+export const BorderColorTypes = {
+    none: 'none',
+    default: 'default',
+    primary: 'primary',
+    secondary: 'secondary',
+    accent: 'accent',
+    error: 'error',
+    warning: 'warning',
+    success: 'success',
+    info: 'info',
+};
+export const BorderWidth = {
+    none: 'none',
+    base: 'base',
+    lg: 'lg',
+    xl: 'xl',
+    '2xl': '2xl',
+};
+export const borderDefault = (container = false, type = 'outline', color = BorderColorTypes.default, width = BorderWidth.base) => ({
+    color,
+    container,
+    width,
+    type,
+});
+export const getBorderColorTypeClassName = (props) => {
+    if (!props) {
+        return [];
+    }
+    const { container, type, color, width } = props;
+    if (type === 'outline') {
+        return [
+            'outline',
+            color === 'none' && 'outline-transparent',
+            color === 'default' && 'outline-outline-default',
+            color === 'primary' && (container ? 'outline-primary-container-bg' : 'outline-primary-default-bg'),
+            color === 'secondary' && (container ? 'outline-secondary-container-bg' : 'outline-secondary-default-bg'),
+            color === 'accent' && (container ? 'outline-accent-container-bg' : 'outline-accent-default-bg'),
+            color === 'error' && (container ? 'outline-error-container-bg' : 'outline-error-default-bg'),
+            color === 'warning' && (container ? 'outline-warning-container-bg' : 'outline-warning-default-bg'),
+            color === 'success' && (container ? 'outline-success-container-bg' : 'outline-success-default-bg'),
+            color === 'info' && (container ? 'outline-info-container-bg' : 'outline-info-default-bg'),
+            width === 'none' && 'outline-0 outline-offset-0',
+            width === 'base' && 'outline-[1px] outline-offset-[-1px]',
+            width === 'lg' && 'outline-[2px] outline-offset-[-2px]',
+            width === 'xl' && 'outline-[4px] outline-offset-[-4px]',
+            width === '2xl' && 'outline-[6px] outline-offset-[-6px]',
+        ];
+    }
+    return [
+        type,
+        color === 'none' && `${type}-transparent`,
+        color === 'default' && `${type}-outline-default`,
+        color === 'primary' && (container ? `${type}-primary-container-bg` : `${type}-primary-default-bg`),
+        color === 'secondary' && (container ? `${type}-secondary-container-bg` : `${type}-secondary-default-bg`),
+        color === 'accent' && (container ? `${type}-accent-container-bg` : `${type}-accent-default-bg`),
+        color === 'error' && (container ? `${type}-error-container-bg` : `${type}-error-default-bg`),
+        color === 'warning' && (container ? `${type}-warning-container-bg` : `${type}-warning-default-bg`),
+        color === 'success' && (container ? `${type}-success-container-bg` : `${type}-success-default-bg`),
+        color === 'info' && (container ? `${type}-info-container-bg` : `${type}-info-default-bg`),
+        width === 'none' && `${type}-0`,
+        width === 'base' && `${type}-[1px]`,
+        width === 'lg' && `${type}-[2px]`,
+        width === 'xl' && `${type}-[4px]`,
+        width === '2xl' && `${type}-[6px]`,
+    ];
+};
+//# sourceMappingURL=index.js.map