@alepha/ui 0.11.10 → 0.11.12

package/package.json

@@ -1,76 +1,57 @@
 {
-	"name": "@alepha/ui",
-	"keywords": [
-		"alepha",
-		"ui",
-		"mantine"
-	],
-	"author": "Feunard",
-	"version": "0.11.10",
-	"type": "module",
-	"engines": {
-		"node": ">=22.0.0"
-	},
-	"license": "MIT",
-	"main": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"style": "./styles.css",
-	"files": [
-		"dist",
-		"src"
-	],
-	"dependencies": {
-		"@alepha/core": "0.11.10",
-		"@alepha/datetime": "0.11.10",
-		"@alepha/postgres": "0.11.10",
-		"@alepha/react": "0.11.10",
-		"@alepha/react-form": "0.11.10",
-		"@alepha/react-head": "0.11.10",
-		"@alepha/react-i18n": "0.11.10",
-		"@alepha/server": "0.11.10",
-		"@mantine/core": "^8.3.7",
-		"@mantine/dates": "^8.3.7",
-		"@mantine/hooks": "^8.3.7",
-		"@mantine/modals": "^8.3.7",
-		"@mantine/notifications": "^8.3.7",
-		"@mantine/nprogress": "^8.3.7",
-		"@mantine/spotlight": "^8.3.7",
-		"@tabler/icons-react": "^3.35.0",
-		"dayjs": "^1.11.19"
-	},
-	"devDependencies": {
-		"@alepha/vite": "0.11.10",
-		"@biomejs/biome": "^2.3.5",
-		"alepha": "0.11.10",
-		"react": "^19.2.0",
-		"react-dom": "^19.2.0",
-		"tsdown": "^0.16.4",
-		"typescript": "^5.9.3",
-		"vite": "^7.2.2",
-		"vitest": "^4.0.9"
-	},
-	"peerDependencies": {
-		"react": "*",
-		"react-dom": "*"
-	},
-	"scripts": {
-		"dev": "alepha dev",
-		"test": "vitest run",
-		"lint": "biome check --fix",
-		"build": "tsdown -c=../../tsdown.config.ts",
-		"typecheck": "tsc --noEmit"
-	},
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/feunard/alepha.git"
-	},
-	"homepage": "https://github.com/feunard/alepha",
-	"module": "./dist/index.js",
-	"exports": {
-		".": {
-			"types": "./dist/index.d.ts",
-			"import": "./dist/index.js",
-			"require": "./dist/index.cjs"
-		}
-	}
+  "name": "@alepha/ui",
+  "keywords": [
+    "alepha",
+    "ui",
+    "mantine"
+  ],
+  "author": "Feunard",
+  "version": "0.11.12",
+  "type": "module",
+  "engines": {
+    "node": ">=22.0.0"
+  },
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "style": "./styles.css",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "dependencies": {
+    "@alepha/react": "0.11.12",
+    "@mantine/core": "^8.3.7",
+    "@mantine/dates": "^8.3.7",
+    "@mantine/hooks": "^8.3.7",
+    "@mantine/modals": "^8.3.7",
+    "@mantine/notifications": "^8.3.7",
+    "@mantine/nprogress": "^8.3.7",
+    "@mantine/spotlight": "^8.3.7",
+    "@tabler/icons-react": "^3.35.0",
+    "alepha": "0.11.12",
+    "dayjs": "^1.11.19"
+  },
+  "devDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tsdown": "^0.16.4"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*"
+  },
+  "scripts": {
+    "dev": "alepha dev",
+    "lint": "alepha lint",
+    "typecheck": "alepha typecheck",
+    "test": "alepha test",
+    "build": "tsdown -c=../../tsdown.config.ts"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/feunard/alepha.git"
+  },
+  "homepage": "https://github.com/feunard/alepha",
+  "module": "./dist/index.js"
 }

package/src/components/buttons/ActionButton.tsx

@@ -6,7 +6,7 @@ import {
   useActive,
   useRouter,
 } from "@alepha/react";
