@sito/dashboard-app 0.0.47 → 0.0.49

package/README.md

@@ -14,7 +14,7 @@ pnpm add @sito/dashboard-app
 
 ## Requirements
 
-- Node.js `18.18.0` (see `.nvmrc`)
+- Node.js `20.x` (see `.nvmrc`)
 - React `18.3.1`
 - React DOM `18.3.1`
 - `@tanstack/react-query` `5.83.0`
@@ -22,14 +22,30 @@ pnpm add @sito/dashboard-app
 - `@sito/dashboard` `^0.0.68`
 - Font Awesome + Emotion peers defined in `package.json`
 
+Install all peers in consumer apps:
+
+```bash
+npm install \
+  react@18.3.1 react-dom@18.3.1 \
+  @sito/dashboard@^0.0.68 \
+  @emotion/css@11.13.5 \
+  @tanstack/react-query@5.83.0 \
+  react-hook-form@7.61.1 \
+  @fortawesome/fontawesome-svg-core@7.0.0 \
+  @fortawesome/free-solid-svg-icons@7.0.0 \
+  @fortawesome/free-regular-svg-icons@7.0.0 \
+  @fortawesome/free-brands-svg-icons@7.0.0 \
+  @fortawesome/react-fontawesome@0.2.3
+```
+
 ## Core exports
 
-- Layout and navigation: `Page`, `Navbar`, `Drawer`, `TabsLayout`, `PrettyGrid`
+- Layout and navigation: `Page`, `Navbar`, `Drawer`, `TabsLayout`, `PrettyGrid`, `ToTop`
 - Actions and menus: `Actions`, `Action`, `Dropdown`, button components
 - Dialogs and forms: `Dialog`, `FormDialog`, `ImportDialog`, form inputs
 - Feedback: `Notification`, `Loading`, `Empty`, `Error`, `Onboarding`
 - Hooks: `useImportDialog`, `useDeleteDialog`, `usePostForm`, `useDeleteAction`, `useNavbar`, and more — all action hooks ship with default `sticky`, `multiple`, `id`, `icon`, and `tooltip` values so only `onClick` is required
-- Providers and utilities: `ConfigProvider`, `ManagerProvider`, `AuthProvider`, `NotificationProvider`, `NavbarProvider`, DTOs, API clients
+- Providers and utilities: `ConfigProvider`, `ManagerProvider`, `AuthProvider`, `NotificationProvider`, `DrawerMenuProvider`, `NavbarProvider`, DTOs, API clients
 
 ## Component usage patterns
 
@@ -68,7 +84,7 @@ import { TabsLayout } from "@sito/dashboard-app";
   useLinks={false}
   tabButtonProps={{ variant: "outlined", color: "secondary" }}
   tabs={tabs}
-/>
+/>;
 ```
 
 `tabButtonProps` lets you customize each tab button style/behavior (except `onClick` and `children`, which are controlled by `TabsLayout`).
@@ -95,44 +111,170 @@ import { Onboarding } from "@sito/dashboard-app";
       alt: "Setup preview",
     },
   ]}
-/>
+/>;
 ```
 
 The action buttons still use the package's internal accessibility/button translation keys.
 
