@dev_bachani/math-editor 0.0.1

package/dist/mathex.js

@@ -0,0 +1,745 @@
+import { jsx as t, jsxs as E } from "react/jsx-runtime";
+import { createContext as G, useContext as Q, useState as A, useRef as M, useCallback as I, useMemo as W, useEffect as B } from "react";
+const F = (p, s, b) => {
+}, D = G(void 0), H = () => Q(D), j = ({
+  children: p,
+  theme: s = "light"
+}) => {
+  const [b, N] = A(null), x = M(null);
+  x.current = b;
+  const c = M(/* @__PURE__ */ new Map()), U = I((d, r) => {
+    F("MathProvider", "registerInput", { totalRegistered: c.current.size + 1 }), c.current.set(d, r);
+  }, []), P = I((d) => {
+    F("MathProvider", "unregisterInput", { totalRemaining: c.current.size - 1 }), c.current.delete(d), N((r) => r === d ? null : r);
+  }, []), h = I((d) => {
+    N(d);
+  }, []), f = I(
+    (d) => {
+      const r = x.current;
+      if (F("MathProvider", "insertAtCursor called", {
+        hasCallback: r ? c.current.has(r) : !1,
+        registeredInputs: Array.from(c.current.keys())
+      }), !r) {
+        console.warn("No active input to insert LaTeX into");
+        return;
+      }
+      const R = c.current.get(r);
+      R && R(d);
+    },
+    []
+    // Empty deps - uses refs to access current values
+  ), O = {
+    activeInputId: b,
+    setActiveInput: h,
+    insertAtCursor: f,
+    registerInput: U,
+    unregisterInput: P,
+    theme: s
+  }, m = typeof s == "string" ? s : "custom";
+  return F("MathProvider", "rendering with contextValue", { registeredInputs: Array.from(c.current.keys()) }), /* @__PURE__ */ t(D.Provider, { value: O, children: /* @__PURE__ */ t("div", { "data-theme": m, className: "mathex-provider", children: p }) });
+};
+j.displayName = "MathProvider";
+const L = (p, s, b) => {
+}, V = () => typeof window < "u" && window.MathQuill ? window.MathQuill.getInterface(2) : null, Y = ({
+  value: p,
+  defaultValue: s = "",
+  onChange: b,
+  id: N,
+  placeholder: x = "Enter equation...",
+  disabled: c = !1,
+  className: U = "",
+  style: P,
+  autoFocus: h = !1,
+  readOnly: f = !1,
+  onError: O
+}) => {
+  const m = p !== void 0, [d, r] = A(s), R = m ? p : d, [_, a] = A(!1), l = M(null), y = M(null), S = W(() => N || `math-input-${Math.random().toString(36).substr(2, 9)}`, [N]), u = H(), k = M(u), T = M(S);
+  B(() => {
+    k.current = u, T.current = S;
+  }, [u, S]), L("MathInput", "render", { activeInputId: u?.activeInputId }), B(() => {
+    if (!y.current || l.current) return;
+    const g = V();
+    if (!g) {
+      console.error("MathQuill is not loaded. Make sure to include MathQuill script in your HTML.");
+      return;
+    }
+    try {
+      const C = {
+        spaceBehavesLikeTab: !0,
+        leftRightIntoCmdGoes: "up",
+        restrictMismatchedBrackets: !0,
+        autoCommands: "pi theta sqrt sum prod int",
+        autoOperatorNames: "sin cos tan sec csc cot sinh cosh tanh log ln",
+        handlers: {
+          edit: (v) => {
+            const w = v.latex();
+            m || r(w), b?.(w);
+          },
+          enter: () => {
+            l.current?.blur();
+          }
+        }
+      }, e = g.MathField(y.current, C);
+      l.current = e, e.latex(R);
+      const i = y.current, n = () => {
+        const v = T.current, w = k.current;
+        L("MathInput", "focusin event fired", { inputId: v, hasContext: !!w }), a(!0), w ? (L("MathInput", "Setting active input from focusin", { inputId: v }), w.setActiveInput(v)) : L("MathInput", "WARNING: No mathContext available in focusin handler");
+      }, o = () => {
+        L("MathInput", "focusout event fired", { inputId: T.current }), a(!1);
+      };
+      return i.addEventListener("focusin", n), i.addEventListener("focusout", o), h && e.focus(), () => {
+        L("MathInput", "cleanup - removing listeners", { inputId: S }), i.removeEventListener("focusin", n), i.removeEventListener("focusout", o), e.revert(), l.current = null;
+      };
+    } catch (C) {
+      O && C instanceof Error && O(C), console.error("Failed to initialize MathQuill:", C);
+    }
+  }, []), B(() => {
+    l.current && m && l.current.latex() !== p && l.current.latex(p);
+  }, [p, m]);
+  const K = I(() => {
+    l.current && !c && !f && (l.current.focus(), u && u.setActiveInput(S));
+  }, [u, S, c, f]), z = I(
+    (g) => {
+      if (L("MathInput", "handleKeyboardInsertion called", {
+        hasMathField: !!l.current,
+        inputId: T.current
+      }), !!l.current)
+        switch (g) {
+          case "BACKSPACE":
+            l.current.keystroke("Backspace");
+            return;
+          case "ARROW_LEFT":
+            l.current.keystroke("Left");
+            return;
+          case "ARROW_RIGHT":
+            l.current.keystroke("Right");
+            return;
+          case "ENTER":
+            l.current.blur();
+            return;
+          default:
+            l.current.write(g), l.current.focus();
+        }
+    },
+    []
+  );
+  return B(() => {
+    const g = k.current, C = T.current;
+    if (g)
+      return g.registerInput(C, z), () => {
+        g.unregisterInput(C);
+      };
+  }, []), B(() => {
+    l.current && y.current && (c || f ? (y.current.setAttribute("contenteditable", "false"), y.current.style.pointerEvents = "none", y.current.style.opacity = "0.6") : (y.current.removeAttribute("contenteditable"), y.current.style.pointerEvents = "", y.current.style.opacity = ""));
+  }, [c, f]), /* @__PURE__ */ t(
+    "div",
+    {
+      className: `mathex-input mathex-input--mathquill ${_ ? "mathex-input--focused" : ""} ${c ? "mathex-input--disabled" : ""} ${U}`,
+      style: P,
+      onClick: K,
+      "data-id": N,
+      children: /* @__PURE__ */ t(
+        "div",
+        {
+          ref: y,
+          className: "mathex-mathquill-container",
+          "data-placeholder": R ? void 0 : x
+        }
+      )
+    }
+  );
+};
+Y.displayName = "MathInput";
+const Z = [
+  [
+    { display: "x", latex: "x", type: "variable", style: "white" },
+    { display: "y", latex: "y", type: "variable", style: "white" },
+    { display: "a²", latex: "^{2}", type: "operator", style: "white" },
+    { display: "aᵇ", latex: "^{}", type: "operator", style: "white" }
+  ],
+  [
+    { display: "(", latex: "(", type: "symbol", style: "white" },
+    { display: ")", latex: ")", type: "symbol", style: "white" },
+    { display: "<", latex: "<", type: "operator", style: "white" },
+    { display: ">", latex: ">", type: "operator", style: "white" }
+  ],
+  [
+    { display: "|a|", latex: "||", type: "operator", style: "white" },
+    { display: ",", latex: ",", type: "symbol", style: "white" },
+    { display: "≤", latex: "\\leq ", type: "operator", style: "white" },
+    { display: "≥", latex: "\\geq ", type: "operator", style: "white" }
+  ],
+  [
+    { display: "A B C", latex: "ABC_MODE", type: "action", style: "gray-light" },
+    { display: "🔊", latex: "SPEAK", type: "action", style: "gray-light" },
+    { display: "√", latex: "\\sqrt{}", type: "function", style: "white" },
+    { display: "π", latex: "\\pi ", type: "symbol", style: "white" }
+  ]
+], X = [
+  [
+    { display: "7", latex: "7", type: "number", style: "gray-light" },
+    { display: "8", latex: "8", type: "number", style: "gray-light" },
+    { display: "9", latex: "9", type: "number", style: "gray-light" },
+    { display: "÷", latex: "\\div ", type: "operator", style: "white" }
+  ],
+  [
+    { display: "4", latex: "4", type: "number", style: "gray-light" },
+    { display: "5", latex: "5", type: "number", style: "gray-light" },
+    { display: "6", latex: "6", type: "number", style: "gray-light" },
+    { display: "×", latex: "\\times ", type: "operator", style: "white" }
+  ],
+  [
+    { display: "1", latex: "1", type: "number", style: "gray-light" },
+    { display: "2", latex: "2", type: "number", style: "gray-light" },
+    { display: "3", latex: "3", type: "number", style: "gray-light" },
+    { display: "−", latex: "-", type: "operator", style: "white" }
+  ],
+  [
+    { display: "0", latex: "0", type: "number", style: "gray-light" },
+    { display: ".", latex: ".", type: "number", style: "gray-light" },
+    { display: "=", latex: "=", type: "operator", style: "gray-light" },
+    { display: "+", latex: "+", type: "operator", style: "white" }
+  ]
+], J = [
+  [
+    { display: "functions", latex: "FUNCTIONS", type: "action", style: "gray-light", size: "extra-wide" }
+  ],
+  [
+    { display: "←", latex: "ARROW_LEFT", type: "action", style: "gray-light" },
+    { display: "→", latex: "ARROW_RIGHT", type: "action", style: "gray-light" }
+  ],
+  [
+    { display: "⌫", latex: "BACKSPACE", type: "action", style: "gray-light", size: "extra-wide" }
+  ],
+  [
+    { display: "↵", latex: "ENTER", type: "action", style: "blue", size: "extra-wide" }
+  ]
+], $ = [
+  // Row 1
+  [
+    { display: "q", latex: "q", type: "letter", style: "white" },
+    { display: "w", latex: "w", type: "letter", style: "white" },
+    { display: "e", latex: "e", type: "letter", style: "white" },
+    { display: "r", latex: "r", type: "letter", style: "white" },
+    { display: "t", latex: "t", type: "letter", style: "white" },
+    { display: "y", latex: "y", type: "letter", style: "white" },
+    { display: "u", latex: "u", type: "letter", style: "white" },
+    { display: "i", latex: "i", type: "letter", style: "white" },
+    { display: "o", latex: "o", type: "letter", style: "white" },
+    { display: "p", latex: "p", type: "letter", style: "white" }
+  ],
+  // Row 2
+  [
+    { display: "a", latex: "a", type: "letter", style: "white" },
+    { display: "s", latex: "s", type: "letter", style: "white" },
+    { display: "d", latex: "d", type: "letter", style: "white" },
+    { display: "f", latex: "f", type: "letter", style: "white" },
+    { display: "g", latex: "g", type: "letter", style: "white" },
+    { display: "h", latex: "h", type: "letter", style: "white" },
+    { display: "j", latex: "j", type: "letter", style: "white" },
+    { display: "k", latex: "k", type: "letter", style: "white" },
+    { display: "l", latex: "l", type: "letter", style: "white" },
+    { display: "θ", latex: "\\theta ", type: "symbol", style: "white" }
+  ],
+  // Row 3
+  [
+    { display: "⬆", latex: "SHIFT", type: "action", style: "gray-light", size: "wide" },
+    { display: "z", latex: "z", type: "letter", style: "white" },
+    { display: "x", latex: "x", type: "letter", style: "white" },
+    { display: "c", latex: "c", type: "letter", style: "white" },
+    { display: "v", latex: "v", type: "letter", style: "white" },
+    { display: "b", latex: "b", type: "letter", style: "white" },
+    { display: "n", latex: "n", type: "letter", style: "white" },
+    { display: "m", latex: "m", type: "letter", style: "white" },
+    { display: "⌫", latex: "BACKSPACE", type: "action", style: "gray-light", size: "wide" }
+  ],
+  // Row 4
+  [
+    { display: "1 2 3", latex: "123_MODE", type: "action", style: "gray-light", size: "wide" },
+    { display: "aᵦ", latex: "SUBSCRIPT", type: "action", style: "white" },
+    {
+      display: "! %",
+      latex: "DUAL_EXCLAIM_PERCENT",
+      type: "symbol",
+      style: "white",
+      dualChar: {
+        primary: "!",
+        primaryLatex: "!",
+        secondary: "%",
+        secondaryLatex: "%"
+      }
+    },
+    {
+      display: "[ ]",
+      latex: "DUAL_BRACKETS",
+      type: "symbol",
+      style: "white",
+      dualChar: {
+        primary: "[",
+        primaryLatex: "[",
+        secondary: "]",
+        secondaryLatex: "]"
+      }
+    },
+    {
+      display: "{ }",
+      latex: "DUAL_BRACES",
+      type: "symbol",
+      style: "white",
+      dualChar: {
+        primary: "{",
+        primaryLatex: "\\{",
+        secondary: "}",
+        secondaryLatex: "\\}"
+      }
+    },
+    {
+      display: "~ :",
+      latex: "DUAL_TILDE_COLON",
+      type: "symbol",
+      style: "white",
+      dualChar: {
+        primary: "~",
+        primaryLatex: "\\sim ",
+        secondary: ":",
+        secondaryLatex: ":"
+      }
+    },
+    {
+      display: ", '",
+      latex: "DUAL_COMMA_QUOTE",
+      type: "symbol",
+      style: "white",
+      dualChar: {
+        primary: ",",
+        primaryLatex: ",",
+        secondary: "'",
+        secondaryLatex: "'"
+      }
+    },
+    { display: "↵", latex: "ENTER", type: "action", style: "blue", size: "wide" }
+  ]
+], ee = [
+  // 1. TRIG FUNCTIONS
+  {
+    id: "trig",
+    name: "TRIG FUNCTIONS",
+    functions: [
+      { display: "sin", latex: "\\sin(", description: "Sine function" },
+      { display: "cos", latex: "\\cos(", description: "Cosine function" },
+      { display: "tan", latex: "\\tan(", description: "Tangent function" },
+      { display: "csc", latex: "\\csc(", description: "Cosecant function" },
+      { display: "sec", latex: "\\sec(", description: "Secant function" },
+      { display: "cot", latex: "\\cot(", description: "Cotangent function" }
+    ]
+  },
+  // 2. INVERSE TRIG FUNCTIONS
+  {
+    id: "inverse-trig",
+    name: "INVERSE TRIG FUNCTIONS",
+    functions: [
+      { display: "sin⁻¹", latex: "\\sin^{-1}(", description: "Inverse sine" },
+      { display: "cos⁻¹", latex: "\\cos^{-1}(", description: "Inverse cosine" },
+      { display: "tan⁻¹", latex: "\\tan^{-1}(", description: "Inverse tangent" },
+      { display: "csc⁻¹", latex: "\\csc^{-1}(", description: "Inverse cosecant" },
+      { display: "sec⁻¹", latex: "\\sec^{-1}(", description: "Inverse secant" },
+      { display: "cot⁻¹", latex: "\\cot^{-1}(", description: "Inverse cotangent" }
+    ]
+  },
+  // 3. STATISTICS
+  {
+    id: "statistics",
+    name: "STATISTICS",
+    functions: [
+      { display: "mean", latex: "\\text{mean}(", description: "Mean/average" },
+      { display: "median", latex: "\\text{median}(", description: "Median value" },
+      { display: "min", latex: "\\min(", description: "Minimum value" },
+      { display: "max", latex: "\\max(", description: "Maximum value" },
+      { display: "quartile", latex: "\\text{quartile}(", description: "Quartile" },
+      { display: "quantile", latex: "\\text{quantile}(", description: "Quantile" },
+      { display: "stdev", latex: "\\text{stdev}(", description: "Standard deviation" },
+      { display: "stdevp", latex: "\\text{stdevp}(", description: "Population std dev" },
+      { display: "var", latex: "\\text{var}(", description: "Variance" },
+      { display: "varp", latex: "\\text{varp}(", description: "Population variance" },
+      { display: "cov", latex: "\\text{cov}(", description: "Covariance" },
+      { display: "covp", latex: "\\text{covp}(", description: "Population covariance" },
+      { display: "mad", latex: "\\text{mad}(", description: "Mean absolute deviation" },
+      { display: "corr", latex: "\\text{corr}(", description: "Correlation" },
+      { display: "spearman", latex: "\\text{spearman}(", description: "Spearman correlation" },
+      { display: "stats", latex: "\\text{stats}(", description: "Statistics summary" },
+      { display: "count", latex: "\\text{count}(", description: "Count" },
+      { display: "total", latex: "\\text{total}(", description: "Total/sum" }
+    ]
+  },
+  // 4. LIST OPERATIONS
+  {
+    id: "list-operations",
+    name: "LIST OPERATIONS",
+    functions: [
+      { display: "repeat", latex: "\\text{repeat}(", description: "Repeat elements" },
+      { display: "join", latex: "\\text{join}(", description: "Join lists" },
+      { display: "sort", latex: "\\text{sort}(", description: "Sort list" },
+      { display: "shuffle", latex: "\\text{shuffle}(", description: "Shuffle list" },
+      { display: "unique", latex: "\\text{unique}(", description: "Unique elements" },
+      { display: "for", latex: "\\text{for}", description: "For loop" }
+    ]
+  },
+  // 5. VISUALIZATIONS
+  {
+    id: "visualizations",
+    name: "VISUALIZATIONS",
+    functions: [
+      { display: "histogram", latex: "\\text{histogram}(", description: "Histogram" },
+      { display: "dotplot", latex: "\\text{dotplot}(", description: "Dot plot" },
+      { display: "boxplot", latex: "\\text{boxplot}(", description: "Box plot" }
+    ]
+  },
+  // 6. PROBABILITY DISTRIBUTIONS
+  {
+    id: "distributions",
+    name: "PROBABILITY DISTRIBUTIONS",
+    functions: [
+      { display: "normaldist", latex: "\\text{normaldist}(", description: "Normal distribution" },
+      { display: "tdist", latex: "\\text{tdist}(", description: "T distribution" },
+      { display: "chisqdist", latex: "\\text{chisqdist}(", description: "Chi-squared distribution" },
+      { display: "uniformdist", latex: "\\text{uniformdist}(", description: "Uniform distribution" },
+      { display: "binomialdist", latex: "\\text{binomialdist}(", description: "Binomial distribution" },
+      { display: "poissondist", latex: "\\text{poissondist}(", description: "Poisson distribution" },
+      { display: "geodist", latex: "\\text{geodist}(", description: "Geometric distribution" },
+      { display: "pdf", latex: "\\text{pdf}(", description: "Probability density function" },
+      { display: "cdf", latex: "\\text{cdf}(", description: "Cumulative distribution function" },
+      { display: "inversecdf", latex: "\\text{inversecdf}(", description: "Inverse CDF" },
+      { display: "random", latex: "\\text{random}(", description: "Random number" }
+    ]
+  },
+  // 7. INFERENCE
+  {
+    id: "inference",
+    name: "INFERENCE",
+    functions: [
+      { display: "ztest", latex: "\\text{ztest}(", description: "Z-test" },
+      { display: "ttest", latex: "\\text{ttest}(", description: "T-test" },
+      { display: "zproptest", latex: "\\text{zproptest}(", description: "Z proportion test" },
+      { display: "chisqtest", latex: "\\text{chisqtest}(", description: "Chi-squared test" },
+      { display: "chisqgof", latex: "\\text{chisqgof}(", description: "Chi-squared goodness of fit" },
+      { display: "null", latex: "\\text{null}(", description: "Null hypothesis" },
+      { display: "p", latex: "\\text{p}(", description: "P-value" },
+      { display: "pleft", latex: "\\text{pleft}(", description: "Left p-value" },
+      { display: "pright", latex: "\\text{pright}(", description: "Right p-value" },
+      { display: "score", latex: "\\text{score}(", description: "Test score" },
+      { display: "dof", latex: "\\text{dof}(", description: "Degrees of freedom" },
+      { display: "stderr", latex: "\\text{stderr}(", description: "Standard error" },
+      { display: "conf", latex: "\\text{conf}(", description: "Confidence interval" },
+      { display: "lower", latex: "\\text{lower}(", description: "Lower bound" },
+      { display: "upper", latex: "\\text{upper}(", description: "Upper bound" },
+      { display: "estimate", latex: "\\text{estimate}(", description: "Point estimate" }
+    ]
+  },
+  // 8. CALCULUS
+  {
+    id: "calculus",
+    name: "CALCULUS",
+    functions: [
+      { display: "exp", latex: "e^{", description: "Exponential" },
+      { display: "ln", latex: "\\ln(", description: "Natural logarithm" },
+      { display: "log", latex: "\\log(", description: "Logarithm base 10" },
+      { display: "logₐ", latex: "\\log_{}(", description: "Logarithm base a" },
+      { display: "d/dx", latex: "\\frac{d}{dx}", description: "Derivative" },
+      { display: "f'", latex: "'", description: "Prime notation" },
+      { display: "∫", latex: "\\int_{}^{}", description: "Integral" },
+      { display: "Σ", latex: "\\sum_{}^{}", description: "Summation" },
+      { display: "Π", latex: "\\prod_{}^{}", description: "Product" }
+    ]
+  },
+  // 9. HYPERBOLIC TRIG FUNCTIONS
+  {
+    id: "hyperbolic-trig",
+    name: "HYPERBOLIC TRIG FUNCTIONS",
+    functions: [
+      { display: "sinh", latex: "\\sinh(", description: "Hyperbolic sine" },
+      { display: "cosh", latex: "\\cosh(", description: "Hyperbolic cosine" },
+      { display: "tanh", latex: "\\tanh(", description: "Hyperbolic tangent" },
+      { display: "csch", latex: "\\text{csch}(", description: "Hyperbolic cosecant" },
+      { display: "sech", latex: "\\text{sech}(", description: "Hyperbolic secant" },
+      { display: "coth", latex: "\\coth(", description: "Hyperbolic cotangent" }
+    ]
+  },
+  // 10. GEOMETRY
+  {
+    id: "geometry",
+    name: "GEOMETRY",
+    functions: [
+      { display: "polygon", latex: "\\text{polygon}(", description: "Polygon" },
+      { display: "distance", latex: "\\text{distance}(", description: "Distance" },
+      { display: "midpoint", latex: "\\text{midpoint}(", description: "Midpoint" }
+    ]
+  },
+  // 11. CUSTOM COLORS
+  {
+    id: "colors",
+    name: "CUSTOM COLORS",
+    functions: [
+      { display: "rgb", latex: "\\text{rgb}(", description: "RGB color" },
+      { display: "hsv", latex: "\\text{hsv}(", description: "HSV color" },
+      { display: "okhsv", latex: "\\text{okhsv}(", description: "OKHSV color" },
+      { display: "oklab", latex: "\\text{oklab}(", description: "OKLAB color" },
+      { display: "oklch", latex: "\\text{oklch}(", description: "OKLCH color" }
+    ]
+  },
+  // 12. SOUND
+  {
+    id: "sound",
+    name: "SOUND",
+    functions: [
+      { display: "tone", latex: "\\text{tone}(", description: "Generate tone" }
+    ]
+  },
+  // 13. NUMBER THEORY
+  {
+    id: "number-theory",
+    name: "NUMBER THEORY",
+    functions: [
+      { display: "lcm", latex: "\\text{lcm}(", description: "Least common multiple" },
+      { display: "gcd", latex: "\\gcd(", description: "Greatest common divisor" },
+      { display: "mod", latex: "\\mod ", description: "Modulo" },
+      { display: "ceil", latex: "\\lceil ", description: "Ceiling" },
+      { display: "floor", latex: "\\lfloor ", description: "Floor" },
+      { display: "round", latex: "\\text{round}(", description: "Round" },
+      { display: "sign", latex: "\\text{sign}(", description: "Sign function" },
+      { display: "ⁿ√", latex: "\\sqrt[]{}", description: "Nth root" },
+      { display: "nPr", latex: "P(", description: "Permutation" },
+      { display: "nCr", latex: "\\binom{}{}", description: "Combination" }
+    ]
+  }
+];
+function te() {
+  return $.map(
+    (p) => p.map((s) => s.type === "letter" ? {
+      ...s,
+      display: s.display.toUpperCase(),
+      latex: s.latex.toUpperCase()
+    } : s.latex === "SUBSCRIPT" ? {
+      ...s,
+      display: "aᵇ",
+      latex: "SUPERSCRIPT"
+    } : s)
+  );
+}
+const q = (p, s, b) => {
+}, ie = ({
+  defaultVisible: p = !1,
+  onVisibilityChange: s,
+  className: b = "",
+  style: N
+}) => {
+  const [x, c] = A(p), [U, P] = A("default"), [h, f] = A(!1), [O, m] = A(!1), [d, r] = A("normal"), R = M(null), _ = M(null), a = H(), l = I(() => {
+    c((e) => {
+      const i = !e;
+      return s?.(i), i || m(!1), i;
+    });
+  }, [s]), y = I(
+    (e) => {
+      if (q("MathKeyboard", "handleButtonClick", {
+        latex: e.latex,
+        type: e.type,
+        activeInputId: a?.activeInputId
+      }), e.dualChar) {
+        const { primaryLatex: i, secondaryLatex: n } = e.dualChar, o = h ? n : i;
+        if (o === "SUBSCRIPT") {
+          r("subscript");
+          return;
+        }
+        if (o === "SUPERSCRIPT") {
+          r("superscript");
+          return;
+        }
+        if (d !== "normal") {
+          const v = d === "subscript" ? `_{${o}}` : `^{${o}}`;
+          a?.insertAtCursor(v), r("normal");
+          return;
+        }
+        a && a.insertAtCursor(o);
+        return;
+      }
+      switch (e.latex) {
+        case "ABC_MODE":
+          P("abc"), m(!1);
+          return;
+        case "123_MODE":
+          P("default"), f(!1), r("normal");
+          return;
+        case "SHIFT":
+          f((i) => !i);
+          return;
+        case "SUBSCRIPT":
+          r("subscript");
+          return;
+        case "SUPERSCRIPT":
+          r("superscript");
+          return;
+        case "FUNCTIONS":
+          m((i) => !i);
+          return;
+        case "SPEAK":
+          return;
+        case "ARROW_LEFT":
+          a && a.insertAtCursor("ARROW_LEFT");
+          return;
+        case "ARROW_RIGHT":
+          a && a.insertAtCursor("ARROW_RIGHT");
+          return;
+        case "BACKSPACE":
+          a && a.insertAtCursor("BACKSPACE");
+          return;
+        case "ENTER":
+          a && a.insertAtCursor("ENTER");
+          return;
+      }
+      if (d !== "normal" && (e.type === "letter" || e.type === "variable")) {
+        const i = d === "subscript" ? `_{${e.latex}}` : `^{${e.latex}}`;
+        a?.insertAtCursor(i), r("normal"), h && f(!1);
+        return;
+      }
+      a ? (q("MathKeyboard", "inserting standard latex via context", { latex: e.latex }), a.insertAtCursor(e.latex)) : q("MathKeyboard", "WARNING: No mathContext for standard insertion", { latex: e.latex }), e.type === "letter" && h && f(!1);
+    },
+    [a, h, d]
+  ), S = I(
+    (e) => {
+      q("MathKeyboard", "handleFunctionClick", {
+        activeInputId: a?.activeInputId
+      }), a && a.insertAtCursor(e), m(!1);
+    },
+    [a]
+  );
+  B(() => {
+    const e = (i) => {
+      if (!x) return;
+      const n = i.target;
+      R.current?.contains(n) || n.closest(".mathex-input") || (c(!1), m(!1), s?.(!1));
+    };
+    return document.addEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
+    };
+  }, [x, s]);
+  const u = I((e) => {
+    e.preventDefault();
+  }, []), k = (e, i) => {
+    const n = [
+      "dcg-keypad-btn-container",
+      e.size === "wide" && "dcg-wide",
+      e.size === "extra-wide" && "dcg-extra-wide"
+    ].filter(Boolean).join(" "), o = [
+      "dcg-keypad-btn",
+      e.style === "blue" && "dcg-btn-blue",
+      e.style === "gray-light" && "dcg-btn-light-gray",
+      e.style === "white" && "dcg-btn-white",
+      e.latex === "SHIFT" && h && "dcg-active",
+      e.latex === "SUBSCRIPT" && d === "subscript" && "dcg-active",
+      e.latex === "SUPERSCRIPT" && d === "superscript" && "dcg-active"
+    ].filter(Boolean).join(" ");
+    if (e.dualChar) {
+      const { primary: v, secondary: w } = e.dualChar;
+      return /* @__PURE__ */ t("div", { className: n, children: /* @__PURE__ */ t(
+        "button",
+        {
+          className: o,
+          onClick: () => y(e),
+          onMouseDown: u,
+          onTouchStart: u,
+          type: "button",
+          children: /* @__PURE__ */ E("span", { className: "dcg-keypad-btn-content dcg-dual-char", children: [
+            /* @__PURE__ */ t("span", { className: `dcg-dual-primary ${h ? "dcg-blurred" : "dcg-clear"}`, children: v }),
+            /* @__PURE__ */ t("span", { className: `dcg-dual-secondary ${h ? "dcg-clear" : "dcg-blurred"}`, children: w })
+          ] })
+        }
+      ) }, i);
+    }
+    return /* @__PURE__ */ t("div", { className: n, children: /* @__PURE__ */ t(
+      "button",
+      {
+        className: o,
+        onClick: () => y(e),
+        onMouseDown: u,
+        onTouchStart: u,
+        type: "button",
+        children: /* @__PURE__ */ t("span", { className: "dcg-keypad-btn-content", children: e.display })
+      }
+    ) }, i);
+  }, T = () => /* @__PURE__ */ t("div", { className: "dcg-basic-keypad dcg-default-mode", children: /* @__PURE__ */ E("div", { className: "dcg-audio-keypad-container", children: [
+    /* @__PURE__ */ t("div", { className: "dcg-audio-keypad-column dcg-left-section", children: Z.map((e, i) => /* @__PURE__ */ t("div", { className: "dcg-keypad-row", children: e.map((n, o) => k(n, o)) }, i)) }),
+    /* @__PURE__ */ t("div", { className: "dcg-audio-keypad-column dcg-middle-section", children: X.map((e, i) => /* @__PURE__ */ t("div", { className: "dcg-keypad-row", children: e.map((n, o) => k(n, o)) }, i)) }),
+    /* @__PURE__ */ t("div", { className: "dcg-audio-keypad-column dcg-right-section", children: J.map((e, i) => /* @__PURE__ */ t("div", { className: "dcg-keypad-row", children: e.map((n, o) => k(n, o)) }, i)) })
+  ] }) }), K = () => {
+    const e = h ? te() : $;
+    return /* @__PURE__ */ t("div", { className: "dcg-basic-keypad dcg-abc-mode", children: e.map((i, n) => /* @__PURE__ */ t("div", { className: `dcg-keypad-row dcg-abc-row-${n}`, children: i.map((o, v) => k(o, v)) }, n)) });
+  }, z = () => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: _,
+      className: `dcg-functions-popover ${O ? "dcg-visible" : ""}`,
+      children: /* @__PURE__ */ t("div", { className: "dcg-popover-interior", children: ee.map((e) => /* @__PURE__ */ E("div", { className: "dcg-keypad-keys-section", children: [
+        /* @__PURE__ */ t("div", { className: "dcg-section-heading", children: e.name }),
+        /* @__PURE__ */ t("div", { className: "dcg-keypad-keys-buttons", children: e.functions.map((i, n) => /* @__PURE__ */ t("div", { className: "dcg-keypad-btn-container dcg-function-btn", children: /* @__PURE__ */ t(
+          "button",
+          {
+            className: "dcg-keypad-btn dcg-btn-white",
+            onClick: () => S(i.latex),
+            onMouseDown: u,
+            onTouchStart: u,
+            title: i.description,
+            type: "button",
+            children: /* @__PURE__ */ t("span", { className: "dcg-keypad-btn-content", children: i.display })
+          }
+        ) }, n)) })
+      ] }, e.id)) })
+    }
+  ), g = () => /* @__PURE__ */ t("div", { className: "dcg-show-keypad-container", children: /* @__PURE__ */ E(
+    "button",
+    {
+      className: "dcg-show-keypad dcg-btn-light-gray",
+      onClick: l,
+      type: "button",
+      "aria-label": x ? "Hide keyboard" : "Show keyboard",
+      children: [
+        /* @__PURE__ */ t("span", { className: "dcg-icon-keyboard", children: "⌨" }),
+        /* @__PURE__ */ t("span", { className: `dcg-icon-caret ${x ? "dcg-icon-caret-down" : "dcg-icon-caret-up"}`, children: x ? "▼" : "▲" })
+      ]
+    }
+  ) }), C = () => /* @__PURE__ */ t("div", { className: "dcg-minimize-keypad-container", children: /* @__PURE__ */ E(
+    "button",
+    {
+      className: "dcg-minimize-keypad dcg-btn-light-gray",
+      onClick: l,
+      type: "button",
+      "aria-label": "Hide keyboard",
+      children: [
+        /* @__PURE__ */ t("span", { className: "dcg-icon-keyboard", children: "⌨" }),
+        /* @__PURE__ */ t("span", { className: "dcg-icon-caret dcg-icon-caret-down", children: "▼" })
+      ]
+    }
+  ) });
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      ref: R,
+      className: `dcg-keypad ${x ? "dcg-visible" : "dcg-hidden"} ${b}`,
+      style: N,
+      children: [
+        !x && g(),
+        x && /* @__PURE__ */ E("div", { className: "dcg-keys-container", children: [
+          C(),
+          /* @__PURE__ */ t("div", { className: "dcg-keys-background", children: /* @__PURE__ */ t("div", { className: "dcg-keys", children: U === "default" ? T() : K() }) }),
+          z()
+        ] })
+      ]
+    }
+  );
+};
+ie.displayName = "MathKeyboard";
+export {
+  Y as MathInput,
+  ie as MathKeyboard,
+  j as MathProvider,
+  H as useMathContext
+};
+//# sourceMappingURL=mathex.js.map