odontogram-view 0.1.1 → 0.1.3

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 D, useMemo as L, useCallback as Q, useState as ie } from "react";
+const be = ".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-\\[116px\\]{height:116px}.ov-h-\\[124px\\]{height:124px}.ov-h-\\[138px\\]{height:138px}.ov-h-\\[68px\\]{height:68px}.ov-min-h-screen{min-height:100vh}.ov-w-3{width:.75rem}.ov-w-\\[34px\\]{width:34px}.ov-w-\\[58px\\]{width:58px}.ov-w-\\[62px\\]{width:62px}.ov-w-\\[72px\\]{width:72px}.ov-w-full{width:100%}.ov-min-w-0{min-width:0px}.ov-min-w-\\[56px\\]{min-width:56px}.ov-min-w-\\[60px\\]{min-width:60px}.ov-min-w-\\[64px\\]{min-width:64px}.ov-min-w-\\[74px\\]{min-width:74px}.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-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-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 se = !1;
+function xe(r) {
+  if (se || typeof document > "u")
+    return;
+  const o = document.createElement("style");
+  o.setAttribute("data-odontogram-view", "true"), o.textContent = r, document.head.appendChild(o), se = !0;
+}
+var Y = { exports: {} }, P = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,28 +18,28 @@ var Y = { exports: {} }, C = {};
  * LICENSE file in the root directory of this source tree.
  */
 var le;
