odontogram-view 0.1.0

package/dist/index.js

@@ -0,0 +1,1199 @@
+import de, { memo as L, useMemo as I, useCallback as _, useState as se } from "react";
+var Y = { exports: {} }, C = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var le;
+function me() {
+  if (le) return C;
+  le = 1;
+  var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function n(o, a, l) {
+    var u = null;
+    if (l !== void 0 && (u = "" + l), a.key !== void 0 && (u = "" + a.key), "key" in a) {
+      l = {};
+      for (var v in a)
+        v !== "key" && (l[v] = a[v]);
+    } else l = a;
+    return a = l.ref, {
+      $$typeof: t,
+      type: o,
+      key: u,
+      ref: a !== void 0 ? a : null,
+      props: l
+    };
+  }
+  return C.Fragment = r, C.jsx = n, C.jsxs = n, C;
+}
+var P = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ce;
+function be() {
+  return ce || (ce = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === q ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case h:
+          return "Fragment";
+        case y:
+          return "Profiler";
+        case O:
+          return "StrictMode";
+        case z:
+          return "Suspense";
+        case G:
+          return "SuspenseList";
+        case N:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case S:
+            return "Portal";
+          case k:
+            return e.displayName || "Context";
+          case d:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case g:
+            var s = e.render;
+            return e = e.displayName, e || (e = s.displayName || s.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case B:
+            return s = e.displayName || null, s !== null ? s : t(e.type) || "Memo";
+          case p:
+            s = e._payload, e = e._init;
+            try {
+              return t(e(s));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(e) {
+      return "" + e;
+    }
+    function n(e) {
+      try {
+        r(e);
+        var s = !1;
+      } catch {
+        s = !0;
+      }
+      if (s) {
+        s = console;
+        var f = s.error, m = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return f.call(
+          s,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          m
+        ), r(e);
+      }
+    }
+    function o(e) {
+      if (e === h) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === p)
+        return "<...>";
+      try {
+        var s = t(e);
+        return s ? "<" + s + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function a() {
+      var e = J.A;
+      return e === null ? null : e.getOwner();
+    }
+    function l() {
+      return Error("react-stack-top-frame");
+    }
+    function u(e) {
+      if (ee.call(e, "key")) {
+        var s = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (s && s.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function v(e, s) {
+      function f() {
+        re || (re = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          s
+        ));
+      }
+      f.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: f,
+        configurable: !0
+      });
+    }
+    function Q() {
+      var e = t(this.type);
+      return te[e] || (te[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function w(e, s, f, m, D, H) {
+      var b = f.ref;
+      return e = {
+        $$typeof: M,
+        type: e,
+        key: s,
+        props: f,
+        _owner: m
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: Q
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: D
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: H
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function x(e, s, f, m, D, H) {
+      var b = s.children;
+      if (b !== void 0)
+        if (m)
+          if (fe(b)) {
+            for (m = 0; m < b.length; m++)
+              E(b[m]);
+            Object.freeze && Object.freeze(b);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else E(b);
+      if (ee.call(s, "key")) {
+        b = t(e);
+        var A = Object.keys(s).filter(function(ve) {
+          return ve !== "key";
+        });
+        m = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", ae[b + m] || (A = 0 < A.length ? "{" + A.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          m,
+          b,
+          A,
+          b
+        ), ae[b + m] = !0);
+      }
+      if (b = null, f !== void 0 && (n(f), b = "" + f), u(s) && (n(s.key), b = "" + s.key), "key" in s) {
+        f = {};
+        for (var Z in s)
+          Z !== "key" && (f[Z] = s[Z]);
+      } else f = s;
+      return b && v(
+        f,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), w(
+        e,
+        b,
+        f,
+        a(),
+        D,
+        H
+      );
+    }
+    function E(e) {
+      T(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === p && (e._payload.status === "fulfilled" ? T(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function T(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === M;
+    }
+    var R = de, M = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), d = Symbol.for("react.consumer"), k = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), q = Symbol.for("react.client.reference"), J = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, fe = Array.isArray, X = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    R = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var re, te = {}, oe = R.react_stack_bottom_frame.bind(
+      R,
+      l
+    )(), ne = X(o(l)), ae = {};
+    P.Fragment = h, P.jsx = function(e, s, f) {
+      var m = 1e4 > J.recentlyCreatedOwnerStacks++;
+      return x(
+        e,
+        s,
+        f,
+        !1,
+        m ? Error("react-stack-top-frame") : oe,
+        m ? X(o(e)) : ne
+      );
+    }, P.jsxs = function(e, s, f) {
+      var m = 1e4 > J.recentlyCreatedOwnerStacks++;
+      return x(
+        e,
+        s,
+        f,
+        !0,
+        m ? Error("react-stack-top-frame") : oe,
+        m ? X(o(e)) : ne
+      );
+    };
+  })()), P;
+}
+var ie;
+function xe() {
+  return ie || (ie = 1, process.env.NODE_ENV === "production" ? Y.exports = me() : Y.exports = be()), Y.exports;
+}
+var i = xe();
+const he = {
+  1: "incisor",
+  2: "incisor",
+  3: "canine",
+  4: "premolar",
+  5: "premolar",
+  6: "molar",
+  7: "molar",
+  8: "molar"
+}, Qe = {
+  1: "incisor",
+  2: "incisor",
+  3: "canine",
+  4: "molar",
+  5: "molar"
+}, ye = {
+  11: 1,
+  12: 1,
+  13: 1,
+  14: 2,
+  15: 1,
+  16: 3,
+  17: 3,
+  18: 3,
+  21: 1,
+  22: 1,
+  23: 1,
+  24: 2,
+  25: 1,
+  26: 3,
+  27: 3,
+  28: 3,
+  31: 1,
+  32: 1,
+  33: 1,
+  34: 1,
+  35: 1,
+  36: 2,
+  37: 2,
+  38: 2,
+  41: 1,
+  42: 1,
+  43: 1,
+  44: 1,
+  45: 1,
+  46: 2,
+  47: 2,
+  48: 2,
+  51: 1,
+  52: 1,
+  53: 1,
+  54: 3,
+  55: 3,
+  61: 1,
+  62: 1,
+  63: 1,
+  64: 3,
+  65: 3,
+  71: 1,
+  72: 1,
+  73: 1,
+  74: 2,
+  75: 2,
+  81: 1,
+  82: 1,
+  83: 1,
+  84: 2,
+  85: 2
+}, we = (t, r, n) => {
+  const o = ye[t] ?? 1;
+  return r === "incisor" ? {
+    centerLabel: "I",
+    roots: o,
+    surfaces: 5,
+    crownWidth: 32,
+    crownHeight: 42,
+    rootStyle: "single"
+  } : r === "canine" ? {
+    centerLabel: "I",
+    roots: o,
+    surfaces: 5,
+    crownWidth: 36,
+    crownHeight: 44,
+    rootStyle: "singleLong"
+  } : r === "premolar" ? {
+    centerLabel: "O",
+    roots: o,
+    surfaces: 5,
+    crownWidth: 42,
+    crownHeight: 42,
+    rootStyle: o === 2 ? "double" : "single"
+  } : {
+    centerLabel: "O",
+    roots: o,
+    surfaces: 5,
+    crownWidth: 48,
+    crownHeight: 42,
+    rootStyle: o === 3 || n === "upper" ? "triple" : "double"
+  };
+}, j = (t, r, n, o) => {
+  const a = o === "permanent" ? he : Qe;
+  return r.map((l) => {
+    const u = a[l], v = `${t}${l}`;
+    return {
+      id: v,
+      type: u,
+      arch: n,
+      dentition: o,
+      label: v,
+      visual: we(v, u, n)
+    };
+  });
+}, Ee = j(1, [8, 7, 6, 5, 4, 3, 2, 1], "upper", "permanent"), _e = j(2, [1, 2, 3, 4, 5, 6, 7, 8], "upper", "permanent"), Te = j(4, [8, 7, 6, 5, 4, 3, 2, 1], "lower", "permanent"), Re = j(3, [1, 2, 3, 4, 5, 6, 7, 8], "lower", "permanent"), ke = j(5, [5, 4, 3, 2, 1], "upper", "primary"), ge = j(6, [1, 2, 3, 4, 5], "upper", "primary"), je = j(8, [5, 4, 3, 2, 1], "lower", "primary"), Oe = j(7, [1, 2, 3, 4, 5], "lower", "primary"), $ = {
+  upper: [...Ee, ..._e],
+  lower: [...Te, ...Re]
+}, F = {
+  upper: [...ke, ...ge],
+  lower: [...je, ...Oe]
+}, Ne = [
+  {
+    id: "upper-permanent",
+    label: "Superior permanente",
+    teeth: $.upper
+  },
+  {
+    id: "upper-primary",
+    label: "Superior temporal",
+    teeth: F.upper
+  },
+  {
+    id: "lower-primary",
+    label: "Inferior temporal",
+    teeth: F.lower
+  },
+  {
+    id: "lower-permanent",
+    label: "Inferior permanente",
+    teeth: $.lower
+  }
+], K = [
+  { id: "CARIES", label: "Caries", color: "#ef4444", scope: "both" },
+  { id: "CROWN", label: "Corona", color: "#f59e0b", scope: "both" },
+  { id: "EXTRACTION", label: "Extracción", color: "#7c3aed", scope: "both" },
+  { id: "IMPLANT", label: "Implante", color: "#2563eb", scope: "both" },
+  { id: "FRACTURE", label: "Fractura", color: "#fb7185", scope: "both" },
+  { id: "RESIN", label: "Resina", color: "#10b981", scope: "both" },
+  { id: "ENDO", label: "Endodoncia", color: "#0f172a", scope: "both" },
+  { id: "MISSING", label: "Ausente", color: "#64748b", scope: "both" },
+  { id: "SEALANT", label: "Sellante", color: "#14b8a6", scope: "both" }
+], Me = new Map(
+  K.map((t) => [t.id, t])
+), W = (t = []) => Array.from(new Set(t)), U = (t) => [...t].sort((r, n) => r.localeCompare(n)), ue = (t = []) => {
+  const r = {};
+  return t.forEach((n) => {
+    r[n.tooth] = {
+      tooth: n.tooth,
+      conditions: n.conditions ? U(W(n.conditions)) : void 0,
+      surfaces: n.surfaces ? Object.fromEntries(
+        Object.entries(n.surfaces).map(([o, a]) => [
+          o,
+          a != null && a.length ? U(W(a)) : void 0
+        ]).filter(([, o]) => !!(o != null && o.length))
+      ) : void 0
+    };
+  }), r;
+}, Ae = (t) => Object.values(t).filter(Boolean).map((r) => {
+  var o;
+  const n = { tooth: r.tooth };
+  return (o = r == null ? void 0 : r.conditions) != null && o.length && (n.conditions = r.conditions), r != null && r.surfaces && Object.keys(r.surfaces).length > 0 && (n.surfaces = r.surfaces), n;
+}).filter((r) => {
+  var n;
+  return ((n = r.conditions) == null ? void 0 : n.length) || Object.keys(r.surfaces ?? {}).length;
+}).sort((r, n) => r.tooth.localeCompare(n.tooth)), V = (t) => {
+  var a;
+  const r = t.surfaces ? Object.fromEntries(
+    Object.entries(t.surfaces).filter(([, l]) => !!(l != null && l.length))
+  ) : void 0, n = !!((a = t.conditions) != null && a.length), o = !!(r && Object.keys(r).length > 0);
+  if (!(!n && !o))
+    return {
+      tooth: t.tooth,
+      conditions: n ? t.conditions : void 0,
+      surfaces: o ? r : void 0
+    };
+}, Se = (t, r, n, o) => {
+  var Q;
+  if (!Me.get(o))
+    return t;
+  const l = t[r] ?? {}, u = ((Q = l.surfaces) == null ? void 0 : Q[n]) ?? [], v = {
+    tooth: r,
+    conditions: l.conditions,
+    surfaces: {
+      ...l.surfaces ?? {},
+      [n]: U(W([...u, o]))
+    }
+  };
+  return {
+    ...t,
+    [r]: V(v)
+  };
+}, Ce = (t, r, n) => {
+  const o = t[r] ?? {}, a = {
+    tooth: r,
+    surfaces: o.surfaces,
+    conditions: U(W([...o.conditions ?? [], n]))
+  };
+  return {
+    ...t,
+    [r]: V(a)
+  };
+}, Pe = (t, r, n) => {
+  var l, u;
+  const o = t[r];
+  if (!((u = (l = o == null ? void 0 : o.surfaces) == null ? void 0 : l[n]) != null && u.length))
+    return t;
+  const a = { ...o.surfaces ?? {} };
+  return delete a[n], {
+    ...t,
+    [r]: V({
+      tooth: r,
+      conditions: o.conditions,
+      surfaces: a
+    })
+  };
+}, Ie = (t, r) => {
+  if (!t[r])
+    return t;
+  const o = V({
+    tooth: r,
+    conditions: void 0,
+    surfaces: void 0
+  });
+  if (!o) {
+    const a = { ...t };
+    return delete a[r], a;
+  }
+  return {
+    ...t,
+    [r]: o
+  };
+}, pe = (t) => {
+  var r;
+  return ((r = K.find((n) => n.id === t)) == null ? void 0 : r.color) ?? "#dbe4ea";
+}, Le = L(function({
+  surface: r,
+  label: n,
+  path: o,
+  textX: a,
+  textY: l,
+  condition: u,
+  onApply: v,
+  onClear: Q,
+  disabled: w
+}) {
+  return /* @__PURE__ */ i.jsxs("g", { children: [
+    /* @__PURE__ */ i.jsx(
+      "path",
+      {
+        d: o,
+        fill: pe(u),
+        stroke: "#1f2937",
+        strokeWidth: 1.4,
+        strokeLinejoin: "round",
+        className: w ? "" : "ov-cursor-pointer ov-transition-opacity hover:ov-opacity-85",
+        onClick: w ? void 0 : () => v(r),
+        onContextMenu: w ? void 0 : (x) => {
+          x.preventDefault(), Q(r);
+        }
+      }
+    ),
+    /* @__PURE__ */ i.jsx(
+      "text",
+      {
+        x: a,
+        y: l,
+        textAnchor: "middle",
+        className: "ov-pointer-events-none ov-select-none ov-fill-slate-700 ov-text-[10px] ov-font-semibold",
+        children: n
+      }
+    )
+  ] });
+}), c = (...t) => `${t.join(" ")} Z`, De = (t) => {
+  const r = c(
+    "M 21 20",
+    "Q 31 13 41 20",
+    "Q 47 27 45 38",
+    "Q 43 50 31 55",
+    "Q 19 50 17 38",
+    "Q 15 27 21 20"
+  ), n = [
+    {
+      key: "V",
+      label: "V",
+      path: c(
+        "M 21 20",
+        "Q 31 14 41 20",
+        "Q 39 26 36 30",
+        "Q 31 32 26 30",
+        "Q 23 26 21 20"
+      ),
+      text: { x: 31, y: 25 }
+    },
+    {
+      key: "M",
+      label: "M",
+      path: c(
+        "M 17 38",
+        "Q 17 28 21 20",
+        "Q 23 26 26 30",
+        "Q 25 39 26 47",
+        "Q 20 46 17 38"
+      ),
+      text: { x: 22, y: 38 }
+    },
+    {
+      key: t,
+      label: t,
+      path: c(
+        "M 26 30",
+        "Q 31 26 36 30",
+        "Q 39 38 36 46",
+        "Q 31 51 26 46",
+        "Q 23 38 26 30"
+      ),
+      text: { x: 31, y: 40 }
+    },
+    {
+      key: "D",
+      label: "D",
+      path: c(
+        "M 45 38",
+        "Q 45 28 41 20",
+        "Q 39 26 36 30",
+        "Q 37 39 36 47",
+        "Q 42 46 45 38"
+      ),
+      text: { x: 40, y: 38 }
+    },
+    {
+      key: "L",
+      label: "L",
+      path: c(
+        "M 24 45",
+        "Q 31 54 38 45",
+        "Q 42 47 45 38",
+        "Q 43 54 31 59",
+        "Q 19 54 17 38",
+        "Q 20 47 24 45"
+      ),
+      text: { x: 31, y: 55 }
+    }
+  ];
+  return {
+    crownOutline: r,
+    crownCap: r,
+    rootPaths: [
+      c(
+        "M 27 54",
+        "Q 31 58 35 54",
+        "Q 38 65 36 84",
+        "Q 34 100 31 112",
+        "Q 28 100 26 84",
+        "Q 24 65 27 54"
+      )
+    ],
+    surfaces: n
+  };
+}, Ye = () => {
+  const t = c(
+    "M 24 23",
+    "Q 31 12 38 23",
+    "Q 44 31 42 41",
+    "Q 40 52 31 58",
+    "Q 22 52 20 41",
+    "Q 18 31 24 23"
+  ), r = [
+    {
+      key: "V",
+      label: "V",
+      path: c(
+        "M 24 23",
+        "Q 31 13 38 23",
+        "Q 36 29 35 31",
+        "Q 31 34 27 31",
+        "Q 26 29 24 23"
+      ),
+      text: { x: 31, y: 26 }
+    },
+    {
+      key: "M",
+      label: "M",
+      path: c(
+        "M 20 41",
+        "Q 20 31 24 23",
+        "Q 26 29 27 31",
+        "Q 26 40 27 49",
+        "Q 22 47 20 41"
+      ),
+      text: { x: 23, y: 40 }
+    },
+    {
+      key: "I",
+      label: "I",
+      path: c(
+        "M 27 31",
+        "Q 31 28 35 31",
+        "Q 37 40 35 48",
+        "Q 31 53 27 48",
+        "Q 25 40 27 31"
+      ),
+      text: { x: 31, y: 40 }
+    },
+    {
+      key: "D",
+      label: "D",
+      path: c(
+        "M 42 41",
+        "Q 42 31 38 23",
+        "Q 36 29 35 31",
+        "Q 36 40 35 49",
+        "Q 40 47 42 41"
+      ),
+      text: { x: 39, y: 40 }
+    },
+    {
+      key: "L",
+      label: "L",
+      path: c(
+        "M 25 47",
+        "Q 31 56 37 47",
+        "Q 40 49 42 41",
+        "Q 40 54 31 60",
+        "Q 22 54 20 41",
+        "Q 22 49 25 47"
+      ),
+      text: { x: 31, y: 55 }
+    }
+  ];
+  return {
+    crownOutline: t,
+    crownCap: t,
+    rootPaths: [
+      c(
+        "M 27 58",
+        "Q 31 62 35 58",
+        "Q 39 73 37 92",
+        "Q 35 112 31 122",
+        "Q 27 112 25 92",
+        "Q 23 73 27 58"
+      )
+    ],
+    surfaces: r
+  };
+}, $e = () => {
+  const t = c(
+    "M 20 20",
+    "Q 31 15 42 20",
+    "Q 48 28 46 39",
+    "Q 44 52 31 57",
+    "Q 18 52 16 39",
+    "Q 14 28 20 20"
+  ), r = [
+    {
+      key: "V",
+      label: "V",
+      path: c(
+        "M 20 20",
+        "Q 31 14 42 20",
+        "Q 39 28 36 31",
+        "Q 31 33 26 31",
+        "Q 23 28 20 20"
+      ),
+      text: { x: 31, y: 25 }
+    },
+    {
+      key: "M",
+      label: "M",
+      path: c(
+        "M 16 39",
+        "Q 15 29 20 20",
+        "Q 23 28 26 31",
+        "Q 24 40 26 49",
+        "Q 20 48 16 39"
+      ),
+      text: { x: 22, y: 40 }
+    },
+    {
+      key: "O",
+      label: "O",
+      path: c(
+        "M 26 31",
+        "Q 31 27 36 31",
+        "Q 39 39 36 48",
+        "Q 31 52 26 48",
+        "Q 23 39 26 31"
+      ),
+      text: { x: 31, y: 40 }
+    },
+    {
+      key: "D",
+      label: "D",
+      path: c(
+        "M 46 39",
+        "Q 47 29 42 20",
+        "Q 39 28 36 31",
+        "Q 38 40 36 49",
+        "Q 42 48 46 39"
+      ),
+      text: { x: 40, y: 40 }
+    },
+    {
+      key: "L",
+      label: "L",
+      path: c(
+        "M 24 47",
+        "Q 31 56 38 47",
+        "Q 43 49 46 39",
+        "Q 44 54 31 59",
+        "Q 18 54 16 39",
+        "Q 19 49 24 47"
+      ),
+      text: { x: 31, y: 56 }
+    }
+  ];
+  return {
+    crownOutline: t,
+    crownCap: t,
+    rootPaths: [
+      c(
+        "M 22 57",
+        "Q 25 60 28 57",
+        "Q 28 71 25 90",
+        "Q 23 101 20 109",
+        "Q 17 99 17 86",
+        "Q 17 71 22 57"
+      ),
+      c(
+        "M 34 57",
+        "Q 37 60 40 57",
+        "Q 45 71 45 86",
+        "Q 45 99 42 109",
+        "Q 39 101 37 90",
+        "Q 34 71 34 57"
+      )
+    ],
+    surfaces: r
+  };
+}, Fe = (t) => {
+  const r = c(
+    "M 16 22",
+    "Q 31 13 46 22",
+    "Q 52 32 49 43",
+    "Q 46 56 31 61",
+    "Q 16 56 13 43",
+    "Q 10 32 16 22"
+  ), n = [
+    {
+      key: "V",
+      label: "V",
+      path: c(
+        "M 16 22",
+        "Q 31 12 46 22",
+        "Q 42 31 38 34",
+        "Q 31 36 24 34",
+        "Q 20 31 16 22"
+      ),
+      text: { x: 31, y: 26 }
+    },
+    {
+      key: "M",
+      label: "M",
+      path: c(
+        "M 13 43",
+        "Q 11 32 16 22",
+        "Q 20 31 24 34",
+        "Q 22 44 24 53",
+        "Q 17 52 13 43"
+      ),
+      text: { x: 21, y: 43 }
+    },
+    {
+      key: "O",
+      label: "O",
+      path: c(
+        "M 24 34",
+        "Q 31 29 38 34",
+        "Q 41 43 38 52",
+        "Q 31 56 24 52",
+        "Q 21 43 24 34"
+      ),
+      text: { x: 31, y: 43 }
+    },
+    {
+      key: "D",
+      label: "D",
+      path: c(
+        "M 49 43",
+        "Q 51 32 46 22",
+        "Q 42 31 38 34",
+        "Q 40 44 38 53",
+        "Q 45 52 49 43"
+      ),
+      text: { x: 41, y: 43 }
+    },
+    {
+      key: "L",
+      label: "L",
+      path: c(
+        "M 22 51",
+        "Q 31 62 40 51",
+        "Q 46 52 49 43",
+        "Q 46 58 31 64",
+        "Q 16 58 13 43",
+        "Q 16 52 22 51"
+      ),
+      text: { x: 31, y: 60 }
+    }
+  ], o = t === "upper" ? [
+    c(
+      "M 17 61",
+      "Q 20 64 23 61",
+      "Q 24 73 22 91",
+      "Q 20 103 17 111",
+      "Q 14 101 14 88",
+      "Q 14 73 17 61"
+    ),
+    c(
+      "M 28 61",
+      "Q 31 65 34 61",
+      "Q 36 76 35 96",
+      "Q 34 111 31 122",
+      "Q 28 111 27 96",
+      "Q 26 76 28 61"
+    ),
+    c(
+      "M 39 61",
+      "Q 42 64 45 61",
+      "Q 48 73 48 88",
+      "Q 48 101 45 111",
+      "Q 42 103 40 91",
+      "Q 38 73 39 61"
+    )
+  ] : [
+    c(
+      "M 22 61",
+      "Q 26 64 29 61",
+      "Q 29 76 26 96",
+      "Q 24 109 20 118",
+      "Q 17 107 17 92",
+      "Q 17 75 22 61"
+    ),
+    c(
+      "M 33 61",
+      "Q 36 64 40 61",
+      "Q 45 75 45 92",
+      "Q 45 107 42 118",
+      "Q 38 109 36 96",
+      "Q 33 76 33 61"
+    )
+  ];
+  return {
+    crownOutline: r,
+    crownCap: r,
+    rootPaths: o,
+    surfaces: n
+  };
+}, We = (t) => t.type === "incisor" ? De(t.visual.centerLabel) : t.type === "canine" ? Ye() : t.type === "premolar" ? $e() : Fe(t.arch), Ue = {
+  sm: {
+    wrapper: "ov-min-w-[64px] ov-gap-0.5",
+    label: "ov-text-[11px]",
+    svg: "ov-h-[124px] ov-w-[62px]"
+  },
+  md: {
+    wrapper: "ov-min-w-[74px] ov-gap-0.5",
+    label: "ov-text-xs",
+    svg: "ov-h-[138px] ov-w-[98px]"
+  },
+  lg: {
+    wrapper: "ov-min-w-[84px] ov-gap-0.5",
+    label: "ov-text-sm",
+    svg: "ov-h-[154px] ov-w-[108px]"
+  }
+}, Ve = L(function({
+  definition: r,
+  record: n,
+  editable: o,
+  selectedCondition: a,
+  size: l,
+  onApplySurface: u,
+  onApplyTooth: v,
+  onClearSurface: Q,
+  onClearTooth: w
+}) {
+  const x = Ue[l], E = I(() => We(r), [r]), T = (n == null ? void 0 : n.conditions) ?? [], R = I(
+    () => T.length ? pe(T[0]) : "#f8fafc",
+    [T]
+  ), M = I(() => r.type === "incisor" ? "ov-border-sky-100" : r.type === "canine" ? "ov-border-amber-100" : r.type === "premolar" ? "ov-border-emerald-100" : "ov-border-rose-100", [r.type]), S = _(
+    (d) => u(r.id, d, a),
+    [r.id, u, a]
+  ), h = _(
+    (d) => Q(r.id, d),
+    [r.id, Q]
+  ), O = _(() => {
+    v(r.id, a);
+  }, [r.id, v, a]), y = _(() => {
+    w(r.id);
+  }, [r.id, w]);
+  return /* @__PURE__ */ i.jsxs("div", { className: ["ov-flex ov-flex-col ov-items-center", M, x.wrapper].join(" "), children: [
+    /* @__PURE__ */ i.jsx("span", { className: ["ov-font-semibold ov-text-clinic-700", x.label].join(" "), children: r.label }),
+    /* @__PURE__ */ i.jsxs("svg", { viewBox: "0 0 62 128", className: x.svg, children: [
+      E.rootPaths.map((d, k) => /* @__PURE__ */ i.jsx(
+        "path",
+        {
+          d,
+          fill: R,
+          stroke: "#1f2937",
+          strokeWidth: 1.4,
+          strokeLinejoin: "round",
+          className: o ? "ov-cursor-pointer ov-transition-opacity hover:ov-opacity-85" : "",
+          onClick: o ? O : void 0,
+          onContextMenu: o ? (g) => {
+            g.preventDefault(), y();
+          } : void 0
+        },
+        `${r.id}-root-${k}`
+      )),
+      /* @__PURE__ */ i.jsx("path", { d: E.crownCap, fill: R, stroke: "#1f2937", strokeWidth: 1.6 }),
+      E.surfaces.map((d) => {
+        var k, g;
+        return /* @__PURE__ */ i.jsx(
+          Le,
+          {
+            surface: d.key,
+            label: d.label,
+            path: d.path,
+            textX: d.text.x,
+            textY: d.text.y,
+            condition: (g = (k = n == null ? void 0 : n.surfaces) == null ? void 0 : k[d.key]) == null ? void 0 : g[0],
+            onApply: S,
+            onClear: h,
+            disabled: !o
+          },
+          `${r.id}-${d.key}`
+        );
+      }),
+      /* @__PURE__ */ i.jsx(
+        "path",
+        {
+          d: E.crownOutline,
+          fill: "none",
+          stroke: "#0f172a",
+          strokeWidth: 1.6,
+          strokeLinejoin: "round",
+          className: o ? "ov-cursor-pointer" : "",
+          onClick: o ? O : void 0,
+          onContextMenu: o ? (d) => {
+            d.preventDefault(), y();
+          } : void 0
+        }
+      )
+    ] })
+  ] });
+}), ze = L(function({
+  teeth: r,
+  records: n,
+  editable: o,
+  selectedCondition: a,
+  size: l,
+  onApplySurface: u,
+  onApplyTooth: v,
+  onClearSurface: Q,
+  onClearTooth: w
+}) {
+  return /* @__PURE__ */ i.jsx("section", { children: /* @__PURE__ */ i.jsx("div", { className: "ov-overflow-x-auto ov-pb-1", children: /* @__PURE__ */ i.jsx("div", { className: "ov-flex ov-min-w-max ov-justify-center ov-gap-0.5", children: r.map((x) => /* @__PURE__ */ i.jsx(
+    Ve,
+    {
+      definition: x,
+      record: n[x.id],
+      editable: o,
+      selectedCondition: a,
+      size: l,
+      onApplySurface: u,
+      onApplyTooth: v,
+      onClearSurface: Q,
+      onClearTooth: w
+    },
+    x.id
+  )) }) }) });
+}), Ge = L(function({ selectedCondition: r, onSelect: n }) {
+  return /* @__PURE__ */ i.jsxs("div", { className: "ov-rounded-3xl ov-border ov-border-slate-200 ov-bg-white ov-p-4 ov-shadow-panel", children: [
+    /* @__PURE__ */ i.jsxs("div", { className: "ov-mb-3 ov-flex ov-items-center ov-justify-between ov-gap-3", children: [
+      /* @__PURE__ */ i.jsxs("div", { children: [
+        /* @__PURE__ */ i.jsx("p", { className: "ov-text-xs ov-font-semibold ov-uppercase ov-tracking-[0.22em] ov-text-clinic-600", children: "Estados clínicos" }),
+        /* @__PURE__ */ i.jsx("p", { className: "ov-text-sm ov-text-slate-500", children: "Click izquierdo aplica. Click derecho limpia solo la pieza o superficie elegida." })
+      ] }),
+      /* @__PURE__ */ i.jsxs("div", { className: "ov-rounded-full ov-bg-clinic-50 ov-px-3 ov-py-1 ov-text-xs ov-font-medium ov-text-clinic-700", children: [
+        "Activo: ",
+        r
+      ] })
+    ] }),
+    /* @__PURE__ */ i.jsx("div", { className: "ov-flex ov-flex-wrap ov-gap-2", children: K.map((o) => {
+      const a = o.id === r;
+      return /* @__PURE__ */ i.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => n(o.id),
+          className: [
+            "ov-flex ov-items-center ov-gap-2 ov-rounded-full ov-border ov-px-3 ov-py-2 ov-text-sm ov-transition",
+            a ? "ov-border-clinic-700 ov-bg-clinic-900 ov-text-white" : "ov-border-slate-200 ov-bg-slate-50 ov-text-slate-700 hover:ov-border-clinic-400 hover:ov-bg-white"
+          ].join(" "),
+          children: [
+            /* @__PURE__ */ i.jsx(
+              "span",
+              {
+                className: "ov-h-3 ov-w-3 ov-rounded-full ov-border ov-border-white/40",
+                style: { backgroundColor: o.color }
+              }
+            ),
+            /* @__PURE__ */ i.jsx("span", { children: o.label })
+          ]
+        },
+        o.id
+      );
+    }) })
+  ] });
+}), Be = "CARIES", Je = L(function({
+  value: r,
+  defaultValue: n,
+  onChange: o,
+  dentition: a = "mixed",
+  selectedCondition: l,
+  onSelectedConditionChange: u,
+  editable: v = !0,
+  size: Q = "md",
+  className: w,
+  theme: x
+}) {
+  const E = typeof r < "u", [T, R] = se(
+    () => ue(n)
+  ), [M, S] = se(Be), h = I(
+    () => E ? ue(r) : T,
+    [T, E, r]
+  ), O = l ?? M, y = _(
+    (p) => {
+      E || R(p), o == null || o(Ae(p));
+    },
+    [E, o]
+  ), d = _(
+    (p) => {
+      l || S(p), u == null || u(p);
+    },
+    [u, l]
+  ), k = _(
+    (p, N, q) => {
+      y(Se(h, p, N, q));
+    },
+    [h, y]
+  ), g = _(
+    (p, N) => {
+      y(Ce(h, p, N));
+    },
+    [h, y]
+  ), z = _(
+    (p, N) => {
+      y(Pe(h, p, N));
+    },
+    [h, y]
+  ), G = _(
+    (p) => {
+      y(Ie(h, p));
+    },
+    [h, y]
+  ), B = I(() => a === "permanent" ? [
+    { id: "permanent-upper", label: "Superior permanente", teeth: $.upper },
+    { id: "permanent-lower", label: "Inferior permanente", teeth: $.lower }
+  ] : a === "primary" ? [
+    { id: "primary-upper", label: "Superior temporal", teeth: F.upper },
+    { id: "primary-lower", label: "Inferior temporal", teeth: F.lower }
+  ] : [...Ne], [a]);
+  return /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      className: [
+        "ov-odontogram ov-w-full ov-max-w-full ov-overflow-hidden ov-rounded-[28px] ov-border ov-border-slate-200 ov-bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.98),_rgba(240,248,249,0.98)_40%,_rgba(229,239,241,1)_100%)] ov-p-4 ov-text-slate-900 ov-shadow-panel md:ov-p-6",
+        w ?? ""
+      ].join(" "),
+      style: x == null ? void 0 : x.panelStyle,
+      onContextMenu: (p) => {
+        p.preventDefault();
+      },
+      children: /* @__PURE__ */ i.jsxs("div", { className: "ov-space-y-5", children: [
+        /* @__PURE__ */ i.jsx(Ge, { selectedCondition: O, onSelect: d }),
+        /* @__PURE__ */ i.jsx("div", { className: "ov-overflow-x-auto ov-overflow-y-hidden", children: /* @__PURE__ */ i.jsx("div", { className: "ov-grid ov-min-w-max ov-gap-5", children: B.map((p) => /* @__PURE__ */ i.jsx(
+          ze,
+          {
+            label: p.label,
+            teeth: p.teeth,
+            records: h,
+            editable: v,
+            selectedCondition: O,
+            size: Q,
+            onApplySurface: k,
+            onApplyTooth: g,
+            onClearSurface: z,
+            onClearTooth: G
+          },
+          p.id
+        )) }) })
+      ] })
+    }
+  );
+});
+export {
+  K as CLINICAL_CONDITIONS,
+  Ne as MIXED_DENTITION_LAYOUT,
+  Je as Odontogram,
+  $ as PERMANENT_DENTITION_LAYOUT,
+  F as PRIMARY_DENTITION_LAYOUT
+};
+//# sourceMappingURL=index.js.map