@alepha/ui 0.11.11 → 0.11.12

package/README.md

@@ -1,6 +1,4 @@
-# Alepha Batch
-
-Efficiently process operations in groups by size or time.
+# Alepha Ui
 
 ## Installation
 
@@ -12,318 +10,31 @@ npm install alepha
 
 ## Module
 
-This module allows you to group multiple asynchronous operations into a single "batch," which is then processed together.
-This is an essential pattern for improving performance, reducing I/O, and interacting efficiently with rate-limited APIs or databases.
-
-```ts
-import { Alepha, $hook, run, t } from "alepha";
-import { $batch } from "alepha/batch";
-
-class LoggingService {
-  // define the batch processor
-  logBatch = $batch({
-    schema: t.text(),
-    maxSize: 10,
-    maxDuration: [5, "seconds"],
-    handler: async (items) => {
-      console.log(`[BATCH LOG] Processing ${items.length} events:`, items);
-    },
-  });
-
-  // example of how to use it
-  onReady = $hook({
-    on: "ready",
-    handler: async () => {
-      this.logBatch.push("Application started.");
-      this.logBatch.push("User authenticated.");
-      // ... more events pushed from elsewhere in the app
-    },
-  });
-}
-```
-
-This module can be imported and used as follows:
-
-```typescript
-import { Alepha, run } from "alepha";
-import { AlephaBatch } from "alepha/batch";
-
-const alepha = Alepha.create()
-	.with(AlephaBatch);
-
-run(alepha);
-```
+Mantine
 
 ## API Reference
 
