@delightui/components 0.1.163 → 0.1.165

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

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

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

@@ -1,5 +1,9 @@
 import { ReactNode } from 'react';
 import { ToastNotificationStyleEnum } from '../../components/atoms/ToastNotification/ToastNotification.types';
+/** Custom inner content; receives close (required) so your component can dismiss the toast. */
+export type NotificationRenderContent = (helpers: {
+    closeToast: () => void;
+}) => ReactNode;
 /**
  * Position options for notification container.
  */
@@ -16,7 +20,10 @@ export type NotificationOffset = {
  */
 export type Notification = {
     id?: number;
-    message: ReactNode;
+    /** Shown inside default toast (ignored when renderContent is set). */
+    message?: ReactNode;
+    /** Custom inner content; receives removeToast so your component can close the toast. */
+    renderContent?: NotificationRenderContent;
     duration?: number;
     style?: ToastNotificationStyleEnum;
     isDismissable?: boolean;
@@ -24,12 +31,14 @@ export type Notification = {
     closeIcon?: ReactNode;
     leadingIcon?: ReactNode;
     trailingIcon?: ReactNode;
+    /** Position for this toast; defaults to provider position when not set. */
+    position?: NotificationPosition;
 };
 /**
  * Payload for triggering a new notification.
  */
 export type TriggerNotificationPayload = Notification & {
-    style: ToastNotificationStyleEnum;
+    style?: ToastNotificationStyleEnum;
     isDismissable?: boolean;
 };
 /**
@@ -49,6 +58,8 @@ export type NotificationContextValue = {
     clear: VoidFunction;
     removeNotification: (id: number) => void;
     trigger: NotificationTrigger;
+    position: NotificationPosition;
+    offset: NotificationOffset;
 };
 /**
  * Props for the NotificationProvider component.

package/dist/esm/components/atoms/ToastNotification/ToastNotification.types.d.ts

@@ -36,6 +36,14 @@ export type ToastNotificationProps = Omit<HTMLAttributes<HTMLDivElement>, 'style
      * Duration before the toast auto-closes (in milliseconds).
      */
     duration?: number;
+    /**
+     * Custom renderer for the inner content area inside the toast wrapper.
+     * When provided, it replaces the default layout (leading icon + text + trailing icon).
+     * It receives `removeToast` (always defined) so your custom component can close the toast.
+     */
+    renderContent?: (helpers: {
+        removeToast: () => void;
+    }) => ReactNode;
     /**
      * Additional class for styling.
      */

package/dist/esm/components/molecules/DatePicker/DateInput/DateInput.types.d.ts

@@ -12,4 +12,12 @@ export type DateInputProps = DatePickerBaseSharedProps & {
      * Icon to be displayed after the input.
      */
     trailingIcon?: React.ReactNode;
+    /**
+     * Accessible label (used as base for input and child suffixes e.g. --open-calendar).
+     */
+    ariaLabel?: string;
+    /**
+     * ID(s) of element(s) that label this component (used as base for child suffixes).
+     */
+    ariaLabelledBy?: string;
 };

package/dist/esm/components/molecules/ProgressBar/ProgressBar.types.d.ts

@@ -32,4 +32,8 @@ export type ProgressBarProps = {
      * Additional class for styling
      */
     className?: string;
+    /**
+     * Accessible label for the progress bar
+     */
+    ariaLabel?: string;
 };

package/dist/esm/library.css

@@ -35777,7 +35777,7 @@ span.flatpickr-weekday {
 }
 .ToastNotification-module_toastNotification__LCpoq {
   display: flex;
-  position: fixed;
+  position: relative;
   flex-direction: row;
   align-items: center;
   justify-content: center;