odontogram-view 0.1.2 → 0.1.3

package/dist/index.js

@@ -1,13 +1,13 @@
-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")
+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 = t, document.head.appendChild(o), ie = !0;
+  o.setAttribute("data-odontogram-view", "true"), o.textContent = r, document.head.appendChild(o), se = !0;
 }
-var z = { exports: {} }, C = {};
+var Y = { exports: {} }, P = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -17,29 +17,29 @@ var z = { 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 se;
+var le;
 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) {
+  if (le) return P;
+  le = 1;
+  var r = Symbol.for("react.transitional.element"), o = Symbol.for("react.fragment");
+  function a(t, n, s) {
     var p = null;
-    if (i !== void 0 && (p = "" + i), n.key !== void 0 && (p = "" + n.key), "key" in n) {
-      i = {};
+    if (s !== void 0 && (p = "" + s), n.key !== void 0 && (p = "" + n.key), "key" in n) {
+      s = {};
       for (var v in n)
-        v !== "key" && (i[v] = n[v]);
-    } else i = n;
-    return n = i.ref, {
-      $$typeof: t,
-      type: r,
+        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: i
+      props: s
     };
   }
-  return C.Fragment = o, C.jsx = a, C.jsxs = a, C;
+  return P.Fragment = o, P.jsx = a, P.jsxs = a, P;
 }
-var P = {};
+var I = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -52,44 +52,44 @@ var P = {};
 var ce;
 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 w:
+        case g:
           return "Profiler";
-        case O:
+        case N:
           return "StrictMode";
-        case V:
+        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 A:
+          case C:
             return "Portal";
-          case T:
+          case b:
             return e.displayName || "Context";
-          case m:
+          case S:
             return (e._context.displayName || "Context") + ".Consumer";
-          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 l = e.displayName || null, l !== null ? l : t(e.type) || "Memo";
-          case d:
-            l = 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(l));
+              return r(e(i));
             } catch {
             }
         }
@@ -101,74 +101,74 @@ function ge() {
     function a(e) {
       try {
         o(e);
-        var l = !1;
+        var i = !1;
       } catch {
-        l = !0;
+        i = !0;
       }
-      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,
+      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.",
-          f
+          m
         ), o(e);
       }
     }
-    function r(e) {
-      if (e === h) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === d)
+    function t(e) {
+      if (e === x) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === u)
         return "<...>";
       try {
-        var l = t(e);
-        return l ? "<" + l + ">" : "<...>";
+        var i = r(e);
+        return i ? "<" + i + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function n() {
-      var e = J.A;
+      var e = H.A;
       return e === null ? null : e.getOwner();
     }
-    function i() {
+    function s() {
       return Error("react-stack-top-frame");
     }
     function p(e) {
       if (ee.call(e, "key")) {
-        var l = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (l && l.isReactWarning) return !1;
+        var i = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (i && i.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function v(e, l) {
-      function u() {
+    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)",
-          l
+          i
         ));
       }
-      u.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: u,
+      d.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: d,
         configurable: !0
       });
     }