+### ImportDialog custom preview
+
+`ImportDialog` supports optional custom preview rendering via `renderCustomPreview`.
+If provided, it receives current parsed `previewItems` and replaces the default JSON preview.
+If omitted, the default preview remains unchanged.
+
+```tsx
+import { ImportDialog } from "@sito/dashboard-app";
+
+<ImportDialog<ProductImportPreviewDto>
+  open={open}
+  title="Import products"
+  handleClose={close}
+  handleSubmit={submit}
+  fileProcessor={parseFile}
+  renderCustomPreview={(items) => <ProductsPreviewTable items={items ?? []} />}
+/>;
+```
+
+`useImportDialog` also accepts and forwards `renderCustomPreview`:
+
+```tsx
+import { useImportDialog } from "@sito/dashboard-app";
+
+const importDialog = useImportDialog<ProductDto, ProductImportPreviewDto>({
+  queryKey: ["products"],
+  entity: "products",
+  mutationFn: api.products.import,
+  fileProcessor: parseFile,
+  renderCustomPreview: (items) => <ProductsPreviewTable items={items ?? []} />,
+});
+```
+
+### PrettyGrid infinite scroll
+
+`PrettyGrid` supports optional infinite loading with `IntersectionObserver`.
+Current usage without infinite props keeps the same behavior.
+
+```tsx
+import { PrettyGrid, Loading } from "@sito/dashboard-app";
+
+<PrettyGrid<ProductDto>
+  data={products}
+  loading={isLoading}
+  renderComponent={(item) => <ProductCard item={item} />}
+  hasMore={hasMore}
+  loadingMore={isFetchingNextPage}
+  onLoadMore={fetchNextPage}
+  loadMoreComponent={<Loading className="!w-auto" loaderClass="w-5 h-5" />}
+/>;
+```
+
+Defaults:
+
+- `hasMore = false`
+- `loadingMore = false`
+- `loadMoreComponent = null`
+- `observerRootMargin = "0px 0px 200px 0px"`
+- `observerThreshold = 0`
+
+### ToTop customization
+
+`ToTop` is now customizable while preserving current defaults.
+
+```tsx
+import { ToTop } from "@sito/dashboard-app";
+
+<ToTop
+  threshold={120}
+  tooltip="Back to top"
+  variant="outlined"
+  color="secondary"
+  className="right-8 bottom-8"
+  scrollTop={0}
+  scrollLeft={0}
+/>;
+```
+
+Main optional props:
+
+- `threshold?: number` (default `200`)
+- `scrollTop?: number` / `scrollLeft?: number` (default `0` / `0`)
+- `icon?: IconDefinition`
+- `tooltip?: string`
+- `scrollOnClick?: boolean` (default `true`)
+- `onClick?: () => void`
+
 ## Initial setup example
 
-Wrap your app with the providers to enable navigation, React Query integration, auth context, and notifications.
+Wrap your app with providers in this order to enable routing integration, React Query, auth, notifications, and drawer/navbar state.
 
 ```tsx
 import type { ReactNode } from "react";
-import { BrowserRouter, Link, useLocation, useNavigate } from "react-router-dom";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import {
+  BrowserRouter,
+  Link,
+  useLocation,
+  useNavigate,
+} from "react-router-dom";
 import {
   AuthProvider,
   ConfigProvider,
+  DrawerMenuProvider,
   IManager,
   ManagerProvider,
+  NavbarProvider,
   NotificationProvider,
 } from "@sito/dashboard-app";
 
-const manager = new IManager(import.meta.env.VITE_API_URL);
+const queryClient = new QueryClient();
+
+const authStorageKeys = {
+  user: "user",
+  remember: "remember",
+  refreshTokenKey: "refreshToken",
+  accessTokenExpiresAtKey: "accessTokenExpiresAt",
+};
+
+const manager = new IManager(
+  import.meta.env.VITE_API_URL,
+  authStorageKeys.user,
+  {
+    rememberKey: authStorageKeys.remember,
+    refreshTokenKey: authStorageKeys.refreshTokenKey,
+    accessTokenExpiresAtKey: authStorageKeys.accessTokenExpiresAtKey,
+  },
+);
 
 function AppProviders({ children }: { children: ReactNode }) {
   const go = useNavigate();
   const location = useLocation();
 
   return (
-    <ConfigProvider
-      location={location}
-      navigate={(route) => go(route)}
-      linkComponent={Link}
-    >
-      <ManagerProvider manager={manager}>
-        <AuthProvider>
-          <NotificationProvider>{children}</NotificationProvider>
-        </AuthProvider>
-      </ManagerProvider>
-    </ConfigProvider>
+    <QueryClientProvider client={queryClient}>
+      <ConfigProvider
+        location={location}
+        navigate={(route) => {
+          if (typeof route === "number") go(route);
+          else go(route);
+        }}
+        linkComponent={Link}
+      >
+        <ManagerProvider manager={manager}>
+          <AuthProvider
+            user={authStorageKeys.user}
+            remember={authStorageKeys.remember}
+            refreshTokenKey={authStorageKeys.refreshTokenKey}
+            accessTokenExpiresAtKey={authStorageKeys.accessTokenExpiresAtKey}
+          >
+            <NotificationProvider>
+              <DrawerMenuProvider>
+                <NavbarProvider>{children}</NavbarProvider>
+              </DrawerMenuProvider>
+            </NotificationProvider>
+          </AuthProvider>
+        </ManagerProvider>
+      </ConfigProvider>
+    </QueryClientProvider>
   );
 }
 
@@ -145,6 +287,21 @@ export function App() {
 }
 ```
 