-import { type FormModel, useFormState } from "@alepha/react-form";
+import { type FormModel, useFormState } from "@alepha/react/form";
 import {
   Button,
   type ButtonProps,

package/src/components/buttons/LanguageButton.tsx

@@ -1,4 +1,4 @@
-import { useI18n } from "@alepha/react-i18n";
+import { useI18n } from "@alepha/react/i18n";
 import { IconLanguage } from "@tabler/icons-react";
 import ActionButton, { type ActionProps } from "./ActionButton.tsx";
 

package/src/components/form/Control.tsx

@@ -1,4 +1,4 @@
-import { useFormState } from "@alepha/react-form";
+import { useFormState } from "@alepha/react/form";
 import {
   ColorInput,
   type ColorInputProps,

package/src/components/form/ControlDate.tsx

@@ -1,4 +1,4 @@
-import { useFormState } from "@alepha/react-form";
+import { useFormState } from "@alepha/react/form";
 import {
   DateInput,
   type DateInputProps,

package/src/components/form/ControlNumber.tsx

@@ -1,5 +1,5 @@
 import { useEvents } from "@alepha/react";
-import { useFormState } from "@alepha/react-form";
+import { useFormState } from "@alepha/react/form";
 import {
   Input,
   NumberInput,

package/src/components/form/ControlQueryBuilder.tsx

@@ -1,5 +1,3 @@
-import type { TObject } from "@alepha/core";
-import { parseQueryString } from "@alepha/postgres";
 import { useEvents } from "@alepha/react";
 import {
   ActionIcon,
@@ -14,6 +12,8 @@ import {
   type TextInputProps,
 } from "@mantine/core";
 import { IconFilter, IconInfoTriangle, IconX } from "@tabler/icons-react";
+import type { TObject } from "alepha";
+import { parseQueryString } from "alepha/orm";
 import { useRef, useState } from "react";
 import { ui } from "../../constants/ui.ts";
 import {

package/src/components/form/ControlSelect.tsx

@@ -1,4 +1,4 @@
-import { useFormState } from "@alepha/react-form";
+import { useFormState } from "@alepha/react/form";
 import {
   Autocomplete,
   type AutocompleteProps,

package/src/components/form/TypeForm.tsx

@@ -1,6 +1,6 @@
-import type { TObject } from "@alepha/core";
-import type { FormModel } from "@alepha/react-form";
+import type { FormModel } from "@alepha/react/form";
 import { Flex, Grid } from "@mantine/core";
+import type { TObject } from "alepha";
 import type { ReactNode } from "react";
 import ActionButton, {
   type ActionSubmitButtonProps,
@@ -35,7 +35,7 @@ export interface TypeFormProps<T extends TObject> {
  * @example
  * ```tsx
  * import { t } from "alepha";
- * import { useForm } from "@alepha/react-form";
+ * import { useForm } from "@alepha/react/form";
  * import { TypeForm } from "@alepha/ui";
  *
  * const form = useForm({

package/src/components/layout/AdminShell.tsx

@@ -25,7 +25,7 @@ export interface AdminShellProps {
   children?: ReactNode;
 }
 
-declare module "@alepha/core" {
+declare module "alepha" {
   interface State {
     /**
      * Whether the sidebar is opened or closed.

package/src/components/table/DataTable.tsx

@@ -1,15 +1,5 @@
-import {
-  Alepha,
-  type Async,
-  type Page,
-  type PageMetadata,
-  type Static,
-  type TObject,
-  t,
-} from "@alepha/core";
-import { DateTimeProvider, type DurationLike } from "@alepha/datetime";
 import { useInject } from "@alepha/react";
-import { type FormModel, useForm } from "@alepha/react-form";
+import { type FormModel, useForm } from "@alepha/react/form";
 import {
   Flex,
   Pagination,
@@ -19,6 +9,16 @@ import {
   type TableTrProps,
 } from "@mantine/core";
 import { useDebouncedCallback } from "@mantine/hooks";
+import {
+  Alepha,
+  type Async,
+  type Page,
+  type PageMetadata,
+  type Static,
+  type TObject,
+  t,
+} from "alepha";
+import { DateTimeProvider, type DurationLike } from "alepha/datetime";
 import { type ReactNode, useEffect, useState } from "react";
 import ActionButton from "../buttons/ActionButton.tsx";
 import TypeForm, { type TypeFormProps } from "../form/TypeForm.tsx";

package/src/hooks/useDialog.ts

@@ -5,10 +5,12 @@ import { DialogService } from "../services/DialogService.tsx";
  * Use this hook to access the Dialog Service for showing various dialog types.
  *
  * @example
+ * ```tsx
  * const dialog = useDialog();
  * await dialog.alert({ title: "Alert", message: "This is an alert message" });
  * const confirmed = await dialog.confirm({ title: "Confirm", message: "Are you sure?" });
  * const input = await dialog.prompt({ title: "Input", message: "Enter your name:" });
+ * ```
  */
 export const useDialog = (): DialogService => {
   return useInject(DialogService);

package/src/hooks/useToast.ts

@@ -5,9 +5,11 @@ import { ToastService } from "../services/ToastService.tsx";
  * Use this hook to access the Toast Service for showing notifications.
  *
  * @example
+ * ```tsx
  * const toast = useToast();
  * toast.success({ message: "Operation completed successfully!" });
  * toast.error({ title: "Error", message: "Something went wrong" });
+ * ```
  */
 export const useToast = (): ToastService => {
   return useInject(ToastService);

package/src/index.ts

@@ -1,7 +1,7 @@
-import { $module } from "@alepha/core";
-import { AlephaReactForm } from "@alepha/react-form";
-import { AlephaReactHead } from "@alepha/react-head";
-import { AlephaReactI18n } from "@alepha/react-i18n";
+import { AlephaReactForm } from "@alepha/react/form";
+import { AlephaReactHead } from "@alepha/react/head";
+import { AlephaReactI18n } from "@alepha/react/i18n";
+import { $module } from "alepha";
 import type { ReactNode } from "react";
 import type { ControlProps } from "./components/form/Control.tsx";
 import { RootRouter } from "./RootRouter.ts";
@@ -21,6 +21,7 @@ export type {
   ActionSubmitButtonProps,
 } from "./components/buttons/ActionButton.tsx";
 export { default as ActionButton } from "./components/buttons/ActionButton.tsx";
+export { default as BurgerButton } from "./components/buttons/BurgerButton.tsx";
 export { default as DarkModeButton } from "./components/buttons/DarkModeButton.tsx";
 export { default as OmnibarButton } from "./components/buttons/OmnibarButton.tsx";
 export { default as JsonViewer } from "./components/data/JsonViewer.tsx";
@@ -32,7 +33,10 @@ export { default as ControlDate } from "./components/form/ControlDate.tsx";
 export { default as ControlQueryBuilder } from "./components/form/ControlQueryBuilder.tsx";
 export { default as ControlSelect } from "./components/form/ControlSelect.tsx";
 export { default as TypeForm } from "./components/form/TypeForm.tsx";
-export { default as AdminShell } from "./components/layout/AdminShell.tsx";
+export {
+  type AdminShellProps,
+  default as AdminShell,
+} from "./components/layout/AdminShell.tsx";
 export { default as AlephaMantineProvider } from "./components/layout/AlephaMantineProvider.tsx";
 export type {
   AppBarBurger,

package/src/utils/extractSchemaFields.ts

@@ -1,4 +1,4 @@
-import type { TObject, TProperties, TSchema } from "@alepha/core";
+import type { TObject, TProperties, TSchema } from "alepha";
 
 export interface SchemaField {
   name: string;

package/src/utils/parseInput.ts

@@ -1,5 +1,5 @@
-import { type TObject, TypeBoxError } from "@alepha/core";
-import type { InputField } from "@alepha/react-form";
+import type { InputField } from "@alepha/react/form";
+import { type TObject, TypeBoxError } from "alepha";
 import type { ReactNode } from "react";
 import type { ControlProps } from "../components/form/Control.tsx";
 import { getDefaultIcon } from "./icons.tsx";

package/dist/AlephaMantineProvider-B4TwQ4tY.js

@@ -1,3 +0,0 @@
-import { t as AlephaMantineProvider_default } from "./AlephaMantineProvider-CzMrw7V3.js";
-
-export { AlephaMantineProvider_default as default };

package/dist/AlephaMantineProvider-CzMrw7V3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlephaMantineProvider-CzMrw7V3.js","names":["Omnibar"],"sources":["../src/services/ToastService.tsx","../src/hooks/useToast.ts","../src/components/layout/Omnibar.tsx","../src/components/layout/AlephaMantineProvider.tsx"],"sourcesContent":["import type { NotificationData } from \"@mantine/notifications\";\nimport { notifications } from \"@mantine/notifications\";\nimport {\n  IconAlertTriangle,\n  IconCheck,\n  IconInfoCircle,\n  IconX,\n} from \"@tabler/icons-react\";\n\nexport interface ToastServiceOptions {\n  default?: Partial<NotificationData>;\n}\n\nexport class ToastService {\n  protected readonly raw = notifications;\n\n  public readonly options: ToastServiceOptions = {\n    default: {\n      autoClose: 5000,\n      withCloseButton: true,\n      position: \"top-center\",\n    },\n  };\n\n  public show(options: NotificationData) {\n    notifications.show({\n      ...this.options.default,\n      ...options,\n    });\n  }\n\n  public info(options: Partial<NotificationData> | string) {\n    if (typeof options === \"string\") {\n      options = { message: options };\n    }\n    this.show({\n      color: \"blue\",\n      icon: <IconInfoCircle size={20} />,\n      title: \"Info\",\n      message: \"Information notification\",\n      ...options,\n    });\n  }\n\n  public success(options: Partial<NotificationData> | string) {\n    if (typeof options === \"string\") {\n      options = { message: options };\n    }\n    this.show({\n      color: \"green\",\n      icon: <IconCheck size={16} />,\n      title: \"Success\",\n      message: \"Operation completed successfully\",\n      ...options,\n    });\n  }\n\n  public warning(options: Partial<NotificationData> | string) {\n    if (typeof options === \"string\") {\n      options = { message: options };\n    }\n    this.show({\n      color: \"yellow\",\n      icon: <IconAlertTriangle size={20} />,\n      title: \"Warning\",\n      message: \"Please review this warning\",\n      ...options,\n    });\n  }\n\n  public danger(options: Partial<NotificationData> | string) {\n    if (typeof options === \"string\") {\n      options = { message: options };\n    }\n    this.show({\n      color: \"red\",\n      icon: <IconX size={20} />,\n      title: \"Error\",\n      message: \"An error occurred\",\n      ...options,\n    });\n  }\n}\n","import { useInject } from \"@alepha/react\";\nimport { ToastService } from \"../services/ToastService.tsx\";\n\n/**\n * Use this hook to access the Toast Service for showing notifications.\n *\n * @example\n * const toast = useToast();\n * toast.success({ message: \"Operation completed successfully!\" });\n * toast.error({ title: \"Error\", message: \"Something went wrong\" });\n */\nexport const useToast = (): ToastService => {\n  return useInject(ToastService);\n};\n","import { useRouter } from \"@alepha/react\";\nimport { Spotlight, type SpotlightActionData } from \"@mantine/spotlight\";\nimport { IconSearch } from \"@tabler/icons-react\";\nimport { type ReactNode, useMemo } from \"react\";\n\nexport interface OmnibarProps {\n  shortcut?: string | string[];\n  searchPlaceholder?: string;\n  nothingFound?: ReactNode;\n}\n\nconst Omnibar = (props: OmnibarProps) => {\n  const shortcut = props.shortcut ?? \"mod+K\";\n  const searchPlaceholder = props.searchPlaceholder ?? \"Search...\";\n  const nothingFound = props.nothingFound ?? \"Nothing found...\";\n  const router = useRouter();\n  const actions: SpotlightActionData[] = useMemo(\n    () =>\n      router.concretePages.map((page) => ({\n        id: page.name,\n        label: page.label ?? page.name,\n        description: page.description,\n        onClick: () => router.go(page.path ?? page.name),\n        leftSection: page.icon,\n      })),\n    [],\n  );\n\n  return (\n    <Spotlight\n      actions={actions}\n      shortcut={shortcut}\n      limit={10}\n      searchProps={{\n        leftSection: <IconSearch size={20} />,\n        placeholder: searchPlaceholder,\n      }}\n      nothingFound={nothingFound}\n    />\n  );\n};\n\nexport default Omnibar;\n","import { NestedView, useEvents } from \"@alepha/react\";\nimport type {\n  ColorSchemeScriptProps,\n  MantineProviderProps,\n} from \"@mantine/core\";\nimport { ColorSchemeScript, MantineProvider } from \"@mantine/core\";\nimport { ModalsProvider, type ModalsProviderProps } from \"@mantine/modals\";\nimport { Notifications, type NotificationsProps } from \"@mantine/notifications\";\nimport type { NavigationProgressProps } from \"@mantine/nprogress\";\nimport { NavigationProgress, nprogress } from \"@mantine/nprogress\";\nimport type { ReactNode } from \"react\";\nimport { useToast } from \"../../hooks/useToast.ts\";\nimport Omnibar, { type OmnibarProps } from \"./Omnibar.tsx\";\n\nexport interface AlephaMantineProviderProps {\n  children?: ReactNode;\n  mantine?: MantineProviderProps;\n  colorSchemeScript?: ColorSchemeScriptProps;\n  navigationProgress?: NavigationProgressProps;\n  notifications?: NotificationsProps;\n  modals?: ModalsProviderProps;\n  omnibar?: OmnibarProps;\n}\n\nconst AlephaMantineProvider = (props: AlephaMantineProviderProps) => {\n  const toast = useToast();\n\n  useEvents(\n    {\n      \"react:transition:begin\": () => {\n        nprogress.start();\n      },\n      \"react:transition:end\": () => {\n        nprogress.complete();\n      },\n      \"react:action:error\": () => {\n        toast.danger(\"An error occurred while processing your action.\");\n      },\n    },\n    [],\n  );\n\n  return (\n    <>\n      <ColorSchemeScript\n        defaultColorScheme={props.mantine?.defaultColorScheme}\n        {...props.colorSchemeScript}\n      />\n      <MantineProvider\n        {...props.mantine}\n        theme={{\n          primaryColor: \"gray\",\n          primaryShade: {\n            light: 9,\n            dark: 8,\n          },\n          cursorType: \"pointer\",\n          ...props.mantine?.theme,\n        }}\n      >\n        <Notifications {...props.notifications} />\n        <NavigationProgress {...props.navigationProgress} />\n        <ModalsProvider {...props.modals}>\n          <Omnibar {...props.omnibar} />\n          {props.children ?? <NestedView />}\n        </ModalsProvider>\n      </MantineProvider>\n    </>\n  );\n};\n\nexport default AlephaMantineProvider;\n"],"mappings":";;;;;;;;;;;AAaA,IAAa,eAAb,MAA0B;CACxB,AAAmB,MAAM;CAEzB,AAAgB,UAA+B,EAC7C,SAAS;EACP,WAAW;EACX,iBAAiB;EACjB,UAAU;EACX,EACF;CAED,AAAO,KAAK,SAA2B;AACrC,gBAAc,KAAK;GACjB,GAAG,KAAK,QAAQ;GAChB,GAAG;GACJ,CAAC;;CAGJ,AAAO,KAAK,SAA6C;AACvD,MAAI,OAAO,YAAY,SACrB,WAAU,EAAE,SAAS,SAAS;AAEhC,OAAK,KAAK;GACR,OAAO;GACP,MAAM,oBAAC,kBAAe,MAAM,KAAM;GAClC,OAAO;GACP,SAAS;GACT,GAAG;GACJ,CAAC;;CAGJ,AAAO,QAAQ,SAA6C;AAC1D,MAAI,OAAO,YAAY,SACrB,WAAU,EAAE,SAAS,SAAS;AAEhC,OAAK,KAAK;GACR,OAAO;GACP,MAAM,oBAAC,aAAU,MAAM,KAAM;GAC7B,OAAO;GACP,SAAS;GACT,GAAG;GACJ,CAAC;;CAGJ,AAAO,QAAQ,SAA6C;AAC1D,MAAI,OAAO,YAAY,SACrB,WAAU,EAAE,SAAS,SAAS;AAEhC,OAAK,KAAK;GACR,OAAO;GACP,MAAM,oBAAC,qBAAkB,MAAM,KAAM;GACrC,OAAO;GACP,SAAS;GACT,GAAG;GACJ,CAAC;;CAGJ,AAAO,OAAO,SAA6C;AACzD,MAAI,OAAO,YAAY,SACrB,WAAU,EAAE,SAAS,SAAS;AAEhC,OAAK,KAAK;GACR,OAAO;GACP,MAAM,oBAAC,SAAM,MAAM,KAAM;GACzB,OAAO;GACP,SAAS;GACT,GAAG;GACJ,CAAC;;;;;;;;;;;;;;ACrEN,MAAa,iBAA+B;AAC1C,QAAO,UAAU,aAAa;;;;;ACDhC,MAAM,WAAW,UAAwB;CACvC,MAAM,WAAW,MAAM,YAAY;CACnC,MAAM,oBAAoB,MAAM,qBAAqB;CACrD,MAAM,eAAe,MAAM,gBAAgB;CAC3C,MAAM,SAAS,WAAW;AAa1B,QACE,oBAAC;EACC,SAdmC,cAEnC,OAAO,cAAc,KAAK,UAAU;GAClC,IAAI,KAAK;GACT,OAAO,KAAK,SAAS,KAAK;GAC1B,aAAa,KAAK;GAClB,eAAe,OAAO,GAAG,KAAK,QAAQ,KAAK,KAAK;GAChD,aAAa,KAAK;GACnB,EAAE,EACL,EAAE,CACH;EAKa;EACV,OAAO;EACP,aAAa;GACX,aAAa,oBAAC,cAAW,MAAM,KAAM;GACrC,aAAa;GACd;EACa;GACd;;AAIN,sBAAe;;;;AClBf,MAAM,yBAAyB,UAAsC;CACnE,MAAM,QAAQ,UAAU;AAExB,WACE;EACE,gCAAgC;AAC9B,aAAU,OAAO;;EAEnB,8BAA8B;AAC5B,aAAU,UAAU;;EAEtB,4BAA4B;AAC1B,SAAM,OAAO,kDAAkD;;EAElE,EACD,EAAE,CACH;AAED,QACE,4CACE,oBAAC;EACC,oBAAoB,MAAM,SAAS;EACnC,GAAI,MAAM;GACV,EACF,qBAAC;EACC,GAAI,MAAM;EACV,OAAO;GACL,cAAc;GACd,cAAc;IACZ,OAAO;IACP,MAAM;IACP;GACD,YAAY;GACZ,GAAG,MAAM,SAAS;GACnB;;GAED,oBAAC,iBAAc,GAAI,MAAM,gBAAiB;GAC1C,oBAAC,sBAAmB,GAAI,MAAM,qBAAsB;GACpD,qBAAC;IAAe,GAAI,MAAM;eACxB,oBAACA,mBAAQ,GAAI,MAAM,UAAW,EAC7B,MAAM,YAAY,oBAAC,eAAa;KAClB;;GACD,IACjB;;AAIP,oCAAe"}

package/dist/AlephaMantineProvider-DlOEv9f0.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlephaMantineProvider-DlOEv9f0.cjs","names":["notifications","IconInfoCircle","IconCheck","IconAlertTriangle","IconX","Spotlight","IconSearch","ColorSchemeScript","MantineProvider","Notifications","NavigationProgress","ModalsProvider","Omnibar","NestedView"],"sources":["../src/services/ToastService.tsx","../src/hooks/useToast.ts","../src/components/layout/Omnibar.tsx","../src/components/layout/AlephaMantineProvider.tsx"],"sourcesContent":["import type { NotificationData } from \"@mantine/notifications\";\nimport { notifications } from \"@mantine/notifications\";\nimport {\n  IconAlertTriangle,\n  IconCheck,\n  IconInfoCircle,\n  IconX,\n} from \"@tabler/icons-react\";\n\nexport interface ToastServiceOptions {\n  default?: Partial<NotificationData>;\n}\n\nexport class ToastService {\n  protected readonly raw = notifications;\n\n  public readonly options: ToastServiceOptions = {\n    default: {\n      autoClose: 5000,\n      withCloseButton: true,\n      position: \"top-center\",\n    },\n  };\n\n  public show(options: NotificationData) {\n    notifications.show({\n      ...this.options.default,\n      ...options,\n    });\n  }\n\n  public info(options: Partial<NotificationData> | string) {\n    if (typeof options === \"string\") {\n      options = { message: options };\n    }\n    this.show({\n      color: \"blue\",\n      icon: <IconInfoCircle size={20} />,\n      title: \"Info\",\n      message: \"Information notification\",\n      ...options,\n    });\n  }\n\n  public success(options: Partial<NotificationData> | string) {\n    if (typeof options === \"string\") {\n      options = { message: options };\n    }\n    this.show({\n      color: \"green\",\n      icon: <IconCheck size={16} />,\n      title: \"Success\",\n      message: \"Operation completed successfully\",\n      ...options,\n    });\n  }\n\n  public warning(options: Partial<NotificationData> | string) {\n    if (typeof options === \"string\") {\n      options = { message: options };\n    }\n    this.show({\n      color: \"yellow\",\n      icon: <IconAlertTriangle size={20} />,\n      title: \"Warning\",\n      message: \"Please review this warning\",\n      ...options,\n    });\n  }\n\n  public danger(options: Partial<NotificationData> | string) {\n    if (typeof options === \"string\") {\n      options = { message: options };\n    }\n    this.show({\n      color: \"red\",\n      icon: <IconX size={20} />,\n      title: \"Error\",\n      message: \"An error occurred\",\n      ...options,\n    });\n  }\n}\n","import { useInject } from \"@alepha/react\";\nimport { ToastService } from \"../services/ToastService.tsx\";\n\n/**\n * Use this hook to access the Toast Service for showing notifications.\n *\n * @example\n * const toast = useToast();\n * toast.success({ message: \"Operation completed successfully!\" });\n * toast.error({ title: \"Error\", message: \"Something went wrong\" });\n */\nexport const useToast = (): ToastService => {\n  return useInject(ToastService);\n};\n","import { useRouter } from \"@alepha/react\";\nimport { Spotlight, type SpotlightActionData } from \"@mantine/spotlight\";\nimport { IconSearch } from \"@tabler/icons-react\";\nimport { type ReactNode, useMemo } from \"react\";\n\nexport interface OmnibarProps {\n  shortcut?: string | string[];\n  searchPlaceholder?: string;\n  nothingFound?: ReactNode;\n}\n\nconst Omnibar = (props: OmnibarProps) => {\n  const shortcut = props.shortcut ?? \"mod+K\";\n  const searchPlaceholder = props.searchPlaceholder ?? \"Search...\";\n  const nothingFound = props.nothingFound ?? \"Nothing found...\";\n  const router = useRouter();\n  const actions: SpotlightActionData[] = useMemo(\n    () =>\n      router.concretePages.map((page) => ({\n        id: page.name,\n        label: page.label ?? page.name,\n        description: page.description,\n        onClick: () => router.go(page.path ?? page.name),\n        leftSection: page.icon,\n      })),\n    [],\n  );\n\n  return (\n    <Spotlight\n      actions={actions}\n      shortcut={shortcut}\n      limit={10}\n      searchProps={{\n        leftSection: <IconSearch size={20} />,\n        placeholder: searchPlaceholder,\n      }}\n      nothingFound={nothingFound}\n    />\n  );\n};\n\nexport default Omnibar;\n","import { NestedView, useEvents } from \"@alepha/react\";\nimport type {\n  ColorSchemeScriptProps,\n  MantineProviderProps,\n} from \"@mantine/core\";\nimport { ColorSchemeScript, MantineProvider } from \"@mantine/core\";\nimport { ModalsProvider, type ModalsProviderProps } from \"@mantine/modals\";\nimport { Notifications, type NotificationsProps } from \"@mantine/notifications\";\nimport type { NavigationProgressProps } from \"@mantine/nprogress\";\nimport { NavigationProgress, nprogress } from \"@mantine/nprogress\";\nimport type { ReactNode } from \"react\";\nimport { useToast } from \"../../hooks/useToast.ts\";\nimport Omnibar, { type OmnibarProps } from \"./Omnibar.tsx\";\n\nexport interface AlephaMantineProviderProps {\n  children?: ReactNode;\n  mantine?: MantineProviderProps;\n  colorSchemeScript?: ColorSchemeScriptProps;\n  navigationProgress?: NavigationProgressProps;\n  notifications?: NotificationsProps;\n  modals?: ModalsProviderProps;\n  omnibar?: OmnibarProps;\n}\n\nconst AlephaMantineProvider = (props: AlephaMantineProviderProps) => {\n  const toast = useToast();\n\n  useEvents(\n    {\n      \"react:transition:begin\": () => {\n        nprogress.start();\n      },\n      \"react:transition:end\": () => {\n        nprogress.complete();\n      },\n      \"react:action:error\": () => {\n        toast.danger(\"An error occurred while processing your action.\");\n      },\n    },\n    [],\n  );\n\n  return (\n    <>\n      <ColorSchemeScript\n        defaultColorScheme={props.mantine?.defaultColorScheme}\n        {...props.colorSchemeScript}\n      />\n      <MantineProvider\n        {...props.mantine}\n        theme={{\n          primaryColor: \"gray\",\n          primaryShade: {\n            light: 9,\n            dark: 8,\n          },\n          cursorType: \"pointer\",\n          ...props.mantine?.theme,\n        }}\n      >\n        <Notifications {...props.notifications} />\n        <NavigationProgress {...props.navigationProgress} />\n        <ModalsProvider {...props.modals}>\n          <Omnibar {...props.omnibar} />\n          {props.children ?? <NestedView />}\n        </ModalsProvider>\n      </MantineProvider>\n    </>\n  );\n};\n\nexport default AlephaMantineProvider;\n"],"mappings":";;;;;;;;;;;AAaA,IAAa,eAAb,MAA0B;CACxB,AAAmB,MAAMA;CAEzB,AAAgB,UAA+B,EAC7C,SAAS;EACP,WAAW;EACX,iBAAiB;EACjB,UAAU;EACX,EACF;CAED,AAAO,KAAK,SAA2B;AACrC,wCAAc,KAAK;GACjB,GAAG,KAAK,QAAQ;GAChB,GAAG;GACJ,CAAC;;CAGJ,AAAO,KAAK,SAA6C;AACvD,MAAI,OAAO,YAAY,SACrB,WAAU,EAAE,SAAS,SAAS;AAEhC,OAAK,KAAK;GACR,OAAO;GACP,MAAM,2CAACC,uCAAe,MAAM,KAAM;GAClC,OAAO;GACP,SAAS;GACT,GAAG;GACJ,CAAC;;CAGJ,AAAO,QAAQ,SAA6C;AAC1D,MAAI,OAAO,YAAY,SACrB,WAAU,EAAE,SAAS,SAAS;AAEhC,OAAK,KAAK;GACR,OAAO;GACP,MAAM,2CAACC,kCAAU,MAAM,KAAM;GAC7B,OAAO;GACP,SAAS;GACT,GAAG;GACJ,CAAC;;CAGJ,AAAO,QAAQ,SAA6C;AAC1D,MAAI,OAAO,YAAY,SACrB,WAAU,EAAE,SAAS,SAAS;AAEhC,OAAK,KAAK;GACR,OAAO;GACP,MAAM,2CAACC,0CAAkB,MAAM,KAAM;GACrC,OAAO;GACP,SAAS;GACT,GAAG;GACJ,CAAC;;CAGJ,AAAO,OAAO,SAA6C;AACzD,MAAI,OAAO,YAAY,SACrB,WAAU,EAAE,SAAS,SAAS;AAEhC,OAAK,KAAK;GACR,OAAO;GACP,MAAM,2CAACC,8BAAM,MAAM,KAAM;GACzB,OAAO;GACP,SAAS;GACT,GAAG;GACJ,CAAC;;;;;;;;;;;;;;ACrEN,MAAa,iBAA+B;AAC1C,sCAAiB,aAAa;;;;;ACDhC,MAAM,WAAW,UAAwB;CACvC,MAAM,WAAW,MAAM,YAAY;CACnC,MAAM,oBAAoB,MAAM,qBAAqB;CACrD,MAAM,eAAe,MAAM,gBAAgB;CAC3C,MAAM,wCAAoB;AAa1B,QACE,2CAACC;EACC,kCAZA,OAAO,cAAc,KAAK,UAAU;GAClC,IAAI,KAAK;GACT,OAAO,KAAK,SAAS,KAAK;GAC1B,aAAa,KAAK;GAClB,eAAe,OAAO,GAAG,KAAK,QAAQ,KAAK,KAAK;GAChD,aAAa,KAAK;GACnB,EAAE,EACL,EAAE,CACH;EAKa;EACV,OAAO;EACP,aAAa;GACX,aAAa,2CAACC,mCAAW,MAAM,KAAM;GACrC,aAAa;GACd;EACa;GACd;;AAIN,sBAAe;;;;AClBf,MAAM,yBAAyB,UAAsC;CACnE,MAAM,QAAQ,UAAU;AAExB,+BACE;EACE,gCAAgC;AAC9B,iCAAU,OAAO;;EAEnB,8BAA8B;AAC5B,iCAAU,UAAU;;EAEtB,4BAA4B;AAC1B,SAAM,OAAO,kDAAkD;;EAElE,EACD,EAAE,CACH;AAED,QACE,qFACE,2CAACC;EACC,oBAAoB,MAAM,SAAS;EACnC,GAAI,MAAM;GACV,EACF,4CAACC;EACC,GAAI,MAAM;EACV,OAAO;GACL,cAAc;GACd,cAAc;IACZ,OAAO;IACP,MAAM;IACP;GACD,YAAY;GACZ,GAAG,MAAM,SAAS;GACnB;;GAED,2CAACC,yCAAc,GAAI,MAAM,gBAAiB;GAC1C,2CAACC,0CAAmB,GAAI,MAAM,qBAAsB;GACpD,4CAACC;IAAe,GAAI,MAAM;eACxB,2CAACC,mBAAQ,GAAI,MAAM,UAAW,EAC7B,MAAM,YAAY,2CAACC,8BAAa;KAClB;;GACD,IACjB;;AAIP,oCAAe"}