@semiont/react-ui 0.5.9 → 0.5.11

package/dist/{chunk-WHUGODTB.js → chunk-PFUXQPWJ.js}

@@ -1,11 +1,11 @@
 'use client';
 import {
   en_default
-} from "./chunk-GERSK2DY.js";
+} from "./chunk-R52YAGHK.js";
 import {
   __commonJS,
   __glob
-} from "./chunk-YBGN4ACY.js";
+} from "./chunk-O23TLLXW.js";
 
 // ../../node_modules/rxjs/dist/cjs/internal/util/isFunction.js
 var require_isFunction = __commonJS({
@@ -9460,124 +9460,41 @@ function useSemiont() {
   return ctx;
 }
 
-// src/components/Toast.tsx
-import React, { useEffect, useState } from "react";
-import { createPortal } from "react-dom";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var icons = {
-  success: /* @__PURE__ */ jsx2("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx2("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
-  error: /* @__PURE__ */ jsx2("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx2("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }),
-  warning: /* @__PURE__ */ jsx2("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx2("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }),
-  info: /* @__PURE__ */ jsx2("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx2("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) })
-};
-function Toast({ toast, onClose }) {
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      onClose(toast.id);
-    }, toast.duration || 3e3);
-    return () => clearTimeout(timer);
-  }, [toast, onClose]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "semiont-toast",
-      "data-variant": toast.type,
-      role: "alert",
-      children: [
-        /* @__PURE__ */ jsx2("div", { className: "semiont-toast-icon-wrapper", children: icons[toast.type] }),
-        /* @__PURE__ */ jsx2("p", { className: "semiont-toast-message", children: toast.message }),
-        /* @__PURE__ */ jsx2(
-          "button",
-          {
-            onClick: () => onClose(toast.id),
-            className: "semiont-toast-close",
-            "aria-label": "Close",
-            children: /* @__PURE__ */ jsx2("svg", { className: "semiont-toast-close-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx2("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
-          }
-        )
-      ]
-    }
-  );
-}
-function ToastContainer({ toasts, onClose }) {
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    setMounted(true);
-    return () => setMounted(false);
-  }, []);
-  if (!mounted) return null;
-  return createPortal(
-    /* @__PURE__ */ jsx2("div", { className: "semiont-toast-container", children: toasts.map((toast) => /* @__PURE__ */ jsx2(Toast, { toast, onClose }, toast.id)) }),
-    document.body
-  );
-}
-var ToastContext = React.createContext(void 0);
-function ToastProvider({ children }) {
-  const [toasts, setToasts] = useState([]);
-  const showToast = React.useCallback((message, type = "info", duration) => {
-    const id = Date.now().toString();
-    const newToast = duration !== void 0 ? { id, message, type, duration } : { id, message, type };
-    setToasts((prev) => [...prev, newToast]);
-  }, []);
-  const showSuccess = React.useCallback((message, duration) => showToast(message, "success", duration), [showToast]);
-  const showError = React.useCallback((message, duration) => showToast(message, "error", duration), [showToast]);
-  const showWarning = React.useCallback((message, duration) => showToast(message, "warning", duration), [showToast]);
-  const showInfo = React.useCallback((message, duration) => showToast(message, "info", duration), [showToast]);
-  const handleClose = React.useCallback((id) => {
-    setToasts((prev) => prev.filter((toast) => toast.id !== id));
-  }, []);
-  const contextValue = React.useMemo(
-    () => ({ showToast, showSuccess, showError, showWarning, showInfo }),
-    [showToast, showSuccess, showError, showWarning, showInfo]
-  );
-  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: contextValue, children: [
-    children,
-    /* @__PURE__ */ jsx2(ToastContainer, { toasts, onClose: handleClose })
-  ] });
-}
-function useToast() {
-  const context = React.useContext(ToastContext);
-  if (context === void 0) {
-    throw new Error("useToast must be used within a ToastProvider");
-  }
-  return context;
-}
-
 // src/contexts/TranslationContext.tsx