-function me() {
-  if (le) return C;
+function he() {
+  if (le) return P;
   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
+  var r = Symbol.for("react.transitional.element"), o = Symbol.for("react.fragment");
+  function a(t, n, s) {
+    var p = null;
+    if (s !== void 0 && (p = "" + s), n.key !== void 0 && (p = "" + n.key), "key" in n) {
+      s = {};
+      for (var v in n)
+        v !== "key" && (s[v] = n[v]);
+    } else s = n;
+    return n = s.ref, {
+      $$typeof: r,
+      type: t,
+      key: p,
+      ref: n !== void 0 ? n : null,
+      props: s
     };
   }
-  return C.Fragment = r, C.jsx = n, C.jsxs = n, C;
+  return P.Fragment = o, P.jsx = a, P.jsxs = a, P;
 }
-var P = {};
+var I = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,125 +50,125 @@ 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) {
+    function r(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:
+        case x:
           return "Fragment";
-        case y:
+        case g:
           return "Profiler";
-        case O:
+        case N:
           return "StrictMode";
-        case z:
+        case R:
           return "Suspense";
-        case G:
+        case B:
           return "SuspenseList";
-        case N:
+        case O:
           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:
+          case C:
             return "Portal";
-          case k:
+          case b:
             return e.displayName || "Context";
-          case d:
+          case S:
             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;
+          case E:
+            var i = e.render;
+            return e = e.displayName, e || (e = i.displayName || i.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case G:
+            return i = e.displayName || null, i !== null ? i : r(e.type) || "Memo";
+          case u:
+            i = e._payload, e = e._init;
             try {
-              return t(e(s));
+              return r(e(i));
             } 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 i = !1;
       } catch {
-        s = !0;
+        i = !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 (i) {
+        i = console;
+        var d = i.error, m = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return d.call(
+          i,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           m
-        ), r(e);
+        ), o(e);
       }
     }
-    function o(e) {
-      if (e === h) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === p)
+    function t(e) {
+      if (e === x) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === u)
         return "<...>";
       try {
-        var s = t(e);
-        return s ? "<" + s + ">" : "<...>";
+        var i = r(e);
+        return i ? "<" + i + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function a() {
-      var e = J.A;
+    function n() {
+      var e = H.A;
       return e === null ? null : e.getOwner();
     }
-    function l() {
+    function s() {
       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 i = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (i && i.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function v(e, s) {
-      function f() {
-        re || (re = !0, console.error(
+    function v(e, i) {
+      function d() {
+        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
+          i
         ));
       }
-      f.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: f,
+      d.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: d,
         configurable: !0
       });
     }
-    function Q() {
-      var e = t(this.type);
-      return te[e] || (te[e] = !0, console.error(
+    function y() {
+      var e = r(this.type);
+      return re[e] || (re[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 T(e, i, d, m, z, X) {
+      var f = d.ref;
       return e = {
         $$typeof: M,
         type: e,
-        key: s,
-        props: f,
+        key: i,
+        props: d,
         _owner: m
-      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(e, "ref", {
+      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: Q
+        get: y
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -175,33 +183,33 @@ function be() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: D
+        value: z
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: H
+        value: X
       }), 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)
+    function h(e, i, d, m, z, X) {
+      var f = i.children;
+      if (f !== void 0)
         if (m)
-          if (fe(b)) {
-            for (m = 0; m < b.length; m++)
-              E(b[m]);
-            Object.freeze && Object.freeze(b);
+          if (ve(f)) {
+            for (m = 0; m < f.length; m++)
+              w(f[m]);
+            Object.freeze && Object.freeze(f);
           } 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";
+        else w(f);
+      if (ee.call(i, "key")) {
+        f = r(e);
+        var A = Object.keys(i).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(
+        m = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", ne[f + 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} />
@@ -209,75 +217,75 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           m,
-          b,
+          f,
           A,
-          b
-        ), ae[b + m] = !0);
+          f
+        ), ne[f + 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,
+      if (f = null, d !== void 0 && (a(d), f = "" + d), p(i) && (a(i.key), f = "" + i.key), "key" in i) {
+        d = {};
+        for (var Z in i)
+          Z !== "key" && (d[Z] = i[Z]);
+      } else d = i;
+      return f && v(
+        d,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), w(
+      ), T(
         e,
-        b,
         f,
-        a(),
-        D,
-        H
+        d,
+        n(),
+        z,
+        X
       );
     }
-    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 w(e) {
+      _(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === u && (e._payload.status === "fulfilled" ? _(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function T(e) {
+    function _(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 k = fe, M = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), b = Symbol.for("react.context"), E = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), G = Symbol.for("react.memo"), u = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), q = Symbol.for("react.client.reference"), H = k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, ve = Array.isArray, J = console.createTask ? console.createTask : function() {
       return null;
     };
-    R = {
+    k = {
       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(
+    var oe, re = {}, te = k.react_stack_bottom_frame.bind(
+      k,
+      s
+    )(), ae = J(t(s)), ne = {};
+    I.Fragment = x, I.jsx = function(e, i, d) {
+      var m = 1e4 > H.recentlyCreatedOwnerStacks++;
+      return h(
         e,
-        s,
-        f,
+        i,
+        d,
         !1,
-        m ? Error("react-stack-top-frame") : oe,
-        m ? X(o(e)) : ne
+        m ? Error("react-stack-top-frame") : te,
+        m ? J(t(e)) : ae
       );
-    }, P.jsxs = function(e, s, f) {
-      var m = 1e4 > J.recentlyCreatedOwnerStacks++;
-      return x(
+    }, I.jsxs = function(e, i, d) {
+      var m = 1e4 > H.recentlyCreatedOwnerStacks++;
+      return h(
         e,
-        s,
-        f,
+        i,
+        d,
         !0,
-        m ? Error("react-stack-top-frame") : oe,
-        m ? X(o(e)) : ne
+        m ? Error("react-stack-top-frame") : te,
+        m ? J(t(e)) : ae
       );
     };
-  })()), P;
+  })()), I;
 }
-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" ? Y.exports = he() : Y.exports = ge()), Y.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,57 +353,57 @@ const he = {
   83: 1,
   84: 2,
   85: 2
-}, we = (t, r, n) => {
-  const o = ye[t] ?? 1;
-  return r === "incisor" ? {
+}, ke = (r, o, a) => {
+  const t = _e[r] ?? 1;
+  return o === "incisor" ? {
     centerLabel: "I",
-    roots: o,
+    roots: t,
     surfaces: 5,
     crownWidth: 32,
     crownHeight: 42,
     rootStyle: "single"
-  } : r === "canine" ? {
+  } : o === "canine" ? {
     centerLabel: "I",
-    roots: o,
+    roots: t,
     surfaces: 5,
     crownWidth: 36,
     crownHeight: 44,
     rootStyle: "singleLong"
-  } : r === "premolar" ? {
+  } : o === "premolar" ? {
     centerLabel: "O",
-    roots: o,
+    roots: t,
     surfaces: 5,
     crownWidth: 42,
     crownHeight: 42,
-    rootStyle: o === 2 ? "double" : "single"
+    rootStyle: t === 2 ? "double" : "single"
   } : {
     centerLabel: "O",
-    roots: o,
+    roots: t,
     surfaces: 5,
     crownWidth: 48,
     crownHeight: 42,
-    rootStyle: o === 3 || n === "upper" ? "triple" : "double"
+    rootStyle: t === 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 = (r, o, a, t) => {
+  const n = t === "permanent" ? ye : Qe;
+  return o.map((s) => {
+    const p = n[s], v = `${r}${s}`;
     return {
       id: v,
-      type: u,
-      arch: n,
-      dentition: o,
+      type: p,
+      arch: a,
+      dentition: t,
       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]
+}, Te = j(1, [8, 7, 6, 5, 4, 3, 2, 1], "upper", "permanent"), Ee = 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"), Me = j(6, [1, 2, 3, 4, 5], "upper", "primary"), Ne = j(8, [5, 4, 3, 2, 1], "lower", "primary"), Se = j(7, [1, 2, 3, 4, 5], "lower", "primary"), $ = {
+  upper: [...Te, ...Ee],
+  lower: [...Re, ...je]
 }, F = {
-  upper: [...ke, ...ge],
-  lower: [...je, ...Oe]
-}, Ne = [
+  upper: [...Oe, ...Me],
+  lower: [...Ne, ...Se]
+}, Ae = [
   {
     id: "upper-permanent",
     label: "Superior permanente",
@@ -426,322 +434,307 @@ 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(
-  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))
+], Ce = new Map(
+  K.map((r) => [r.id, r])
+), U = (r = []) => Array.from(new Set(r)), W = (r) => [...r].sort((o, a) => o.localeCompare(a)), ue = (r = []) => {
+  const o = {};
+  return r.forEach((a) => {
+    o[a.tooth] = {
+      tooth: a.tooth,
+      conditions: a.conditions ? W(U(a.conditions)) : void 0,
+      surfaces: a.surfaces ? Object.fromEntries(
+        Object.entries(a.surfaces).map(([t, n]) => [
+          t,
+          n != null && n.length ? W(U(n)) : void 0
+        ]).filter(([, t]) => !!(t != null && t.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 = (r) => Object.values(r).filter(Boolean).map((o) => {
+  var t;
+  const a = { tooth: o.tooth };
+  return (t = o == null ? void 0 : o.conditions) != null && t.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)), V = (r) => {
+  var n;
+  const o = r.surfaces ? Object.fromEntries(
+    Object.entries(r.surfaces).filter(([, s]) => !!(s != null && s.length))
+  ) : void 0, a = !!((n = r.conditions) != null && n.length), t = !!(o && Object.keys(o).length > 0);
+  if (!(!a && !t))
     return {
-      tooth: t.tooth,
-      conditions: n ? t.conditions : void 0,
-      surfaces: o ? r : void 0
+      tooth: r.tooth,
+      conditions: a ? r.conditions : void 0,
+      surfaces: t ? o : 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,
+}, Ie = (r, o, a, t) => {
+  var y;
+  if (!Ce.get(t))
+    return r;
+  const s = r[o] ?? {}, p = ((y = s.surfaces) == null ? void 0 : y[a]) ?? [], v = {
+    tooth: o,
+    conditions: s.conditions,
     surfaces: {
-      ...l.surfaces ?? {},
-      [n]: U(W([...u, o]))
+      ...s.surfaces ?? {},
+      [a]: W(U([...p, t]))
     }
   };
   return {
-    ...t,
-    [r]: V(v)
+    ...r,
+    [o]: V(v)
   };
-}, Ce = (t, r, n) => {
-  const o = t[r] ?? {}, a = {
-    tooth: r,
-    surfaces: o.surfaces,
-    conditions: U(W([...o.conditions ?? [], n]))
+}, Le = (r, o, a) => {
+  const t = r[o] ?? {}, n = {
+    tooth: o,
+    surfaces: t.surfaces,
+    conditions: W(U([...t.conditions ?? [], a]))
   };
   return {
-    ...t,
-    [r]: V(a)
+    ...r,
+    [o]: V(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))
-    return t;
-  const a = { ...o.surfaces ?? {} };
-  return delete a[n], {
-    ...t,
-    [r]: V({
-      tooth: r,
-      conditions: o.conditions,
-      surfaces: a
+}, De = (r, o, a) => {
+  var s, p;
+  const t = r[o];
+  if (!((p = (s = t == null ? void 0 : t.surfaces) == null ? void 0 : s[a]) != null && p.length))
+    return r;
+  const n = { ...t.surfaces ?? {} };
+  return delete n[a], {
+    ...r,
+    [o]: V({
+      tooth: o,
+      conditions: t.conditions,
+      surfaces: n
     })
   };
-}, Ie = (t, r) => {
-  if (!t[r])
-    return t;
-  const o = V({
-    tooth: r,
+}, ze = (r, o) => {
+  if (!r[o])
+    return r;
+  const t = V({
+    tooth: o,
     conditions: void 0,
     surfaces: void 0
   });
-  if (!o) {
-    const a = { ...t };
-    return delete a[r], a;
+  if (!t) {
+    const n = { ...r };
+    return delete n[o], n;
   }
   return {
-    ...t,
-    [r]: o
+    ...r,
+    [o]: t
   };
-}, 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
+}, de = (r) => {
+  var o;
+  return ((o = K.find((a) => a.id === r)) == null ? void 0 : o.color) ?? "#dbe4ea";
+}, Ye = D(function({
+  surface: o,
+  path: a,
+  condition: t,
+  onApply: n,
+  onClear: s,
+  disabled: p
 }) {
-  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
+  return /* @__PURE__ */ c.jsx("g", { children: /* @__PURE__ */ c.jsx(
+    "path",
+    {
+      d: a,
+      fill: de(t),
+      stroke: "#1f2937",
+      strokeWidth: 1.4,
+      strokeLinejoin: "round",
+      className: p ? "" : "ov-cursor-pointer ov-transition-opacity hover:ov-opacity-85",
+      onClick: p ? void 0 : () => n(o),
+      onContextMenu: p ? void 0 : (v) => {
+        v.preventDefault(), s(o);
       }
-    )
-  ] });
-}), 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 = [
+    }
+  ) });
+}), l = (...r) => `${r.join(" ")} Z`, $e = (r) => {
+  const o = l(
+    "M 19 20",
+    "Q 31 13 43 20",
+    "Q 49 27 47 38",
+    "Q 45 50 31 55",
+    "Q 17 50 15 38",
+    "Q 13 27 19 20"
+  ), a = [
     {
       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"
+      path: l(
+        "M 19 20",
+        "Q 31 14 43 20",
+        "Q 40 26 37 30",
+        "Q 31 32 25 30",
+        "Q 22 26 19 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"
+      path: l(
+        "M 15 38",
+        "Q 15 28 19 20",
+        "Q 22 26 25 30",
+        "Q 24 38 25 44",
+        "Q 18 43 15 38"
       ),
-      text: { x: 22, y: 38 }
+      text: { x: 21, 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"
+      key: r,
+      label: r,
+      path: l(
+        "M 25 30",
+        "Q 31 26 37 30",
+        "Q 40 37 37 44",
+        "Q 31 49 25 44",
+        "Q 22 38 25 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"
+      path: l(
+        "M 47 38",
+        "Q 47 28 43 20",
+        "Q 40 26 37 30",
+        "Q 38 38 37 44",
+        "Q 44 43 47 38"
       ),
-      text: { x: 40, y: 38 }
+      text: { x: 41, 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"
+      path: l(
+        "M 25 44",
+        "Q 31 50 37 44",
+        "Q 42 45 47 38",
+        "Q 45 50 31 55",
+        "Q 17 50 15 38",
+        "Q 20 45 25 44"
       ),
       text: { x: 31, y: 55 }
     }
   ];
   return {
-    crownOutline: r,
-    crownCap: r,
+    crownOutline: o,
+    crownCap: o,
     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"
+      l(
+        "M 26 54",
+        "Q 31 58 36 54",
+        "Q 39 65 37 81",
+        "Q 34 95 31 106",
+        "Q 28 95 25 81",
+        "Q 23 65 26 54"
       )
     ],
-    surfaces: n
+    surfaces: a
   };
-}, 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 = [
+}, Fe = () => {
+  const r = l(
+    "M 22 23",
+    "Q 31 12 40 23",
+    "Q 46 31 44 41",
+    "Q 42 52 31 58",
+    "Q 20 52 18 41",
+    "Q 16 31 22 23"
+  ), o = [
     {
       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"
+      path: l(
+        "M 22 23",
+        "Q 31 13 40 23",
+        "Q 37 29 36 31",
+        "Q 31 34 26 31",
+        "Q 25 29 22 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"
+      path: l(
+        "M 18 41",
+        "Q 18 31 22 23",
+        "Q 25 29 26 31",
+        "Q 25 39 26 46",
+        "Q 20 44 18 41"
       ),
-      text: { x: 23, y: 40 }
+      text: { x: 22, 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"
+      path: l(
+        "M 26 31",
+        "Q 31 28 36 31",
+        "Q 38 39 36 46",
+        "Q 31 51 26 46",
+        "Q 24 40 26 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"
+      path: l(
+        "M 44 41",
+        "Q 44 31 40 23",
+        "Q 37 29 36 31",
+        "Q 37 39 36 46",
+        "Q 42 44 44 41"
       ),
-      text: { x: 39, y: 40 }
+      text: { x: 40, 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"
+      path: l(
+        "M 26 46",
+        "Q 31 52 36 46",
+        "Q 40 47 44 41",
+        "Q 42 52 31 58",
+        "Q 20 52 18 41",
+        "Q 22 47 26 46"
       ),
       text: { x: 31, y: 55 }
     }
   ];
   return {
-    crownOutline: t,
-    crownCap: t,
+    crownOutline: r,
+    crownCap: r,
     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"
+      l(
+        "M 26 58",
+        "Q 31 62 36 58",
+        "Q 40 71 38 88",
+        "Q 35 106 31 116",
+        "Q 27 106 24 88",
+        "Q 22 71 26 58"
       )
     ],
-    surfaces: r
+    surfaces: o
   };
-}, $e = () => {
-  const t = c(
+}, Ue = () => {
+  const r = l(
     "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: l(
         "M 20 20",
         "Q 31 14 42 20",
         "Q 39 28 36 31",
@@ -753,23 +746,23 @@ const he = {
     {
       key: "M",
       label: "M",
-      path: c(
+      path: l(
         "M 16 39",
         "Q 15 29 20 20",
         "Q 23 28 26 31",
-        "Q 24 40 26 49",
-        "Q 20 48 16 39"
+        "Q 24 39 26 46",
+        "Q 20 45 16 39"
       ),
       text: { x: 22, y: 40 }
     },
     {
       key: "O",
       label: "O",
-      path: c(
+      path: l(
         "M 26 31",
         "Q 31 27 36 31",
-        "Q 39 39 36 48",
-        "Q 31 52 26 48",
+        "Q 39 38 36 46",
+        "Q 31 50 26 46",
         "Q 23 39 26 31"
       ),
       text: { x: 31, y: 40 }
@@ -777,65 +770,65 @@ const he = {
     {
       key: "D",
       label: "D",
-      path: c(
+      path: l(
         "M 46 39",
         "Q 47 29 42 20",
         "Q 39 28 36 31",
-        "Q 38 40 36 49",
-        "Q 42 48 46 39"
+        "Q 38 39 36 46",
+        "Q 42 45 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"
+      path: l(
+        "M 26 46",
+        "Q 31 51 36 46",
+        "Q 41 47 46 39",
+        "Q 44 52 31 57",
+        "Q 18 52 16 39",
+        "Q 21 47 26 46"
       ),
       text: { x: 31, y: 56 }
     }
   ];
   return {
-    crownOutline: t,
-    crownCap: t,
+    crownOutline: r,
+    crownCap: r,
     rootPaths: [
-      c(
+      l(
         "M 22 57",
         "Q 25 60 28 57",
-        "Q 28 71 25 90",
-        "Q 23 101 20 109",
-        "Q 17 99 17 86",
+        "Q 28 70 25 86",
+        "Q 23 96 20 104",
+        "Q 17 94 17 82",
         "Q 17 71 22 57"
       ),
-      c(
+      l(
         "M 34 57",
         "Q 37 60 40 57",
-        "Q 45 71 45 86",
-        "Q 45 99 42 109",
-        "Q 39 101 37 90",
+        "Q 45 70 45 82",
+        "Q 45 94 42 104",
+        "Q 39 96 37 86",
         "Q 34 71 34 57"
       )
     ],
-    surfaces: r
+    surfaces: o
   };
-}, Fe = (t) => {
-  const r = c(
+}, We = (r) => {
+  const o = l(
     "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: l(
         "M 16 22",
         "Q 31 12 46 22",
         "Q 42 31 38 34",
@@ -847,23 +840,23 @@ const he = {
     {
       key: "M",
       label: "M",
-      path: c(
+      path: l(
         "M 13 43",
         "Q 11 32 16 22",
         "Q 20 31 24 34",
-        "Q 22 44 24 53",
-        "Q 17 52 13 43"
+        "Q 22 43 24 49",
+        "Q 17 48 13 43"
       ),
       text: { x: 21, y: 43 }
     },
     {
       key: "O",
       label: "O",
-      path: c(
+      path: l(
         "M 24 34",
         "Q 31 29 38 34",
-        "Q 41 43 38 52",
-        "Q 31 56 24 52",
+        "Q 41 42 38 49",
+        "Q 31 54 24 49",
         "Q 21 43 24 34"
       ),
       text: { x: 31, y: 43 }
@@ -871,328 +864,331 @@ const he = {
     {
       key: "D",
       label: "D",
-      path: c(
+      path: l(
         "M 49 43",
         "Q 51 32 46 22",
         "Q 42 31 38 34",
-        "Q 40 44 38 53",
-        "Q 45 52 49 43"
+        "Q 40 43 38 49",
+        "Q 45 48 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"
+      path: l(
+        "M 24 49",
+        "Q 31 55 38 49",
+        "Q 44 50 49 43",
+        "Q 46 56 31 61",
+        "Q 16 56 13 43",
+        "Q 18 50 24 49"
       ),
       text: { x: 31, y: 60 }
     }
-  ], o = t === "upper" ? [
-    c(
+  ], t = r === "upper" ? [
+    l(
       "M 17 61",
       "Q 20 64 23 61",
-      "Q 24 73 22 91",
-      "Q 20 103 17 111",
-      "Q 14 101 14 88",
+      "Q 24 72 22 87",
+      "Q 20 98 17 106",
+      "Q 14 96 14 84",
       "Q 14 73 17 61"
     ),
-    c(
+    l(
       "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"
+      "Q 36 74 35 92",
+      "Q 34 105 31 116",
+      "Q 28 105 27 92",
+      "Q 26 74 28 61"
     ),
-    c(
+    l(
       "M 39 61",
       "Q 42 64 45 61",
-      "Q 48 73 48 88",
-      "Q 48 101 45 111",
-      "Q 42 103 40 91",
+      "Q 48 72 48 84",
+      "Q 48 96 45 106",
+      "Q 42 98 40 87",
       "Q 38 73 39 61"
     )
   ] : [
-    c(
+    l(
       "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"
+      "Q 29 74 26 92",
+      "Q 24 103 20 112",
+      "Q 17 101 17 88",
+      "Q 17 74 22 61"
     ),
-    c(
+    l(
       "M 33 61",
       "Q 36 64 40 61",
-      "Q 45 75 45 92",
-      "Q 45 107 42 118",
-      "Q 38 109 36 96",
+      "Q 45 74 45 88",
+      "Q 45 101 42 112",
+      "Q 38 103 36 92",
       "Q 33 76 33 61"
     )
   ];
   return {
-    crownOutline: r,
-    crownCap: r,
-    rootPaths: o,
-    surfaces: n
+    crownOutline: o,
+    crownCap: o,
+    rootPaths: t,
+    surfaces: a
   };
-}, We = (t) => t.type === "incisor" ? De(t.visual.centerLabel) : t.type === "canine" ? Ye() : t.type === "premolar" ? $e() : Fe(t.arch), Ue = {
+}, Ve = (r) => r.type === "incisor" ? $e(r.visual.centerLabel) : r.type === "canine" ? Fe() : r.type === "premolar" ? Ue() : We(r.arch), Be = {
+  xs: {
+    wrapper: "ov-min-w-[56px] ov-gap-0.5",
+    label: "ov-text-[10px]",
+    svg: "ov-h-[68px] ov-w-[34px]"
+  },
   sm: {
+    wrapper: "ov-min-w-[60px] ov-gap-0.5",
+    label: "ov-text-[11px]",
+    svg: "ov-h-[116px] ov-w-[58px]"
+  },
+  md: {
     wrapper: "ov-min-w-[64px] ov-gap-0.5",
     label: "ov-text-[11px]",
     svg: "ov-h-[124px] ov-w-[62px]"
   },
-  md: {
+  lg: {
     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]"
+    svg: "ov-h-[138px] ov-w-[72px]"
   }
-}, Ve = L(function({
-  definition: r,
-  record: n,
-  editable: o,
-  selectedCondition: a,
-  size: l,
-  onApplySurface: u,
+}, Ge = "8 10 46 114", qe = "matrix(1 0 0 -1 0 134)", He = D(function({
+  definition: o,
+  record: a,
+  editable: t,
+  selectedCondition: n,
+  size: s,
+  onApplySurface: p,
   onApplyTooth: v,
-  onClearSurface: Q,
-  onClearTooth: w
+  onClearSurface: y,
+  onClearTooth: T
 }) {
-  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(
+  const h = Be[s], w = L(() => Ve(o), [o]), _ = (a == null ? void 0 : a.conditions) ?? [], k = L(
+    () => _.length ? de(_[0]) : "#f8fafc",
+    [_]
+  ), M = o.arch === "upper", C = L(() => 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]), x = Q(
+    (b) => p(o.id, b, n),
+    [o.id, p, n]
+  ), N = Q(
+    (b) => y(o.id, b),
+    [o.id, y]
+  ), g = Q(() => {
+    v(o.id, n);
+  }, [o.id, v, n]), S = Q(() => {
+    T(o.id);
+  }, [o.id, T]);
+  return /* @__PURE__ */ c.jsxs("div", { className: ["ov-flex ov-flex-col ov-items-center", C, h.wrapper].join(" "), children: [
+    /* @__PURE__ */ c.jsx("span", { className: ["ov-font-semibold ov-text-clinic-700", h.label].join(" "), children: o.label }),
+    /* @__PURE__ */ c.jsx("svg", { viewBox: Ge, className: h.svg, children: /* @__PURE__ */ c.jsxs("g", { transform: M ? qe : void 0, children: [
+      w.rootPaths.map((b, E) => /* @__PURE__ */ c.jsx(
         "path",
         {
-          d,
-          fill: R,
+          d: b,
+          fill: k,
           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: t ? "ov-cursor-pointer ov-transition-opacity hover:ov-opacity-85" : "",
+          onClick: t ? g : void 0,
+          onContextMenu: t ? (R) => {
+            R.preventDefault(), S();
           } : void 0
         },
-        `${r.id}-root-${k}`
+        `${o.id}-root-${E}`
       )),
-      /* @__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: w.crownCap, fill: k, stroke: "#1f2937", strokeWidth: 1.6 }),
+      w.surfaces.map((b) => {
+        var E, 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,
-            onClear: h,
-            disabled: !o
+            surface: b.key,
+            path: b.path,
+            condition: (R = (E = a == null ? void 0 : a.surfaces) == null ? void 0 : E[b.key]) == null ? void 0 : R[0],
+            onApply: x,
+            onClear: N,
+            disabled: !t
           },
-          `${r.id}-${d.key}`
+          `${o.id}-${b.key}`
         );
       }),
-      /* @__PURE__ */ i.jsx(
+      /* @__PURE__ */ c.jsx(
         "path",
         {
-          d: E.crownOutline,
+          d: w.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: t ? "ov-cursor-pointer" : "",
+          onClick: t ? g : void 0,
+          onContextMenu: t ? (b) => {
+            b.preventDefault(), S();
           } : void 0
         }
       )
-    ] })
+    ] }) })
   ] });
-}), ze = L(function({
-  teeth: r,
-  records: n,
-  editable: o,
-  selectedCondition: a,
-  size: l,
-  onApplySurface: u,
+}), Je = D(function({
+  teeth: o,
+  records: a,
+  editable: t,
+  selectedCondition: n,
+  size: s,
+  onApplySurface: p,
   onApplyTooth: v,
-  onClearSurface: Q,
-  onClearTooth: w
+  onClearSurface: y,
+  onClearTooth: T
 }) {
-  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((h) => /* @__PURE__ */ c.jsx(
+    He,
     {
-      definition: x,
-      record: n[x.id],
-      editable: o,
-      selectedCondition: a,
-      size: l,
-      onApplySurface: u,
+      definition: h,
+      record: a[h.id],
+      editable: t,
+      selectedCondition: n,
+      size: s,
+      onApplySurface: p,
       onApplyTooth: v,
-      onClearSurface: Q,
-      onClearTooth: w
+      onClearSurface: y,
+      onClearTooth: T
     },
-    x.id
+    h.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." })
+}), Xe = D(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((t) => {
+      const n = t.id === o;
+      return /* @__PURE__ */ c.jsxs(
         "button",
         {
           type: "button",
-          onClick: () => n(o.id),
+          onClick: () => a(t.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: t.color }
               }
             ),
-            /* @__PURE__ */ i.jsx("span", { children: o.label })
+            /* @__PURE__ */ c.jsx("span", { children: t.label })
           ]
         },
-        o.id
+        t.id
       );
     }) })
   ] });
-}), Be = "CARIES", Je = L(function({
-  value: r,
-  defaultValue: n,
-  onChange: o,
-  dentition: a = "mixed",
-  selectedCondition: l,
-  onSelectedConditionChange: u,
+}), Ze = "CARIES", eo = D(function({
+  value: o,
+  defaultValue: a,
+  onChange: t,
+  dentition: n = "mixed",
+  selectedCondition: s,
+  onSelectedConditionChange: p,
   editable: v = !0,
-  size: Q = "md",
-  className: w,
-  theme: x
+  size: y = "sm",
+  className: T,
+  theme: h
 }) {
-  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 w = typeof o < "u", [_, k] = ie(
+    () => ue(a)
+  ), [M, C] = ie(Ze), x = L(
+    () => w ? ue(o) : _,
+    [_, w, o]
+  ), N = s ?? M, g = Q(
+    (u) => {
+      w || k(u), t == null || t(Pe(u));
     },
-    [E, o]
-  ), d = _(
-    (p) => {
-      l || S(p), u == null || u(p);
+    [w, t]
+  ), S = Q(
+    (u) => {
+      s || C(u), p == null || p(u);
     },
-    [u, l]
-  ), k = _(
-    (p, N, q) => {
-      y(Se(h, p, N, q));
+    [p, s]
+  ), b = Q(
+    (u, O, q) => {
+      g(Ie(x, u, O, q));
     },
-    [h, y]
-  ), g = _(
-    (p, N) => {
-      y(Ce(h, p, N));
+    [x, g]
+  ), E = Q(
+    (u, O) => {
+      g(Le(x, u, O));
     },
-    [h, y]
-  ), z = _(
-    (p, N) => {
-      y(Pe(h, p, N));
+    [x, g]
+  ), R = Q(
+    (u, O) => {
+      g(De(x, u, O));
     },
-    [h, y]
-  ), G = _(
-    (p) => {
-      y(Ie(h, p));
+    [x, g]
+  ), B = Q(
+    (u) => {
+      g(ze(x, u));
     },
-    [h, y]
-  ), B = I(() => a === "permanent" ? [
+    [x, g]
+  ), G = L(() => n === "permanent" ? [
     { id: "permanent-upper", label: "Superior permanente", teeth: $.upper },
     { id: "permanent-lower", label: "Inferior permanente", teeth: $.lower }
-  ] : a === "primary" ? [
+  ] : n === "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(
+  ] : [...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 ?? ""
+        T ?? ""
       ].join(" "),
-      style: x == null ? void 0 : x.panelStyle,
-      onContextMenu: (p) => {
-        p.preventDefault();
+      style: h == null ? void 0 : h.panelStyle,
+      onContextMenu: (u) => {
+        u.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(Xe, { selectedCondition: N, onSelect: S }),
+        /* @__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: G.map((u) => /* @__PURE__ */ c.jsx(
+          Je,
           {
-            label: p.label,
-            teeth: p.teeth,
-            records: h,
+            label: u.label,
+            teeth: u.teeth,
+            records: x,
             editable: v,
-            selectedCondition: O,
-            size: Q,
-            onApplySurface: k,
-            onApplyTooth: g,
-            onClearSurface: z,
-            onClearTooth: G
+            selectedCondition: N,
+            size: y,
+            onApplySurface: b,
+            onApplyTooth: E,
+            onClearSurface: R,
+            onClearTooth: B
           },
-          p.id
+          u.id
         )) }) })
       ] })
     }
   );
 });
+xe(be);
 export {
   K as CLINICAL_CONDITIONS,
-  Ne as MIXED_DENTITION_LAYOUT,
-  Je as Odontogram,
+  Ae as MIXED_DENTITION_LAYOUT,
+  eo as Odontogram,
   $ as PERMANENT_DENTITION_LAYOUT,
   F as PRIMARY_DENTITION_LAYOUT
 };