-### Descriptors
-
-Descriptors are functions that define and configure various aspects of your application. They follow the convention of starting with ` $ ` and return configured descriptor instances.
-
-For more details, see the [Descriptors documentation](/docs/descriptors).
-
-#### $batch()
-
-Creates a batch processing descriptor for efficient grouping and processing of multiple operations.
-
-This descriptor provides a powerful batching mechanism that collects multiple individual items
-and processes them together in groups, significantly improving performance by reducing overhead
-and enabling bulk operations. It supports partitioning, concurrent processing, automatic flushing,
-and intelligent retry mechanisms for robust batch processing workflows.
-
-**Key Features**
-
-- **Intelligent Batching**: Groups items based on size and time thresholds
-- **Partitioning Support**: Process different types of items in separate batches
-- **Concurrent Processing**: Handle multiple batches simultaneously with configurable limits
-- **Automatic Flushing**: Time-based and size-based automatic batch execution
-- **Type Safety**: Full TypeScript support with schema validation using TypeBox
-- **Retry Logic**: Built-in retry mechanisms for failed batch operations
-- **Resource Management**: Automatic cleanup and graceful shutdown handling
-
-**Use Cases**
-
-Perfect for optimizing high-throughput operations:
-- Database bulk inserts and updates
-- API call batching and rate limit optimization
-- Log aggregation and bulk shipping
-- File processing and bulk uploads
-- Event processing and analytics ingestion
-- Notification delivery optimization
-- Cache invalidation batching
-
-**Basic database batch operations:**
-```ts
-import { $batch } from "alepha/batch";
-import { t } from "alepha";
+### Hooks
 
-class UserService {
-  userBatch = $batch({
-    schema: t.object({
-      id: t.text(),
-      name: t.text(),
-      email: t.text(),
-      createdAt: t.optional(t.text())
-    }),
-    maxSize: 50,          // Process up to 50 users at once
-    maxDuration: [5, "seconds"],  // Or flush every 5 seconds
-    handler: async (users) => {
-      // Bulk insert users - much faster than individual inserts
-      console.log(`Processing batch of ${users.length} users`);
+Hooks provide a way to tap into various lifecycle events and extend functionality. They follow the convention of starting with `use` and return configured hook instances.
 
-      const result = await this.database.users.insertMany(users.map(user => ({
-        ...user,
-        createdAt: user.createdAt || new Date().toISOString()
-      })));
+#### useDialog()
 
-      console.log(`Successfully inserted ${result.length} users`);
-      return { inserted: result.length, userIds: result.map(r => r.id) };
-    }
-  });
+Use this hook to access the Dialog Service for showing various dialog types.
 
-  async createUser(userData: { name: string; email: string }) {
-    // Individual calls are automatically batched
-    const result = await this.userBatch.push({
-      id: generateId(),
-      name: userData.name,
-      email: userData.email
-    });
-
-    return result; // Returns the batch result once batch is processed
-  }
-}
-```
-
-**API call batching with partitioning:**
-```ts
-class NotificationService {
-  notificationBatch = $batch({
-    schema: t.object({
-      userId: t.text(),
-      type: t.enum(["email", "sms", "push"]),
-      message: t.text(),
-      priority: t.enum(["high", "normal", "low"])
-    }),
-    maxSize: 100,
-    maxDuration: [10, "seconds"],
-    // Partition by notification type for different processing
-    partitionBy: (notification) => notification.type,
-    concurrency: 3,  // Process up to 3 different types simultaneously
-    handler: async (notifications) => {
-      const type = notifications[0].type; // All items in batch have same type
-      console.log(`Processing ${notifications.length} ${type} notifications`);
-
-      switch (type) {
-        case 'email':
-          return await this.emailProvider.sendBulk(notifications.map(n => ({
-            to: n.userId,
-            subject: 'Notification',
-            body: n.message,
-            priority: n.priority
-          })));
-
-        case 'sms':
-          return await this.smsProvider.sendBulk(notifications.map(n => ({
-            to: n.userId,
-            message: n.message
-          })));
-
-        case 'push':
-          return await this.pushProvider.sendBulk(notifications.map(n => ({
-            userId: n.userId,
-            title: 'Notification',
-            body: n.message,
-            priority: n.priority
-          })));
-      }
-    }
-  });
-
-  async sendNotification(userId: string, type: 'email' | 'sms' | 'push', message: string, priority: 'high' | 'normal' | 'low' = 'normal') {
-    // Notifications are automatically batched by type
-    return await this.notificationBatch.push({
-      userId,
-      type,
-      message,
-      priority
-    });
-  }
-}
+```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:" });
 ```
 
-**Log aggregation with retry logic:**
-```ts
-class LoggingService {
-  logBatch = $batch({
-    schema: t.object({
-      timestamp: t.number(),
-      level: t.enum(["info", "warn", "error"]),
-      message: t.text(),
-      metadata: t.optional(t.record(t.text(), t.any())),
-      source: t.text()
-    }),
-    maxSize: 1000,       // Large batches for log efficiency
-    maxDuration: [30, "seconds"],  // Longer duration for log aggregation
-    concurrency: 2,      // Limit concurrent log shipments
-    retry: {
-      maxAttempts: 5,
-      delay: [2, "seconds"],
-      backoff: "exponential"
-    },
-    handler: async (logEntries) => {
-      console.log(`Shipping ${logEntries.length} log entries`);
-
-      try {
-        // Ship logs to external service (e.g., Elasticsearch, Splunk)
-        const response = await this.logShipper.bulkIndex({
-          index: 'application-logs',
-          body: logEntries.map(entry => ([
-            { index: { _index: 'application-logs' } },
-            {
-              ...entry,
-              '@timestamp': new Date(entry.timestamp).toISOString()
-            }
-          ])).flat()
-        });
-
-        if (response.errors) {
-          console.error(`Some log entries failed to index`, response.errors);
-          // Retry will be triggered by throwing
-          throw new Error(`Failed to index ${response.errors.length} log entries`);
-        }
-
-        console.log(`Successfully shipped ${logEntries.length} log entries`);
-        return { shipped: logEntries.length, indexedAt: Date.now() };
-
-      } catch (error) {
-        console.error(`Failed to ship logs batch`, error);
-        throw error; // Trigger retry mechanism
-      }
-    }
-  });
-
-  async log(level: 'info' | 'warn' | 'error', message: string, metadata?: Record<string, any>, source: string = 'application') {
-    // Individual log calls are batched and shipped efficiently
-    return await this.logBatch.push({
-      timestamp: Date.now(),
-      level,
-      message,
-      metadata,
-      source
-    });
-  }
-}
-```
-
-**File processing with dynamic partitioning:**
-```ts
-class FileProcessingService {
-  fileProcessingBatch = $batch({
-    schema: t.object({
-      filePath: t.text(),
-      fileType: t.enum(["image", "video", "document"]),
-      processingOptions: t.object({
-        quality: t.optional(t.enum(["low", "medium", "high"])),
-        format: t.optional(t.text()),
-        compress: t.optional(t.boolean())
-      }),
-      priority: t.enum(["urgent", "normal", "background"])
-    }),
-    maxSize: 20,         // Smaller batches for file processing
-    maxDuration: [2, "minutes"],  // Reasonable time for file accumulation
-    // Partition by file type and priority for optimal resource usage
-    partitionBy: (file) => `${file.fileType}-${file.priority}`,
-    concurrency: 4,      // Multiple concurrent processing pipelines
-    retry: {
-      maxAttempts: 3,
-      delay: [5, "seconds"]
-    },
-    handler: async (files) => {
-      const fileType = files[0].fileType;
-      const priority = files[0].priority;
-
-      console.log(`Processing ${files.length} ${fileType} files with ${priority} priority`);
-
-      try {
-        const results = [];
-
-        for (const file of files) {
-          const result = await this.processFile(file.filePath, file.fileType, file.processingOptions);
-          results.push({
-            originalPath: file.filePath,
-            processedPath: result.outputPath,
-            size: result.size,
-            duration: result.processingTime
-          });
-        }
-
-        // Update database with batch results
-        await this.updateProcessingStatus(results);
-
-        console.log(`Successfully processed ${files.length} ${fileType} files`);
-        return {
-          processed: files.length,
-          fileType,
-          priority,
-          totalSize: results.reduce((sum, r) => sum + r.size, 0),
-          results
-        };
+#### useToast()
 
-      } catch (error) {
-        console.error(`Batch file processing failed for ${fileType} files`, error);
-        throw error;
-      }
-    }
-  });
+Use this hook to access the Toast Service for showing notifications.
 
-  async processFile(filePath: string, fileType: 'image' | 'video' | 'document', options: any, priority: 'urgent' | 'normal' | 'background' = 'normal') {
-    // Files are automatically batched by type and priority
-    return await this.fileProcessingBatch.push({
-      filePath,
-      fileType,
-      processingOptions: options,
-      priority
-    });
-  }
-}
+```tsx
+const toast = useToast();
+toast.success({ message: "Operation completed successfully!" });
+toast.error({ title: "Error", message: "Something went wrong" });
 ```

