@ya-accelerators/nextjs-framework 0.0.99 → 0.0.101

package/dist/ui/{layout → composite}/object/index.d.ts

@@ -21,10 +21,9 @@ 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"> & {
+export declare const ObjectView: <T extends Record<string, unknown>>({ name, obj, layout, overrides, additionals, className, itemOrientation, itemClassName, labelWidth, }: 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 → composite}/object/index.jsx

@@ -4,18 +4,15 @@ 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, }) => {
+export const ObjectView = ({ name, obj, layout, overrides, additionals, className, itemOrientation = 'vertical', itemClassName, labelWidth, }) => {
     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];
@@ -61,32 +58,65 @@ export const ObjectView = ({ name, obj, layout, overrides, additionals, classNam
                   {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}/>)}
+                        .map((y, k) => (<RenderItem key={`${i}-${j}-${k}`} objName={name} item={y} obj={obj} orientation={itemOrientation} className={itemClassName} labelWidth={labelWidth}/>))
+                    : x && (<RenderItem key={`${i}-${j}`} objName={name} item={x} obj={obj} orientation={itemOrientation} className={itemClassName} labelWidth={labelWidth}/>)}
                 </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>);
+const isReactNode = (value) => typeof value === 'object' && value !== null && '$$typeof' in value;
+const ValueView = ({ value }) => {
+    if (value === undefined || value === null) {
+        return (<Component.Typography.P color={TextColorTypes.main}>
+        <>-</>
+      </Component.Typography.P>);
+    }
+    if (isReactNode(value)) {
+        return <div>{value}</div>;
+    }
+    if (value instanceof Date) {
+        return (<Component.Typography.P color={TextColorTypes.main}>
+        <>{value.toISOString()}</>
+      </Component.Typography.P>);
+    }
+    if (Array.isArray(value)) {
+        if (value.length === 0) {
+            return (<Component.Typography.P color={TextColorTypes.main}>
+          <>-</>
+        </Component.Typography.P>);
+        }
+        return (<div className='flex w-full flex-col gap-control-padding-md'>
+        {value.map((entry, index) => typeof entry === 'object' && entry !== null && !isReactNode(entry) && !(entry instanceof Date) ? (<div key={index} className='border-l border-l-outline-default pl-control-padding-base'>
+              <ValueView value={entry}/>
+            </div>) : (<ValueView key={index} value={entry}/>))}
+      </div>);
+    }
+    if (typeof value === 'object') {
+        return (<div className='flex w-full flex-col gap-control-padding-sm'>
+        {Object.entries(value).map(([entryKey, entryValue]) => (<div key={entryKey} className='flex w-full items-start gap-control-padding-base'>
+            <Component.Typography.P color={TextColorTypes.sub} className='shrink-0 text-sm'>
+              <>{entryKey}</>
+            </Component.Typography.P>
+            <ValueView value={entryValue}/>
+          </div>))}
+      </div>);
+    }
+    return (<Component.Typography.P color={TextColorTypes.main}>
+      <>{String(value)}</>
+    </Component.Typography.P>);
 };
+const RenderItem = ({ objName, item, obj, orientation, className, labelWidth, }) => (<div className={classNames('flex w-full', orientation === 'horizontal' ? 'flex-row' : 'flex-col', className)}>
+    <Component.Typography.P color={TextColorTypes.sub} style={{ width: labelWidth }} className='text-sm'>
+      {item.label || `${objName}.${item.key}`}
+    </Component.Typography.P>
+    <ValueView value={item.value ?? obj[item.key]}/>
+  </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) => {
@@ -134,11 +164,7 @@ export const ObjectTable = ({ name, obj, layout, overrides, additionals, firstCo
             {
                 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)}</>);
-                },
+                cell: ({ row }) => <ValueView value={row.original.value}/>,
             },
         ]} data={items} {...restProps}/>);
 };

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

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

package/dist/ui/composite/pageTitle/index.jsx

@@ -1,4 +1,5 @@
 'use client';
+import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
 import classNames from 'classnames';
 import Link from 'next/link';
 import { usePathname, useRouter } from 'next/navigation';
