@mindly/ui-components 5.1.1 → 5.2.0

package/dist/cjs/lib2/shared/hooks/index.d.ts

@@ -2,3 +2,4 @@ export * from './use-dom-ref';
 export * from './use-event';
 export * from './useAutoFocus';
 export * from './useIsKeyboardShown';
+export * from './useToastContext';

package/dist/cjs/lib2/shared/hooks/useToastContext.d.ts

@@ -0,0 +1,3 @@
+import { ToastState } from '@react-stately/toast';
+import { MindlyToastProps } from '../ui/Toast/types';
+export declare function useToastContext(): ToastState<MindlyToastProps>;

package/dist/cjs/lib2/shared/providers/ToastProvider/ToastProvider.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ToastState } from '@react-stately/toast';
+import { MindlyToastProps, ToastProviderProps } from '../../ui/Toast/types';
+export declare const ToastContext: React.Context<ToastState<MindlyToastProps> | undefined>;
+export declare function ToastProvider({ children, ...props }: React.PropsWithChildren<ToastProviderProps>): JSX.Element;

package/dist/cjs/lib2/shared/providers/ToastProvider/index.d.ts

@@ -0,0 +1 @@
+export * from './ToastProvider';

package/dist/cjs/lib2/shared/providers/index.d.ts

@@ -1 +1,2 @@
 export * from './ThemeProvider';
+export * from './ToastProvider';

package/dist/cjs/lib2/shared/ui/Toast/Toast.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import './Toast.css';
+import { ToastProps } from './types';
+export declare function Toast<T extends React.ReactNode>({ state, ...props }: ToastProps<T>): JSX.Element;

package/dist/cjs/lib2/shared/ui/Toast/ToastCloseButton.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { AriaButtonProps } from 'react-aria';
+export declare const ToastCloseButton: React.ForwardRefExoticComponent<AriaButtonProps<"button"> & {
+    className?: string | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/lib2/shared/ui/Toast/ToastRegion.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { ToastRegionProps } from './types';
+export declare function ToastRegion<T extends React.ReactNode>({ state, ...props }: ToastRegionProps<T>): JSX.Element;

package/dist/cjs/lib2/shared/ui/Toast/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Toast';
+export * from './ToastRegion';

package/dist/cjs/lib2/shared/ui/Toast/styles.d.ts

@@ -0,0 +1,50 @@
+export declare const toastStyles: import("tailwind-variants").TVReturnType<{
+    type: {
+        success: "bg-badges-success-main";
+        error: "bg-color-info-red-not-red";
+        attention: "bg-badges-attention-main";
+        info: "bg-color-info-blue";
+    };
+}, undefined, "toast fixed left-0 right-0 w-full h-[80px]", import("tailwind-variants/dist/config").TVConfig<{
+    type: {
+        success: "bg-badges-success-main";
+        error: "bg-color-info-red-not-red";
+        attention: "bg-badges-attention-main";
+        info: "bg-color-info-blue";
+    };
+}, {
+    type: {
+        success: "bg-badges-success-main";
+        error: "bg-color-info-red-not-red";
+        attention: "bg-badges-attention-main";
+        info: "bg-color-info-blue";
+    };
+}>, {
+    type: {
+        success: "bg-badges-success-main";
+        error: "bg-color-info-red-not-red";
+        attention: "bg-badges-attention-main";
+        info: "bg-color-info-blue";
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    type: {
+        success: "bg-badges-success-main";
+        error: "bg-color-info-red-not-red";
+        attention: "bg-badges-attention-main";
+        info: "bg-color-info-blue";
+    };
+}, undefined, "toast fixed left-0 right-0 w-full h-[80px]", import("tailwind-variants/dist/config").TVConfig<{
+    type: {
+        success: "bg-badges-success-main";
+        error: "bg-color-info-red-not-red";
+        attention: "bg-badges-attention-main";
+        info: "bg-color-info-blue";
+    };
+}, {
+    type: {
+        success: "bg-badges-success-main";
+        error: "bg-color-info-red-not-red";
+        attention: "bg-badges-attention-main";
+        info: "bg-color-info-blue";
+    };
+}>, unknown, unknown, undefined>>;

package/dist/cjs/lib2/shared/ui/Toast/types.d.ts

@@ -0,0 +1,13 @@
+import { ToastState, ToastStateProps } from '@react-stately/toast';
+import { AriaToastProps, AriaToastRegionProps } from '@react-aria/toast';
+export type ToastProviderProps = ToastStateProps;
+export type MindlyToastProps = {
+    type?: 'success' | 'error' | 'attention' | 'info';
+    text: string;
+};
+export interface ToastRegionProps<T> extends AriaToastRegionProps {
+    state: ToastState<T>;
+}
+export interface ToastProps<T> extends AriaToastProps<T> {
+    state: ToastState<T>;
+}

package/dist/cjs/lib2/shared/ui/index.d.ts

@@ -14,3 +14,4 @@ export * from './Calendar';
 export * from './Textarea_v2';
 export * from './Rating';
 export * from './IconButton';
+export * from './Toast';

package/dist/esm/configs/tailwind/colors.d.ts

@@ -11,6 +11,14 @@ declare const _default: {
                 black: string;
             };
         };
+        info: {
+            red: {
+                not: {
+                    red: string;
+                };
+            };
+            blue: string;
+        };
     };
     typography: {
         typography: {