@mieweb/ui 0.8.0-dev.8 → 0.8.0-dev.9

package/dist/index.cjs

@@ -55,7 +55,7 @@ var chunkPLMXN23Q_cjs = require('./chunk-PLMXN23Q.cjs');
 var chunkRS5VA6QU_cjs = require('./chunk-RS5VA6QU.cjs');
 var chunkJMZF7ZHF_cjs = require('./chunk-JMZF7ZHF.cjs');
 var chunkZO4L6C2Y_cjs = require('./chunk-ZO4L6C2Y.cjs');
-var chunkH7QSGFMZ_cjs = require('./chunk-H7QSGFMZ.cjs');
+var chunkVKNCQIVN_cjs = require('./chunk-VKNCQIVN.cjs');
 var chunk3TXOFAXP_cjs = require('./chunk-3TXOFAXP.cjs');
 require('./chunk-VBWRH4UW.cjs');
 var chunkI2ECTLON_cjs = require('./chunk-I2ECTLON.cjs');
@@ -64,7 +64,7 @@ var chunk7AECNMYV_cjs = require('./chunk-7AECNMYV.cjs');
 var chunkN5O47VGS_cjs = require('./chunk-N5O47VGS.cjs');
 var chunkX4LBUPJO_cjs = require('./chunk-X4LBUPJO.cjs');
 var chunkIUDY6S7I_cjs = require('./chunk-IUDY6S7I.cjs');
-var chunkV2NEANVH_cjs = require('./chunk-V2NEANVH.cjs');
+var chunk4J4FDVPS_cjs = require('./chunk-4J4FDVPS.cjs');
 var chunkHK3AMH3Q_cjs = require('./chunk-HK3AMH3Q.cjs');
 var chunkNYJIXR4Y_cjs = require('./chunk-NYJIXR4Y.cjs');
 var chunkTVLZZI5Q_cjs = require('./chunk-TVLZZI5Q.cjs');
@@ -1636,6 +1636,126 @@ function AIChat({
     }
   );
 }
