@deepnoid/ui 0.0.84 → 0.0.87

package/dist/components/toast/index.mjs

@@ -1,16 +1,21 @@
 "use client";
-import "../../chunk-W7ABNK3K.mjs";
+import "../../chunk-LUWGOKLG.mjs";
+import {
+  ToastProvider,
+  useToast
+} from "../../chunk-QX6VJLEM.mjs";
+import "../../chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "../../chunk-XTJL67KM.mjs";
-import "../../chunk-5T5F5WVS.mjs";
-import "../../chunk-SDNTEP5C.mjs";
+} from "../../chunk-2COCX2VX.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-AHORH5PH.mjs";
-import "../../chunk-QURXBWKK.mjs";
+import "../../chunk-PRUAIZTU.mjs";
+import "../../chunk-IOV7MEPG.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";
 export {
-  toast_default as Toast
+  toast_default as Toast,
+  ToastProvider,
+  useToast
 };

package/dist/components/toast/toast-utils.d.mts

@@ -0,0 +1,9 @@
+type ToastPlacement = "top-left" | "top-right" | "top-center" | "bottom-left" | "bottom-right" | "bottom-center";
+declare const getToastPosition: (placement: ToastPlacement, width: number, offset: number) => {
+    top: number | undefined;
+    left: number | undefined;
+    bottom: number | undefined;
+    right: number | undefined;
+};
+
+export { type ToastPlacement, getToastPosition };

package/dist/components/toast/toast-utils.d.ts

@@ -0,0 +1,9 @@
+type ToastPlacement = "top-left" | "top-right" | "top-center" | "bottom-left" | "bottom-right" | "bottom-center";
+declare const getToastPosition: (placement: ToastPlacement, width: number, offset: number) => {
+    top: number | undefined;
+    left: number | undefined;
+    bottom: number | undefined;
+    right: number | undefined;
+};
+
+export { type ToastPlacement, getToastPosition };

package/dist/components/toast/toast-utils.js

@@ -24,59 +24,39 @@ __export(toast_utils_exports, {
   getToastPosition: () => getToastPosition
 });
 module.exports = __toCommonJS(toast_utils_exports);