+Notes:
+
+- Keep `ManagerProvider` above `AuthProvider`.
+- `NavbarProvider` is required when using `Navbar` or `useNavbar`; otherwise it can be omitted.
+- If you customize auth storage keys in `AuthProvider`, pass the same keys to `IManager`/`BaseClient` auth config.
+
+## Built-in auth refresh behavior
+
+`APIClient` and `BaseClient` already include refresh/retry behavior for secured requests:
+
+- If `accessTokenExpiresAt` is close to expiry, a refresh runs before sending the request.
+- If a secured request returns `401`, the client attempts one refresh and retries once.
+- Concurrent refresh calls are deduplicated with a shared in-flight promise.
+- If refresh fails, local session keys are cleared (`user`, `remember`, `refreshToken`, `accessTokenExpiresAt`).
+
 ## Local development (step-by-step)
 
 1. Clone the repository:
@@ -183,7 +340,7 @@ export function App() {
 
 ## Offline-first / IndexedDB fallback
 
-`IndexedDBClient` is a drop-in offline alternative to `BaseClient`. It exposes the exact same method surface (`insert`, `insertMany`, `update`, `get`, `getById`, `export`, `import`, `commonGet`, `softDelete`, `restore`) but stores data locally in the browser's IndexedDB instead of calling a remote API.
+`IndexedDBClient` is a drop-in offline alternative to `BaseClient`. It exposes the same method surface (`insert`, `insertMany`, `update`, `get`, `getById`, `export`, `import`, `commonGet`, `softDelete`, `restore`) but stores data locally in the browser's IndexedDB instead of calling a remote API.
 
 ### When to use it
 
@@ -224,9 +381,9 @@ interface ProductFilterDto extends BaseFilterDto {
 class ProductsIndexedDBClient extends IndexedDBClient<
   "products",
   ProductDto,
-  ProductDto,           // TCommonDto
+  ProductDto, // TCommonDto
   Omit<ProductDto, "id" | "createdAt" | "updatedAt" | "deletedAt">,
-  ProductDto,           // TUpdateDto (extends DeleteDto via BaseEntityDto)
+  ProductDto, // TUpdateDto (extends DeleteDto via BaseEntityDto)
   ProductFilterDto,
   ImportPreviewDto
 > {
@@ -242,17 +399,19 @@ class ProductsIndexedDBClient extends IndexedDBClient<
 import { useState, useEffect } from "react";
 
 function useProductsClient() {
-  const [client, setClient] = useState(
-    () => navigator.onLine ? new ProductsClient(apiUrl) : new ProductsIndexedDBClient()
+  const [client, setClient] = useState(() =>
+    navigator.onLine
+      ? new ProductsClient(apiUrl)
+      : new ProductsIndexedDBClient(),
   );
 
   useEffect(() => {
-    const goOnline  = () => setClient(new ProductsClient(apiUrl));
+    const goOnline = () => setClient(new ProductsClient(apiUrl));
     const goOffline = () => setClient(new ProductsIndexedDBClient());
-    window.addEventListener("online",  goOnline);
+    window.addEventListener("online", goOnline);
     window.addEventListener("offline", goOffline);
     return () => {
-      window.removeEventListener("online",  goOnline);
+      window.removeEventListener("online", goOnline);
       window.removeEventListener("offline", goOffline);
     };
   }, []);
@@ -263,6 +422,15 @@ function useProductsClient() {
 
 > **Note:** `IndexedDBClient` requires a browser environment. It will not work in SSR/Node contexts.
 
+Contract and filtering notes:
+
+- Preferred update contract is `update(value)` (aligned with `BaseClient.update(value)`).
+- Legacy `update(id, value)` remains temporarily supported for backward compatibility.
+- Filtering uses strict equality for regular keys.
+- `deletedAt` also supports boolean filtering:
+  - `deletedAt: true` => deleted rows (`deletedAt` not null/undefined)
+  - `deletedAt: false` => active rows (`deletedAt` null/undefined)
+
 ## Tests
 
 Automated tests are configured with `Vitest` + `@testing-library/react`.

package/dist/components/Buttons/IconButton.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ icon, ...rest }: import('./IconButton').IconButtonPropsLocalType) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        icon: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        type: "button";
+        name: string;
+        "aria-label": string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const Outlined: Story;
+export declare const Disabled: Story;

package/dist/components/Buttons/ToTop.d.ts

@@ -1 +1,12 @@
-export declare const ToTop: () => import("react/jsx-runtime").JSX.Element;
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { IconButtonPropsLocalType } from './IconButton';
+export type ToTopPropsType = Omit<IconButtonPropsLocalType, "icon" | "onClick"> & {
+    icon?: IconDefinition;
+    threshold?: number;
+    scrollTop?: number;
+    scrollLeft?: number;
+    tooltip?: string;
+    scrollOnClick?: boolean;
+    onClick?: () => void;
+};
+export declare const ToTop: (props: ToTopPropsType) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Buttons/ToTop.stories.d.ts

@@ -1,9 +1,12 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: () => import("react/jsx-runtime").JSX.Element;
+    component: (props: import('./ToTop').ToTopPropsType) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Basic: Story;
+export declare const Customized: Story;
+export declare const CustomIcon: Story;
+export declare const WithoutAutoScroll: Story;

package/dist/components/Buttons/ToTop.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Clock/Clock.stories.d.ts

@@ -0,0 +1,10 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const InNarrowContainer: Story;

package/dist/components/Dialog/ConfirmationDialog.stories.d.ts

@@ -10,3 +10,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Basic: Story;
+export declare const Loading: Story;

package/dist/components/Dialog/DialogActions.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import('./types').DialogActionsProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        primaryText: string;
+        cancelText: string;
+        onPrimaryClick: () => void;
+        onCancel: () => void;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const Loading: Story;
+export declare const AlignedEnd: Story;

package/dist/components/Dialog/FormDialog.stories.d.ts

@@ -1,14 +1,21 @@
 import { StoryObj } from '@storybook/react';
-import { FieldValues } from 'react-hook-form';
+type FormDialogStoryProps = {
+    title?: string;
+    isLoading?: boolean;
+    buttonEnd?: boolean;
+};
 declare const meta: {
     title: string;
-    component: <TInput extends FieldValues>(props: import('./types').FormDialogPropsType<TInput>) => import("react/jsx-runtime").JSX.Element;
+    component: ({ title, isLoading, buttonEnd, }: FormDialogStoryProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     args: {
         title: string;
-        open: true;
+        isLoading: false;
+        buttonEnd: true;
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Basic: Story;
+export declare const Loading: Story;
+export declare const ButtonsAlignedStart: Story;

package/dist/components/Dialog/ImportDialog/ImportDialog.stories.d.ts

@@ -1,12 +1,24 @@
 import { StoryObj } from '@storybook/react';
+import { ImportPreviewDto } from '../../../lib';
+import { ImportDialogPropsType } from './types';
+type ImportDialogStoryProps = {
+    title?: string;
+    helperText?: string;
+    fileProcessor?: ImportDialogPropsType<ImportPreviewDto>["fileProcessor"];
+    renderCustomPreview?: ImportDialogPropsType<ImportPreviewDto>["renderCustomPreview"];
+};
 declare const meta: {
     title: string;
-    component: <EntityDto extends import('../../../lib').ImportPreviewDto>(props: import('./types').ImportDialogPropsType<EntityDto>) => import("react/jsx-runtime").JSX.Element;
+    component: ({ title, helperText, fileProcessor, renderCustomPreview, }: ImportDialogStoryProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     args: {
         title: string;
+        helperText: string;
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Basic: Story;
+export declare const WithAsyncPreview: Story;
+export declare const WithParseError: Story;
+export declare const WithCustomPreview: Story;

package/dist/components/Dialog/ImportDialog/ImportDialog.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Dialog/ImportDialog/types.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { ImportPreviewDto } from '../../../lib';
 import { DialogPropsType } from '../..';
 export interface ImportDialogPropsType<EntityDto extends ImportPreviewDto> extends DialogPropsType {
@@ -7,5 +8,6 @@ export interface ImportDialogPropsType<EntityDto extends ImportPreviewDto> exten
         override?: boolean;
     }) => Promise<EntityDto[]>;
     onFileProcessed?: (items: EntityDto[]) => void;
+    renderCustomPreview?: (items?: EntityDto[] | null) => ReactNode;
     onOverrideChange?: (override: boolean) => void;
 }

package/dist/components/Empty/Empty.stories.d.ts

@@ -12,3 +12,5 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Basic: Story;
 export declare const CustomMessage: Story;
+export declare const WithAction: Story;
+export declare const WithIcon: Story;

package/dist/components/Form/FormContainer.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+type FormContainerStoryProps = {
+    isLoading?: boolean;
+    buttonEnd?: boolean;
+};
+declare const meta: {
+    title: string;
+    component: ({ isLoading, buttonEnd, }: FormContainerStoryProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        isLoading: false;
+        buttonEnd: true;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const Loading: Story;
+export declare const ButtonsAlignedStart: Story;

package/dist/components/Form/ParagraphInput.stories.d.ts

@@ -16,7 +16,7 @@ declare const meta: {
             control: {
                 type: "select";
             };
-            options: string[];
+            options: State[];
         };
     };
 };
@@ -24,3 +24,6 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Basic: Story;
 export declare const ErrorState: Story;
+export declare const GoodState: Story;
+export declare const Disabled: Story;
+export declare const Uncontrolled: Story;

package/dist/components/Loading/SplashScreen.stories.d.ts

@@ -8,3 +8,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Basic: Story;
+export declare const CustomSizeAndColor: Story;

package/dist/components/Notification/Notification.stories.d.ts

@@ -8,3 +8,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Basic: Story;
+export declare const StackAndDismiss: Story;

package/dist/components/Onboarding/Onboarding.stories.d.ts

@@ -18,3 +18,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Basic: Story;
+export declare const WithStepImages: Story;

package/dist/components/Onboarding/Step.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import('./types').StepPropsType) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        title: string;
+        body: string;
+        onClickNext: () => void;
+        final: false;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const WithImageAndContent: Story;
+export declare const FinalStep: Story;

package/dist/components/Page/Page.stories.d.ts

@@ -3,6 +3,17 @@ declare const meta: {
     title: string;
     component: <TEntity extends import('../../lib').BaseEntityDto>(props: import('./types').PagePropsType<TEntity>) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
+    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        title?: string | undefined;
+        children: import('react').ReactNode;
+        isLoading?: boolean | undefined;
+        addOptions?: import('./types').PageAddOptions<import('../../lib').BaseEntityDto> | undefined;
+        filterOptions?: Partial<import('@sito/dashboard').ActionType<import('../../lib').BaseEntityDto>> | undefined;
+        isAnimated?: boolean | undefined;
+        actions?: import('@sito/dashboard').ActionType<import('../../lib').BaseEntityDto>[] | undefined;
+        showBackButton?: boolean | undefined;
+        queryKey?: string[] | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
     args: {
         title: string;
         showBackButton: true;

package/dist/components/PrettyGrid/PrettyGrid.stories.d.ts

@@ -16,3 +16,5 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Basic: Story;
 export declare const Empty: Story;
+export declare const Loading: Story;
+export declare const InfiniteScroll: Story;

package/dist/components/PrettyGrid/PrettyGrid.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/PrettyGrid/types.d.ts

@@ -8,4 +8,10 @@ export type PrettyGridPropsType<TDto extends BaseEntityDto> = {
     loading?: boolean;
     className?: string;
     itemClassName?: string;
+    hasMore?: boolean;
+    loadingMore?: boolean;
+    onLoadMore?: () => void | Promise<void>;
+    loadMoreComponent?: ReactNode;
+    observerRootMargin?: string;
+    observerThreshold?: number;
 };

package/dist/components/TabsLayout/Tab.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import('./types').TabPropsType) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        id: string;
+        to: string;
+        active: true;
+        useLinks: true;
+        onClick: () => void;
+        children: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const AsLink: Story;
+export declare const AsButton: Story;
+export declare const ToggleExample: Story;

package/dist/components/TabsLayout/TabsLayout.stories.d.ts

@@ -16,3 +16,4 @@ type Story = StoryObj<typeof meta>;
 export declare const Basic: Story;
 export declare const WithoutLinks: Story;
 export declare const WithCustomTabButton: Story;
+export declare const Controlled: Story;

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
 export { Action, Actions, ActionsDropdown } from '@sito/dashboard';
-export type { ActionPropsType, ActionsContainerPropsType } from '@sito/dashboard';
+export type { ActionPropsType, ActionsContainerPropsType, } from '@sito/dashboard';
 export * from './Form';
 export * from './Dialog';
 export * from './Drawer';