+var ToastContext = React13.createContext(null);
+var toastIdCounter = 0;
+function generateToastId() {
+  return `toast-${++toastIdCounter}-${Date.now()}`;
+}
+function ToastProvider({
+  children,
+  maxToasts = 5,
+  defaultDuration = 5e3,
+  position = "bottom-end"
+}) {
+  const [toasts, setToasts] = React13.useState([]);
+  const dismiss = React13.useCallback((id) => {
+    setToasts((prev) => {
+      const toast2 = prev.find((t) => t.id === id);
+      if (toast2?.onDismiss) {
+        toast2.onDismiss();
+      }
+      return prev.filter((t) => t.id !== id);
+    });
+  }, []);
+  const dismissAll = React13.useCallback(() => {
+    setToasts((prev) => {
+      prev.forEach((t) => t.onDismiss?.());
+      return [];
+    });
+  }, []);
+  const toast = React13.useCallback(
+    (options) => {
+      const id = generateToastId();
+      const duration = options.duration ?? defaultDuration;
+      const newToast = {
+        ...options,
+        id,
+        variant: options.variant ?? "info",
+        dismissible: options.dismissible ?? true,
+        duration
+      };
+      setToasts((prev) => {
+        const updated = [...prev, newToast];
+        if (updated.length > maxToasts) {
+          const removed = updated.slice(0, updated.length - maxToasts);
+          removed.forEach((t) => t.onDismiss?.());
+          return updated.slice(-maxToasts);
+        }
+        return updated;
+      });
+      if (duration > 0) {
+        setTimeout(() => dismiss(id), duration);
+      }
+      return id;
+    },
+    [maxToasts, defaultDuration, dismiss]
+  );
+  const success = React13.useCallback(
+    (message, options) => {
+      return toast({ ...options, message, variant: "success" });
+    },
+    [toast]
+  );
+  const error = React13.useCallback(
+    (message, options) => {
+      return toast({
+        ...options,
+        message,
+        variant: "error",
+        duration: options?.duration ?? 7e3
+        // Errors stay longer by default
+      });
+    },
+    [toast]
+  );
+  const warning = React13.useCallback(
+    (message, options) => {
+      return toast({ ...options, message, variant: "warning" });
+    },
+    [toast]
+  );
+  const info = React13.useCallback(
+    (message, options) => {
+      return toast({ ...options, message, variant: "info" });
+    },
+    [toast]
+  );
+  const contextValue = React13.useMemo(
+    () => ({
+      toasts,
+      position,
+      toast,
+      success,
+      error,
+      warning,
+      info,
+      dismiss,
+      dismissAll
+    }),
+    [
+      toasts,
+      position,
+      toast,
+      success,
+      error,
+      warning,
+      info,
+      dismiss,
+      dismissAll
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ToastContext.Provider, { value: contextValue, children });
+}
+function useToast() {
+  const context = React13.useContext(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+}
+function useOptionalToast() {
+  return React13.useContext(ToastContext);
+}
 var CheckIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -1767,7 +1887,7 @@ function Toast({
       className: chunkS5RVSXDV_cjs.cn(
         "flex items-start gap-3 rounded-lg border p-4 shadow-lg",
         "max-w-[420px] min-w-[300px]",
-        "animate-slide-in-right",
+        "animate-slide-in-right rtl:animate-slide-in-left",
         styles.container
       ),
       children: [
@@ -1800,18 +1920,25 @@ function Toast({
   );
 }
 var positionStyles = {
-  "top-left": "top-4 left-4 items-start",
+  "top-start": "top-4 start-4 items-start",
   "top-center": "top-4 left-1/2 -translate-x-1/2 items-center",
-  "top-right": "top-4 right-4 items-end",
-  "bottom-left": "bottom-4 left-4 items-start",
+  "top-end": "top-4 end-4 items-end",
+  "bottom-start": "bottom-4 start-4 items-start",
   "bottom-center": "bottom-4 left-1/2 -translate-x-1/2 items-center",
-  "bottom-right": "bottom-4 right-4 items-end"
+  "bottom-end": "bottom-4 end-4 items-end",
+  // Deprecated physical aliases for the logical positions above.
+  "top-left": "top-4 start-4 items-start",
+  "top-right": "top-4 end-4 items-end",
+  "bottom-left": "bottom-4 start-4 items-start",
+  "bottom-right": "bottom-4 end-4 items-end"
 };
 function ToastContainer({
   toasts,
-  position = "bottom-right",
+  position,
   onDismiss
 }) {
+  const context = useOptionalToast();
+  const resolvedPosition = position ?? context?.position ?? "bottom-end";
   if (toasts.length === 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -1819,7 +1946,7 @@ function ToastContainer({
       "data-slot": "toast-container",
       className: chunkS5RVSXDV_cjs.cn(
         "pointer-events-none fixed z-50 flex flex-col gap-2",
-        positionStyles[position]
+        positionStyles[resolvedPosition]
       ),
       "aria-live": "polite",
       "aria-atomic": "true",
@@ -1827,111 +1954,6 @@ function ToastContainer({
     }
   );
 }
-var ToastContext = React13.createContext(null);
-var toastIdCounter = 0;
-function generateToastId() {
-  return `toast-${++toastIdCounter}-${Date.now()}`;
-}
-function ToastProvider({
-  children,
-  maxToasts = 5,
-  defaultDuration = 5e3
-}) {
-  const [toasts, setToasts] = React13.useState([]);
-  const dismiss = React13.useCallback((id) => {
-    setToasts((prev) => {
-      const toast2 = prev.find((t) => t.id === id);
-      if (toast2?.onDismiss) {
-        toast2.onDismiss();
-      }
-      return prev.filter((t) => t.id !== id);
-    });
-  }, []);
-  const dismissAll = React13.useCallback(() => {
-    setToasts((prev) => {
-      prev.forEach((t) => t.onDismiss?.());
-      return [];
-    });
-  }, []);
-  const toast = React13.useCallback(
-    (options) => {
-      const id = generateToastId();
-      const duration = options.duration ?? defaultDuration;
-      const newToast = {
-        ...options,
-        id,
-        variant: options.variant ?? "info",
-        dismissible: options.dismissible ?? true,
-        duration
-      };
-      setToasts((prev) => {
-        const updated = [...prev, newToast];
-        if (updated.length > maxToasts) {
-          const removed = updated.slice(0, updated.length - maxToasts);
-          removed.forEach((t) => t.onDismiss?.());
-          return updated.slice(-maxToasts);
-        }
-        return updated;
-      });
-      if (duration > 0) {
-        setTimeout(() => dismiss(id), duration);
-      }
-      return id;
-    },
-    [maxToasts, defaultDuration, dismiss]
-  );
-  const success = React13.useCallback(
-    (message, options) => {
-      return toast({ ...options, message, variant: "success" });
-    },
-    [toast]
-  );
-  const error = React13.useCallback(
-    (message, options) => {
-      return toast({
-        ...options,
-        message,
-        variant: "error",
-        duration: options?.duration ?? 7e3
-        // Errors stay longer by default
-      });
-    },
-    [toast]
-  );
-  const warning = React13.useCallback(
-    (message, options) => {
-      return toast({ ...options, message, variant: "warning" });
-    },
-    [toast]
-  );
-  const info = React13.useCallback(
-    (message, options) => {
-      return toast({ ...options, message, variant: "info" });
-    },
-    [toast]
-  );
-  const contextValue = React13.useMemo(
-    () => ({
-      toasts,
-      toast,
-      success,
-      error,
-      warning,
-      info,
-      dismiss,
-      dismissAll
-    }),
-    [toasts, toast, success, error, warning, info, dismiss, dismissAll]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(ToastContext.Provider, { value: contextValue, children });
-}
-function useToast() {
-  const context = React13.useContext(ToastContext);
-  if (!context) {
-    throw new Error("useToast must be used within a ToastProvider");
-  }
-  return context;
-}
 var MENU_OFFSET_PX = 6;
 var MENU_MAX_HEIGHT_PX = 320;
 function optionKey(option) {
@@ -45367,11 +45389,11 @@ Object.defineProperty(exports, "FilterSummaryBar", {
 });
 Object.defineProperty(exports, "FloatingWindow", {
   enumerable: true,
-  get: function () { return chunkH7QSGFMZ_cjs.FloatingWindow; }
+  get: function () { return chunkVKNCQIVN_cjs.FloatingWindow; }
 });
 Object.defineProperty(exports, "MinimizedWindow", {
   enumerable: true,
-  get: function () { return chunkH7QSGFMZ_cjs.MinimizedWindow; }
+  get: function () { return chunkVKNCQIVN_cjs.MinimizedWindow; }
 });
 Object.defineProperty(exports, "FreshnessBadge", {
   enumerable: true,
@@ -45439,11 +45461,11 @@ Object.defineProperty(exports, "CollapsibleTrigger", {
 });
 Object.defineProperty(exports, "miewebUIPreset", {
   enumerable: true,
-  get: function () { return chunkV2NEANVH_cjs.miewebUIPreset; }
+  get: function () { return chunk4J4FDVPS_cjs.miewebUIPreset; }
 });
 Object.defineProperty(exports, "miewebUISafelist", {
   enumerable: true,
-  get: function () { return chunkV2NEANVH_cjs.miewebUISafelist; }
+  get: function () { return chunk4J4FDVPS_cjs.miewebUISafelist; }
 });
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
@@ -47050,6 +47072,7 @@ exports.useDocumentDetection = useDocumentDetection;
 exports.useDropzone = useDropzone;
 exports.useFileUpload = useFileUpload;
 exports.useHeyOzwell = useHeyOzwell;
+exports.useOptionalToast = useOptionalToast;
 exports.useSidebar = useSidebar;
 exports.useSpeakerVerify = useSpeakerVerify;
 exports.useToast = useToast;