-var getToastPosition = (placement, targetRect, width, height, offset) => {
-  let x = 0, y = 0;
+var getToastPosition = (placement, width, offset) => {
+  let top = void 0;
+  let left = void 0;
+  let bottom = void 0;
+  let right = void 0;
+  const viewportWidth = window.innerWidth;
   switch (placement) {
-    case "top":
-      x = targetRect.left + targetRect.width / 2 - width / 2;
-      y = targetRect.top - height - offset;
+    case "top-left":
+      top = offset;
+      left = offset;
       break;
-    case "left":
-      x = targetRect.left - width - offset;
-      y = targetRect.top + targetRect.height / 2 - height / 2;
+    case "top-right":
+      top = offset;
+      right = offset;
       break;
-    case "right":
-      x = targetRect.right + offset;
-      y = targetRect.top + targetRect.height / 2 - height / 2;
+    case "top-center":
+      top = offset;
+      left = (viewportWidth - width) / 2;
       break;
-    case "bottom":
-      x = targetRect.left + targetRect.width / 2 - width / 2;
-      y = targetRect.bottom + offset;
+    case "bottom-left":
+      bottom = offset;
+      left = offset;
       break;
-    case "top-start":
-      x = targetRect.left;
-      y = targetRect.top - height - offset;
+    case "bottom-right":
+      bottom = offset;
+      right = offset;
       break;
-    case "top-end":
-      x = targetRect.right - width;
-      y = targetRect.top - height - offset;
-      break;
-    case "bottom-start":
-      x = targetRect.left;
-      y = targetRect.bottom + offset;
-      break;
-    case "bottom-end":
-      x = targetRect.right - width;
-      y = targetRect.bottom + offset;
-      break;
-    case "left-start":
-      x = targetRect.left - width - offset;
-      y = targetRect.top;
-      break;
-    case "left-end":
-      x = targetRect.left - width - offset;
-      y = targetRect.bottom - height;
-      break;
-    case "right-start":
-      x = targetRect.right + offset;
-      y = targetRect.top;
-      break;
-    case "right-end":
-      x = targetRect.right + offset;
-      y = targetRect.bottom - height;
+    case "bottom-center":
+      bottom = offset;
+      left = (viewportWidth - width) / 2;
       break;
   }
-  return { toastX: x, toastY: y };
+  return { top, left, bottom, right };
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/toast/toast-utils.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   getToastPosition
-} from "../../chunk-SDNTEP5C.mjs";
+} from "../../chunk-ZOTHPHXA.mjs";
 import "../../chunk-IZ6II3QA.mjs";
 export {
   getToastPosition

package/dist/components/toast/toast.d.mts

@@ -0,0 +1,208 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { ToastPlacement } from './toast-utils.mjs';
+import { IconName } from '../icon/Icon.mjs';
+import 'react/jsx-runtime';
+import '../icon/template.mjs';
+
+interface Props {
+    width?: number;
+    icon?: IconName;
+    content?: ReactNode | string;
+    placement?: ToastPlacement;
+    classNames?: Record<string, string>;
+    showIcon?: boolean;
+    showCloseButton?: boolean;
+    onClose?: () => void;
+}
+type ToastProps = Props & ToastVariantProps;
+declare const Toast: react.ForwardRefExoticComponent<Props & ToastVariantProps & react.RefAttributes<any>>;
+
+declare const toast: tailwind_variants.TVReturnType<{
+    color: {
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        default: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        info: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    content: string[];
+}, undefined, {
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        disableAnimation?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config.TWMConfig & {
+    twMergeConfig: {
+        classGroups: {
+            fontSize: {
+                text: string[];
+            }[];
+            borderRadius: {
+                rounded: string[];
+            }[];
+            boxShadow: {
+                shadow: string[];
+            }[];
+            padding: {
+                p: string[];
+            }[];
+            gap: {
+                gap: string[];
+            }[];
+        };
+    };
+}, {
+    color: {
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        default: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        info: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    content: string[];
+}, tailwind_variants.TVReturnType<{
+    color: {
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        default: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        info: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    content: string[];
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    color: {
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        default: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        info: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    color: {
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        default: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        info: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            base: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type ToastVariantProps = VariantProps<typeof toast>;
+type ToastSlots = keyof ReturnType<typeof toast>;
+type ToastReturnType = ReturnType<typeof toast>;
+
+export { type Props, type ToastProps, type ToastReturnType, type ToastSlots, type ToastVariantProps, Toast as default };

package/dist/components/toast/toast.d.ts

@@ -3,21 +3,25 @@ import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { SlotsToClasses } from '../../utils/types.js';
-import { T as ToastPlacement } from '../../toast-utils-c66EY-H0.js';
+import { ToastPlacement } from './toast-utils.js';
+import { IconName } from '../icon/Icon.js';
+import 'react/jsx-runtime';
+import '../icon/template.js';
 
 interface Props {
+    width?: number;
+    icon?: IconName;
     content?: ReactNode | string;
-    offset?: number;
     placement?: ToastPlacement;
-    classNames?: SlotsToClasses<ToastSlots>;
-    showStatusIcon?: boolean;
+    classNames?: Record<string, string>;
+    showIcon?: boolean;
     showCloseButton?: boolean;
+    onClose?: () => void;
 }
 type ToastProps = Props & ToastVariantProps;
-declare const Toast: react.ForwardRefExoticComponent<Props & ToastVariantProps & react.RefAttributes<HTMLDivElement>>;
+declare const Toast: react.ForwardRefExoticComponent<Props & ToastVariantProps & react.RefAttributes<any>>;
 
-declare const tooltip: tailwind_variants.TVReturnType<{
+declare const toast: tailwind_variants.TVReturnType<{
     color: {
         primary: {
             base: string;
@@ -197,8 +201,8 @@ declare const tooltip: tailwind_variants.TVReturnType<{
         };
     };
 }>, unknown, unknown, undefined>>;
-type ToastVariantProps = VariantProps<typeof tooltip>;
-type ToastSlots = keyof ReturnType<typeof tooltip>;
-type ToastReturnType = ReturnType<typeof tooltip>;
+type ToastVariantProps = VariantProps<typeof toast>;
+type ToastSlots = keyof ReturnType<typeof toast>;
+type ToastReturnType = ReturnType<typeof toast>;
 
 export { type Props, type ToastProps, type ToastReturnType, type ToastSlots, type ToastVariantProps, Toast as default };