-    function g() {
-      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 y(e, l, u, f, D, H) {
-      var b = u.ref;
+    function T(e, i, d, m, z, X) {
+      var f = d.ref;
       return e = {
         $$typeof: M,
         type: e,
-        key: l,
-        props: u,
-        _owner: f
-      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(e, "ref", {
+        key: i,
+        props: d,
+        _owner: m
+      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: g
+        get: y
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -183,106 +183,106 @@ function ge() {
         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, l, u, f, D, H) {
-      var b = l.children;
-      if (b !== void 0)
-        if (f)
-          if (ve(b)) {
-            for (f = 0; f < b.length; f++)
-              Q(b[f]);
-            Object.freeze && Object.freeze(b);
+    function h(e, i, d, m, z, X) {
+      var f = i.children;
+      if (f !== void 0)
+        if (m)
+          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 Q(b);
-      if (ee.call(l, "key")) {
-        b = t(e);
-        var S = Object.keys(l).filter(function(me) {
+        else w(f);
+      if (ee.call(i, "key")) {
+        f = r(e);
+        var A = Object.keys(i).filter(function(me) {
           return me !== "key";
         });
-        f = 0 < S.length ? "{key: someKey, " + S.join(": ..., ") + ": ...}" : "{key: someKey}", ne[b + f] || (S = 0 < S.length ? "{" + S.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} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
+          m,
           f,
-          b,
-          S,
-          b
-        ), ne[b + f] = !0);
+          A,
+          f
+        ), ne[f + m] = !0);
       }
-      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(
-        u,
+      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
-      ), y(
+      ), T(
         e,
-        b,
-        u,
+        f,
+        d,
         n(),
-        D,
-        H
+        z,
+        X
       );
     }
-    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 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 k(e) {
+    function _(e) {
       return typeof e == "object" && e !== null && e.$$typeof === M;
     }
-    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() {
+    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;
     };
-    E = {
+    k = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    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(
+    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,
-        l,
-        u,
+        i,
+        d,
         !1,
-        f ? Error("react-stack-top-frame") : re,
-        f ? X(r(e)) : ae
+        m ? Error("react-stack-top-frame") : te,
+        m ? J(t(e)) : ae
       );
-    }, P.jsxs = function(e, l, u) {
-      var f = 1e4 > J.recentlyCreatedOwnerStacks++;
-      return x(
+    }, I.jsxs = function(e, i, d) {
+      var m = 1e4 > H.recentlyCreatedOwnerStacks++;
+      return h(
         e,
-        l,
-        u,
+        i,
+        d,
         !0,
-        f ? Error("react-stack-top-frame") : re,
-        f ? X(r(e)) : ae
+        m ? Error("react-stack-top-frame") : te,
+        m ? J(t(e)) : ae
       );
     };
-  })()), P;
+  })()), I;
 }
 var pe;
 function we() {
-  return pe || (pe = 1, process.env.NODE_ENV === "production" ? z.exports = he() : z.exports = ge()), z.exports;
+  return pe || (pe = 1, process.env.NODE_ENV === "production" ? Y.exports = he() : Y.exports = ge()), Y.exports;
 }
 var c = we();
 const ye = {
@@ -353,76 +353,76 @@ const ye = {
   83: 1,
   84: 2,
   85: 2
-}, ke = (t, o, a) => {
-  const r = _e[t] ?? 1;
+}, ke = (r, o, a) => {
+  const t = _e[r] ?? 1;
   return o === "incisor" ? {
     centerLabel: "I",
-    roots: r,
+    roots: t,
     surfaces: 5,
     crownWidth: 32,
     crownHeight: 42,
     rootStyle: "single"
   } : o === "canine" ? {
     centerLabel: "I",
-    roots: r,
+    roots: t,
     surfaces: 5,
     crownWidth: 36,
     crownHeight: 44,
     rootStyle: "singleLong"
   } : o === "premolar" ? {
     centerLabel: "O",
-    roots: r,
+    roots: t,
     surfaces: 5,
     crownWidth: 42,
     crownHeight: 42,
-    rootStyle: r === 2 ? "double" : "single"
+    rootStyle: t === 2 ? "double" : "single"
   } : {
     centerLabel: "O",
-    roots: r,
+    roots: t,
     surfaces: 5,
     crownWidth: 48,
     crownHeight: 42,
-    rootStyle: r === 3 || a === "upper" ? "triple" : "double"
+    rootStyle: t === 3 || a === "upper" ? "triple" : "double"
   };
-}, j = (t, o, a, r) => {
-  const n = r === "permanent" ? ye : Qe;
-  return o.map((i) => {
-    const p = n[i], v = `${t}${i}`;
+}, 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: p,
       arch: a,
-      dentition: r,
+      dentition: t,
       label: v,
       visual: ke(v, p, a)
     };
   });
-}, 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],
+}, 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]
-}, $ = {
-  upper: [...Oe, ...Ne],
-  lower: [...Me, ...Se]
+}, F = {
+  upper: [...Oe, ...Me],
+  lower: [...Ne, ...Se]
 }, Ae = [
   {
     id: "upper-permanent",
     label: "Superior permanente",
-    teeth: Y.upper
+    teeth: $.upper
   },
   {
     id: "upper-primary",
     label: "Superior temporal",
-    teeth: $.upper
+    teeth: F.upper
   },
   {
     id: "lower-primary",
     label: "Inferior temporal",
-    teeth: $.lower
+    teeth: F.lower
   },
   {
     id: "lower-permanent",
     label: "Inferior permanente",
-    teeth: Y.lower
+    teeth: $.lower
   }
 ], K = [
   { id: "CARIES", label: "Caries", color: "#ef4444", scope: "both" },
@@ -435,203 +435,188 @@ const ye = {
   { id: "MISSING", label: "Ausente", color: "#64748b", scope: "both" },
   { id: "SEALANT", label: "Sellante", color: "#14b8a6", scope: "both" }
 ], Ce = new Map(
-  K.map((t) => [t.id, t])
-), F = (t = []) => Array.from(new Set(t)), W = (t) => [...t].sort((o, a) => o.localeCompare(a)), de = (t = []) => {
+  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 t.forEach((a) => {
+  return r.forEach((a) => {
     o[a.tooth] = {
       tooth: a.tooth,
-      conditions: a.conditions ? W(F(a.conditions)) : void 0,
+      conditions: a.conditions ? W(U(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))
+        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
     };
   }), o;
-}, Pe = (t) => Object.values(t).filter(Boolean).map((o) => {
-  var r;
+}, Pe = (r) => Object.values(r).filter(Boolean).map((o) => {
+  var t;
   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;
+  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;
   return ((a = o.conditions) == null ? void 0 : a.length) || Object.keys(o.surfaces ?? {}).length;
-}).sort((o, a) => o.tooth.localeCompare(a.tooth)), U = (t) => {
+}).sort((o, a) => o.tooth.localeCompare(a.tooth)), V = (r) => {
   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))
+  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: a ? t.conditions : void 0,
-      surfaces: r ? o : void 0
+      tooth: r.tooth,
+      conditions: a ? r.conditions : void 0,
+      surfaces: t ? o : void 0
     };
-}, Ie = (t, o, a, r) => {
-  var g;
-  if (!Ce.get(r))
-    return t;
-  const i = t[o] ?? {}, p = ((g = i.surfaces) == null ? void 0 : g[a]) ?? [], v = {
+}, 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: i.conditions,
+    conditions: s.conditions,
     surfaces: {
-      ...i.surfaces ?? {},
-      [a]: W(F([...p, r]))
+      ...s.surfaces ?? {},
+      [a]: W(U([...p, t]))
     }
   };
   return {
-    ...t,
-    [o]: U(v)
+    ...r,
+    [o]: V(v)
   };