package/dist/{AlephaMantineProvider-DCF5kidi.cjs → AlephaMantineProvider-CGpgWDt8.cjs}

@@ -1,3 +1,3 @@
-const require_AlephaMantineProvider = require('./AlephaMantineProvider-DlOEv9f0.cjs');
+const require_AlephaMantineProvider = require('./AlephaMantineProvider-DuvZFAuk.cjs');
 
 exports.default = require_AlephaMantineProvider.AlephaMantineProvider_default;

package/dist/{AlephaMantineProvider-CzMrw7V3.js → AlephaMantineProvider-D8cHYAge.js}

@@ -70,9 +70,11 @@ var ToastService = class {
 * 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" });
+* ```
 */
 const useToast = () => {
 	return useInject(ToastService);
@@ -147,4 +149,4 @@ var AlephaMantineProvider_default = AlephaMantineProvider;
 
 //#endregion
 export { ToastService as i, Omnibar_default as n, useToast as r, AlephaMantineProvider_default as t };
-//# sourceMappingURL=AlephaMantineProvider-CzMrw7V3.js.map
+//# sourceMappingURL=AlephaMantineProvider-D8cHYAge.js.map

package/dist/AlephaMantineProvider-D8cHYAge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlephaMantineProvider-D8cHYAge.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 * ```tsx\n * const toast = useToast();\n * toast.success({ message: \"Operation completed successfully!\" });\n * toast.error({ title: \"Error\", message: \"Something went wrong\" });\n * ```\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;;;;;;;;;;;;;;;;ACnEN,MAAa,iBAA+B;AAC1C,QAAO,UAAU,aAAa;;;;;ACHhC,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 → AlephaMantineProvider-DuvZFAuk.cjs}

@@ -70,9 +70,11 @@ var ToastService = class {
 * 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" });
+* ```
 */
 const useToast = () => {
 	return (0, __alepha_react.useInject)(ToastService);
@@ -170,4 +172,4 @@ Object.defineProperty(exports, 'useToast', {
     return useToast;
   }
 });
-//# sourceMappingURL=AlephaMantineProvider-DlOEv9f0.cjs.map
+//# sourceMappingURL=AlephaMantineProvider-DuvZFAuk.cjs.map

package/dist/AlephaMantineProvider-DuvZFAuk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlephaMantineProvider-DuvZFAuk.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 * ```tsx\n * const toast = useToast();\n * toast.success({ message: \"Operation completed successfully!\" });\n * toast.error({ title: \"Error\", message: \"Something went wrong\" });\n * ```\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;;;;;;;;;;;;;;;;ACnEN,MAAa,iBAA+B;AAC1C,sCAAiB,aAAa;;;;;ACHhC,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"}

package/dist/AlephaMantineProvider-twBqV4IO.js

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

package/dist/index.cjs

@@ -1,8 +1,8 @@
-const require_AlephaMantineProvider = require('./AlephaMantineProvider-DlOEv9f0.cjs');
-let __alepha_core = require("@alepha/core");
-let __alepha_react_form = require("@alepha/react-form");
-let __alepha_react_head = require("@alepha/react-head");
-let __alepha_react_i18n = require("@alepha/react-i18n");
+const require_AlephaMantineProvider = require('./AlephaMantineProvider-DuvZFAuk.cjs');
+let __alepha_react_form = require("@alepha/react/form");
+let __alepha_react_head = require("@alepha/react/head");
+let __alepha_react_i18n = require("@alepha/react/i18n");
+let alepha = require("alepha");
 let __alepha_react = require("@alepha/react");
 let __mantine_core = require("@mantine/core");
 let __mantine_modals = require("@mantine/modals");
@@ -11,15 +11,15 @@ let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let __mantine_spotlight = require("@mantine/spotlight");
 let __mantine_dates = require("@mantine/dates");
-let __alepha_orm = require("@alepha/orm");
-let __alepha_datetime = require("@alepha/datetime");
+let alepha_orm = require("alepha/orm");
 let __mantine_hooks = require("@mantine/hooks");
+let alepha_datetime = require("alepha/datetime");
 
 //#region src/RootRouter.ts
 var RootRouter = class {
 	root = (0, __alepha_react.$page)({
 		path: "/",
-		lazy: () => Promise.resolve().then(() => require("./AlephaMantineProvider-DCF5kidi.cjs"))
+		lazy: () => Promise.resolve().then(() => require("./AlephaMantineProvider-CGpgWDt8.cjs"))
 	});
 };
 
@@ -792,6 +792,20 @@ const ActionHrefButton = (props) => {
 	});
 };
 
+//#endregion
+//#region src/components/buttons/BurgerButton.tsx
+const BurgerButton = (props) => {
+	const [opened, setOpened] = (0, __alepha_react.useStore)("alepha.ui.sidebar.opened");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Burger, {
+		opened,
+		onClick: () => setOpened(!opened),
+		hiddenFrom: "sm",
+		size: "sm",
+		...props
+	});
+};
+var BurgerButton_default = BurgerButton;
+
 //#endregion
 //#region src/components/buttons/DarkModeButton.tsx
 const DarkModeButton = (props) => {
@@ -956,7 +970,7 @@ const parseInput = (props, form) => {
 	const id = props.input.props.id;
 	const label = props.title ?? ("title" in props.input.schema && typeof props.input.schema.title === "string" ? props.input.schema.title : void 0) ?? prettyName(props.input.path);
 	const description = props.description ?? ("description" in props.input.schema && typeof props.input.schema.description === "string" ? props.input.schema.description : void 0);
-	const error = form.error && form.error instanceof __alepha_core.TypeBoxError ? form.error.value.message : void 0;
+	const error = form.error && form.error instanceof alepha.TypeBoxError ? form.error.value.message : void 0;
 	const icon = props.icon ?? getDefaultIcon({
 		type: props.input.schema && "type" in props.input.schema ? String(props.input.schema.type) : void 0,
 		format: props.input.schema && "format" in props.input.schema && typeof props.input.schema.format === "string" ? props.input.schema.format : void 0,
@@ -1244,7 +1258,7 @@ const ControlQueryBuilder = ({ schema, value = "", onChange, placeholder = "Ente
 	const [error, setError] = (0, react.useState)(null);
 	const isValid = (value$1) => {
 		try {
-			(0, __alepha_orm.parseQueryString)(value$1.trim());
+			(0, alepha_orm.parseQueryString)(value$1.trim());
 		} catch (e) {
 			setError(e.message);
 			return false;
@@ -1748,7 +1762,7 @@ var Control_default = Control;
 * @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({
@@ -1829,20 +1843,6 @@ const TypeForm = (props) => {
 };
 var TypeForm_default = TypeForm;
 
-//#endregion
-//#region src/components/buttons/BurgerButton.tsx
-const BurgerButton = (props) => {
-	const [opened, setOpened] = (0, __alepha_react.useStore)("alepha.ui.sidebar.opened");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Burger, {
-		opened,
-		onClick: () => setOpened(!opened),
-		hiddenFrom: "sm",
-		size: "sm",
-		...props
-	});
-};
-var BurgerButton_default = BurgerButton;
-
 //#endregion
 //#region src/components/buttons/LanguageButton.tsx
 const LanguageButton = (props) => {
@@ -2189,13 +2189,13 @@ const DataTable = (props) => {
 	const [page, setPage] = (0, react.useState)(1);
 	const [size, setSize] = (0, react.useState)(String(defaultSize));
 	const [currentPage, setCurrentPage] = (0, react.useState)(0);
-	const alepha = (0, __alepha_react.useInject)(__alepha_core.Alepha);
+	const alepha$1 = (0, __alepha_react.useInject)(alepha.Alepha);
 	const form = (0, __alepha_react_form.useForm)({
-		schema: __alepha_core.t.object({
+		schema: alepha.t.object({
 			...props.filters ? props.filters.properties : {},
-			page: __alepha_core.t.number({ default: 0 }),
-			size: __alepha_core.t.number({ default: defaultSize }),
-			sort: __alepha_core.t.optional(__alepha_core.t.string())
+			page: alepha.t.number({ default: 0 }),
+			size: alepha.t.number({ default: defaultSize }),
+			sort: alepha.t.optional(alepha.t.string())
 		}),
 		handler: async (values, args) => {
 			if (typeof props.items === "function") {
@@ -2228,7 +2228,7 @@ const DataTable = (props) => {
 		}
 	}, [items]);
 	(0, __mantine_hooks.useDebouncedCallback)(() => form.submit(), { delay: 800 });
-	const dt = (0, __alepha_react.useInject)(__alepha_datetime.DateTimeProvider);
+	const dt = (0, __alepha_react.useInject)(alepha_datetime.DateTimeProvider);
 	(0, react.useEffect)(() => {
 		if (props.submitOnInit) form.submit();
 		if (props.submitEvery) {
@@ -2282,11 +2282,11 @@ const DataTable = (props) => {
 			children: Object.entries(props.columns).map(([key, col]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Table.Td, { children: col.value(item, {
 				index,
 				form,
-				alepha
+				alepha: alepha$1
 			}) }, key))
 		}, JSON.stringify(item));
 	});
-	const schema = __alepha_core.t.omit(form.options.schema, [
+	const schema = alepha.t.omit(form.options.schema, [
 		"page",
 		"size",
 		"sort"
@@ -2364,10 +2364,12 @@ var DataTable_default = DataTable;
 * 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:" });
+* ```
 */
 const useDialog = () => {
 	return (0, __alepha_react.useInject)(DialogService);
@@ -2380,19 +2382,19 @@ const useDialog = () => {
 *
 * @module alepha.ui
 */
-const AlephaUI = (0, __alepha_core.$module)({
+const AlephaUI = (0, alepha.$module)({
 	name: "alepha.ui",
 	services: [
 		DialogService,
 		require_AlephaMantineProvider.ToastService,
 		RootRouter
 	],
-	register: (alepha) => {
-		alepha.with(__alepha_react_i18n.AlephaReactI18n);
-		alepha.with(__alepha_react_head.AlephaReactHead);
-		alepha.with(__alepha_react_form.AlephaReactForm);
-		alepha.with(DialogService);
-		alepha.with(require_AlephaMantineProvider.ToastService);
+	register: (alepha$1) => {
+		alepha$1.with(__alepha_react_i18n.AlephaReactI18n);
+		alepha$1.with(__alepha_react_head.AlephaReactHead);
+		alepha$1.with(__alepha_react_form.AlephaReactForm);
+		alepha$1.with(DialogService);
+		alepha$1.with(require_AlephaMantineProvider.ToastService);
 	}
 });
 
@@ -2403,6 +2405,7 @@ exports.AlephaMantineProvider = require_AlephaMantineProvider.AlephaMantineProvi
 exports.AlephaUI = AlephaUI;
 exports.AlertDialog = AlertDialog_default;
 exports.AppBar = AppBar_default;
+exports.BurgerButton = BurgerButton_default;
 exports.ConfirmDialog = ConfirmDialog_default;
 exports.Control = Control_default;
 exports.ControlDate = ControlDate_default;