-import { createContext as createContext2, useContext as useContext2, useState as useState2, useEffect as useEffect2, useMemo as useMemo2 } from "react";
-import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
+import { createContext as createContext2, useContext as useContext2, useState, useEffect, useMemo as useMemo2 } from "react";
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
 
 // import("../../translations/**/*.json") in src/contexts/TranslationContext.tsx
 var globImport_translations_json = __glob({
-  "../../translations/ar.json": () => import("./ar-WA47UUWA.js"),
-  "../../translations/bn.json": () => import("./bn-5ANDRIU6.js"),
-  "../../translations/cs.json": () => import("./cs-3RU7F4JX.js"),
-  "../../translations/da.json": () => import("./da-GSW5P5HG.js"),
-  "../../translations/de.json": () => import("./de-JUAUYF4Z.js"),
-  "../../translations/el.json": () => import("./el-JNLWCKEC.js"),
-  "../../translations/en.json": () => import("./en-RBN2GUHF.js"),
-  "../../translations/es.json": () => import("./es-WPOX225H.js"),
-  "../../translations/fa.json": () => import("./fa-TAEP6N77.js"),
-  "../../translations/fi.json": () => import("./fi-ZVZHANSP.js"),
-  "../../translations/fr.json": () => import("./fr-VLZW7M4N.js"),
-  "../../translations/he.json": () => import("./he-QFAFYA77.js"),
-  "../../translations/hi.json": () => import("./hi-AO3DQPCV.js"),
-  "../../translations/id.json": () => import("./id-GTXF42WM.js"),
-  "../../translations/it.json": () => import("./it-AS5GM232.js"),
-  "../../translations/ja.json": () => import("./ja-GZ4HLUOF.js"),
-  "../../translations/ko.json": () => import("./ko-A4XUXFGJ.js"),
-  "../../translations/ms.json": () => import("./ms-YBAO3S6K.js"),
-  "../../translations/nl.json": () => import("./nl-3TJGIIIU.js"),
-  "../../translations/no.json": () => import("./no-4AXIQPRQ.js"),
-  "../../translations/pl.json": () => import("./pl-5GP6GKXO.js"),
-  "../../translations/pt.json": () => import("./pt-26Y6JFG5.js"),
-  "../../translations/ro.json": () => import("./ro-C7UXFRWJ.js"),
-  "../../translations/sv.json": () => import("./sv-44DVD76T.js"),
-  "../../translations/th.json": () => import("./th-GIQRTBOY.js"),
-  "../../translations/tr.json": () => import("./tr-WMQWO4D6.js"),
-  "../../translations/uk.json": () => import("./uk-I7ML6RGG.js"),
-  "../../translations/vi.json": () => import("./vi-FGWECASQ.js"),
-  "../../translations/zh.json": () => import("./zh-L5FN73XC.js")
+  "../../translations/ar.json": () => import("./ar-ZHKO4XDR.js"),
+  "../../translations/bn.json": () => import("./bn-3BUDKAK5.js"),
+  "../../translations/cs.json": () => import("./cs-2EFEUKTW.js"),
+  "../../translations/da.json": () => import("./da-SUD3Q44Q.js"),
+  "../../translations/de.json": () => import("./de-6IC5QRX7.js"),
+  "../../translations/el.json": () => import("./el-Q4NAXFRC.js"),
+  "../../translations/en.json": () => import("./en-P2L4X27N.js"),
+  "../../translations/es.json": () => import("./es-YUKZBD4W.js"),
+  "../../translations/fa.json": () => import("./fa-OJ47LILE.js"),
+  "../../translations/fi.json": () => import("./fi-QFFL5CUB.js"),
+  "../../translations/fr.json": () => import("./fr-BOQZZWP4.js"),
+  "../../translations/he.json": () => import("./he-LXDY3TFA.js"),
+  "../../translations/hi.json": () => import("./hi-HOJER77V.js"),
+  "../../translations/id.json": () => import("./id-I5WQ6EWD.js"),
+  "../../translations/it.json": () => import("./it-UYH642IJ.js"),
+  "../../translations/ja.json": () => import("./ja-JTVWAC4L.js"),
+  "../../translations/ko.json": () => import("./ko-IHXFMOIZ.js"),
+  "../../translations/ms.json": () => import("./ms-JH25VFLO.js"),
+  "../../translations/nl.json": () => import("./nl-SURXW7IQ.js"),
+  "../../translations/no.json": () => import("./no-HXIKQFDZ.js"),
+  "../../translations/pl.json": () => import("./pl-7A4KU6XK.js"),
+  "../../translations/pt.json": () => import("./pt-6MGYP7Q5.js"),
+  "../../translations/ro.json": () => import("./ro-IROCHNIA.js"),
+  "../../translations/sv.json": () => import("./sv-WDJD75CV.js"),
+  "../../translations/th.json": () => import("./th-RIO2E6B3.js"),
+  "../../translations/tr.json": () => import("./tr-TZ7ERCIN.js"),
+  "../../translations/uk.json": () => import("./uk-ZFWDKLUE.js"),
+  "../../translations/vi.json": () => import("./vi-UIOSP2JG.js"),
+  "../../translations/zh.json": () => import("./zh-6R6YUY46.js")
 });
 
 // src/contexts/TranslationContext.tsx
