@semiont/react-ui 0.5.23 → 0.5.24

package/dist/{chunk-RO5CRVIA.js → chunk-4QMTEPQ3.js}

@@ -9404,6 +9404,36 @@ var require_cjs = __commonJS({
   }
 });
 
+// src/contexts/LineNumbersContext.tsx
+import { createContext, useContext, useState, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+var LineNumbersContext = createContext(null);
+function LineNumbersProvider({ children }) {
+  const [showLineNumbers, setShowLineNumbers] = useState(() => {
+    if (typeof window !== "undefined") {
+      return localStorage.getItem("showLineNumbers") === "true";
+    }
+    return false;
+  });
+  const toggleLineNumbers = useCallback(() => {
+    setShowLineNumbers((prev) => {
+      const next = !prev;
+      if (typeof window !== "undefined") {
+        localStorage.setItem("showLineNumbers", next.toString());
+      }
+      return next;
+    });
+  }, []);
+  return /* @__PURE__ */ jsx(LineNumbersContext.Provider, { value: { showLineNumbers, toggleLineNumbers }, children });
+}
+function useLineNumbers() {
+  const ctx = useContext(LineNumbersContext);
+  if (!ctx) {
+    throw new Error("useLineNumbers must be used within a LineNumbersProvider");
+  }
+  return ctx;
+}
+
 // src/session/web-browser-storage.ts
 var WebBrowserStorage = class {
   constructor() {
@@ -9435,13 +9465,13 @@ var WebBrowserStorage = class {
 };
 
 // src/session/SemiontProvider.tsx
-import { createContext, useContext, useMemo } from "react";
+import { createContext as createContext2, useContext as useContext2, useMemo } from "react";
 import {
   createHttpSessionFactory,
   getBrowser
 } from "@semiont/sdk";
-import { jsx } from "react/jsx-runtime";
-var SemiontContext = createContext(null);
+import { jsx as jsx2 } from "react/jsx-runtime";
+var SemiontContext = createContext2(null);
 function SemiontProvider({ browser, storage, sessionFactory, children }) {
   const value = useMemo(
     () => browser ?? getBrowser({
@@ -9450,10 +9480,10 @@ function SemiontProvider({ browser, storage, sessionFactory, children }) {
     }),
     [browser, storage, sessionFactory]
   );
-  return /* @__PURE__ */ jsx(SemiontContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx2(SemiontContext.Provider, { value, children });
 }
 function useSemiont() {
-  const ctx = useContext(SemiontContext);
+  const ctx = useContext2(SemiontContext);
   if (!ctx) {
     throw new Error("useSemiont must be used within a <SemiontProvider>");
   }
@@ -9461,8 +9491,8 @@ function useSemiont() {
 }
 
 // src/contexts/TranslationContext.tsx
-import { createContext as createContext2, useContext as useContext2, useState, useEffect, useMemo as useMemo2 } from "react";
-import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+import { createContext as createContext3, useContext as useContext3, useState as useState2, useEffect, useMemo as useMemo2 } from "react";
+import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
 
 // import("../../translations/**/*.json") in src/contexts/TranslationContext.tsx
 var globImport_translations_json = __glob({
@@ -9498,7 +9528,7 @@ var globImport_translations_json = __glob({
 });
 
 // src/contexts/TranslationContext.tsx
-var TranslationContext = createContext2(null);
+var TranslationContext = createContext3(null);
 var translationCache = /* @__PURE__ */ new Map();
 function processPluralFormat(text, params) {
   const pluralMatch = text.match(/\{(\w+),\s*plural,\s*/);
@@ -9647,8 +9677,8 @@ function TranslationProvider({
   loadingComponent = null,
   children
 }) {
-  const [loadedTranslations, setLoadedTranslations] = useState(null);
-  const [isLoading, setIsLoading] = useState(false);
+  const [loadedTranslations, setLoadedTranslations] = useState2(null);
+  const [isLoading, setIsLoading] = useState2(false);
   useEffect(() => {
     if (locale && !translationManager) {
       setIsLoading(true);
@@ -9684,18 +9714,18 @@ function TranslationProvider({
     };
   }, [loadedTranslations, locale]);
   if (translationManager) {
-    return /* @__PURE__ */ jsx2(TranslationContext.Provider, { value: translationManager, children });
+    return /* @__PURE__ */ jsx3(TranslationContext.Provider, { value: translationManager, children });
   }
   if (locale && isLoading) {
-    return /* @__PURE__ */ jsx2(Fragment, { children: loadingComponent });
+    return /* @__PURE__ */ jsx3(Fragment, { children: loadingComponent });
   }
   if (locale && localeManager) {
-    return /* @__PURE__ */ jsx2(TranslationContext.Provider, { value: localeManager, children });
+    return /* @__PURE__ */ jsx3(TranslationContext.Provider, { value: localeManager, children });
   }
-  return /* @__PURE__ */ jsx2(TranslationContext.Provider, { value: defaultTranslationManager, children });
+  return /* @__PURE__ */ jsx3(TranslationContext.Provider, { value: defaultTranslationManager, children });
 }
 function useTranslations(namespace) {
-  const context = useContext2(TranslationContext);
+  const context = useContext3(TranslationContext);
   if (!context) {
     return (key, params) => {
       const translations = en_default;
@@ -9733,14 +9763,14 @@ function usePreloadTranslations() {
 }
 
 // src/components/Toast.tsx
-import React, { useEffect as useEffect2, useState as useState2 } from "react";
+import React, { useEffect as useEffect2, useState as useState3 } from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, 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" }) })
+  success: /* @__PURE__ */ jsx4("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
+  error: /* @__PURE__ */ jsx4("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }),
+  warning: /* @__PURE__ */ jsx4("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("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__ */ jsx4("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("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(() => {
@@ -9756,15 +9786,15 @@ function Toast({ toast, onClose }) {
       "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(
+        /* @__PURE__ */ jsx4("div", { className: "semiont-toast-icon-wrapper", children: icons[toast.type] }),
+        /* @__PURE__ */ jsx4("p", { className: "semiont-toast-message", children: toast.message }),
+        /* @__PURE__ */ jsx4(
           "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" }) })
+            children: /* @__PURE__ */ jsx4("svg", { className: "semiont-toast-close-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
           }
         )
       ]
@@ -9772,20 +9802,20 @@ function Toast({ toast, onClose }) {
   );
 }
 function ToastContainer({ toasts, onClose }) {
-  const [mounted, setMounted] = useState2(false);
+  const [mounted, setMounted] = useState3(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)) }),
+    /* @__PURE__ */ jsx4("div", { className: "semiont-toast-container", children: toasts.map((toast) => /* @__PURE__ */ jsx4(Toast, { toast, onClose }, toast.id)) }),
     document.body
   );
 }
 var ToastContext = React.createContext(void 0);
 function ToastProvider({ children }) {
-  const [toasts, setToasts] = useState2([]);
+  const [toasts, setToasts] = useState3([]);
   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 };
@@ -9804,7 +9834,7 @@ function ToastProvider({ children }) {
   );
   return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: contextValue, children: [
     children,
-    /* @__PURE__ */ jsx3(ToastContainer, { toasts, onClose: handleClose })
+    /* @__PURE__ */ jsx4(ToastContainer, { toasts, onClose: handleClose })
   ] });
 }
 function useToast() {
@@ -9816,6 +9846,8 @@ function useToast() {
 }
 
 export {
+  LineNumbersProvider,
+  useLineNumbers,
   WebBrowserStorage,
   SemiontProvider,
   useSemiont,
@@ -9941,4 +9973,4 @@ export {
   require_zipWith,
   require_cjs
 };
-//# sourceMappingURL=chunk-RO5CRVIA.js.map
+//# sourceMappingURL=chunk-4QMTEPQ3.js.map