@nice2dev/ui-math 1.0.22 → 1.0.24

package/dist/index.mjs

@@ -2,7 +2,7 @@ var R = Object.defineProperty;
 var T = (e, r, t) => r in e ? R(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
 var S = (e, r, t) => T(e, typeof r != "symbol" ? r + "" : r, t);
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import Se, { useContext, createContext, memo, useState, useEffect, useMemo, useRef, useCallback } from "react";
+import xe, { useContext, createContext, memo, useState, useEffect, useMemo, useRef, useCallback } from "react";
 const _e = (e, r) => r, te = createContext(_e);
 function Zt() {
   return { t: useContext(te) };
@@ -15,7 +15,7 @@ createContext({
 });
 createContext(null);
 createContext(null);
-const Q = {
+const Z = {
   radius: "md",
   shadow: "md",
   fill: "solid",
@@ -34,7 +34,7 @@ const Q = {
 };
 createContext({
   displayStyle: "default",
-  variantConfig: Q,
+  variantConfig: Z,
   setDisplayStyle: () => {
   }
 });
@@ -55,23 +55,23 @@ let O = {
   enabled: Vt,
   slowRenderThreshold: 16
 };
-const Ce = [], J = /* @__PURE__ */ new Map(), Ae = /* @__PURE__ */ new Map();
+const Ae = [], J = /* @__PURE__ */ new Map(), Ne = /* @__PURE__ */ new Map();
 function jt() {
-  Ce.length = 0, J.clear(), Ae.clear();
+  Ae.length = 0, J.clear(), Ne.clear();
 }
 function qt(e) {
   const r = O.slowRenderThreshold;
-  return Ce.filter((t) => t.actualDuration > r);
+  return Ae.filter((t) => t.actualDuration > r);
 }
 function G(e) {
   return e < 1 ? `${(e * 1e3).toFixed(0)}μs` : e < 1e3 ? `${e.toFixed(2)}ms` : `${(e / 1e3).toFixed(2)}s`;
 }
-function ga() {
-  const e = Array.from(J.values()), r = qt(), t = e.reduce((n, i) => n + i.renderCount, 0), a = e.length > 0 ? e.reduce((n, i) => n + i.avgRenderTime, 0) / e.length : 0, o = Array.from(Ae.values());
+function ya() {
+  const e = Array.from(J.values()), r = qt(), t = e.reduce((n, i) => n + i.renderCount, 0), a = e.length > 0 ? e.reduce((n, i) => n + i.avgRenderTime, 0) / e.length : 0, o = Array.from(Ne.values());
   return { stats: e, slowRenders: r, totalRenders: t, avgRenderTime: a, marks: o };
 }
 function Ut() {
-  const e = ga();
+  const e = ya();
   console.group(
     "%c[Nice2Dev Performance Report]",
     "color: var(--nice-info, #6366f1); font-weight: bold; font-size: 14px"
@@ -98,17 +98,17 @@ function Ut() {
     }))
   ), console.groupEnd()), console.groupEnd();
 }
-const ba = memo(
+const va = memo(
   ({ position: e = "bottom-right", defaultCollapsed: r = !0 }) => {
     const [t, a] = useState(r), [o, n] = useState([]), [i, c] = useState({ used: 0, total: 0 });
     if (useEffect(() => {
       const s = () => {
-        const u = Array.from(J.values());
-        n(u.sort((g, w) => w.totalRenderTime - g.totalRenderTime).slice(0, 10));
-        const m = window.performance;
-        m.memory && c({
-          used: m.memory.usedJSHeapSize / 1024 / 1024,
-          total: m.memory.totalJSHeapSize / 1024 / 1024
+        const m = Array.from(J.values());
+        n(m.sort((g, w) => w.totalRenderTime - g.totalRenderTime).slice(0, 10));
+        const u = window.performance;
+        u.memory && c({
+          used: u.memory.usedJSHeapSize / 1024 / 1024,
+          total: u.memory.totalJSHeapSize / 1024 / 1024
         });
       };
       s();
@@ -238,19 +238,19 @@ const ba = memo(
     );
   }
 );
-ba.displayName = "ProfilerOverlay";
+va.displayName = "ProfilerOverlay";
 process.env.NODE_ENV;
 createContext(null);
-const it = createContext({
+const st = createContext({
   enabled: !0,
   active: !1,
   run: () => {
   }
 });
-function Ia() {
-  return useContext(it);
+function Fa() {
+  return useContext(st);
 }
-function hl(e, r) {
+function xl(e, r) {
   if (!e)
     return null;
   if (e === !0)
@@ -260,7 +260,7 @@ function hl(e, r) {
   const t = e.steps ?? r;
   return t && t.length > 0 ? t : null;
 }
-function Fa(e, r) {
+function $a(e, r) {
   return e.map((t) => ({
     target: t.target,
     title: t.titleKey ? r(t.titleKey, t.title ?? "") : t.title ?? "",
@@ -272,7 +272,7 @@ function Fa(e, r) {
     disableInteraction: t.disableInteraction
   }));
 }
-const bl = ({
+const wl = ({
   steps: e,
   autoStart: r,
   label: t,
@@ -281,7 +281,7 @@ const bl = ({
   style: n,
   "data-testid": i
 }) => {
-  const { enabled: c, run: f } = Ia(), { t: s } = Zt();
+  const { enabled: c, run: f } = Fa(), { t: s } = Zt();
   if (!c || !e || e.length === 0)
     return null;
   const d = t ?? s("tutorial.startAria", "Start tutorial");
@@ -294,7 +294,7 @@ const bl = ({
       "data-testid": i,
       "aria-label": d,
       title: d,
-      onClick: () => f(Fa(e, s), { autoStart: r }),
+      onClick: () => f($a(e, s), { autoStart: r }),
       children: "?"
     }
   );
@@ -332,7 +332,7 @@ if (typeof document < "u" && !document.getElementById(vt)) {
 createContext(null);
 createContext(null);
 createContext(null);
-const de = {
+const fe = {
   space1: "4px",
   space2: "8px",
   space3: "12px",
@@ -340,7 +340,7 @@ const de = {
   space5: "20px",
   space6: "24px",
   space8: "32px"
-}, fe = {
+}, ue = {
   fontFamily: "'Inter', system-ui, -apple-system, sans-serif",
   fontSizeXs: "0.75rem",
   fontSizeSm: "0.8125rem",
@@ -352,25 +352,25 @@ const de = {
   fontWeightSemibold: 600,
   fontWeightBold: 700,
   lineHeight: 1.5
-}, ue = { fast: "120ms ease", normal: "200ms ease", slow: "300ms ease" }, ct = (e) => ({
+}, me = { fast: "120ms ease", normal: "200ms ease", slow: "300ms ease" }, lt = (e) => ({
   color: e,
   radiusSm: "4px",
   radiusMd: "6px",
   radiusLg: "8px",
   radiusXl: "12px",
   radiusFull: "9999px"
-}), ur = {
+}), mr = {
   sm: "0 1px 2px rgba(0,0,0,0.05)",
   md: "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",
   lg: "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)",
   xl: "0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)"
-}, cn = {
+}, fn = {
   sm: "0 1px 2px rgba(0,0,0,0.3)",
   md: "0 4px 6px -1px rgba(0,0,0,0.4)",
   lg: "0 10px 15px -3px rgba(0,0,0,0.4)",
   xl: "0 20px 25px -5px rgba(0,0,0,0.4)"
 };
-function I(e, r, t, a, o) {
+function z(e, r, t, a, o) {
   return {
     name: e,
     darkMode: "light",
@@ -386,11 +386,11 @@ function I(e, r, t, a, o) {
       canvas: t.canvas ?? t.primary
     },
     text: { ...a, inverse: a.inverse ?? "#ffffff" },
-    borders: ct(o),
-    shadows: ur,
-    spacing: de,
-    typography: fe,
-    transitions: ue
+    borders: lt(o),
+    shadows: mr,
+    spacing: fe,
+    typography: ue,
+    transitions: me
   };
 }
 function V(e, r, t, a, o) {
@@ -409,14 +409,14 @@ function V(e, r, t, a, o) {
       canvas: t.canvas ?? t.primary
     },
     text: { ...a, inverse: a.inverse ?? "#0f172a" },
-    borders: ct(o),
-    shadows: cn,
-    spacing: de,
-    typography: fe,
-    transitions: ue
+    borders: lt(o),
+    shadows: fn,
+    spacing: fe,
+    typography: ue,
+    transitions: me
   };
 }
-I(
+z(
   "Slate",
   {
     primary: "#64748b",
@@ -430,7 +430,7 @@ I(
   { primary: "#1e293b", secondary: "#475569", muted: "#94a3b8" },
   "#cbd5e1"
 );
-I(
+z(
   "Zinc",
   {
     primary: "#71717a",
@@ -444,7 +444,7 @@ I(
   { primary: "#18181b", secondary: "#3f3f46", muted: "#a1a1aa" },
   "#d4d4d8"
 );
-I(
+z(
   "Stone",
   {
     primary: "#78716c",
@@ -458,7 +458,7 @@ I(
   { primary: "#1c1917", secondary: "#44403c", muted: "#a8a29e" },
   "#d6d3d1"
 );
-I(
+z(
   "Cool Gray",
   {
     primary: "#6b7280",
@@ -472,7 +472,7 @@ I(
   { primary: "#111827", secondary: "#374151", muted: "#9ca3af" },
   "#d1d5db"
 );
-I(
+z(
   "Warm Gray",
   {
     primary: "#7c7568",
@@ -486,7 +486,7 @@ I(
   { primary: "#1f1d19", secondary: "#4a463d", muted: "#a09888" },
   "#d4d0c8"
 );
-I(
+z(
   "Silver",
   {
     primary: "#94a3b8",
@@ -500,7 +500,7 @@ I(
   { primary: "#334155", secondary: "#64748b", muted: "#94a3b8" },
   "#cbd5e1"
 );
-I(
+z(
   "Charcoal",
   {
     primary: "#374151",
@@ -514,7 +514,7 @@ I(
   { primary: "#111827", secondary: "#374151", muted: "#6b7280" },
   "#d1d5db"
 );
-I(
+z(
   "Ivory",
   {
     primary: "#92876d",
@@ -528,7 +528,7 @@ I(
   { primary: "#2b2517", secondary: "#5c5340", muted: "#9c9280" },
   "#ddd8c4"
 );
-I(
+z(
   "Rose",
   {
     primary: "#e11d48",
@@ -542,7 +542,7 @@ I(
   { primary: "#4c0519", secondary: "#881337", muted: "#f43f5e" },
   "#fda4af"
 );
-I(
+z(
   "Emerald",
   {
     primary: "#059669",
@@ -556,7 +556,7 @@ I(
   { primary: "#064e3b", secondary: "#065f46", muted: "#34d399" },
   "#6ee7b7"
 );
-I(
+z(
   "Amber",
   {
     primary: "#d97706",
@@ -570,7 +570,7 @@ I(
   { primary: "#451a03", secondary: "#78350f", muted: "#f59e0b" },
   "#fcd34d"
 );
-I(
+z(
   "Violet",
   {
     primary: "#7c3aed",
@@ -584,7 +584,7 @@ I(
   { primary: "#2e1065", secondary: "#4c1d95", muted: "#a78bfa" },
   "#c4b5fd"
 );
-I(
+z(
   "Teal",
   {
     primary: "#0d9488",
@@ -598,7 +598,7 @@ I(
   { primary: "#134e4a", secondary: "#115e59", muted: "#2dd4bf" },
   "#5eead4"
 );
-I(
+z(
   "Indigo",
   {
     primary: "#4f46e5",
@@ -612,7 +612,7 @@ I(
   { primary: "#1e1b4b", secondary: "#312e81", muted: "#818cf8" },
   "#a5b4fc"
 );
-I(
+z(
   "Cyan",
   {
     primary: "#0891b2",
@@ -626,7 +626,7 @@ I(
   { primary: "#164e63", secondary: "#155e75", muted: "#22d3ee" },
   "#67e8f9"
 );
-I(
+z(
   "Lime",
   {
     primary: "#65a30d",
@@ -640,7 +640,7 @@ I(
   { primary: "#1a2e05", secondary: "#365314", muted: "#84cc16" },
   "#bef264"
 );
-I(
+z(
   "Pink",
   {
     primary: "#db2777",
@@ -654,7 +654,7 @@ I(
   { primary: "#500724", secondary: "#831843", muted: "#f472b6" },
   "#f9a8d4"
 );
-I(
+z(
   "Orange",
   {
     primary: "#ea580c",
@@ -668,7 +668,7 @@ I(
   { primary: "#431407", secondary: "#7c2d12", muted: "#fb923c" },
   "#fdba74"
 );
-I(
+z(
   "Fuchsia",
   {
     primary: "#c026d3",
@@ -682,7 +682,7 @@ I(
   { primary: "#4a044e", secondary: "#701a75", muted: "#d946ef" },
   "#e879f9"
 );
-I(
+z(
   "Sky",
   {
     primary: "#0284c7",
@@ -696,7 +696,7 @@ I(
   { primary: "#0c4a6e", secondary: "#075985", muted: "#38bdf8" },
   "#7dd3fc"
 );
-I(
+z(
   "Ruby",
   {
     primary: "#be123c",
@@ -710,7 +710,7 @@ I(
   { primary: "#4c0519", secondary: "#881337", muted: "#fb7185" },
   "#fda4af"
 );
-I(
+z(
   "Coral",
   {
     primary: "#f97316",
@@ -864,7 +864,7 @@ V(
   { primary: "#ecfdf5", secondary: "#6ee7b7", muted: "#047857" },
   "#047857"
 );
-I(
+z(
   "Forest",
   {
     primary: "#166534",
@@ -878,7 +878,7 @@ I(
   { primary: "#052e16", secondary: "#166534", muted: "#4ade80" },
   "#86efac"
 );
-I(
+z(
   "Ocean",
   {
     primary: "#0369a1",
@@ -892,7 +892,7 @@ I(
   { primary: "#0c4a6e", secondary: "#0369a1", muted: "#38bdf8" },
   "#7dd3fc"
 );
-I(
+z(
   "Desert",
   {
     primary: "#b45309",
@@ -906,7 +906,7 @@ I(
   { primary: "#422006", secondary: "#713f12", muted: "#ca8a04" },
   "#fde047"
 );
-I(
+z(
   "Sunset",
   {
     primary: "#ea580c",
@@ -920,7 +920,7 @@ I(
   { primary: "#431407", secondary: "#9a3412", muted: "#f97316" },
   "#fdba74"
 );
-I(
+z(
   "Aurora",
   {
     primary: "#0d9488",
@@ -934,7 +934,7 @@ I(
   { primary: "#134e4a", secondary: "#115e59", muted: "#2dd4bf" },
   "#5eead4"
 );
-I(
+z(
   "Lavender",
   {
     primary: "#7e22ce",
@@ -948,7 +948,7 @@ I(
   { primary: "#3b0764", secondary: "#581c87", muted: "#a855f7" },
   "#d8b4fe"
 );
-I(
+z(
   "Autumn",
   {
     primary: "#c2410c",
@@ -962,7 +962,7 @@ I(
   { primary: "#450a0a", secondary: "#7f1d1d", muted: "#f87171" },
   "#fca5a5"
 );
-I(
+z(
   "Spring",
   {
     primary: "#16a34a",
@@ -976,7 +976,7 @@ I(
   { primary: "#14532d", secondary: "#166534", muted: "#4ade80" },
   "#86efac"
 );
-I(
+z(
   "Arctic",
   {
     primary: "#0ea5e9",
@@ -990,7 +990,7 @@ I(
   { primary: "#0c4a6e", secondary: "#0369a1", muted: "#7dd3fc" },
   "#bae6fd"
 );
-I(
+z(
   "Tropical",
   {
     primary: "#0d9488",
@@ -1004,7 +1004,7 @@ I(
   { primary: "#064e3b", secondary: "#065f46", muted: "#6ee7b7" },
   "#a7f3d0"
 );
-I(
+z(
   "Pastel Rose",
   {
     primary: "#f472b6",
@@ -1018,7 +1018,7 @@ I(
   { primary: "#831843", secondary: "#9d174d", muted: "#f9a8d4" },
   "#f9a8d4"
 );
-I(
+z(
   "Pastel Sky",
   {
     primary: "#38bdf8",
@@ -1032,7 +1032,7 @@ I(
   { primary: "#075985", secondary: "#0369a1", muted: "#7dd3fc" },
   "#bae6fd"
 );
-I(
+z(
   "Pastel Mint",
   {
     primary: "#34d399",
@@ -1046,7 +1046,7 @@ I(
   { primary: "#065f46", secondary: "#047857", muted: "#6ee7b7" },
   "#a7f3d0"
 );
-I(
+z(
   "Pastel Peach",
   {
     primary: "#fb923c",
@@ -1060,7 +1060,7 @@ I(
   { primary: "#7c2d12", secondary: "#9a3412", muted: "#fdba74" },
   "#fed7aa"
 );
-I(
+z(
   "Pastel Lavender",
   {
     primary: "#a78bfa",
@@ -1074,7 +1074,7 @@ I(
   { primary: "#4c1d95", secondary: "#5b21b6", muted: "#c4b5fd" },
   "#ddd6fe"
 );
-I(
+z(
   "Pastel Lemon",
   {
     primary: "#facc15",
@@ -1088,7 +1088,7 @@ I(
   { primary: "#713f12", secondary: "#854d0e", muted: "#fde047" },
   "#fef08a"
 );
-I(
+z(
   "Pastel Sage",
   {
     primary: "#86efac",
@@ -1102,7 +1102,7 @@ I(
   { primary: "#166534", secondary: "#15803d", muted: "#86efac" },
   "#bbf7d0"
 );
-I(
+z(
   "Pastel Coral",
   {
     primary: "#fb7185",
@@ -1116,7 +1116,7 @@ I(
   { primary: "#881337", secondary: "#9f1239", muted: "#fda4af" },
   "#fecdd3"
 );
-I(
+z(
   "Banking",
   {
     primary: "#1e3a5f",
@@ -1130,7 +1130,7 @@ I(
   { primary: "#0f172a", secondary: "#334155", muted: "#94a3b8" },
   "#cbd5e1"
 );
-I(
+z(
   "Healthcare",
   {
     primary: "#0891b2",
@@ -1144,7 +1144,7 @@ I(
   { primary: "#134e4a", secondary: "#1a6b6a", muted: "#80cbc4" },
   "#b2dfdb"
 );
-I(
+z(
   "Legal",
   {
     primary: "#1e293b",
@@ -1158,7 +1158,7 @@ I(
   { primary: "#0f172a", secondary: "#44403c", muted: "#a8a29e" },
   "#d6d3d1"
 );
-I(
+z(
   "Tech Startup",
   {
     primary: "#7c3aed",
@@ -1172,7 +1172,7 @@ I(
   { primary: "#1e1b4b", secondary: "#4c1d95", muted: "#a78bfa" },
   "#c4b5fd"
 );
-I(
+z(
   "Enterprise",
   {
     primary: "#1e40af",
@@ -1186,7 +1186,7 @@ I(
   { primary: "#1e3a5f", secondary: "#1e40af", muted: "#60a5fa" },
   "#93c5fd"
 );
-I(
+z(
   "Government",
   {
     primary: "#1d4ed8",
@@ -1200,7 +1200,7 @@ I(
   { primary: "#0f172a", secondary: "#1e293b", muted: "#64748b" },
   "#cbd5e1"
 );
-I(
+z(
   "Education",
   {
     primary: "#059669",
@@ -1214,7 +1214,7 @@ I(
   { primary: "#064e3b", secondary: "#065f46", muted: "#6ee7b7" },
   "#a7f3d0"
 );
-I(
+z(
   "Real Estate",
   {
     primary: "#92400e",
@@ -1228,7 +1228,7 @@ I(
   { primary: "#422006", secondary: "#713f12", muted: "#d97706" },
   "#fcd34d"
 );
-I(
+z(
   "Nord",
   {
     primary: "#5e81ac",
@@ -1256,7 +1256,7 @@ V(
   { primary: "#f8f8f2", secondary: "#c0c0c0", muted: "#6272a4" },
   "#44475a"
 );
-I(
+z(
   "Solarized Light",
   {
     primary: "#268bd2",
@@ -1326,7 +1326,7 @@ V(
   { primary: "#f0e4fc", secondary: "#b4a0cc", muted: "#6c5c84" },
   "#4a3866"
 );
-I(
+z(
   "Vaporwave",
   {
     primary: "#ff71ce",
@@ -1354,7 +1354,7 @@ V(
   { primary: "#00ff41", secondary: "#00cc33", muted: "#008822" },
   "#003300"
 );
-I(
+z(
   "Sepia",
   {
     primary: "#8b6914",
@@ -1368,7 +1368,7 @@ I(
   { primary: "#3e2723", secondary: "#5d4037", muted: "#a1887f" },
   "#d7ccc8"
 );
-I(
+z(
   "Vintage",
   {
     primary: "#8d6e63",
@@ -1424,7 +1424,7 @@ V(
   { primary: "#ffe6f7", secondary: "#c9a0c9", muted: "#6b4c7a" },
   "#4a2d66"
 );
-I(
+z(
   "Christmas",
   {
     primary: "#c41e3a",
@@ -1452,7 +1452,7 @@ V(
   { primary: "#ffedd5", secondary: "#fdba74", muted: "#9a5c28" },
   "#5c3400"
 );
-I(
+z(
   "Valentine",
   {
     primary: "#e11d48",
@@ -1466,7 +1466,7 @@ I(
   { primary: "#4c0519", secondary: "#881337", muted: "#f9a8d4" },
   "#fda4af"
 );
-I(
+z(
   "Easter",
   {
     primary: "#a78bfa",
@@ -1480,7 +1480,7 @@ I(
   { primary: "#581c87", secondary: "#6d28d9", muted: "#c4b5fd" },
   "#ddd6fe"
 );
-I(
+z(
   "Summer Beach",
   {
     primary: "#0ea5e9",
@@ -1494,7 +1494,7 @@ I(
   { primary: "#0c4a6e", secondary: "#0369a1", muted: "#7dd3fc" },
   "#fcd34d"
 );
-I(
+z(
   "Winter Frost",
   {
     primary: "#3b82f6",
@@ -1508,7 +1508,7 @@ I(
   { primary: "#1e3a5f", secondary: "#1e40af", muted: "#93c5fd" },
   "#bfdbfe"
 );
-I(
+z(
   "Cherry Blossom",
   {
     primary: "#ec4899",
@@ -1522,7 +1522,7 @@ I(
   { primary: "#831843", secondary: "#9d174d", muted: "#f9a8d4" },
   "#fbcfe8"
 );
-I(
+z(
   "Harvest",
   {
     primary: "#b45309",
@@ -1536,7 +1536,7 @@ I(
   { primary: "#451a03", secondary: "#78350f", muted: "#d97706" },
   "#fcd34d"
 );
-I(
+z(
   "Japanese Zen",
   {
     primary: "#6b7280",
@@ -1550,7 +1550,7 @@ I(
   { primary: "#2c2c2c", secondary: "#5c5c5c", muted: "#a0998a" },
   "#d5cec0"
 );
-I(
+z(
   "Moroccan",
   {
     primary: "#c2410c",
@@ -1564,7 +1564,7 @@ I(
   { primary: "#3a1a00", secondary: "#7c2d12", muted: "#d97706" },
   "#f5d0a0"
 );
-I(
+z(
   "Scandinavian",
   {
     primary: "#4b5563",
@@ -1578,7 +1578,7 @@ I(
   { primary: "#111827", secondary: "#374151", muted: "#9ca3af" },
   "#e5e7eb"
 );
-I(
+z(
   "Mediterranean",
   {
     primary: "#1e40af",
@@ -1592,7 +1592,7 @@ I(
   { primary: "#1e3a5f", secondary: "#2563eb", muted: "#93c5fd" },
   "#bfdbfe"
 );
-I(
+z(
   "Chinese New Year",
   {
     primary: "#dc2626",
@@ -1606,7 +1606,7 @@ I(
   { primary: "#450a0a", secondary: "#991b1b", muted: "#f87171" },
   "#fca5a5"
 );
-I(
+z(
   "Indian Festive",
   {
     primary: "#d97706",
@@ -1620,7 +1620,7 @@ I(
   { primary: "#451a03", secondary: "#92400e", muted: "#f59e0b" },
   "#fcd34d"
 );
-I(
+z(
   "Brazilian Carnival",
   {
     primary: "#16a34a",
@@ -1634,7 +1634,7 @@ I(
   { primary: "#052e16", secondary: "#166534", muted: "#4ade80" },
   "#86efac"
 );
-I(
+z(
   "African Earth",
   {
     primary: "#92400e",
@@ -1662,7 +1662,7 @@ V(
   { primary: "#ffffff", secondary: "#ffffff", muted: "#cccccc" },
   "#ffffff"
 );
-I(
+z(
   "Monochrome",
   {
     primary: "#404040",
@@ -1676,7 +1676,7 @@ I(
   { primary: "#1a1a1a", secondary: "#404040", muted: "#808080" },
   "#c0c0c0"
 );
-I(
+z(
   "Enhanced Contrast",
   {
     primary: "#0050b3",
@@ -1690,7 +1690,7 @@ I(
   { primary: "#000000", secondary: "#1a1a1a", muted: "#595959" },
   "#8c8c8c"
 );
-I(
+z(
   "Minimalist",
   {
     primary: "#18181b",
@@ -1732,7 +1732,7 @@ V(
   { primary: "#e8e8f0", secondary: "#a0a0b8", muted: "#5c5c74" },
   "#3e3e58"
 );
-I(
+z(
   "Coffee",
   {
     primary: "#6f4e37",
@@ -1746,7 +1746,7 @@ I(
   { primary: "#2c1a0e", secondary: "#5c3d28", muted: "#a08868" },
   "#d4c4a8"
 );
-I(
+z(
   "Wine",
   {
     primary: "#7f1d1d",
@@ -1924,7 +1924,7 @@ function NiceI18nProvider({ locale: e = "en", overrides: r, children: t }) {
     const o = { ...translations.en, ...translations[e], ...r };
     return { locale: e, t: (i, c) => o[i] ?? c ?? i };
   }, [e, r]);
-  return Se.createElement(I18nContext.Provider, { value: a }, t);
+  return xe.createElement(I18nContext.Provider, { value: a }, t);
 }
 function useNiceTranslation() {
   return useContext(I18nContext);
@@ -2379,24 +2379,24 @@ function NiceMathEditor({
   style: o,
   tutorial: n
 }) {
-  const { t: i } = useNiceTranslation(), [c, f] = useState(r), [s, d] = useState("input"), u = useRef(null), m = useCallback(
+  const { t: i } = useNiceTranslation(), [c, f] = useState(r), [s, d] = useState("input"), m = useRef(null), u = useCallback(
     (b) => {
       f(b), t == null || t(b);
     },
     [t]
   ), g = useCallback(
     (b) => {
-      const l = u.current;
+      const l = m.current;
       if (!l) {
-        m(c + b);
+        u(c + b);
         return;
       }
-      const p = l.selectionStart, h = l.selectionEnd, C = c.slice(0, p) + b + c.slice(h);
-      m(C), setTimeout(() => {
+      const p = l.selectionStart, h = l.selectionEnd, k = c.slice(0, p) + b + c.slice(h);
+      u(k), setTimeout(() => {
         l.focus(), l.selectionStart = l.selectionEnd = p + b.length;
       }, 0);
     },
-    [c, m]
+    [c, u]
   ), w = useCallback(
     (b) => {
       g(b.latex);
@@ -2405,7 +2405,7 @@ function NiceMathEditor({
   ), y = {
     service: e,
     latex: c,
-    setLatex: m,
+    setLatex: u,
     insertSymbol: g,
     insertTemplate: w,
     mode: s,
@@ -2417,7 +2417,7 @@ function NiceMathEditor({
       className: `nice-math-editor ${a ?? ""}`,
       style: { position: "relative", ...styles$3.container, ...o },
       children: [
-        /* @__PURE__ */ jsx("span", { style: { position: "absolute", top: 6, right: 6, zIndex: 30 }, children: /* @__PURE__ */ jsx(bl, { steps: hl(n, MATH_EDITOR_TOUR) }) }),
+        /* @__PURE__ */ jsx("span", { style: { position: "absolute", top: 6, right: 6, zIndex: 30 }, children: /* @__PURE__ */ jsx(wl, { steps: xl(n, MATH_EDITOR_TOUR) }) }),
         /* @__PURE__ */ jsx(Toolbar$1, {}),
         /* @__PURE__ */ jsxs("div", { style: styles$3.main, children: [
           /* @__PURE__ */ jsx(SymbolPalette, {}),
@@ -2425,9 +2425,9 @@ function NiceMathEditor({
             /* @__PURE__ */ jsx(
               "textarea",
               {
-                ref: u,
+                ref: m,
                 value: c,
-                onChange: (b) => m(b.target.value),
+                onChange: (b) => u(b.target.value),
                 placeholder: i("editor.latexPlaceholder", "Enter LaTeX equation..."),
                 style: styles$3.input
               }
@@ -2601,7 +2601,7 @@ function LatexPreview({ latex: e }) {
   ] });
 }
 function HandwritingCanvas() {
-  const { t: e } = useNiceTranslation(), { setLatex: r, setMode: t } = useMathEditor(), a = useRef(null), [o, n] = useState([]), [i, c] = useState([]), [f, s] = useState(!1), [d, u] = useState(!1), m = (l) => {
+  const { t: e } = useNiceTranslation(), { setLatex: r, setMode: t } = useMathEditor(), a = useRef(null), [o, n] = useState([]), [i, c] = useState([]), [f, s] = useState(!1), [d, m] = useState(!1), u = (l) => {
     const p = a.current;
     if (!p)
       return;
@@ -2621,9 +2621,9 @@ function HandwritingCanvas() {
     const p = a.current, h = p == null ? void 0 : p.getContext("2d");
     if (!p || !h)
       return;
-    const C = p.getBoundingClientRect(), x = {
-      x: l.clientX - C.left,
-      y: l.clientY - C.top,
+    const k = p.getBoundingClientRect(), x = {
+      x: l.clientX - k.left,
+      y: l.clientY - k.top,
       pressure: l.pressure,
       timestamp: Date.now()
     };
@@ -2647,12 +2647,12 @@ function HandwritingCanvas() {
     p && l && p.clearRect(0, 0, l.width, l.height), n([]);
   }, b = async () => {
     if (o.length !== 0) {
-      u(!0);
+      m(!0);
       try {
         const l = await recognizeHandwriting(o);
         r(l.latex), t("input");
       } finally {
-        u(!1);
+        m(!1);
       }
     }
   };
@@ -2665,7 +2665,7 @@ function HandwritingCanvas() {
       {
         ref: a,
         style: styles$3.canvas,
-        onPointerDown: m,
+        onPointerDown: u,
         onPointerMove: g,
         onPointerUp: w,
         onPointerLeave: w
@@ -2908,10 +2908,10 @@ class GraphService {
   compute2DParametric(r, t, a, o, n) {
     const i = this.parser.parse(r), c = this.parser.parse(t), f = [], s = (a.max - a.min) / o;
     for (let d = 0; d <= o; d++) {
-      const u = a.min + d * s;
+      const m = a.min + d * s;
       try {
-        const m = i({ t: u, ...n }), g = c({ t: u, ...n });
-        Number.isFinite(m) && Number.isFinite(g) && f.push({ x: m, y: g });
+        const u = i({ t: m, ...n }), g = c({ t: m, ...n });
+        Number.isFinite(u) && Number.isFinite(g) && f.push({ x: u, y: g });
       } catch {
       }
     }
@@ -2925,8 +2925,8 @@ class GraphService {
       try {
         const d = n({ theta: s, t: s, ...o });
         if (Number.isFinite(d)) {
-          const u = d * Math.cos(s), m = d * Math.sin(s);
-          i.push({ x: u, y: m });
+          const m = d * Math.cos(s), u = d * Math.sin(s);
+          i.push({ x: m, y: u });
         }
       } catch {
       }
@@ -2937,50 +2937,50 @@ class GraphService {
   compute3DSurface(r, t, a, o, n) {
     const i = this.parser.parse(r), c = [], f = (t.max - t.min) / o, s = (a.max - a.min) / o;
     for (let d = 0; d <= o; d++) {
-      const u = [], m = t.min + d * f;
+      const m = [], u = t.min + d * f;
       for (let g = 0; g <= o; g++) {
         const w = a.min + g * s;
         try {
-          const y = i({ x: m, y: w, ...n });
-          Number.isFinite(y) ? u.push({ x: m, y: w, z: y }) : u.push({ x: m, y: w, z: 0 });
+          const y = i({ x: u, y: w, ...n });
+          Number.isFinite(y) ? m.push({ x: u, y: w, z: y }) : m.push({ x: u, y: w, z: 0 });
         } catch {
-          u.push({ x: m, y: w, z: 0 });
+          m.push({ x: u, y: w, z: 0 });
         }
       }
-      c.push(u);
+      c.push(m);
     }
     return c;
   }
   /** Export plot data as SVG */
   exportSVG(r, t, a, o) {
-    const i = a - 80, c = o - 40 * 2, f = (u) => 40 + (u - t.xRange.min) / (t.xRange.max - t.xRange.min) * i, s = (u) => o - 40 - (u - t.yRange.min) / (t.yRange.max - t.yRange.min) * c, d = [
+    const i = a - 80, c = o - 40 * 2, f = (m) => 40 + (m - t.xRange.min) / (t.xRange.max - t.xRange.min) * i, s = (m) => o - 40 - (m - t.yRange.min) / (t.yRange.max - t.yRange.min) * c, d = [
       `<svg xmlns="http://www.w3.org/2000/svg" width="${a}" height="${o}">`,
       `<rect width="100%" height="100%" fill="rgb(${t.backgroundColor.r},${t.backgroundColor.g},${t.backgroundColor.b})"/>`
     ];
     if (t.showGrid) {
       d.push('<g stroke="var(--nice-border, #ddd)" stroke-width="0.5">');
-      for (let u = Math.ceil(t.xRange.min); u <= t.xRange.max; u++) {
-        const m = f(u);
-        d.push(`<line x1="${m}" y1="40" x2="${m}" y2="${o - 40}"/>`);
+      for (let m = Math.ceil(t.xRange.min); m <= t.xRange.max; m++) {
+        const u = f(m);
+        d.push(`<line x1="${u}" y1="40" x2="${u}" y2="${o - 40}"/>`);
       }
-      for (let u = Math.ceil(t.yRange.min); u <= t.yRange.max; u++) {
-        const m = s(u);
-        d.push(`<line x1="40" y1="${m}" x2="${a - 40}" y2="${m}"/>`);
+      for (let m = Math.ceil(t.yRange.min); m <= t.yRange.max; m++) {
+        const u = s(m);
+        d.push(`<line x1="40" y1="${u}" x2="${a - 40}" y2="${u}"/>`);
       }
       d.push("</g>");
     }
     if (t.showAxes) {
       d.push('<g stroke="var(--nice-text, #333)" stroke-width="1">');
-      const u = s(0), m = f(0);
-      d.push(`<line x1="40" y1="${u}" x2="${a - 40}" y2="${u}"/>`), d.push(`<line x1="${m}" y1="40" x2="${m}" y2="${o - 40}"/>`), d.push("</g>");
+      const m = s(0), u = f(0);
+      d.push(`<line x1="40" y1="${m}" x2="${a - 40}" y2="${m}"/>`), d.push(`<line x1="${u}" y1="40" x2="${u}" y2="${o - 40}"/>`), d.push("</g>");
     }
-    for (const u of r.filter((m) => m.visible))
-      if (u.type === "2d-function") {
-        const m = this.compute2DFunction(u.expression, t.xRange, u.resolution || 200);
-        if (m.length > 0) {
-          const g = m.map((w, y) => `${y === 0 ? "M" : "L"}${f(w.x)},${s(w.y)}`).join(" ");
+    for (const m of r.filter((u) => u.visible))
+      if (m.type === "2d-function") {
+        const u = this.compute2DFunction(m.expression, t.xRange, m.resolution || 200);
+        if (u.length > 0) {
+          const g = u.map((w, y) => `${y === 0 ? "M" : "L"}${f(w.x)},${s(w.y)}`).join(" ");
           d.push(
-            `<path d="${g}" fill="none" stroke="rgb(${u.color.r},${u.color.g},${u.color.b})" stroke-width="${u.lineWidth}"/>`
+            `<path d="${g}" fill="none" stroke="rgb(${m.color.r},${m.color.g},${m.color.b})" stroke-width="${m.lineWidth}"/>`
           );
         }
       }
@@ -3189,38 +3189,38 @@ function NiceGraphPlotter({
     minValue: -5,
     maxValue: 5,
     speed: 1
-  }), u = useCallback(() => {
+  }), m = useCallback(() => {
     i(e.getPlots());
-  }, [e]), m = useCallback((p) => {
+  }, [e]), u = useCallback((p) => {
     f((h) => ({ ...h, ...p }));
   }, []), g = useCallback((p) => {
     d((h) => ({ ...h, ...p }));
   }, []), w = useCallback(
     (p) => {
-      e.addPlot(p), u();
+      e.addPlot(p), m();
     },
-    [e, u]
+    [e, m]
   ), y = useCallback(
     (p) => {
-      e.removePlot(p), u();
+      e.removePlot(p), m();
     },
-    [e, u]
+    [e, m]
   ), b = useCallback(
     (p, h) => {
-      e.updatePlot(p, h), u();
+      e.updatePlot(p, h), m();
     },
-    [e, u]
+    [e, m]
   ), l = {
     service: e,
     plots: n,
     view: c,
-    setView: m,
+    setView: u,
     addPlot: w,
     removePlot: y,
     updatePlot: b,
     animation: s,
     setAnimation: g,
-    refresh: u
+    refresh: m
   };
   return /* @__PURE__ */ jsx(GraphContext.Provider, { value: l, children: /* @__PURE__ */ jsxs("div", { className: a, style: { ...styles$2.container, ...o }, children: [
     /* @__PURE__ */ jsxs("div", { style: styles$2.sidebar, children: [
@@ -3286,7 +3286,7 @@ function PlotControls() {
       "select",
       {
         onChange: (s) => {
-          const d = FUNCTION_PRESETS.find((u) => u.name === s.target.value);
+          const d = FUNCTION_PRESETS.find((m) => m.name === s.target.value);
           d && r({
             type: d.type,
             expression: d.expression,
@@ -3388,8 +3388,8 @@ function PlotList() {
 }
 function GraphToolbar({ width: e, height: r }) {
   const { t } = useNiceTranslation(), { service: a, plots: o, view: n, setView: i } = useGraph(), c = () => {
-    const s = a.exportSVG(o, n, e, r), d = new Blob([s], { type: "image/svg+xml" }), u = URL.createObjectURL(d), m = document.createElement("a");
-    m.href = u, m.download = "graph.svg", m.click(), URL.revokeObjectURL(u);
+    const s = a.exportSVG(o, n, e, r), d = new Blob([s], { type: "image/svg+xml" }), m = URL.createObjectURL(d), u = document.createElement("a");
+    u.href = m, u.download = "graph.svg", u.click(), URL.revokeObjectURL(m);
   }, f = async () => {
     const s = await a.exportPNG(o, n, e, r), d = document.createElement("a");
     d.href = s, d.download = "graph.png", d.click();
@@ -3493,11 +3493,11 @@ function Canvas2D({ width: e, height: r }) {
     if (!f || !s)
       return;
     s.fillStyle = `rgb(${n.backgroundColor.r},${n.backgroundColor.g},${n.backgroundColor.b})`, s.fillRect(0, 0, e, r);
-    const d = e - c * 2, u = r - c * 2, m = (y) => c + (y - n.xRange.min) / (n.xRange.max - n.xRange.min) * d, g = (y) => r - c - (y - n.yRange.min) / (n.yRange.max - n.yRange.min) * u;
+    const d = e - c * 2, m = r - c * 2, u = (y) => c + (y - n.xRange.min) / (n.xRange.max - n.xRange.min) * d, g = (y) => r - c - (y - n.yRange.min) / (n.yRange.max - n.yRange.min) * m;
     if (n.showGrid) {
       s.strokeStyle = "var(--nice-border, #e0e0e0)", s.lineWidth = 0.5;
       for (let y = Math.ceil(n.xRange.min); y <= n.xRange.max; y++) {
-        const b = m(y);
+        const b = u(y);
         s.beginPath(), s.moveTo(b, c), s.lineTo(b, r - c), s.stroke();
       }
       for (let y = Math.ceil(n.yRange.min); y <= n.yRange.max; y++) {
@@ -3509,11 +3509,11 @@ function Canvas2D({ width: e, height: r }) {
       s.strokeStyle = "var(--nice-text, #333)", s.lineWidth = 1;
       const y = g(0);
       s.beginPath(), s.moveTo(c, y), s.lineTo(e - c, y), s.stroke();
-      const b = m(0);
+      const b = u(0);
       if (s.beginPath(), s.moveTo(b, c), s.lineTo(b, r - c), s.stroke(), n.showLabels) {
         s.fillStyle = "var(--nice-text, #333)", s.font = "12px sans-serif", s.textAlign = "center", s.fillText("x", e - c + 15, y + 4), s.fillText("y", b, c - 10), s.font = "10px sans-serif";
         for (let l = Math.ceil(n.xRange.min); l <= n.xRange.max; l++)
-          l !== 0 && s.fillText(String(l), m(l), y + 15);
+          l !== 0 && s.fillText(String(l), u(l), y + 15);
         for (let l = Math.ceil(n.yRange.min); l <= n.yRange.max; l++)
           l !== 0 && (s.textAlign = "right", s.fillText(String(l), b - 5, g(l) + 4));
       }
@@ -3554,12 +3554,12 @@ function Canvas2D({ width: e, height: r }) {
         s.beginPath();
         let p = !1;
         for (const h of l) {
-          const C = m(h.x), x = g(h.y);
+          const k = u(h.x), x = g(h.y);
           if (x < 0 || x > r) {
             p = !1;
             continue;
           }
-          p ? s.lineTo(C, x) : (s.moveTo(C, x), p = !0);
+          p ? s.lineTo(k, x) : (s.moveTo(k, x), p = !0);
         }
         s.stroke();
       }
@@ -4195,12 +4195,12 @@ function NiceCalculator({
   className: r,
   style: t
 }) {
-  const [a, o] = useState("0"), [n, i] = useState("standard"), [c, f] = useState([]), [s, d] = useState(!1), u = useCallback(
+  const [a, o] = useState("0"), [n, i] = useState("standard"), [c, f] = useState([]), [s, d] = useState(!1), m = useCallback(
     (y) => {
       s && /[0-9.]/.test(y) ? (o(y), d(!1)) : (o((b) => b === "0" && y !== "." ? y : b + y), d(!1));
     },
     [s]
-  ), m = useCallback(() => {
+  ), u = useCallback(() => {
     o("0"), d(!1);
   }, []), g = useCallback(() => {
     try {
@@ -4217,8 +4217,8 @@ function NiceCalculator({
     setMode: i,
     history: c,
     calculate: g,
-    appendDigit: u,
-    clear: m
+    appendDigit: m,
+    clear: u
   };
   return /* @__PURE__ */ jsx(CalculatorContext.Provider, { value: w, children: /* @__PURE__ */ jsxs("div", { className: r, style: { ...styles$1.container, ...t }, children: [
     /* @__PURE__ */ jsx(ModeSelector, {}),
@@ -4405,9 +4405,9 @@ function ProgrammerKeypad() {
   ] });
 }
 function MatrixMode() {
-  const { t: e } = useNiceTranslation(), [r, t] = useState(MatrixOps.create(2, 2)), [a, o] = useState(MatrixOps.create(2, 2)), [n, i] = useState(""), c = (s, d, u, m, g) => {
+  const { t: e } = useNiceTranslation(), [r, t] = useState(MatrixOps.create(2, 2)), [a, o] = useState(MatrixOps.create(2, 2)), [n, i] = useState(""), c = (s, d, m, u, g) => {
     const w = { ...s, data: s.data.map((y) => [...y]) };
-    w.data[u][m] = parseFloat(g) || 0, d(w);
+    w.data[m][u] = parseFloat(g) || 0, d(w);
   }, f = [
     { label: "A + B", fn: () => MatrixOps.toString(MatrixOps.add(r, a)) },
     { label: "A - B", fn: () => MatrixOps.toString(MatrixOps.subtract(r, a)) },
@@ -4424,7 +4424,7 @@ function MatrixMode() {
           MatrixInput,
           {
             matrix: r,
-            onChange: (s, d, u) => c(r, t, s, d, u)
+            onChange: (s, d, m) => c(r, t, s, d, m)
           }
         )
       ] }),
@@ -4434,7 +4434,7 @@ function MatrixMode() {
           MatrixInput,
           {
             matrix: a,
-            onChange: (s, d, u) => c(a, o, s, d, u)
+            onChange: (s, d, m) => c(a, o, s, d, m)
           }
         )
       ] })
@@ -4570,12 +4570,12 @@ function CalculusMode() {
   ] });
 }
 function UnitsMode() {
-  const { t: e } = useNiceTranslation(), { service: r } = useCalculator(), [t, a] = useState("1"), [o, n] = useState("m"), [i, c] = useState("ft"), [f, s] = useState("Length"), [d, u] = useState(""), m = r.getUnitCategories(), g = r.getUnitsByCategory(f), w = () => {
+  const { t: e } = useNiceTranslation(), { service: r } = useCalculator(), [t, a] = useState("1"), [o, n] = useState("m"), [i, c] = useState("ft"), [f, s] = useState("Length"), [d, m] = useState(""), u = r.getUnitCategories(), g = r.getUnitsByCategory(f), w = () => {
     try {
       const y = r.convertUnits(parseFloat(t), o, i);
-      u(`${t} ${o} = ${r.format(y)} ${i}`);
+      m(`${t} ${o} = ${r.format(y)} ${i}`);
     } catch (y) {
-      u(y.message);
+      m(y.message);
     }
   };
   return /* @__PURE__ */ jsxs("div", { style: { padding: "12px", backgroundColor: "var(--nice-bg-secondary, #252525)" }, children: [
@@ -4597,7 +4597,7 @@ function UnitsMode() {
           border: "1px solid var(--nice-text-secondary, #555)",
           borderRadius: "4px"
         },
-        children: m.map((y) => /* @__PURE__ */ jsx("option", { value: y, children: y }, y))
+        children: u.map((y) => /* @__PURE__ */ jsx("option", { value: y, children: y }, y))
       }
     ),
     /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px", alignItems: "center", marginBottom: "12px" }, children: [
@@ -4730,10 +4730,10 @@ const GeoMath = {
   },
   /** Circle-line intersection */
   circleLineIntersection(e, r, t, a) {
-    const o = a.x - t.x, n = a.y - t.y, i = t.x - e.x, c = t.y - e.y, f = o * o + n * n, s = 2 * (i * o + c * n), d = i * i + c * c - r * r, u = s * s - 4 * f * d;
-    if (u < 0)
+    const o = a.x - t.x, n = a.y - t.y, i = t.x - e.x, c = t.y - e.y, f = o * o + n * n, s = 2 * (i * o + c * n), d = i * i + c * c - r * r, m = s * s - 4 * f * d;
+    if (m < 0)
       return [];
-    const m = Math.sqrt(u), g = (-s - m) / (2 * f), w = (-s + m) / (2 * f), y = [];
+    const u = Math.sqrt(m), g = (-s - u) / (2 * f), w = (-s + u) / (2 * f), y = [];
     return g >= 0 && g <= 1 && y.push({ x: t.x + g * o, y: t.y + g * n }), w >= 0 && w <= 1 && Math.abs(w - g) > 1e-10 && y.push({ x: t.x + w * o, y: t.y + w * n }), y;
   },
   /** Circle-circle intersection */
@@ -5004,9 +5004,9 @@ class GeometryService {
       return [];
     const n = [], i = (s) => {
       if (s.type === "line" || s.type === "segment" || s.type === "ray") {
-        const d = s, u = this.getPoint(d.point1Id ?? d.originId), m = this.getPoint(d.point2Id ?? d.throughId);
-        if (u && m)
-          return [u, m];
+        const d = s, m = this.getPoint(d.point1Id ?? d.originId), u = this.getPoint(d.point2Id ?? d.throughId);
+        if (m && u)
+          return [m, u];
       }
       return null;
     }, c = i(a), f = i(o);
@@ -5020,17 +5020,17 @@ class GeometryService {
     if (a.type === "circle" && f) {
       const s = a, d = this.getPoint(s.centerId);
       if (d) {
-        const u = GeoMath.circleLineIntersection(d, s.radius, f[0], f[1]);
-        for (const m of u) {
-          const g = this.createPoint(m.x, m.y);
+        const m = GeoMath.circleLineIntersection(d, s.radius, f[0], f[1]);
+        for (const u of m) {
+          const g = this.createPoint(u.x, u.y);
           g.dependencies = [r, t], g.color = { r: 255, g: 0, b: 0 }, n.push(g);
         }
       }
     }
     if (a.type === "circle" && o.type === "circle") {
-      const s = a, d = o, u = this.getPoint(s.centerId), m = this.getPoint(d.centerId);
-      if (u && m) {
-        const g = GeoMath.circleCircleIntersection(u, s.radius, m, d.radius);
+      const s = a, d = o, m = this.getPoint(s.centerId), u = this.getPoint(d.centerId);
+      if (m && u) {
+        const g = GeoMath.circleCircleIntersection(m, s.radius, u, d.radius);
         for (const w of g) {
           const y = this.createPoint(w.x, w.y);
           y.dependencies = [r, t], y.color = { r: 255, g: 0, b: 0 }, n.push(y);
@@ -5107,9 +5107,9 @@ class GeometryService {
         case "segment": {
           const f = this.getPoint(i.point1Id), s = this.getPoint(i.point2Id);
           if (f && s) {
-            const d = n(f.x, f.y), u = n(s.x, s.y);
+            const d = n(f.x, f.y), m = n(s.x, s.y);
             o.push(
-              `<line x1="${d.x}" y1="${d.y}" x2="${u.x}" y2="${u.y}" stroke="${c}" stroke-width="${i.width}"/>`
+              `<line x1="${d.x}" y1="${d.y}" x2="${m.x}" y2="${m.y}" stroke="${c}" stroke-width="${i.width}"/>`
             );
           }
           break;
@@ -5117,9 +5117,9 @@ class GeometryService {
         case "circle": {
           const f = this.getPoint(i.centerId);
           if (f) {
-            const s = n(f.x, f.y), d = i.radius * a.scale, u = i.fill ? `rgba(${i.fill.r},${i.fill.g},${i.fill.b},${i.fill.a ?? 0.2})` : "none";
+            const s = n(f.x, f.y), d = i.radius * a.scale, m = i.fill ? `rgba(${i.fill.r},${i.fill.g},${i.fill.b},${i.fill.a ?? 0.2})` : "none";
             o.push(
-              `<circle cx="${s.x}" cy="${s.y}" r="${d}" fill="${u}" stroke="${c}" stroke-width="${i.width}"/>`
+              `<circle cx="${s.x}" cy="${s.y}" r="${d}" fill="${m}" stroke="${c}" stroke-width="${i.width}"/>`
             );
           }
           break;
@@ -5127,9 +5127,9 @@ class GeometryService {
         case "polygon": {
           const f = i.pointIds.map((s) => this.getPoint(s)).filter(Boolean);
           if (f.length > 0) {
-            const d = f.map((m) => n(m.x, m.y)).map((m, g) => `${g === 0 ? "M" : "L"}${m.x},${m.y}`).join(" ") + " Z", u = i.fill ? `rgba(${i.fill.r},${i.fill.g},${i.fill.b},${i.fill.a ?? 0.2})` : "none";
+            const d = f.map((u) => n(u.x, u.y)).map((u, g) => `${g === 0 ? "M" : "L"}${u.x},${u.y}`).join(" ") + " Z", m = i.fill ? `rgba(${i.fill.r},${i.fill.g},${i.fill.b},${i.fill.a ?? 0.2})` : "none";
             o.push(
-              `<path d="${d}" fill="${u}" stroke="${c}" stroke-width="${i.width}"/>`
+              `<path d="${d}" fill="${m}" stroke="${c}" stroke-width="${i.width}"/>`
             );
           }
           break;
@@ -5213,7 +5213,7 @@ function NiceGeometry({
   className: a,
   style: o
 }) {
-  const [n, i] = useState([]), [c, f] = useState("point"), [s, d] = useState([]), [u, m] = useState({
+  const [n, i] = useState([]), [c, f] = useState("point"), [s, d] = useState([]), [m, u] = useState({
     centerX: 0,
     centerY: 0,
     scale: 40,
@@ -5226,7 +5226,7 @@ function NiceGeometry({
   }), g = useCallback(() => {
     i(e.getAllElements());
   }, [e]), w = useCallback((b) => {
-    m((l) => ({ ...l, ...b }));
+    u((l) => ({ ...l, ...b }));
   }, []);
   useEffect(() => {
     g();
@@ -5236,7 +5236,7 @@ function NiceGeometry({
     elements: n,
     tool: c,
     setTool: f,
-    view: u,
+    view: m,
     setView: w,
     selectedIds: s,
     setSelectedIds: d,
@@ -5284,7 +5284,7 @@ function Toolbar() {
   )) });
 }
 function Canvas({ width: e, height: r }) {
-  const t = useRef(null), { service: a, elements: o, tool: n, view: i, selectedIds: c, setSelectedIds: f, refresh: s } = useGeometry(), [d, u] = useState([]), m = useCallback(
+  const t = useRef(null), { service: a, elements: o, tool: n, view: i, selectedIds: c, setSelectedIds: f, refresh: s } = useGeometry(), [d, m] = useState([]), u = useCallback(
     (b, l) => {
       const p = (b - e / 2) / i.scale + i.centerX, h = -(l - r / 2) / i.scale + i.centerY;
       return i.snapToGrid ? {
@@ -5305,7 +5305,7 @@ function Canvas({ width: e, height: r }) {
       const l = (h = t.current) == null ? void 0 : h.getBoundingClientRect();
       if (!l)
         return;
-      const p = m(b.clientX - l.left, b.clientY - l.top);
+      const p = u(b.clientX - l.left, b.clientY - l.top);
       switch (n) {
         case "point": {
           a.createPoint(p.x, p.y), s();
@@ -5314,31 +5314,31 @@ function Canvas({ width: e, height: r }) {
         case "segment":
         case "line":
         case "ray": {
-          const C = y(p);
-          if (C)
-            u((x) => {
-              const v = [...x, C.id];
+          const k = y(p);
+          if (k)
+            m((x) => {
+              const v = [...x, k.id];
               return v.length === 2 ? (n === "segment" ? a.createSegment(v[0], v[1]) : n === "line" ? a.createLine(v[0], v[1]) : n === "ray" && a.createRay(v[0], v[1]), s(), []) : v;
             });
           else {
             const x = a.createPoint(p.x, p.y);
-            u((v) => {
-              const k = [...v, x.id];
-              return k.length === 2 ? (n === "segment" ? a.createSegment(k[0], k[1]) : n === "line" ? a.createLine(k[0], k[1]) : n === "ray" && a.createRay(k[0], k[1]), s(), []) : k;
+            m((v) => {
+              const C = [...v, x.id];
+              return C.length === 2 ? (n === "segment" ? a.createSegment(C[0], C[1]) : n === "line" ? a.createLine(C[0], C[1]) : n === "ray" && a.createRay(C[0], C[1]), s(), []) : C;
             }), s();
           }
           break;
         }
         case "circle": {
-          const C = y(p);
-          if (C)
-            u((x) => {
+          const k = y(p);
+          if (k)
+            m((x) => {
               if (x.length === 0)
-                return [C.id];
+                return [k.id];
               const v = a.getPoint(x[0]);
               if (v) {
-                const k = GeoMath.distance(v, p);
-                a.createCircle(x[0], k), s();
+                const C = GeoMath.distance(v, p);
+                a.createCircle(x[0], C), s();
               }
               return [];
             });
@@ -5346,30 +5346,30 @@ function Canvas({ width: e, height: r }) {
             const x = a.getPoint(d[0]);
             if (x) {
               const v = GeoMath.distance(x, p);
-              a.createCircle(d[0], v), s(), u([]);
+              a.createCircle(d[0], v), s(), m([]);
             }
           } else {
             const x = a.createPoint(p.x, p.y);
-            u([x.id]), s();
+            m([x.id]), s();
           }
           break;
         }
         case "midpoint": {
-          const C = y(p);
-          C && u((x) => {
-            const v = [...x, C.id];
+          const k = y(p);
+          k && m((x) => {
+            const v = [...x, k.id];
             return v.length === 2 ? (a.createMidpoint(v[0], v[1]), s(), []) : v;
           });
           break;
         }
         case "select": {
-          const C = y(p);
-          f(C ? [C.id] : []);
+          const k = y(p);
+          f(k ? [k.id] : []);
           break;
         }
       }
     },
-    [n, a, s, m, d, f]
+    [n, a, s, u, d, f]
   ), y = (b) => {
     for (const p of o)
       if (p.type === "point" && GeoMath.distance(p, b) < 0.5)
@@ -5380,10 +5380,10 @@ function Canvas({ width: e, height: r }) {
     if (!(!b || !l)) {
       if (l.fillStyle = `rgb(${i.backgroundColor.r},${i.backgroundColor.g},${i.backgroundColor.b})`, l.fillRect(0, 0, e, r), i.showGrid) {
         l.strokeStyle = "var(--nice-border, #e0e0e0)", l.lineWidth = 0.5;
-        const p = i.gridSpacing * i.scale, h = (e / 2 - i.centerX * i.scale) % p, C = (r / 2 + i.centerY * i.scale) % p;
+        const p = i.gridSpacing * i.scale, h = (e / 2 - i.centerX * i.scale) % p, k = (r / 2 + i.centerY * i.scale) % p;
         for (let x = h; x < e; x += p)
           l.beginPath(), l.moveTo(x, 0), l.lineTo(x, r), l.stroke();
-        for (let x = C; x < r; x += p)
+        for (let x = k; x < r; x += p)
           l.beginPath(), l.moveTo(0, x), l.lineTo(e, x), l.stroke();
       }
       if (i.showAxes) {
@@ -5393,25 +5393,25 @@ function Canvas({ width: e, height: r }) {
       for (const p of o) {
         if (!p.visible)
           continue;
-        const h = `rgb(${p.color.r},${p.color.g},${p.color.b})`, C = c.includes(p.id);
+        const h = `rgb(${p.color.r},${p.color.g},${p.color.b})`, k = c.includes(p.id);
         switch (p.type) {
           case "point": {
             const x = g(p.x, p.y);
-            l.beginPath(), l.arc(x.x, x.y, C ? p.size + 2 : p.size, 0, 2 * Math.PI), l.fillStyle = C ? "var(--nice-primary-hover, #1976d2)" : h, l.fill(), p.label && (l.fillStyle = "var(--nice-text, #333)", l.font = "12px sans-serif", l.fillText(p.label, x.x + 8, x.y - 8));
+            l.beginPath(), l.arc(x.x, x.y, k ? p.size + 2 : p.size, 0, 2 * Math.PI), l.fillStyle = k ? "var(--nice-primary-hover, #1976d2)" : h, l.fill(), p.label && (l.fillStyle = "var(--nice-text, #333)", l.font = "12px sans-serif", l.fillText(p.label, x.x + 8, x.y - 8));
             break;
           }
           case "segment": {
             const x = a.getPoint(p.point1Id), v = a.getPoint(p.point2Id);
             if (x && v) {
-              const k = g(x.x, x.y), M = g(v.x, v.y);
-              l.strokeStyle = h, l.lineWidth = p.width, l.beginPath(), l.moveTo(k.x, k.y), l.lineTo(M.x, M.y), l.stroke();
+              const C = g(x.x, x.y), M = g(v.x, v.y);
+              l.strokeStyle = h, l.lineWidth = p.width, l.beginPath(), l.moveTo(C.x, C.y), l.lineTo(M.x, M.y), l.stroke();
             }
             break;
           }
           case "line": {
             const x = a.getPoint(p.point1Id), v = a.getPoint(p.point2Id);
             if (x && v) {
-              const k = v.x - x.x, M = v.y - x.y, P = -1e3, j = 1e3, $ = g(x.x + P * k, x.y + P * M), B = g(x.x + j * k, x.y + j * M);
+              const C = v.x - x.x, M = v.y - x.y, P = -1e3, j = 1e3, $ = g(x.x + P * C, x.y + P * M), B = g(x.x + j * C, x.y + j * M);
               l.strokeStyle = h, l.lineWidth = p.width, l.beginPath(), l.moveTo($.x, $.y), l.lineTo(B.x, B.y), l.stroke();
             }
             break;
@@ -5419,8 +5419,8 @@ function Canvas({ width: e, height: r }) {
           case "circle": {
             const x = a.getPoint(p.centerId);
             if (x) {
-              const v = g(x.x, x.y), k = p.radius * i.scale;
-              l.beginPath(), l.arc(v.x, v.y, k, 0, 2 * Math.PI), p.fill && (l.fillStyle = `rgba(${p.fill.r},${p.fill.g},${p.fill.b},${p.fill.a ?? 0.2})`, l.fill()), l.strokeStyle = h, l.lineWidth = p.width, l.stroke();
+              const v = g(x.x, x.y), C = p.radius * i.scale;
+              l.beginPath(), l.arc(v.x, v.y, C, 0, 2 * Math.PI), p.fill && (l.fillStyle = `rgba(${p.fill.r},${p.fill.g},${p.fill.b},${p.fill.a ?? 0.2})`, l.fill()), l.strokeStyle = h, l.lineWidth = p.width, l.stroke();
             }
             break;
           }
@@ -5430,8 +5430,8 @@ function Canvas({ width: e, height: r }) {
               l.beginPath();
               const v = g(x[0].x, x[0].y);
               l.moveTo(v.x, v.y);
-              for (let k = 1; k < x.length; k++) {
-                const M = g(x[k].x, x[k].y);
+              for (let C = 1; C < x.length; C++) {
+                const M = g(x[C].x, x[C].y);
                 l.lineTo(M.x, M.y);
               }
               l.closePath(), p.fill && (l.fillStyle = `rgba(${p.fill.r},${p.fill.g},${p.fill.b},${p.fill.a ?? 0.2})`, l.fill()), l.strokeStyle = h, l.lineWidth = p.width, l.stroke();
@@ -5445,8 +5445,8 @@ function Canvas({ width: e, height: r }) {
         for (const p of d) {
           const h = a.getPoint(p);
           if (h) {
-            const C = g(h.x, h.y);
-            l.beginPath(), l.arc(C.x, C.y, 12, 0, 2 * Math.PI), l.fill();
+            const k = g(h.x, h.y);
+            l.beginPath(), l.arc(k.x, k.y, 12, 0, 2 * Math.PI), l.fill();
           }
         }
       }