@@ -9730,9 +9647,9 @@ function TranslationProvider({
   loadingComponent = null,
   children
 }) {
-  const [loadedTranslations, setLoadedTranslations] = useState2(null);
-  const [isLoading, setIsLoading] = useState2(false);
-  useEffect2(() => {
+  const [loadedTranslations, setLoadedTranslations] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  useEffect(() => {
     if (locale && !translationManager) {
       setIsLoading(true);
       loadTranslations(locale).then((translations) => {
@@ -9767,15 +9684,15 @@ function TranslationProvider({
     };
   }, [loadedTranslations, locale]);
   if (translationManager) {
-    return /* @__PURE__ */ jsx3(TranslationContext.Provider, { value: translationManager, children });
+    return /* @__PURE__ */ jsx2(TranslationContext.Provider, { value: translationManager, children });
   }
   if (locale && isLoading) {
-    return /* @__PURE__ */ jsx3(Fragment, { children: loadingComponent });
+    return /* @__PURE__ */ jsx2(Fragment, { children: loadingComponent });
   }
   if (locale && localeManager) {
-    return /* @__PURE__ */ jsx3(TranslationContext.Provider, { value: localeManager, children });
+    return /* @__PURE__ */ jsx2(TranslationContext.Provider, { value: localeManager, children });
   }
-  return /* @__PURE__ */ jsx3(TranslationContext.Provider, { value: defaultTranslationManager, children });
+  return /* @__PURE__ */ jsx2(TranslationContext.Provider, { value: defaultTranslationManager, children });
 }
 function useTranslations(namespace) {
   const context = useContext2(TranslationContext);
@@ -9815,17 +9732,100 @@ function usePreloadTranslations() {
   };
 }
 
+// src/components/Toast.tsx
+import React, { useEffect as useEffect2, useState as useState2 } from "react";
+import { createPortal } from "react-dom";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var icons = {
+  success: /* @__PURE__ */ jsx3("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx3("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
+  error: /* @__PURE__ */ jsx3("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx3("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }),
+  warning: /* @__PURE__ */ jsx3("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx3("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }),
+  info: /* @__PURE__ */ jsx3("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx3("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) })
+};
+function Toast({ toast, onClose }) {
+  useEffect2(() => {
+    const timer = setTimeout(() => {
+      onClose(toast.id);
+    }, toast.duration || 3e3);
+    return () => clearTimeout(timer);
+  }, [toast, onClose]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "semiont-toast",
+      "data-variant": toast.type,
+      role: "alert",
+      children: [
+        /* @__PURE__ */ jsx3("div", { className: "semiont-toast-icon-wrapper", children: icons[toast.type] }),
+        /* @__PURE__ */ jsx3("p", { className: "semiont-toast-message", children: toast.message }),
+        /* @__PURE__ */ jsx3(
+          "button",
+          {
+            onClick: () => onClose(toast.id),
+            className: "semiont-toast-close",
+            "aria-label": "Close",
+            children: /* @__PURE__ */ jsx3("svg", { className: "semiont-toast-close-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx3("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+          }
+        )
+      ]
+    }
+  );
+}
+function ToastContainer({ toasts, onClose }) {
+  const [mounted, setMounted] = useState2(false);
+  useEffect2(() => {
+    setMounted(true);
+    return () => setMounted(false);
+  }, []);
+  if (!mounted) return null;
+  return createPortal(
+    /* @__PURE__ */ jsx3("div", { className: "semiont-toast-container", children: toasts.map((toast) => /* @__PURE__ */ jsx3(Toast, { toast, onClose }, toast.id)) }),
+    document.body
+  );
+}
+var ToastContext = React.createContext(void 0);
+function ToastProvider({ children }) {
+  const [toasts, setToasts] = useState2([]);
+  const showToast = React.useCallback((message, type = "info", duration) => {
+    const id = Date.now().toString();
+    const newToast = duration !== void 0 ? { id, message, type, duration } : { id, message, type };
+    setToasts((prev) => [...prev, newToast]);
+  }, []);
+  const showSuccess = React.useCallback((message, duration) => showToast(message, "success", duration), [showToast]);
+  const showError = React.useCallback((message, duration) => showToast(message, "error", duration), [showToast]);
+  const showWarning = React.useCallback((message, duration) => showToast(message, "warning", duration), [showToast]);
+  const showInfo = React.useCallback((message, duration) => showToast(message, "info", duration), [showToast]);
+  const handleClose = React.useCallback((id) => {
+    setToasts((prev) => prev.filter((toast) => toast.id !== id));
+  }, []);
+  const contextValue = React.useMemo(
+    () => ({ showToast, showSuccess, showError, showWarning, showInfo }),
+    [showToast, showSuccess, showError, showWarning, showInfo]
+  );
+  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: contextValue, children: [
+    children,
+    /* @__PURE__ */ jsx3(ToastContainer, { toasts, onClose: handleClose })
+  ] });
+}
+function useToast() {
+  const context = React.useContext(ToastContext);
+  if (context === void 0) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+}
+
 export {
   WebBrowserStorage,
   SemiontProvider,
   useSemiont,
-  ToastContainer,
-  ToastProvider,
-  useToast,
   AVAILABLE_LOCALES,
   TranslationProvider,
   useTranslations,
   usePreloadTranslations,
+  ToastContainer,
+  ToastProvider,
+  useToast,
   require_audit,
   require_auditTime,
   require_buffer,
@@ -9941,4 +9941,4 @@ export {
   require_zipWith,
   require_cjs
 };
-//# sourceMappingURL=chunk-WHUGODTB.js.map
+//# sourceMappingURL=chunk-PFUXQPWJ.js.map