-}, Le = (t, o, a) => {
-  const r = t[o] ?? {}, n = {
+}, Le = (r, o, a) => {
+  const t = r[o] ?? {}, n = {
     tooth: o,
-    surfaces: r.surfaces,
-    conditions: W(F([...r.conditions ?? [], a]))
+    surfaces: t.surfaces,
+    conditions: W(U([...t.conditions ?? [], a]))
   };
   return {
-    ...t,
-    [o]: U(n)
+    ...r,
+    [o]: V(n)
   };
-}, 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 n = { ...r.surfaces ?? {} };
+}, 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], {
-    ...t,
-    [o]: U({
+    ...r,
+    [o]: V({
       tooth: o,
-      conditions: r.conditions,
+      conditions: t.conditions,
       surfaces: n
     })
   };
-}, ze = (t, o) => {
-  if (!t[o])
-    return t;
-  const r = U({
+}, ze = (r, o) => {
+  if (!r[o])
+    return r;
+  const t = V({
     tooth: o,
     conditions: void 0,
     surfaces: void 0
   });
-  if (!r) {
-    const n = { ...t };
+  if (!t) {
+    const n = { ...r };
     return delete n[o], n;
   }
   return {
-    ...t,
-    [o]: r
+    ...r,
+    [o]: t
   };
-}, ue = (t) => {
+}, de = (r) => {
   var o;
-  return ((o = K.find((a) => a.id === t)) == null ? void 0 : o.color) ?? "#dbe4ea";
-}, Ye = L(function({
+  return ((o = K.find((a) => a.id === r)) == null ? void 0 : o.color) ?? "#dbe4ea";
+}, Ye = D(function({
   surface: o,
-  label: a,
-  path: r,
-  textX: n,
-  textY: i,
-  condition: p,
-  onApply: v,
-  onClear: g,
-  disabled: y
+  path: a,
+  condition: t,
+  onApply: n,
+  onClear: s,
+  disabled: p
 }) {
-  return /* @__PURE__ */ c.jsxs("g", { children: [
-    /* @__PURE__ */ c.jsx(
-      "path",
-      {
-        d: r,
-        fill: ue(p),
-        stroke: "#1f2937",
-        strokeWidth: 1.4,
-        strokeLinejoin: "round",
-        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__ */ c.jsx(
-      "text",
-      {
-        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: a
+  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);
       }
-    )
-  ] });
-}), 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"
+    }
+  ) });
+}), 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: s(
-        "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: s(
-        "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: s(
-        "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: s(
-        "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: s(
-        "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 }
     }
@@ -640,105 +625,105 @@ const ye = {
     crownOutline: o,
     crownCap: o,
     rootPaths: [
-      s(
-        "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: a
   };
 }, 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"
+  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: s(
-        "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: s(
-        "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: s(
-        "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: s(
-        "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: s(
-        "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: [
-      s(
-        "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: o
   };
-}, We = () => {
-  const t = s(
+}, Ue = () => {
+  const r = l(
     "M 20 20",
     "Q 31 15 42 20",
     "Q 48 28 46 39",
@@ -749,7 +734,7 @@ const ye = {
     {
       key: "V",
       label: "V",
-      path: s(
+      path: l(
         "M 20 20",
         "Q 31 14 42 20",
         "Q 39 28 36 31",
@@ -761,23 +746,23 @@ const ye = {
     {
       key: "M",
       label: "M",
-      path: s(
+      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: s(
+      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 }
@@ -785,54 +770,54 @@ const ye = {
     {
       key: "D",
       label: "D",
-      path: s(
+      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: s(
-        "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: [
-      s(
+      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"
       ),
-      s(
+      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: o
   };
-}, Ue = (t) => {
-  const o = s(
+}, We = (r) => {
+  const o = l(
     "M 16 22",
     "Q 31 13 46 22",
     "Q 52 32 49 43",
@@ -843,7 +828,7 @@ const ye = {
     {
       key: "V",
       label: "V",
-      path: s(
+      path: l(
         "M 16 22",
         "Q 31 12 46 22",
         "Q 42 31 38 34",
@@ -855,23 +840,23 @@ const ye = {
     {
       key: "M",
       label: "M",
-      path: s(
+      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: s(
+      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 }
@@ -879,200 +864,202 @@ const ye = {
     {
       key: "D",
       label: "D",
-      path: s(
+      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: s(
-        "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 }
     }
-  ], r = t === "upper" ? [
-    s(
+  ], 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"
     ),
-    s(
+    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"
     ),
-    s(
+    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"
     )
   ] : [
-    s(
+    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"
     ),
-    s(
+    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: o,
     crownCap: o,
-    rootPaths: r,
+    rootPaths: t,
     surfaces: a
   };
-}, Ve = (t) => t.type === "incisor" ? $e(t.visual.centerLabel) : t.type === "canine" ? Fe() : t.type === "premolar" ? We() : Ue(t.arch), Ge = {
+}, 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]"
   }
-}, Be = L(function({
+}, Ge = "8 10 46 114", qe = "matrix(1 0 0 -1 0 134)", He = D(function({
   definition: o,
   record: a,
-  editable: r,
+  editable: t,
   selectedCondition: n,
-  size: i,
+  size: s,
   onApplySurface: p,
   onApplyTooth: v,
-  onClearSurface: g,
-  onClearTooth: y
+  onClearSurface: y,
+  onClearTooth: T
 }) {
-  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),
+  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]
-  ), h = _(
-    (m) => g(o.id, m),
-    [o.id, g]
-  ), O = _(() => {
+  ), N = Q(
+    (b) => y(o.id, b),
+    [o.id, y]
+  ), g = Q(() => {
     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(
+  }, [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: m,
-          fill: E,
+          d: b,
+          fill: k,
           stroke: "#1f2937",
           strokeWidth: 1.4,
           strokeLinejoin: "round",
-          className: r ? "ov-cursor-pointer ov-transition-opacity hover:ov-opacity-85" : "",
-          onClick: r ? O : void 0,
-          onContextMenu: r ? (R) => {
-            R.preventDefault(), w();
+          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
         },
-        `${o.id}-root-${T}`
+        `${o.id}-root-${E}`
       )),
-      /* @__PURE__ */ c.jsx("path", { d: Q.crownCap, fill: E, stroke: "#1f2937", strokeWidth: 1.6 }),
-      Q.surfaces.map((m) => {
-        var T, R;
+      /* @__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: 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: !r
+            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
           },
-          `${o.id}-${m.key}`
+          `${o.id}-${b.key}`
         );
       }),
       /* @__PURE__ */ c.jsx(
         "path",
         {
-          d: Q.crownOutline,
+          d: w.crownOutline,
           fill: "none",
           stroke: "#0f172a",
           strokeWidth: 1.6,
           strokeLinejoin: "round",
-          className: r ? "ov-cursor-pointer" : "",
-          onClick: r ? O : void 0,
-          onContextMenu: r ? (m) => {
-            m.preventDefault(), w();
+          className: t ? "ov-cursor-pointer" : "",
+          onClick: t ? g : void 0,
+          onContextMenu: t ? (b) => {
+            b.preventDefault(), S();
           } : void 0
         }
       )
-    ] })
+    ] }) })
   ] });
-}), qe = L(function({
+}), Je = D(function({
   teeth: o,
   records: a,
-  editable: r,
+  editable: t,
   selectedCondition: n,
-  size: i,
+  size: s,
   onApplySurface: p,
   onApplyTooth: v,
-  onClearSurface: g,
-  onClearTooth: y
+  onClearSurface: y,
+  onClearTooth: T
 }) {
-  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,
+  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: a[x.id],
-      editable: r,
+      definition: h,
+      record: a[h.id],
+      editable: t,
       selectedCondition: n,
-      size: i,
+      size: s,
       onApplySurface: p,
       onApplyTooth: v,
-      onClearSurface: g,
-      onClearTooth: y
+      onClearSurface: y,
+      onClearTooth: T
     },
-    x.id
+    h.id
   )) }) }) });
-}), Je = L(function({ selectedCondition: o, onSelect: a }) {
+}), 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: [
@@ -1084,13 +1071,13 @@ const ye = {
         o
       ] })
     ] }),
-    /* @__PURE__ */ c.jsx("div", { className: "ov-flex ov-flex-wrap ov-gap-2", children: K.map((r) => {
-      const n = r.id === o;
+    /* @__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: () => a(r.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",
             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"
@@ -1100,98 +1087,98 @@ const ye = {
               "span",
               {
                 className: "ov-h-3 ov-w-3 ov-rounded-full ov-border ov-border-white/40",
-                style: { backgroundColor: r.color }
+                style: { backgroundColor: t.color }
               }
             ),
-            /* @__PURE__ */ c.jsx("span", { children: r.label })
+            /* @__PURE__ */ c.jsx("span", { children: t.label })
           ]
         },
-        r.id
+        t.id
       );
     }) })
   ] });
