odontogram-view 0.1.0 → 0.1.2

package/dist/index.js

@@ -1,5 +1,13 @@
-import de, { memo as L, useMemo as I, useCallback as _, useState as se } from "react";
-var Y = { exports: {} }, C = {};
+import fe, { memo as L, useMemo as I, useCallback as _, useState as le } from "react";
+const be = ".ov-pointer-events-none{pointer-events:none}.ov-m-0{margin:0}.ov-mx-auto{margin-left:auto;margin-right:auto}.ov-mb-3{margin-bottom:.75rem}.ov-mt-3{margin-top:.75rem}.ov-flex{display:flex}.ov-grid{display:grid}.ov-h-3{height:.75rem}.ov-h-\\[124px\\]{height:124px}.ov-h-\\[138px\\]{height:138px}.ov-h-\\[154px\\]{height:154px}.ov-min-h-screen{min-height:100vh}.ov-w-3{width:.75rem}.ov-w-\\[108px\\]{width:108px}.ov-w-\\[62px\\]{width:62px}.ov-w-\\[98px\\]{width:98px}.ov-w-full{width:100%}.ov-min-w-0{min-width:0px}.ov-min-w-\\[64px\\]{min-width:64px}.ov-min-w-\\[74px\\]{min-width:74px}.ov-min-w-\\[84px\\]{min-width:84px}.ov-min-w-max{min-width:-moz-max-content;min-width:max-content}.ov-max-w-3xl{max-width:48rem}.ov-max-w-7xl{max-width:80rem}.ov-max-w-full{max-width:100%}.ov-cursor-pointer{cursor:pointer}.ov-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ov-flex-col{flex-direction:column}.ov-flex-wrap{flex-wrap:wrap}.ov-items-center{align-items:center}.ov-justify-center{justify-content:center}.ov-justify-between{justify-content:space-between}.ov-gap-0\\.5{gap:.125rem}.ov-gap-2{gap:.5rem}.ov-gap-3{gap:.75rem}.ov-gap-4{gap:1rem}.ov-gap-5{gap:1.25rem}.ov-space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.ov-overflow-hidden{overflow:hidden}.ov-overflow-x-auto{overflow-x:auto}.ov-overflow-x-hidden{overflow-x:hidden}.ov-overflow-y-hidden{overflow-y:hidden}.ov-rounded-2xl{border-radius:1rem}.ov-rounded-3xl{border-radius:1.5rem}.ov-rounded-\\[24px\\]{border-radius:24px}.ov-rounded-\\[28px\\]{border-radius:28px}.ov-rounded-full{border-radius:9999px}.ov-border{border-width:1px}.ov-border-amber-100{--tw-border-opacity: 1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1))}.ov-border-clinic-700{--tw-border-opacity: 1;border-color:rgb(46 91 105 / var(--tw-border-opacity, 1))}.ov-border-emerald-100{--tw-border-opacity: 1;border-color:rgb(209 250 229 / var(--tw-border-opacity, 1))}.ov-border-rose-100{--tw-border-opacity: 1;border-color:rgb(255 228 230 / var(--tw-border-opacity, 1))}.ov-border-sky-100{--tw-border-opacity: 1;border-color:rgb(224 242 254 / var(--tw-border-opacity, 1))}.ov-border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.ov-border-white\\/40{border-color:#fff6}.ov-border-white\\/80{border-color:#fffc}.ov-bg-clinic-50{--tw-bg-opacity: 1;background-color:rgb(246 251 252 / var(--tw-bg-opacity, 1))}.ov-bg-clinic-900{--tw-bg-opacity: 1;background-color:rgb(41 63 72 / var(--tw-bg-opacity, 1))}.ov-bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.ov-bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.ov-bg-slate-950{--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.ov-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.ov-bg-white\\/80{background-color:#fffc}.ov-bg-white\\/85{background-color:#ffffffd9}.ov-bg-\\[linear-gradient\\(180deg\\,_\\#f7fbfc_0\\%\\,_\\#e2eef1_55\\%\\,_\\#d4e5ea_100\\%\\)\\]{background-image:linear-gradient(180deg,#f7fbfc,#e2eef1 55%,#d4e5ea)}.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\\%\\)\\]{background-image:radial-gradient(circle at top left,#fffffffa,#f0f8f9fa 40%,#e5eff1)}.ov-fill-slate-700{fill:#334155}.ov-p-3{padding:.75rem}.ov-p-4{padding:1rem}.ov-px-3{padding-left:.75rem;padding-right:.75rem}.ov-py-1{padding-top:.25rem;padding-bottom:.25rem}.ov-py-2{padding-top:.5rem;padding-bottom:.5rem}.ov-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.ov-pb-1{padding-bottom:.25rem}.ov-text-2xl{font-size:1.5rem;line-height:2rem}.ov-text-\\[10px\\]{font-size:10px}.ov-text-\\[11px\\]{font-size:11px}.ov-text-lg{font-size:1.125rem;line-height:1.75rem}.ov-text-sm{font-size:.875rem;line-height:1.25rem}.ov-text-xs{font-size:.75rem;line-height:1rem}.ov-font-medium{font-weight:500}.ov-font-semibold{font-weight:600}.ov-uppercase{text-transform:uppercase}.ov-leading-6{line-height:1.5rem}.ov-tracking-\\[0\\.22em\\]{letter-spacing:.22em}.ov-tracking-\\[0\\.3em\\]{letter-spacing:.3em}.ov-text-clinic-600{--tw-text-opacity: 1;color:rgb(51 111 128 / var(--tw-text-opacity, 1))}.ov-text-clinic-700{--tw-text-opacity: 1;color:rgb(46 91 105 / var(--tw-text-opacity, 1))}.ov-text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.ov-text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.ov-text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.ov-text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.ov-text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.ov-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.ov-shadow-panel{--tw-shadow: 0 16px 40px rgba(22, 56, 68, .14);--tw-shadow-colored: 0 16px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ov-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ov-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ov-odontogram,.ov-odontogram *{box-sizing:border-box}.ov-odontogram{color-scheme:light;font-family:IBM Plex Sans,Segoe UI,sans-serif}.ov-odontogram button,.ov-odontogram svg,.ov-odontogram polygon,.ov-odontogram text{-webkit-tap-highlight-color:transparent}.hover\\:ov-border-clinic-400:hover{--tw-border-opacity: 1;border-color:rgb(99 175 188 / var(--tw-border-opacity, 1))}.hover\\:ov-bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\\:ov-text-clinic-700:hover{--tw-text-opacity: 1;color:rgb(46 91 105 / var(--tw-text-opacity, 1))}.hover\\:ov-opacity-85:hover{opacity:.85}@media(min-width:640px){.sm\\:ov-w-auto{width:auto}.sm\\:ov-flex-row{flex-direction:row}.sm\\:ov-items-center{align-items:center}.sm\\:ov-justify-between{justify-content:space-between}.sm\\:ov-gap-6{gap:1.5rem}.sm\\:ov-rounded-\\[28px\\]{border-radius:28px}.sm\\:ov-rounded-\\[32px\\]{border-radius:32px}.sm\\:ov-p-4{padding:1rem}.sm\\:ov-p-5{padding:1.25rem}.sm\\:ov-p-6{padding:1.5rem}.sm\\:ov-px-4{padding-left:1rem;padding-right:1rem}.sm\\:ov-py-8{padding-top:2rem;padding-bottom:2rem}.sm\\:ov-text-3xl{font-size:1.875rem;line-height:2.25rem}}@media(min-width:768px){.md\\:ov-p-6{padding:1.5rem}.md\\:ov-px-8{padding-left:2rem;padding-right:2rem}.md\\:ov-text-4xl{font-size:2.25rem;line-height:2.5rem}.md\\:ov-text-base{font-size:1rem;line-height:1.5rem}}@media(min-width:1024px){.lg\\:ov-grid-cols-\\[1\\.25fr_0\\.75fr\\]{grid-template-columns:1.25fr .75fr}}";
+let ie = !1;
+function xe(t) {
+  if (ie || typeof document > "u")
+    return;
+  const o = document.createElement("style");
+  o.setAttribute("data-odontogram-view", "true"), o.textContent = t, document.head.appendChild(o), ie = !0;
+}
+var z = { exports: {} }, C = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,27 +17,27 @@ var Y = { exports: {} }, C = {};
  * 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, {
+var se;
+function he() {
+  if (se) return C;
+  se = 1;
+  var t = Symbol.for("react.transitional.element"), o = Symbol.for("react.fragment");
+  function a(r, n, i) {
+    var p = null;
+    if (i !== void 0 && (p = "" + i), n.key !== void 0 && (p = "" + n.key), "key" in n) {
+      i = {};
+      for (var v in n)
+        v !== "key" && (i[v] = n[v]);
+    } else i = n;
+    return n = i.ref, {
       $$typeof: t,
-      type: o,
-      key: u,
-      ref: a !== void 0 ? a : null,
-      props: l
+      type: r,
+      key: p,
+      ref: n !== void 0 ? n : null,
+      props: i
     };
   }
-  return C.Fragment = r, C.jsx = n, C.jsxs = n, C;
+  return C.Fragment = o, C.jsx = a, C.jsxs = a, C;
 }
 var P = {};
 /**
@@ -42,7 +50,7 @@ var P = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ce;
-function be() {
+function ge() {
   return ce || (ce = 1, process.env.NODE_ENV !== "production" && (function() {
     function t(e) {
       if (e == null) return null;
@@ -52,11 +60,11 @@ function be() {
       switch (e) {
         case h:
           return "Fragment";
-        case y:
+        case w:
           return "Profiler";
         case O:
           return "StrictMode";
-        case z:
+        case V:
           return "Suspense";
         case G:
           return "SuspenseList";
@@ -67,100 +75,100 @@ function be() {
         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:
+          case A:
             return "Portal";
-          case k:
+          case T:
             return e.displayName || "Context";
-          case d:
+          case m:
             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 R:
+            var l = e.render;
+            return e = e.displayName, e || (e = l.displayName || l.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;
+            return l = e.displayName || null, l !== null ? l : t(e.type) || "Memo";
+          case d:
+            l = e._payload, e = e._init;
             try {
-              return t(e(s));
+              return t(e(l));
             } catch {
             }
         }
       return null;
     }
-    function r(e) {
+    function o(e) {
       return "" + e;
     }
-    function n(e) {
+    function a(e) {
       try {
-        r(e);
-        var s = !1;
+        o(e);
+        var l = !1;
       } catch {
-        s = !0;
+        l = !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,
+      if (l) {
+        l = console;
+        var u = l.error, f = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return u.call(
+          l,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          m
-        ), r(e);
+          f
+        ), o(e);
       }
     }
-    function o(e) {
+    function r(e) {
       if (e === h) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === p)
+      if (typeof e == "object" && e !== null && e.$$typeof === d)
         return "<...>";
       try {
-        var s = t(e);
-        return s ? "<" + s + ">" : "<...>";
+        var l = t(e);
+        return l ? "<" + l + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function a() {
+    function n() {
       var e = J.A;
       return e === null ? null : e.getOwner();
     }
-    function l() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function u(e) {
+    function p(e) {
       if (ee.call(e, "key")) {
-        var s = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (s && s.isReactWarning) return !1;
+        var l = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (l && l.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function v(e, s) {
-      function f() {
-        re || (re = !0, console.error(
+    function v(e, l) {
+      function u() {
+        oe || (oe = !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
+          l
         ));
       }
-      f.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: f,
+      u.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: u,
         configurable: !0
       });
     }
-    function Q() {
+    function g() {
       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;
+    function y(e, l, u, f, D, H) {
+      var b = u.ref;
       return e = {
         $$typeof: M,
         type: e,
-        key: s,
-        props: f,
-        _owner: m
+        key: l,
+        props: u,
+        _owner: f
       }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: Q
+        get: g
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -183,101 +191,101 @@ function be() {
         value: H
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function x(e, s, f, m, D, H) {
-      var b = s.children;
+    function x(e, l, u, f, D, H) {
+      var b = l.children;
       if (b !== void 0)
-        if (m)
-          if (fe(b)) {
-            for (m = 0; m < b.length; m++)
-              E(b[m]);
+        if (f)
+          if (ve(b)) {
+            for (f = 0; f < b.length; f++)
+              Q(b[f]);
             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")) {
+        else Q(b);
+      if (ee.call(l, "key")) {
         b = t(e);
-        var A = Object.keys(s).filter(function(ve) {
-          return ve !== "key";
+        var S = Object.keys(l).filter(function(me) {
+          return me !== "key";
         });
-        m = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", ae[b + m] || (A = 0 < A.length ? "{" + A.join(": ..., ") + ": ...}" : "{}", console.error(
+        f = 0 < S.length ? "{key: someKey, " + S.join(": ..., ") + ": ...}" : "{key: someKey}", ne[b + f] || (S = 0 < S.length ? "{" + S.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,
+          f,
           b,
-          A,
+          S,
           b
-        ), ae[b + m] = !0);
+        ), ne[b + f] = !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;
+      if (b = null, u !== void 0 && (a(u), b = "" + u), p(l) && (a(l.key), b = "" + l.key), "key" in l) {
+        u = {};
+        for (var Z in l)
+          Z !== "key" && (u[Z] = l[Z]);
+      } else u = l;
       return b && v(
-        f,
+        u,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), w(
+      ), y(
         e,
         b,
-        f,
-        a(),
+        u,
+        n(),
         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 Q(e) {
+      k(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === d && (e._payload.status === "fulfilled" ? k(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function T(e) {
+    function k(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() {
+    var E = fe, M = Symbol.for("react.transitional.element"), A = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), m = Symbol.for("react.consumer"), T = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), V = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), q = Symbol.for("react.client.reference"), J = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, ve = Array.isArray, X = console.createTask ? console.createTask : function() {
       return null;
     };
-    R = {
+    E = {
       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++;
+    var oe, te = {}, re = E.react_stack_bottom_frame.bind(
+      E,
+      i
+    )(), ae = X(r(i)), ne = {};
+    P.Fragment = h, P.jsx = function(e, l, u) {
+      var f = 1e4 > J.recentlyCreatedOwnerStacks++;
       return x(
         e,
-        s,
-        f,
+        l,
+        u,
         !1,
-        m ? Error("react-stack-top-frame") : oe,
-        m ? X(o(e)) : ne
+        f ? Error("react-stack-top-frame") : re,
+        f ? X(r(e)) : ae
       );
-    }, P.jsxs = function(e, s, f) {
-      var m = 1e4 > J.recentlyCreatedOwnerStacks++;
+    }, P.jsxs = function(e, l, u) {
+      var f = 1e4 > J.recentlyCreatedOwnerStacks++;
       return x(
         e,
-        s,
-        f,
+        l,
+        u,
         !0,
-        m ? Error("react-stack-top-frame") : oe,
-        m ? X(o(e)) : ne
+        f ? Error("react-stack-top-frame") : re,
+        f ? X(r(e)) : ae
       );
     };
   })()), P;
 }
-var ie;
-function xe() {
-  return ie || (ie = 1, process.env.NODE_ENV === "production" ? Y.exports = me() : Y.exports = be()), Y.exports;
+var pe;
+function we() {
+  return pe || (pe = 1, process.env.NODE_ENV === "production" ? z.exports = he() : z.exports = ge()), z.exports;
 }
-var i = xe();
-const he = {
+var c = we();
+const ye = {
   1: "incisor",
   2: "incisor",
   3: "canine",
@@ -292,7 +300,7 @@ const he = {
   3: "canine",
   4: "molar",
   5: "molar"
-}, ye = {
+}, _e = {
   11: 1,
   12: 1,
   13: 1,
@@ -345,76 +353,76 @@ const he = {
   83: 1,
   84: 2,
   85: 2
-}, we = (t, r, n) => {
-  const o = ye[t] ?? 1;
-  return r === "incisor" ? {
+}, ke = (t, o, a) => {
+  const r = _e[t] ?? 1;
+  return o === "incisor" ? {
     centerLabel: "I",
-    roots: o,
+    roots: r,
     surfaces: 5,
     crownWidth: 32,
     crownHeight: 42,
     rootStyle: "single"
-  } : r === "canine" ? {
+  } : o === "canine" ? {
     centerLabel: "I",
-    roots: o,
+    roots: r,
     surfaces: 5,
     crownWidth: 36,
     crownHeight: 44,
     rootStyle: "singleLong"
-  } : r === "premolar" ? {
+  } : o === "premolar" ? {
     centerLabel: "O",
-    roots: o,
+    roots: r,
     surfaces: 5,
     crownWidth: 42,
     crownHeight: 42,
-    rootStyle: o === 2 ? "double" : "single"
+    rootStyle: r === 2 ? "double" : "single"
   } : {
     centerLabel: "O",
-    roots: o,
+    roots: r,
     surfaces: 5,
     crownWidth: 48,
     crownHeight: 42,
-    rootStyle: o === 3 || n === "upper" ? "triple" : "double"
+    rootStyle: r === 3 || a === "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}`;
+}, j = (t, o, a, r) => {
+  const n = r === "permanent" ? ye : Qe;
+  return o.map((i) => {
+    const p = n[i], v = `${t}${i}`;
     return {
       id: v,
-      type: u,
-      arch: n,
-      dentition: o,
+      type: p,
+      arch: a,
+      dentition: r,
       label: v,
-      visual: we(v, u, n)
+      visual: ke(v, p, a)
     };
   });
-}, 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 = [
+}, Ee = j(1, [8, 7, 6, 5, 4, 3, 2, 1], "upper", "permanent"), Te = j(2, [1, 2, 3, 4, 5, 6, 7, 8], "upper", "permanent"), Re = j(4, [8, 7, 6, 5, 4, 3, 2, 1], "lower", "permanent"), je = j(3, [1, 2, 3, 4, 5, 6, 7, 8], "lower", "permanent"), Oe = j(5, [5, 4, 3, 2, 1], "upper", "primary"), Ne = j(6, [1, 2, 3, 4, 5], "upper", "primary"), Me = j(8, [5, 4, 3, 2, 1], "lower", "primary"), Se = j(7, [1, 2, 3, 4, 5], "lower", "primary"), Y = {
+  upper: [...Ee, ...Te],
+  lower: [...Re, ...je]
+}, $ = {
+  upper: [...Oe, ...Ne],
+  lower: [...Me, ...Se]
+}, Ae = [
   {
     id: "upper-permanent",
     label: "Superior permanente",
-    teeth: $.upper
+    teeth: Y.upper
   },
   {
     id: "upper-primary",
     label: "Superior temporal",
-    teeth: F.upper
+    teeth: $.upper
   },
   {
     id: "lower-primary",
     label: "Inferior temporal",
-    teeth: F.lower
+    teeth: $.lower
   },
   {
     id: "lower-permanent",
     label: "Inferior permanente",
-    teeth: $.lower
+    teeth: Y.lower
   }
 ], K = [
   { id: "CARIES", label: "Caries", color: "#ef4444", scope: "both" },
@@ -426,150 +434,150 @@ const he = {
   { 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(
+], Ce = 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))
+), F = (t = []) => Array.from(new Set(t)), W = (t) => [...t].sort((o, a) => o.localeCompare(a)), de = (t = []) => {
+  const o = {};
+  return t.forEach((a) => {
+    o[a.tooth] = {
+      tooth: a.tooth,
+      conditions: a.conditions ? W(F(a.conditions)) : void 0,
+      surfaces: a.surfaces ? Object.fromEntries(
+        Object.entries(a.surfaces).map(([r, n]) => [
+          r,
+          n != null && n.length ? W(F(n)) : void 0
+        ]).filter(([, r]) => !!(r != null && r.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) => {
+  }), o;
+}, Pe = (t) => Object.values(t).filter(Boolean).map((o) => {
+  var r;
+  const a = { tooth: o.tooth };
+  return (r = o == null ? void 0 : o.conditions) != null && r.length && (a.conditions = o.conditions), o != null && o.surfaces && Object.keys(o.surfaces).length > 0 && (a.surfaces = o.surfaces), a;
+}).filter((o) => {
   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 ((a = o.conditions) == null ? void 0 : a.length) || Object.keys(o.surfaces ?? {}).length;
+}).sort((o, a) => o.tooth.localeCompare(a.tooth)), U = (t) => {
+  var n;
+  const o = t.surfaces ? Object.fromEntries(
+    Object.entries(t.surfaces).filter(([, i]) => !!(i != null && i.length))
+  ) : void 0, a = !!((n = t.conditions) != null && n.length), r = !!(o && Object.keys(o).length > 0);
+  if (!(!a && !r))
     return {
       tooth: t.tooth,
-      conditions: n ? t.conditions : void 0,
-      surfaces: o ? r : void 0
+      conditions: a ? t.conditions : void 0,
+      surfaces: r ? o : void 0
     };
-}, Se = (t, r, n, o) => {
-  var Q;
-  if (!Me.get(o))
+}, Ie = (t, o, a, r) => {
+  var g;
+  if (!Ce.get(r))
     return t;
-  const l = t[r] ?? {}, u = ((Q = l.surfaces) == null ? void 0 : Q[n]) ?? [], v = {
-    tooth: r,
-    conditions: l.conditions,
+  const i = t[o] ?? {}, p = ((g = i.surfaces) == null ? void 0 : g[a]) ?? [], v = {
+    tooth: o,
+    conditions: i.conditions,
     surfaces: {
-      ...l.surfaces ?? {},
-      [n]: U(W([...u, o]))
+      ...i.surfaces ?? {},
+      [a]: W(F([...p, r]))
     }
   };
   return {
     ...t,
-    [r]: V(v)
+    [o]: U(v)
   };
-}, Ce = (t, r, n) => {
-  const o = t[r] ?? {}, a = {
-    tooth: r,
-    surfaces: o.surfaces,
-    conditions: U(W([...o.conditions ?? [], n]))
+}, Le = (t, o, a) => {
+  const r = t[o] ?? {}, n = {
+    tooth: o,
+    surfaces: r.surfaces,
+    conditions: W(F([...r.conditions ?? [], a]))
   };
   return {
     ...t,
-    [r]: V(a)
+    [o]: U(n)
   };
-}, 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))
+}, De = (t, o, a) => {
+  var i, p;
+  const r = t[o];
+  if (!((p = (i = r == null ? void 0 : r.surfaces) == null ? void 0 : i[a]) != null && p.length))
     return t;
-  const a = { ...o.surfaces ?? {} };
-  return delete a[n], {
+  const n = { ...r.surfaces ?? {} };
+  return delete n[a], {
     ...t,
-    [r]: V({
-      tooth: r,
-      conditions: o.conditions,
-      surfaces: a
+    [o]: U({
+      tooth: o,
+      conditions: r.conditions,
+      surfaces: n
     })
   };
-}, Ie = (t, r) => {
-  if (!t[r])
+}, ze = (t, o) => {
+  if (!t[o])
     return t;
-  const o = V({
-    tooth: r,
+  const r = U({
+    tooth: o,
     conditions: void 0,
     surfaces: void 0
   });
-  if (!o) {
-    const a = { ...t };
-    return delete a[r], a;
+  if (!r) {
+    const n = { ...t };
+    return delete n[o], n;
   }
   return {
     ...t,
-    [r]: o
+    [o]: r
   };
-}, 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,
+}, ue = (t) => {
+  var o;
+  return ((o = K.find((a) => a.id === t)) == null ? void 0 : o.color) ?? "#dbe4ea";
+}, Ye = L(function({
+  surface: o,
+  label: a,
+  path: r,
+  textX: n,
+  textY: i,
+  condition: p,
   onApply: v,
-  onClear: Q,
-  disabled: w
+  onClear: g,
+  disabled: y
 }) {
-  return /* @__PURE__ */ i.jsxs("g", { children: [
-    /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ c.jsxs("g", { children: [
+    /* @__PURE__ */ c.jsx(
       "path",
       {
-        d: o,
-        fill: pe(u),
+        d: r,
+        fill: ue(p),
         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);
+        className: y ? "" : "ov-cursor-pointer ov-transition-opacity hover:ov-opacity-85",
+        onClick: y ? void 0 : () => v(o),
+        onContextMenu: y ? void 0 : (x) => {
+          x.preventDefault(), g(o);
         }
       }
     ),
-    /* @__PURE__ */ i.jsx(
+    /* @__PURE__ */ c.jsx(
       "text",
       {
-        x: a,
-        y: l,
+        x: n,
+        y: i,
         textAnchor: "middle",
         className: "ov-pointer-events-none ov-select-none ov-fill-slate-700 ov-text-[10px] ov-font-semibold",
-        children: n
+        children: a
       }
     )
   ] });
-}), c = (...t) => `${t.join(" ")} Z`, De = (t) => {
-  const r = c(
+}), s = (...t) => `${t.join(" ")} Z`, $e = (t) => {
+  const o = s(
     "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 = [
+  ), a = [
     {
       key: "V",
       label: "V",
-      path: c(
+      path: s(
         "M 21 20",
         "Q 31 14 41 20",
         "Q 39 26 36 30",
@@ -581,7 +589,7 @@ const he = {
     {
       key: "M",
       label: "M",
-      path: c(
+      path: s(
         "M 17 38",
         "Q 17 28 21 20",
         "Q 23 26 26 30",
@@ -593,7 +601,7 @@ const he = {
     {
       key: t,
       label: t,
-      path: c(
+      path: s(
         "M 26 30",
         "Q 31 26 36 30",
         "Q 39 38 36 46",
@@ -605,7 +613,7 @@ const he = {
     {
       key: "D",
       label: "D",
-      path: c(
+      path: s(
         "M 45 38",
         "Q 45 28 41 20",
         "Q 39 26 36 30",
@@ -617,7 +625,7 @@ const he = {
     {
       key: "L",
       label: "L",
-      path: c(
+      path: s(
         "M 24 45",
         "Q 31 54 38 45",
         "Q 42 47 45 38",
@@ -629,10 +637,10 @@ const he = {
     }
   ];
   return {
-    crownOutline: r,
-    crownCap: r,
+    crownOutline: o,
+    crownCap: o,
     rootPaths: [
-      c(
+      s(
         "M 27 54",
         "Q 31 58 35 54",
         "Q 38 65 36 84",
@@ -641,21 +649,21 @@ const he = {
         "Q 24 65 27 54"
       )
     ],
-    surfaces: n
+    surfaces: a
   };
-}, Ye = () => {
-  const t = c(
+}, Fe = () => {
+  const t = s(
     "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 = [
+  ), o = [
     {
       key: "V",
       label: "V",
-      path: c(
+      path: s(
         "M 24 23",
         "Q 31 13 38 23",
         "Q 36 29 35 31",
@@ -667,7 +675,7 @@ const he = {
     {
       key: "M",
       label: "M",
-      path: c(
+      path: s(
         "M 20 41",
         "Q 20 31 24 23",
         "Q 26 29 27 31",
@@ -679,7 +687,7 @@ const he = {
     {
       key: "I",
       label: "I",
-      path: c(
+      path: s(
         "M 27 31",
         "Q 31 28 35 31",
         "Q 37 40 35 48",
@@ -691,7 +699,7 @@ const he = {
     {
       key: "D",
       label: "D",
-      path: c(
+      path: s(
         "M 42 41",
         "Q 42 31 38 23",
         "Q 36 29 35 31",
@@ -703,7 +711,7 @@ const he = {
     {
       key: "L",
       label: "L",
-      path: c(
+      path: s(
         "M 25 47",
         "Q 31 56 37 47",
         "Q 40 49 42 41",
@@ -718,7 +726,7 @@ const he = {
     crownOutline: t,
     crownCap: t,
     rootPaths: [
-      c(
+      s(
         "M 27 58",
         "Q 31 62 35 58",
         "Q 39 73 37 92",
@@ -727,21 +735,21 @@ const he = {
         "Q 23 73 27 58"
       )
     ],
-    surfaces: r
+    surfaces: o
   };
-}, $e = () => {
-  const t = c(
+}, We = () => {
+  const t = s(
     "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 = [
+  ), o = [
     {
       key: "V",
       label: "V",
-      path: c(
+      path: s(
         "M 20 20",
         "Q 31 14 42 20",
         "Q 39 28 36 31",
@@ -753,7 +761,7 @@ const he = {
     {
       key: "M",
       label: "M",
-      path: c(
+      path: s(
         "M 16 39",
         "Q 15 29 20 20",
         "Q 23 28 26 31",
@@ -765,7 +773,7 @@ const he = {
     {
       key: "O",
       label: "O",
-      path: c(
+      path: s(
         "M 26 31",
         "Q 31 27 36 31",
         "Q 39 39 36 48",
@@ -777,7 +785,7 @@ const he = {
     {
       key: "D",
       label: "D",
-      path: c(
+      path: s(
         "M 46 39",
         "Q 47 29 42 20",
         "Q 39 28 36 31",
@@ -789,7 +797,7 @@ const he = {
     {
       key: "L",
       label: "L",
-      path: c(
+      path: s(
         "M 24 47",
         "Q 31 56 38 47",
         "Q 43 49 46 39",
@@ -804,7 +812,7 @@ const he = {
     crownOutline: t,
     crownCap: t,
     rootPaths: [
-      c(
+      s(
         "M 22 57",
         "Q 25 60 28 57",
         "Q 28 71 25 90",
@@ -812,7 +820,7 @@ const he = {
         "Q 17 99 17 86",
         "Q 17 71 22 57"
       ),
-      c(
+      s(
         "M 34 57",
         "Q 37 60 40 57",
         "Q 45 71 45 86",
@@ -821,21 +829,21 @@ const he = {
         "Q 34 71 34 57"
       )
     ],
-    surfaces: r
+    surfaces: o
   };
-}, Fe = (t) => {
-  const r = c(
+}, Ue = (t) => {
+  const o = s(
     "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 = [
+  ), a = [
     {
       key: "V",
       label: "V",
-      path: c(
+      path: s(
         "M 16 22",
         "Q 31 12 46 22",
         "Q 42 31 38 34",
@@ -847,7 +855,7 @@ const he = {
     {
       key: "M",
       label: "M",
-      path: c(
+      path: s(
         "M 13 43",
         "Q 11 32 16 22",
         "Q 20 31 24 34",
@@ -859,7 +867,7 @@ const he = {
     {
       key: "O",
       label: "O",
-      path: c(
+      path: s(
         "M 24 34",
         "Q 31 29 38 34",
         "Q 41 43 38 52",
@@ -871,7 +879,7 @@ const he = {
     {
       key: "D",
       label: "D",
-      path: c(
+      path: s(
         "M 49 43",
         "Q 51 32 46 22",
         "Q 42 31 38 34",
@@ -883,7 +891,7 @@ const he = {
     {
       key: "L",
       label: "L",
-      path: c(
+      path: s(
         "M 22 51",
         "Q 31 62 40 51",
         "Q 46 52 49 43",
@@ -893,8 +901,8 @@ const he = {
       ),
       text: { x: 31, y: 60 }
     }
-  ], o = t === "upper" ? [
-    c(
+  ], r = t === "upper" ? [
+    s(
       "M 17 61",
       "Q 20 64 23 61",
       "Q 24 73 22 91",
@@ -902,7 +910,7 @@ const he = {
       "Q 14 101 14 88",
       "Q 14 73 17 61"
     ),
-    c(
+    s(
       "M 28 61",
       "Q 31 65 34 61",
       "Q 36 76 35 96",
@@ -910,7 +918,7 @@ const he = {
       "Q 28 111 27 96",
       "Q 26 76 28 61"
     ),
-    c(
+    s(
       "M 39 61",
       "Q 42 64 45 61",
       "Q 48 73 48 88",
@@ -919,7 +927,7 @@ const he = {
       "Q 38 73 39 61"
     )
   ] : [
-    c(
+    s(
       "M 22 61",
       "Q 26 64 29 61",
       "Q 29 76 26 96",
@@ -927,7 +935,7 @@ const he = {
       "Q 17 107 17 92",
       "Q 17 75 22 61"
     ),
-    c(
+    s(
       "M 33 61",
       "Q 36 64 40 61",
       "Q 45 75 45 92",
@@ -937,12 +945,12 @@ const he = {
     )
   ];
   return {
-    crownOutline: r,
-    crownCap: r,
-    rootPaths: o,
-    surfaces: n
+    crownOutline: o,
+    crownCap: o,
+    rootPaths: r,
+    surfaces: a
   };
-}, We = (t) => t.type === "incisor" ? De(t.visual.centerLabel) : t.type === "canine" ? Ye() : t.type === "premolar" ? $e() : Fe(t.arch), Ue = {
+}, Ve = (t) => t.type === "incisor" ? $e(t.visual.centerLabel) : t.type === "canine" ? Fe() : t.type === "premolar" ? We() : Ue(t.arch), Ge = {
   sm: {
     wrapper: "ov-min-w-[64px] ov-gap-0.5",
     label: "ov-text-[11px]",
@@ -958,242 +966,243 @@ const he = {
     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,
+}, Be = L(function({
+  definition: o,
+  record: a,
+  editable: r,
+  selectedCondition: n,
+  size: i,
+  onApplySurface: p,
   onApplyTooth: v,
-  onClearSurface: Q,
-  onClearTooth: w
+  onClearSurface: g,
+  onClearTooth: y
 }) {
-  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]
+  const x = Ge[i], Q = I(() => Ve(o), [o]), k = (a == null ? void 0 : a.conditions) ?? [], E = I(
+    () => k.length ? ue(k[0]) : "#f8fafc",
+    [k]
+  ), M = I(() => o.type === "incisor" ? "ov-border-sky-100" : o.type === "canine" ? "ov-border-amber-100" : o.type === "premolar" ? "ov-border-emerald-100" : "ov-border-rose-100", [o.type]), A = _(
+    (m) => p(o.id, m, n),
+    [o.id, p, n]
   ), h = _(
-    (d) => Q(r.id, d),
-    [r.id, Q]
+    (m) => g(o.id, m),
+    [o.id, g]
   ), 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(
+    v(o.id, n);
+  }, [o.id, v, n]), w = _(() => {
+    y(o.id);
+  }, [o.id, y]);
+  return /* @__PURE__ */ c.jsxs("div", { className: ["ov-flex ov-flex-col ov-items-center", M, x.wrapper].join(" "), children: [
+    /* @__PURE__ */ c.jsx("span", { className: ["ov-font-semibold ov-text-clinic-700", x.label].join(" "), children: o.label }),
+    /* @__PURE__ */ c.jsxs("svg", { viewBox: "0 0 62 128", className: x.svg, children: [
+      Q.rootPaths.map((m, T) => /* @__PURE__ */ c.jsx(
         "path",
         {
-          d,
-          fill: R,
+          d: m,
+          fill: E,
           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();
+          className: r ? "ov-cursor-pointer ov-transition-opacity hover:ov-opacity-85" : "",
+          onClick: r ? O : void 0,
+          onContextMenu: r ? (R) => {
+            R.preventDefault(), w();
           } : void 0
         },
-        `${r.id}-root-${k}`
+        `${o.id}-root-${T}`
       )),
-      /* @__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,
+      /* @__PURE__ */ c.jsx("path", { d: Q.crownCap, fill: E, stroke: "#1f2937", strokeWidth: 1.6 }),
+      Q.surfaces.map((m) => {
+        var T, R;
+        return /* @__PURE__ */ c.jsx(
+          Ye,
           {
-            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,
+            surface: m.key,
+            label: m.label,
+            path: m.path,
+            textX: m.text.x,
+            textY: m.text.y,
+            condition: (R = (T = a == null ? void 0 : a.surfaces) == null ? void 0 : T[m.key]) == null ? void 0 : R[0],
+            onApply: A,
             onClear: h,
-            disabled: !o
+            disabled: !r
           },
-          `${r.id}-${d.key}`
+          `${o.id}-${m.key}`
         );
       }),
-      /* @__PURE__ */ i.jsx(
+      /* @__PURE__ */ c.jsx(
         "path",
         {
-          d: E.crownOutline,
+          d: Q.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();
+          className: r ? "ov-cursor-pointer" : "",
+          onClick: r ? O : void 0,
+          onContextMenu: r ? (m) => {
+            m.preventDefault(), w();
           } : void 0
         }
       )
     ] })
   ] });
-}), ze = L(function({
-  teeth: r,
-  records: n,
-  editable: o,
-  selectedCondition: a,
-  size: l,
-  onApplySurface: u,
+}), qe = L(function({
+  teeth: o,
+  records: a,
+  editable: r,
+  selectedCondition: n,
+  size: i,
+  onApplySurface: p,
   onApplyTooth: v,
-  onClearSurface: Q,
-  onClearTooth: w
+  onClearSurface: g,
+  onClearTooth: y
 }) {
-  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,
+  return /* @__PURE__ */ c.jsx("section", { children: /* @__PURE__ */ c.jsx("div", { className: "ov-overflow-x-auto ov-pb-1", children: /* @__PURE__ */ c.jsx("div", { className: "ov-flex ov-min-w-max ov-justify-center ov-gap-0.5", children: o.map((x) => /* @__PURE__ */ c.jsx(
+    Be,
     {
       definition: x,
-      record: n[x.id],
-      editable: o,
-      selectedCondition: a,
-      size: l,
-      onApplySurface: u,
+      record: a[x.id],
+      editable: r,
+      selectedCondition: n,
+      size: i,
+      onApplySurface: p,
       onApplyTooth: v,
-      onClearSurface: Q,
-      onClearTooth: w
+      onClearSurface: g,
+      onClearTooth: y
     },
     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." })
+}), Je = L(function({ selectedCondition: o, onSelect: a }) {
+  return /* @__PURE__ */ c.jsxs("div", { className: "ov-rounded-3xl ov-border ov-border-slate-200 ov-bg-white ov-p-4 ov-shadow-panel", children: [
+    /* @__PURE__ */ c.jsxs("div", { className: "ov-mb-3 ov-flex ov-items-center ov-justify-between ov-gap-3", children: [
+      /* @__PURE__ */ c.jsxs("div", { children: [
+        /* @__PURE__ */ c.jsx("p", { className: "ov-text-xs ov-font-semibold ov-uppercase ov-tracking-[0.22em] ov-text-clinic-600", children: "Estados clínicos" }),
+        /* @__PURE__ */ c.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: [
+      /* @__PURE__ */ c.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
+        o
       ] })
     ] }),
-    /* @__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(
+    /* @__PURE__ */ c.jsx("div", { className: "ov-flex ov-flex-wrap ov-gap-2", children: K.map((r) => {
+      const n = r.id === o;
+      return /* @__PURE__ */ c.jsxs(
         "button",
         {
           type: "button",
-          onClick: () => n(o.id),
+          onClick: () => a(r.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"
+            n ? "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(
+            /* @__PURE__ */ c.jsx(
               "span",
               {
                 className: "ov-h-3 ov-w-3 ov-rounded-full ov-border ov-border-white/40",
-                style: { backgroundColor: o.color }
+                style: { backgroundColor: r.color }
               }
             ),
-            /* @__PURE__ */ i.jsx("span", { children: o.label })
+            /* @__PURE__ */ c.jsx("span", { children: r.label })
           ]
         },
-        o.id
+        r.id
       );
     }) })
   ] });
-}), Be = "CARIES", Je = L(function({
-  value: r,
-  defaultValue: n,
-  onChange: o,
-  dentition: a = "mixed",
-  selectedCondition: l,
-  onSelectedConditionChange: u,
+}), Xe = "CARIES", Ze = L(function({
+  value: o,
+  defaultValue: a,
+  onChange: r,
+  dentition: n = "mixed",
+  selectedCondition: i,
+  onSelectedConditionChange: p,
   editable: v = !0,
-  size: Q = "md",
-  className: w,
+  size: g = "md",
+  className: y,
   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));
+  const Q = typeof o < "u", [k, E] = le(
+    () => de(a)
+  ), [M, A] = le(Xe), h = I(
+    () => Q ? de(o) : k,
+    [k, Q, o]
+  ), O = i ?? M, w = _(
+    (d) => {
+      Q || E(d), r == null || r(Pe(d));
     },
-    [E, o]
-  ), d = _(
-    (p) => {
-      l || S(p), u == null || u(p);
+    [Q, r]
+  ), m = _(
+    (d) => {
+      i || A(d), p == null || p(d);
     },
-    [u, l]
-  ), k = _(
-    (p, N, q) => {
-      y(Se(h, p, N, q));
+    [p, i]
+  ), T = _(
+    (d, N, q) => {
+      w(Ie(h, d, N, q));
     },
-    [h, y]
-  ), g = _(
-    (p, N) => {
-      y(Ce(h, p, N));
+    [h, w]
+  ), R = _(
+    (d, N) => {
+      w(Le(h, d, N));
     },
-    [h, y]
-  ), z = _(
-    (p, N) => {
-      y(Pe(h, p, N));
+    [h, w]
+  ), V = _(
+    (d, N) => {
+      w(De(h, d, N));
     },
-    [h, y]
+    [h, w]
   ), G = _(
-    (p) => {
-      y(Ie(h, p));
+    (d) => {
+      w(ze(h, d));
     },
-    [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(
+    [h, w]
+  ), B = I(() => n === "permanent" ? [
+    { id: "permanent-upper", label: "Superior permanente", teeth: Y.upper },
+    { id: "permanent-lower", label: "Inferior permanente", teeth: Y.lower }
+  ] : n === "primary" ? [
+    { id: "primary-upper", label: "Superior temporal", teeth: $.upper },
+    { id: "primary-lower", label: "Inferior temporal", teeth: $.lower }
+  ] : [...Ae], [n]);
+  return /* @__PURE__ */ c.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 ?? ""
+        y ?? ""
       ].join(" "),
       style: x == null ? void 0 : x.panelStyle,
-      onContextMenu: (p) => {
-        p.preventDefault();
+      onContextMenu: (d) => {
+        d.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,
+      children: /* @__PURE__ */ c.jsxs("div", { className: "ov-space-y-5", children: [
+        /* @__PURE__ */ c.jsx(Je, { selectedCondition: O, onSelect: m }),
+        /* @__PURE__ */ c.jsx("div", { className: "ov-overflow-x-auto ov-overflow-y-hidden", children: /* @__PURE__ */ c.jsx("div", { className: "ov-grid ov-min-w-max ov-gap-5", children: B.map((d) => /* @__PURE__ */ c.jsx(
+          qe,
           {
-            label: p.label,
-            teeth: p.teeth,
+            label: d.label,
+            teeth: d.teeth,
             records: h,
             editable: v,
             selectedCondition: O,
-            size: Q,
-            onApplySurface: k,
-            onApplyTooth: g,
-            onClearSurface: z,
+            size: g,
+            onApplySurface: T,
+            onApplyTooth: R,
+            onClearSurface: V,
             onClearTooth: G
           },
-          p.id
+          d.id
         )) }) })
       ] })
     }
   );
 });
+xe(be);
 export {
   K as CLINICAL_CONDITIONS,
-  Ne as MIXED_DENTITION_LAYOUT,
-  Je as Odontogram,
-  $ as PERMANENT_DENTITION_LAYOUT,
-  F as PRIMARY_DENTITION_LAYOUT
+  Ae as MIXED_DENTITION_LAYOUT,
+  Ze as Odontogram,
+  Y as PERMANENT_DENTITION_LAYOUT,
+  $ as PRIMARY_DENTITION_LAYOUT
 };
 //# sourceMappingURL=index.js.map