Implement DialogOverlay and new ToastProvider

.storybook/preview.tsx

@@ -13,9 +13,15 @@ import { addons } from '@storybook/preview-api';
 import { DARK_MODE_EVENT_NAME, UPDATE_DARK_MODE_EVENT_NAME } from 'storybook-dark-mode';
 import { DocsContainer, Title, Subtitle, Description, Primary, Controls, Stories } from '@storybook/blocks';
 
+import { BaklavaProvider } from '../src/context/BaklavaProvider.tsx';
+
 
 const channel = addons.getChannel();
 const preview = {
+  decorators: [
+    Story => <BaklavaProvider><Story/></BaklavaProvider>,
+  ],
+
   parameters: {
     options: {
       storySort: {
@@ -65,10 +71,11 @@ const preview = {
               'ModalProvider',
               'SpinnerModal',
               'DialogModal',
+              'DialogOverlay',
+              'ToastProvider',
               'Tooltip',
               'TooltipProvider',
               'DropdownMenu',
-              'Toast',
             ],
             'lists',
             [

app/lib.ts

@@ -67,12 +67,12 @@ export { Tab, Tabs } from '../src/components/navigations/Tabs/Tabs.tsx';
 export { ModalProvider } from '../src/components/overlays/ModalProvider/ModalProvider.tsx';
 export { SpinnerModal } from '../src/components/overlays/SpinnerModal/SpinnerModal.tsx';
 export { DialogModal } from '../src/components/overlays/DialogModal/DialogModal.tsx';
+export { DialogOverlay } from '../src/components/overlays/DialogOverlay/DialogOverlay.tsx';
 export { DropdownMenu } from '../src/components/overlays/DropdownMenu/DropdownMenu.tsx';
 export { DropdownMenuProvider } from '../src/components/overlays/DropdownMenu/DropdownMenuProvider.tsx';
-export { type ToastContent, ToastProvider, ToastMessage } from '../src/components/overlays/Toast/Toast.tsx';
+export { ToastProvider, notify } from '../src/components/overlays/ToastProvider/ToastProvider.tsx';
 export { Tooltip } from '../src/components/overlays/Tooltip/Tooltip.tsx';
 export { TooltipProvider } from '../src/components/overlays/Tooltip/TooltipProvider.tsx';
-export { notify } from '../src/components/overlays/Toast/Toast.tsx';
 
 // Tables
 export { useCustomFilters } from '../src/components/tables/DataTable/plugins/useCustomFilters.tsx';

biome.jsonc

@@ -24,16 +24,18 @@
   "linter": {
     "enabled": true,
     "include": ["app/**/*", "src/**/*", "tests/**/*"],
-
+    
     "ignore": [
+      "node_modules",
       "src/components/tables/MultiSearch/MultiSearch.tsx", // Ignore for now (need to focus on type errors first)
       "tests/installation/**/*"
   ],
     "rules": {
       "recommended": true,
       "complexity": {
         "noBannedTypes": "off",
-        "noForEach": "off"
+        "noForEach": "off",
+        "useOptionalChain": "off"
       },
       "style": {
         "useImportType": "off",