-}), Xe = "CARIES", Ze = L(function({
+}), Ze = "CARIES", eo = D(function({
   value: o,
   defaultValue: a,
-  onChange: r,
+  onChange: t,
   dentition: n = "mixed",
-  selectedCondition: i,
+  selectedCondition: s,
   onSelectedConditionChange: p,
   editable: v = !0,
-  size: g = "md",
-  className: y,
-  theme: x
+  size: y = "sm",
+  className: T,
+  theme: h
 }) {
-  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));
+  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));
     },
-    [Q, r]
-  ), m = _(
-    (d) => {
-      i || A(d), p == null || p(d);
+    [w, t]
+  ), S = Q(
+    (u) => {
+      s || C(u), p == null || p(u);
     },
-    [p, i]
-  ), T = _(
-    (d, N, q) => {
-      w(Ie(h, d, N, q));
+    [p, s]
+  ), b = Q(
+    (u, O, q) => {
+      g(Ie(x, u, O, q));
     },
-    [h, w]
-  ), R = _(
-    (d, N) => {
-      w(Le(h, d, N));
+    [x, g]
+  ), E = Q(
+    (u, O) => {
+      g(Le(x, u, O));
     },
-    [h, w]
-  ), V = _(
-    (d, N) => {
-      w(De(h, d, N));
+    [x, g]
+  ), R = Q(
+    (u, O) => {
+      g(De(x, u, O));
     },
-    [h, w]
-  ), G = _(
-    (d) => {
-      w(ze(h, d));
+    [x, g]
+  ), B = Q(
+    (u) => {
+      g(ze(x, u));
     },
-    [h, w]
-  ), B = I(() => n === "permanent" ? [
-    { id: "permanent-upper", label: "Superior permanente", teeth: Y.upper },
-    { id: "permanent-lower", label: "Inferior permanente", teeth: Y.lower }
+    [x, g]
+  ), G = L(() => n === "permanent" ? [
+    { id: "permanent-upper", label: "Superior permanente", teeth: $.upper },
+    { id: "permanent-lower", label: "Inferior permanente", teeth: $.lower }
   ] : n === "primary" ? [
-    { id: "primary-upper", label: "Superior temporal", teeth: $.upper },
-    { id: "primary-lower", label: "Inferior temporal", teeth: $.lower }
+    { id: "primary-upper", label: "Superior temporal", teeth: F.upper },
+    { id: "primary-lower", label: "Inferior temporal", teeth: F.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",
-        y ?? ""
+        T ?? ""
       ].join(" "),
-      style: x == null ? void 0 : x.panelStyle,
-      onContextMenu: (d) => {
-        d.preventDefault();
+      style: h == null ? void 0 : h.panelStyle,
+      onContextMenu: (u) => {
+        u.preventDefault();
       },
       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,
+        /* @__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: d.label,
-            teeth: d.teeth,
-            records: h,
+            label: u.label,
+            teeth: u.teeth,
+            records: x,
             editable: v,
-            selectedCondition: O,
-            size: g,
-            onApplySurface: T,
-            onApplyTooth: R,
-            onClearSurface: V,
-            onClearTooth: G
+            selectedCondition: N,
+            size: y,
+            onApplySurface: b,
+            onApplyTooth: E,
+            onClearSurface: R,
+            onClearTooth: B
           },
-          d.id
+          u.id
         )) }) })
       ] })
     }
@@ -1201,8 +1188,8 @@ xe(be);
 export {
   K as CLINICAL_CONDITIONS,
   Ae as MIXED_DENTITION_LAYOUT,
-  Ze as Odontogram,
-  Y as PERMANENT_DENTITION_LAYOUT,
-  $ as PRIMARY_DENTITION_LAYOUT
+  eo as Odontogram,
+  $ as PERMANENT_DENTITION_LAYOUT,
+  F as PRIMARY_DENTITION_LAYOUT
 };
 //# sourceMappingURL=index.js.map