@delightui/components 0.1.130 → 0.1.131

package/dist/cjs/modules/notification/index.d.ts

@@ -1,5 +1,5 @@
 import NotificationContainer from './NotificationContainer';
-import { NotificationContainerProps, TriggerNotificationPayload, Notification, NotificationTrigger } from './types';
+import { NotificationContainerProps, TriggerNotificationPayload, Notification, NotificationTrigger, NotificationPosition, NotificationOffset } from './types';
 export * from './NotificationContext';
-export type { NotificationContainerProps, TriggerNotificationPayload, Notification, NotificationTrigger };
+export type { NotificationContainerProps, TriggerNotificationPayload, Notification, NotificationTrigger, NotificationPosition, NotificationOffset };
 export default NotificationContainer;

package/dist/cjs/modules/notification/types.d.ts

@@ -1,24 +1,40 @@
 import { ReactNode } from 'react';
 import { ToastNotificationStyleEnum } from '../../components/atoms/ToastNotification/ToastNotification.types';
+/**
+ * Position options for notification container.
+ */
+export type NotificationPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+/**
+ * Offset configuration for notification positioning.
+ */
+export type NotificationOffset = {
+    x?: number;
+    y?: number;
+};
 /**
  * Represents a single notification.
  */
 export type Notification = {
     id?: number;
-    message?: ReactNode;
+    message: ReactNode;
     duration?: number;
+    style?: ToastNotificationStyleEnum;
+    isDismissable?: boolean;
 };
 /**
  * Payload for triggering a new notification.
  */
 export type TriggerNotificationPayload = Notification & {
-    style?: ToastNotificationStyleEnum;
+    style: ToastNotificationStyleEnum;
+    isDismissable?: boolean;
 };
 /**
  * Props for the NotificationContainer component.
  */
 export type NotificationContainerProps = {
     className?: string;
+    position?: NotificationPosition;
+    offset?: NotificationOffset;
 };
 export type NotificationTrigger = (payload: TriggerNotificationPayload) => void;
 /**
@@ -35,4 +51,6 @@ export type NotificationContextValue = {
  */
 export type NotificationProviderProps = {
     children: ReactNode;
+    position?: NotificationPosition;
+    offset?: NotificationOffset;
 };

package/dist/esm/library.css

@@ -35318,6 +35318,21 @@ span.flatpickr-weekday {
   display: flex;
   flex-direction: column;
   z-index: 1000;
+  gap: 8px;
+  min-width: 300px;
+  max-width: 500px;
+}
+
+.NotificationContainer-module_top-left__DSEaN,
+.NotificationContainer-module_top-center__uNAv8,
+.NotificationContainer-module_top-right__8CJ57 {
+  flex-direction: column;
+}
+
+.NotificationContainer-module_bottom-left__qg8Oo,
+.NotificationContainer-module_bottom-center__fd5iv,
+.NotificationContainer-module_bottom-right__lSCdh {
+  flex-direction: column-reverse;
 }
 .ToastNotification-module_toastNotification__LCpoq {
   display: flex;