@@ -39,8 +40,9 @@ export const PageTitle = ({ routes, title, actions, back = false, keepRoutesSpac
       {showTitle && (<div className='flex items-center justify-between'>
           <div className='flex'>
             <div className='flex items-center gap-xs'>
-              {back === true && (<Link href='#' className='whitespace-nowrap' onClick={router.back}>
-                  <Component.Typography.P>{'<'} Back</Component.Typography.P>
+              {back === true && (<Link href='#' className='flex items-center whitespace-nowrap' onClick={router.back}>
+                  <Component.Icon icon={ChevronLeftIcon} className='size-control-md!'/>
+                  <Component.Typography.P>Back</Component.Typography.P>
                 </Link>)}
               <Component.Typography.H3 className='font-bold'>{title}</Component.Typography.H3>
             </div>

package/dist/ui/composite/pageTitle/index.jsx.map

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

package/dist/ui/composite/popover/index.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from 'react';
+import { AnchorPlacement } from '../../../hooks/anchor';
+import type { Rounded } from '../../theme';
+export declare const Popover: ({ trigger, content, placement, rounded, panelClassName, disabled, className, }: {
+    trigger: ReactNode;
+    content: ReactNode;
+    placement?: AnchorPlacement;
+    rounded?: Rounded;
+    panelClassName?: string;
+    disabled?: boolean;
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/ui/composite/popover/index.jsx

@@ -0,0 +1,48 @@
+'use client';
+import classNames from 'classnames';
+import { useEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { AnchorPlacement, useAnchoredPosition } from '../../../hooks/anchor';
+import { useMounted } from '../../../hooks/mounted';
+import { Component } from '../../component';
+export const Popover = ({ trigger, content, placement = AnchorPlacement.bottom, rounded, panelClassName, disabled, className, }) => {
+    const [open, setOpen] = useState(false);
+    const anchorRef = useRef(null);
+    const panelRef = useRef(null);
+    const coords = useAnchoredPosition(anchorRef, panelRef, placement, open);
+    const mounted = useMounted();
+    useEffect(() => {
+        if (!open) {
+            return;
+        }
+        const onKeyDown = (e) => {
+            if (e.key === 'Escape') {
+                setOpen(false);
+            }
+        };
+        window.addEventListener('keydown', onKeyDown);
+        return () => {
+            window.removeEventListener('keydown', onKeyDown);
+        };
+    }, [open]);
+    return (<div className={classNames('flex w-fit flex-col', className)}>
+      <div ref={anchorRef} onClick={() => {
+            if (disabled !== true) {
+                setOpen((v) => !v);
+            }
+        }}>
+        {trigger}
+      </div>
+      {mounted &&
+            open &&
+            createPortal(<>
+            <div className='fixed inset-0 z-popup' onClick={() => setOpen(false)}/>
+            <div ref={panelRef} className={classNames('absolute z-popup w-max max-w-[90%]', coords === undefined && 'invisible')} style={{ top: coords?.top ?? 0, left: coords?.left ?? 0 }}>
+              <Component.Card rounded={rounded} shadow className={panelClassName}>
+                {content}
+              </Component.Card>
+            </div>
+          </>, document.body)}
+    </div>);
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/composite/popover/index.jsx.map

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

package/dist/ui/composite/stepper/index.d.ts

@@ -0,0 +1,8 @@
+export declare const Stepper: ({ steps, current, orientation, className, }: {
+    steps: {
+        label: string;
+    }[];
+    current: number;
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/ui/composite/stepper/index.jsx

@@ -0,0 +1,34 @@
+'use client';
+import CheckIcon from '@mui/icons-material/Check';
+import classNames from 'classnames';
+import { useTranslations } from 'next-intl';
+import { Component } from '../../component';
+import { ColorTypes, getColorTypeClassName, getRoundedClassName, getTextColorTypeClassName, Rounded, TextColorTypes, } from '../../theme';
+export const Stepper = ({ steps, current, orientation = 'horizontal', className, }) => {
+    const t = useTranslations();
+    return (<ol className={classNames('flex w-full', orientation === 'vertical' ? 'flex-col gap-sm' : 'items-start', className)}>
+      {steps.map((step, i) => (<li key={i} aria-current={i === current ? 'step' : undefined} className={classNames('flex', orientation === 'vertical'
+                ? 'items-center gap-control-padding-lg'
+                : 'flex-1 flex-col items-center gap-control-padding-md text-center')}>
+          <div className={classNames('flex items-center', orientation === 'vertical' ? '' : 'w-full')}>
+            {orientation === 'horizontal' && (<div className={classNames('h-px flex-1', i === 0 ? 'bg-transparent' : i <= current ? 'bg-primary-default-bg' : 'bg-outline-default')}/>)}
+            <div className={classNames('flex size-control-2xl shrink-0 items-center justify-center text-sm font-bold', getRoundedClassName(Rounded.half), i < current
+                ? getColorTypeClassName(ColorTypes.primary, true)
+                : i === current
+                    ? getColorTypeClassName(ColorTypes.primary, false)
+                    : 'bg-outline-default')}>
+              {i < current ? <Component.Icon icon={CheckIcon} className='size-control-md'/> : `${i + 1}`}
+            </div>
+            {orientation === 'horizontal' && (<div className={classNames('h-px flex-1', i === steps.length - 1
+                    ? 'bg-transparent'
+                    : i < current
+                        ? 'bg-primary-default-bg'
+                        : 'bg-outline-default')}/>)}
+          </div>
+          <span className={classNames('text-sm', i === current && 'font-bold', getTextColorTypeClassName(i <= current ? TextColorTypes.main : TextColorTypes.disabled))}>
+            {t(step.label)}
+          </span>
+        </li>))}
+    </ol>);
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/composite/stepper/index.jsx.map

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

package/dist/ui/composite/table/features.d.ts

@@ -0,0 +1,15 @@
+export declare const dataTableFeatures: {
+    rowSortingFeature: import("@tanstack/react-table").TableFeature;
+    rowSelectionFeature: import("@tanstack/react-table").TableFeature;
+    columnSizingFeature: import("@tanstack/react-table").TableFeature;
+    columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
+    sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+    sortFns: {
+        alphanumeric: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        alphanumericCaseSensitive: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        basic: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        datetime: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        text: import("@tanstack/react-table").CreatedSortFn<any, any>;
+        textCaseSensitive: import("@tanstack/react-table").CreatedSortFn<any, any>;
+    };
+};

package/dist/ui/composite/table/features.js

@@ -0,0 +1,10 @@
+import { columnSizingFeature, columnVisibilityFeature, createSortedRowModel, rowSelectionFeature, rowSortingFeature, sortFns, tableFeatures, } from '@tanstack/react-table';
+export const dataTableFeatures = tableFeatures({
+    rowSortingFeature,
+    rowSelectionFeature,
+    columnSizingFeature,
+    columnVisibilityFeature,
+    sortedRowModel: createSortedRowModel(),
+    sortFns,
+});
+//# sourceMappingURL=features.js.map

package/dist/ui/composite/table/features.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features.js","sourceRoot":"","sources":["../../../../../src/ui/composite/table/features.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,OAAO,EACP,aAAa,GACd,MAAM,uBAAuB,CAAA;AAE9B,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAC;IAC7C,iBAAiB;IACjB,mBAAmB;IACnB,mBAAmB;IACnB,uBAAuB;IACvB,cAAc,EAAE,oBAAoB,EAAE;IACtC,OAAO;CACR,CAAC,CAAA"}

package/dist/ui/{layout → composite}/table/index.d.ts

@@ -1,20 +1,15 @@
-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, }: {
+import type { DataTableColumnDef, DataTableRow } from '../../types';
+export declare const DataTable: <TData extends DataTableRow>({ 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>[];
+    columns: DataTableColumnDef<TData>[];
     emptyMessage?: ReactNode;
     data: TData[];
     pagination?: {
@@ -24,7 +19,7 @@ export declare const DataTable: <TData extends {
     };
     sort?: {
         isRouterSortEnabled: boolean;
-        orderBy?: Record<string, "asc" | "desc">[];
+        orderBy?: Record<string, 'asc' | 'desc'>[];
         excludeHeaders?: string[];
         dndEnabled?: boolean;
         onSorted?: (data: TData[]) => void;

package/dist/ui/{layout → composite}/table/index.jsx

@@ -5,7 +5,7 @@ import { arrayMove, SortableContext, useSortable, verticalListSortingStrategy }
 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 { flexRender, useTable } from '@tanstack/react-table';
 import classNames from 'classnames';
 import Link from 'next/link';
 import { usePathname, useRouter } from 'next/navigation';
@@ -13,6 +13,7 @@ import { useTranslations } from 'next-intl';
 import { forwardRef, startTransition, useEffect, useId, useMemo, useState } from 'react';
 import { Component } from '../../component';
 import { BackgroundColorTypes, borderDefault, getBackgroundColorTypeClassName, getBorderColorTypeClassName, getColorTypeClassName, getTextColorTypeClassName, Rounded, TextColorTypes, } from '../../theme';
+import { dataTableFeatures } from './features';
 const Table = forwardRef(({ className, ...props }, ref) => (<table ref={ref} className={classNames('w-full max-w-full caption-bottom border-separate border-spacing-0 break-all text-sm', className)} {...props}/>));
 Table.displayName = 'Table';
 const TableHeader = forwardRef(({ className, ...props }, ref) => (<thead ref={ref} className={classNames('border-outline-default', className)} {...props}/>));
@@ -134,7 +135,7 @@ const TableRow = ({ row, isFirstItem, isLastItem, roundedTop, roundedBottom, dnd
         </>) : (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 && [
+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',
@@ -145,7 +146,7 @@ const TableCell = forwardRef(({ rounded, isFirstItem, isLastItem, href, children
         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}>
+    ], getTextColorTypeClassName(TextColorTypes.main), getBackgroundColorTypeClassName(BackgroundColorTypes.default), className)} {...props}>
     {href === undefined ? (<Component.Typography.Pre className='wrap-break-word whitespace-pre-wrap text-sm'>
         {children}
       </Component.Typography.Pre>) : (<Link href={href} className='flex p-md'>
@@ -157,7 +158,6 @@ const TableCell = forwardRef(({ rounded, isFirstItem, isLastItem, href, children
   </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') {
@@ -165,40 +165,27 @@ export const DataTable = ({ className, rounded = Rounded.m, addtionalHeader, sho
         }
         return headerContent;
     };
-    // header
     const roundedTop = addtionalHeader === undefined ? rounded : Rounded.none;
-    // data
     const [data, setData] = useState(tmp);
     useEffect(() => {
         startTransition(() => {
             setData(tmp);
         });
     }, [tmp]);
-    // TanStack Table is React-Compiler-incompatible by design — React Compiler auto-skips
-    // memoizing components/hooks that call known-incompatible libraries
-    // (facebook/react#33057, PR #34027), so `useReactTable` is safe to call here.
-    const table = useReactTable({
+    const table = useTable({
+        features: dataTableFeatures,
         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]);
+    const selectedRow = activeId ? table.getRowModel().rows.find(({ original }) => original.id === activeId) : undefined;
     return (<div className='flex w-fit min-w-full flex-col'>
-      {addtionalHeader !== undefined && (<div className={classNames('flex w-full items-center justify-between gap-base rounded-t-medium p-base text-xs', getBorderColorTypeClassName(borderDefault(true)), getBackgroundColorTypeClassName(BackgroundColorTypes.container), getTextColorTypeClassName(TextColorTypes.sub, true))}>
+      {addtionalHeader !== undefined && (<div className={classNames('flex w-full items-center justify-between gap-base rounded-t-medium p-base text-xs', getBorderColorTypeClassName(borderDefault(true)), getBackgroundColorTypeClassName(BackgroundColorTypes.container), getTextColorTypeClassName(TextColorTypes.sub))}>
           {addtionalHeader}
         </div>)}
       <DndContext id={id} sensors={sensors} collisionDetection={closestCenter} modifiers={[restrictToVerticalAxis]} onDragStart={(e) => setActiveId(e.active.id)} onDragCancel={() => setActiveId(undefined)} onDragEnd={(e) => {
@@ -223,12 +210,12 @@ export const DataTable = ({ className, rounded = Rounded.m, addtionalHeader, sho
                         width: 20,
                     }} rounded={roundedTop} className={classNames(headerBackgroundColor
                         ? getColorTypeClassName(headerBackgroundColor, true)
-                        : getBackgroundColorTypeClassName(BackgroundColorTypes.container), getTextColorTypeClassName(headerTextColor ?? TextColorTypes.main, true))}/>)}
+                        : getBackgroundColorTypeClassName(BackgroundColorTypes.container), getTextColorTypeClassName(headerTextColor ?? TextColorTypes.main))}/>)}
                     {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))}>
+                        : getBackgroundColorTypeClassName(BackgroundColorTypes.container), getTextColorTypeClassName(headerTextColor ?? TextColorTypes.main))}>
                         {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()))}

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

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

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

@@ -0,0 +1,18 @@
+import type { ComponentProps } from 'react';
+import { Component } from '../../component';
+import { type ColorTypes } from '../../theme';
+export declare const ToastPosition: {
+    readonly topLeft: 'topLeft';
+    readonly topCenter: 'topCenter';
+    readonly topRight: 'topRight';
+    readonly bottomLeft: 'bottomLeft';
+    readonly bottomCenter: 'bottomCenter';
+    readonly bottomRight: 'bottomRight';
+};
+export type ToastPosition = (typeof ToastPosition)[keyof typeof ToastPosition];
+export declare const Toast: ({ color, position, onClickClose, body, ...props }: {
+    color: ColorTypes;
+    position?: ToastPosition;
+    onClickClose: () => void;
+    body: string;
+} & Omit<ComponentProps<typeof Component.Card>, 'children'>) => import("react").JSX.Element;

package/dist/ui/{layout → composite}/toast/index.jsx

@@ -5,12 +5,19 @@ 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 }) => {
+export const ToastPosition = {
+    topLeft: 'topLeft',
+    topCenter: 'topCenter',
+    topRight: 'topRight',
+    bottomLeft: 'bottomLeft',
+    bottomCenter: 'bottomCenter',
+    bottomRight: 'bottomRight',
+};
+export const Toast = ({ color, position = ToastPosition.bottomRight, onClickClose, body, ...props }) => {
     const t = useTranslations();
-    const translatedChildren = typeof children === 'string' ? t(children) : children;
-    return (<motion.div className='fixed right-base bottom-base text-sm shadow-lg'>
+    return (<motion.div className={classNames('fixed w-fit text-sm shadow-lg', position.startsWith('top') ? 'top-base' : 'bottom-base', position.endsWith('Left') && 'left-base', position.endsWith('Right') && 'right-base', position.endsWith('Center') && 'inset-x-0 mx-auto')}>
       <Component.Card className={classNames('flex flex-row items-center gap-control-padding-md p-control-padding-base', getColorTypeClassName(color, false))} {...props} border={false}>
-        {translatedChildren}
+        {t(body)}
         <Component.Button variant='colored' color={color} size={ControlSize.md} icon={CloseIcon} onClick={onClickClose}/>
       </Component.Card>
     </motion.div>);

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/composite/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,aAAa,GAAG;IAC3B,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,YAAY;IACxB,YAAY,EAAE,cAAc;IAC5B,WAAW,EAAE,aAAa;CAClB,CAAA;AAGV,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,KAAK,EACL,QAAQ,GAAG,aAAa,CAAC,WAAW,EACpC,YAAY,EACZ,IAAI,EACJ,GAAG,KAAK,EAMiD,EAAE,EAAE;IAC7D,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,OAAO,CACL,CAAC,MAAM,CAAC,GAAG,CACT,SAAS,CAAC,CAAC,UAAU,CACnB,+BAA+B,EAC/B,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,EACvD,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,WAAW,EACxC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,YAAY,EAC1C,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,mBAAmB,CACnD,CAAC,CAEF;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,CAAC,CAAC,IAAI,CAAC,CACR;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/composite/tooltip/index.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+import { AnchorPlacement } from '../../../hooks/anchor';
+import { Rounded } from '../../theme';
+export declare const Tooltip: ({ content, placement, rounded, disabled, className, children, }: {
+    content: ReactNode;
+    placement?: AnchorPlacement;
+    rounded?: Rounded;
+    disabled?: boolean;
+    className?: string;
+    children: ReactNode;
+}) => import("react").JSX.Element;