@kmanueldc/vue-odontogram 0.1.1

package/dist/vue-odontogram.js

@@ -0,0 +1,3202 @@
+var ln = Object.defineProperty;
+var un = (t, e, n) => e in t ? ln(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var ce = (t, e, n) => un(t, typeof e != "symbol" ? e + "" : e, n);
+import { computed as T, toValue as ot, watch as kt, defineComponent as mt, openBlock as g, createElementBlock as y, Fragment as Z, renderList as O, toDisplayString as P, createElementVNode as B, normalizeStyle as ht, normalizeClass as rt, createCommentVNode as q, createVNode as jt, ref as et, renderSlot as Ht, createTextVNode as pt, nextTick as Rt, useSlots as dn, onBeforeUnmount as hn, unref as X, createBlock as Zt, mergeProps as le, createSlots as fn, withCtx as mn, normalizeProps as ue, guardReactiveProps as de, withModifiers as gn, withDirectives as he, vModelSelect as yn, vModelRadio as vn } from "vue";
+const pn = [
+  {
+    position: 1,
+    type: "Central Incisor",
+    outlinePath: "M397.992 51.339C396.126 51.1841 393.495 50.5617 393.495 50.5617C393.495 50.5617 388.804 49.6453 386.903 48.5677C384.873 47.4162 382.213 45.7195 381.838 44.0514C381.487 42.4836 381.216 40.0226 381.478 38.243L381.503 38.0727C381.82 35.9287 382.29 32.7452 382.642 29.3191C382.817 27.6207 382.583 26.5905 383.332 24.0911C384.118 21.4652 384.555 20.2179 385.09 19.2766C385.648 18.2937 386.375 17.5159 386.841 16.5072C387.593 14.8802 388.91 12.8822 390.18 11.3573C390.902 10.4905 391.602 9.74461 392.207 9.11454C393.08 8.20669 394.629 6.4959 395.556 5.46719C396.866 4.01329 398.196 2.73364 399.344 2.32547C400.382 1.95648 401.652 1.80289 402.575 1.56192C403.741 1.25751 404.7 1.04041 406.481 1.59988C407.789 2.01078 408.79 2.15093 410.175 3.6958C411.909 5.63147 412.563 6.70795 413.119 7.75747C414.007 9.43534 415.224 11.7273 416.073 13.2435C416.584 14.1554 417.935 15.8859 419.471 20.7919C420.739 24.8422 421.417 27.4048 421.716 28.4564C422.057 29.6562 422.602 31.5093 422.815 33.7313C423.154 37.2832 423.699 40.0978 423.625 43.1077C423.562 45.6958 423.671 47.3905 422.667 48.4567C421.852 49.3227 420.962 50.1403 419.837 50.5815C418.166 51.2367 416.619 51.7043 415.323 51.8901C414.174 52.0548 409.33 52.1292 405.791 51.8445C404.461 51.7375 402.725 51.7319 397.992 51.339Z",
+    shadowPath: "M410.562 10.2393C426.588 45.9698 419.344 47.3813 414.383 48.2436C409.421 49.1058 390.229 45.8566 389.156 45.6013C388.783 45.4122 381.586 45.5268 385.27 28.9613C388.307 15.307 399.25 6.5008 400.149 5.94125C402.84 4.2654 407.678 3.81025 410.562 10.2393Z",
+    lineHighlightPath: "M386.65 40.1568C386.979 40.5013 390.29 43.0038 394.2 44.879C396.819 46.1347 400.79 46.3275 403.707 46.4582C411.145 46.8422 412.214 45.7688 414.456 45.2944C414.934 45.1809 415.23 45.0675 415.965 44.8037"
+  },
+  {
+    position: 2,
+    type: "Lateral Incisor",
+    outlinePath: "M339.362 5.90227C342.255 3.71416 346.038 1.25774 347.807 1.15688C351.997 0.918049 355.515 3.10622 357.625 6.73623C361.668 13.6941 364.043 21.5609 365.951 29.3396C366.793 32.7727 371.064 45.061 366.866 47.897C360.805 55.8472 336.444 55.8684 329.833 49.9979C323.057 43.9805 325.09 29.7675 327.77 22.2921C329.981 16.1281 334.178 9.82403 339.362 5.90227Z",
+    shadowPath: "M340.341 10.7533C342.637 9.01674 345.639 7.06721 347.044 6.98717C350.369 6.79762 353.161 8.53425 354.835 11.4152C358.044 16.9373 359.929 23.1807 361.443 29.3542C362.112 32.0788 365.502 41.8314 362.169 44.0822C357.359 50.3918 338.025 50.4086 332.779 45.7496C327.401 40.9738 329.014 29.6938 331.142 23.761C332.896 18.869 336.227 13.8658 340.341 10.7533Z",
+    lineHighlightPath: "M334.964 39.2131C335.743 39.9998 343.128 45.3167 349.494 44.3903C352.66 43.9297 359.564 41.7577 360.67 41.2767"
+  },
+  {
+    position: 3,
+    type: "Canine",
+    outlinePath: "M275.285 36.7016C275.461 34.8357 275.849 18.5473 286.018 5.57867C288.971 1.81325 299.434 0.829071 303.316 3.82989C310.408 9.31139 313.426 28.9506 310.396 37.4059C308.951 41.4393 297.215 55.4587 291.42 52.8366C285.975 50.3727 274.6 43.9742 275.285 36.7016Z",
+    shadowPath: "M301.598 7.93945C307.291 12.3406 309.864 28.5513 307.396 35.4392C306.212 38.7427 296.601 50.225 291.854 48.0774C287.984 46.3265 281.376 42.5321 279.505 38.5086C275.156 29.1535 286.937 -3.39247 301.598 7.93945Z",
+    lineHighlightPath: "M281.255 35.7132C281.766 36.2349 283.933 38.6225 286.307 40.4563C289.837 43.1816 290.269 43.5706 291.974 44.5673C293.243 45.3091 296.192 46.2724 304.782 36.2803 M287.379 19.4012C287.632 19.2016 291.839 21.1066 296.933 17.499"
+  },
+  {
+    position: 4,
+    type: "First Premolar",
+    outlinePath: "M236.98 4.87854C231.34 8.91989 227.474 33.8121 227.41 33.9971C227.423 35.3948 224.346 44.1157 245.059 53.0117C246.025 53.4266 247.125 52.888 247.86 52.4695C248.67 52.0073 250.354 50.8376 253.096 48.11C254.772 46.4429 261.519 39.4872 261.637 34.8665C261.691 32.7406 261.314 28.4868 260.916 24.2565C260.517 20.0262 259.172 12.5851 258.255 9.7502C257.37 7.00905 252.569 -3.57975 236.98 4.87854Z",
+    shadowPath: "M238.114 7.66346C233.204 11.182 229.838 32.8544 229.782 33.0155C229.793 34.2324 227.114 41.8252 245.148 49.5706C245.989 49.9317 246.947 49.4629 247.586 49.0985C248.293 48.6961 249.758 47.6777 252.146 45.3029C253.605 43.8514 259.479 37.7955 259.582 33.7724C259.629 31.9215 259.301 28.218 258.954 24.5348C258.607 20.8517 257.435 14.3731 256.638 11.905C255.866 9.51838 251.687 0.299255 238.114 7.66346Z",
+    lineHighlightPath: "M232.699 39.8277C232.885 39.9138 233.796 40.4028 238.753 42.4719C241.555 43.6416 243.526 43.4623 245.192 43.1391C246.68 42.8502 249.007 41.9121 250.856 40.686C251.932 39.8864 252.954 38.9499 254.698 37.0231C255.147 36.4782 255.449 36.0189 256.052 35.3458 M239.545 12.8442C241.885 10.1252 250.366 10.5793 250.366 10.5793"
+  },
+  {
+    position: 5,
+    type: "Second Premolar",
+    outlinePath: "M186.485 45.8905C188.39 47.4915 194.878 52.668 197.762 53.1457C200.384 53.5801 211.318 44.6344 213.743 37.254C214.322 35.4928 215.038 15.1384 208.58 4.13152C202.248 -2.02701 189.273 -0.756658 185.395 11.0477C183.218 17.6734 180.668 30.608 180.423 32.2205C180.177 33.8383 180.188 36.0117 180.547 38.1716C180.751 39.3933 180.853 40.0649 181.221 40.6135C181.726 41.3662 183.233 43.1574 186.485 45.8905Z",
+    shadowPath: "M188.107 43.3403C189.761 44.7301 195.393 49.2236 197.896 49.6383C200.172 50.0154 209.664 42.2499 211.769 35.8432C212.271 34.3143 212.893 16.6453 207.287 7.09053C201.791 1.74449 190.527 2.84724 187.16 13.0943C185.271 18.8458 183.057 30.074 182.845 31.4738C182.631 32.8782 182.641 34.7648 182.953 36.6398C183.129 37.7003 183.218 38.2832 183.537 38.7594C183.976 39.4129 185.284 40.9678 188.107 43.3403Z",
+    lineHighlightPath: "M185.566 38.954C200.902 47.5796 204.772 37.6999 208.388 34.1061 M191.566 11.1268C196.702 7.12464 201.745 8.78762 202.549 8.92105"
+  },
+  {
+    position: 6,
+    type: "First Molar",
+    outlinePath: "M128.904 45.8941C130.676 47.3001 145.884 61.9755 162.145 45.1423C163.249 43.9986 172.589 28.7255 163.065 9.88792C162.022 7.82514 161.32 5.92758 160.392 4.9355C159.008 3.45593 158.296 2.7052 156.622 2.60279C155.155 2.51311 153.656 3.01459 150.242 3.84879C148.517 4.2702 147.372 4.53309 144.251 3.3168C143.121 2.87675 141.495 2.08665 139.43 1.98738C137.768 1.90751 136.636 1.9765 135.262 2.89208C133.14 4.30717 131.556 6.06007 130.301 8.67838C129.938 9.43672 129.094 10.8117 127.581 13.8497C126.625 15.77 125.381 18.4495 124.394 20.9063C123.406 23.3631 122.657 25.5204 122.24 27.0814C121.585 29.5351 120.898 32.0017 121.468 34.2957L121.471 34.3102C121.817 35.7 122.322 37.7345 123.709 39.8068C125.153 41.9637 126.819 44.2397 128.904 45.8941Z",
+    shadowPath: "M131.01 43.4559C132.509 44.7414 145.836 57.4979 160.034 42.7994C160.999 41.8008 169.154 28.4646 160.838 12.016C159.927 10.2149 159.315 8.55796 158.504 7.6917C157.296 6.39976 156.674 5.74424 155.212 5.65482C153.932 5.57651 152.623 6.01439 149.641 6.7428C148.135 7.11076 147.135 7.34032 144.41 6.27827C143.424 5.89404 142.004 5.20414 140.2 5.11746C129.959 4.62519 125.555 25.666 125.191 27.029L125.189 27.0338C124.616 29.1822 122.705 36.3359 131.01 43.4559Z",
+    lineHighlightPath: "M153.854 27.4742C149.502 26.6409 144.049 27.8519 142.802 30.5372C143.302 25.2189 138.067 23.5889 133.932 23.5051 M153.854 27.4742C156.709 28.0209 159.09 29.4476 159.498 31.9153 M153.854 27.4742C155.556 27.6746 159.3 27.5062 160.657 25.2286 M129.139 24.6538C129.507 24.1665 131.326 23.4523 133.932 23.5051 M133.932 23.5051C132.471 22.6048 129.672 20.364 130.173 18.6034"
+  },
+  {
+    position: 7,
+    type: "Second Molar",
+    outlinePath: "M60.6793 25.3418C59.9161 27.6449 57.3636 48.9037 84.9129 53.0846C99.7889 54.3626 106.055 39.2037 106.365 36.7909C108.564 30.6549 106.469 17.6337 105.276 14.6833C103.739 10.8816 102.7 8.48706 101.946 7.37378C100.442 5.15401 99.23 3.29064 98.43 2.92655C97.2983 2.41145 95.3919 1.13034 91.2714 2.68435C88.4359 3.75373 86.0838 3.4998 83.6256 2.76604C80.7363 1.9036 76.9082 0.690209 75.4367 0.962055C74.4606 1.14236 73.4249 1.15689 72.6333 1.98215C71.4867 3.17764 70.1618 4.75807 67.8021 9.5839C66.634 11.9729 64.7932 15.7196 63.8949 17.7849C62.387 21.2519 61.3298 23.3785 60.6793 25.3418Z",
+    shadowPath: "M63.8099 25.4532C63.1456 27.4579 60.9238 45.9624 84.9037 49.6015C97.8523 50.7139 103.307 37.5191 103.576 35.419C106.215 28.0569 104.202 16.4153 99.73 9.81324C98.4211 7.88108 97.3658 6.25914 96.6695 5.94222C95.6844 5.49387 93.796 4.7905 90.2093 6.14316C87.7412 7.07399 85.9229 6.4412 83.7832 5.80251C81.4234 5.09812 76.4488 2.79134 74.2151 5.12018C73.2171 6.16077 72.0638 7.53645 70.0098 11.737C67.83 16.195 65.3744 20.7318 63.8099 25.4532Z",
+    lineHighlightPath: "M92.3375 21.9418C89.3377 22.2849 84.8906 23.6339 83.7253 27.9829C84.7838 23.138 77.3962 22.8185 73.5022 23.7247 M92.3375 21.9418C96.1666 21.5038 99.585 23.1101 100.215 24.165 M92.3375 21.9418C94.4127 21.402 98.5317 19.898 99.5584 17.8597 M68.7524 26.3173C69.2513 25.49 70.8242 24.3479 73.5022 23.7247 M73.5022 23.7247C71.8339 23.4169 68.3955 22.3238 67.9878 20.414"
+  },
+  {
+    position: 8,
+    type: "Third Molar",
+    outlinePath: "M22.8836 52.8066C23.9272 53.0915 25.7986 52.8756 26.2096 52.9116C26.501 52.9372 29.1459 52.7852 30.9534 52.2805C33.3552 51.4149 34.9901 50.7777 35.8495 50.1498C37.4391 48.9886 39.8965 46.9387 41.9506 44.3052C43.4092 42.4352 44.6381 40.2207 45.6008 37.6721C46.2927 35.8405 46.8536 34.1203 46.9928 31.3837C47.0827 29.6169 47.0888 27.1207 46.8396 24.256C46.5904 21.3913 46.1008 18.2531 45.5737 15.8629C45.0466 13.4727 44.4986 11.8788 43.9103 10.4861C43.3219 9.09334 42.7016 7.94145 42.3718 7.27535C41.7672 6.05446 41.3188 4.92976 40.5172 4.18705C38.9052 2.69353 37.6504 2.08716 36.39 1.85884C35.3031 1.66195 33.6407 1.67752 32.5207 2.07341C30.9374 2.63304 30.0912 3.2864 27.6613 3.30729C24.3667 3.3356 22.5667 1.96049 20.5098 1.81402C17.0827 1.56998 15.2376 1.60216 14.1182 2.20976C13.2193 2.69768 12.0927 3.47083 9.80979 6.74515C9.14188 7.70312 8.43252 8.93509 6.93122 12.162C5.88407 14.4128 4.32452 17.8482 3.48639 19.6641C2.55627 21.6793 1.61739 23.4684 0.935372 26.3698C0.449847 28.4352 0.305589 30.9466 0.839682 33.6862C1.20408 35.5554 1.8879 38.1004 4.17249 41.0505C6.62542 44.218 8.40151 46.3149 9.38601 47.091C10.2686 47.7868 11.1762 48.4668 12.4397 49.0231C14.0734 49.7423 15.5681 50.8399 17.5147 51.4152C19.7705 52.0818 21.1395 52.3305 22.8836 52.8066Z",
+    shadowPath: "M22.9904 49.6908C23.9066 49.9409 25.5494 49.7513 25.9103 49.783C26.166 49.8054 28.488 49.6719 30.0748 49.2289C32.1834 48.469 33.6186 47.9096 34.3731 47.3584C35.7686 46.3389 37.9259 44.5394 39.7292 42.2274C41.0097 40.5858 42.0885 38.6416 42.9337 36.4042C43.5411 34.7963 44.0335 33.2862 44.1557 30.8837C44.2346 29.3326 44.24 27.1413 44.0212 24.6263C43.8025 22.1114 43.3726 19.3564 42.9099 17.2581C42.4472 15.1598 41.9661 13.7604 41.4496 12.5378C40.9331 11.3151 40.3885 10.3039 40.099 9.71911C39.5682 8.64729 39.1745 7.65993 38.4708 7.00789C37.0556 5.69674 35.9541 5.16442 34.8476 4.96398C33.8934 4.79113 32.434 4.8048 31.4507 5.15234C30.0608 5.64364 29.3179 6.21722 27.1847 6.23556C24.2924 6.26042 22.7122 5.05321 20.9064 4.92463C17.8978 4.71038 16.2779 4.73864 15.2953 5.27204C14.5061 5.70039 13.5171 6.37914 11.5129 9.25365C10.9266 10.0946 10.3038 11.1762 8.98585 14.0091C8.06656 15.9851 6.69744 19.001 5.96165 20.5951C5.1451 22.3642 4.32086 23.9349 3.72212 26.482C3.29588 28.2953 3.16924 30.4999 3.63812 32.9051C3.95802 34.546 4.55834 36.7803 6.56397 39.3702C8.71739 42.1509 10.2766 43.9917 11.1409 44.6731C11.9158 45.2839 12.7125 45.8809 13.8217 46.3692C15.256 47.0006 16.5682 47.9643 18.2771 48.4693C20.2574 49.0544 21.4592 49.2728 22.9904 49.6908Z",
+    lineHighlightPath: "M7.13742 27.9101C7.89327 26.717 10.2562 25.7846 12.8627 25.483M38.0458 27.6444C37.0983 25.9368 34.2284 24.8447 31.1328 24.7739M37.58 21.3626C36.685 22.4687 34.1426 24.6994 31.1328 24.7739M31.1328 24.7739C27.1226 24.6823 22.7336 26.3048 21.6544 30.5239C21.9221 26.1555 17.0744 24.9957 12.8627 25.483M6.646 21.8371C7.23084 23.1942 9.29296 25.8232 12.8627 25.483"
+  }
+], xn = [
+  {
+    position: 1,
+    type: "Central Incisor",
+    outlinePath: "M173.951 1.698c-2.198.16-5.302.862-5.302.862s-5.531 1.025-7.781 2.27c-2.403 1.333-5.553 3.299-6.013 5.258-.432 1.84-.78 4.734-.491 6.832l.027.2c.348 2.527.865 6.28 1.239 10.316.186 2-.101 3.21.751 6.16.895 3.1 1.395 4.573 2.013 5.687.646 1.164 1.493 2.087 2.03 3.28.866 1.924 2.393 4.29 3.87 6.1a48.805 48.805 0 0 0 2.36 2.663c1.016 1.078 2.819 3.11 3.898 4.331 1.526 1.727 3.076 3.248 4.423 3.742 1.217.446 2.709.642 3.793.936 1.369.372 2.494.638 4.597 0 1.545-.468 2.725-.621 4.372-2.424 2.064-2.258 2.846-3.517 3.512-4.746 1.065-1.964 2.524-4.648 3.541-6.422.611-1.068 2.221-3.089 4.086-8.845 1.54-4.752 2.367-7.76 2.731-8.994.415-1.408 1.079-3.583 1.355-6.196.44-4.176 1.114-7.482 1.062-11.026-.044-3.046.104-5.04-1.065-6.306-.95-1.029-1.988-2.001-3.306-2.534-1.959-.79-3.775-1.358-5.298-1.592-1.351-.207-7.05-.35-11.219-.057-1.567.11-3.61.097-9.185.505Z",
+    shadowPath: "M188.269 50.215c19.275-41.867 10.766-43.612 4.937-44.684-5.829-1.073-28.455 2.53-29.72 2.817-.442.218-8.911 0-4.767 19.54 3.416 16.105 16.193 26.596 17.244 27.265 3.148 2.003 8.837 2.595 12.306-4.938Z",
+    lineHighlightPath: "M160.472 14.727c.392-.402 4.317-3.309 8.941-5.47 3.097-1.448 7.773-1.629 11.207-1.749 8.759-.365 10.004.91 12.637 1.495.562.139.909.276 1.771.595"
+  },
+  {
+    position: 2,
+    type: "Lateral Incisor",
+    outlinePath: "M135.016 60.41c3.443 1.355 7.834 2.73 9.601 2.346 4.185-.91 7.044-4.017 8.123-8.152 2.069-7.927 2.249-16.288 1.995-24.436-.113-3.596.72-16.81-4.184-18.444-8.135-6.14-32.088.494-36.979 8.055-5.013 7.751.878 21.131 5.56 27.728 3.862 5.44 9.714 10.474 15.884 12.903Z",
+    shadowPath: "M134.65 55.386c2.732 1.076 6.217 2.167 7.62 1.862 3.321-.723 5.59-3.188 6.446-6.47 1.642-6.29 1.786-12.927 1.583-19.393-.089-2.854.572-13.342-3.32-14.638-6.456-4.873-25.466.392-29.348 6.393-3.979 6.152.696 16.77 4.413 22.006 3.064 4.317 7.709 8.313 12.606 10.24Z",
+    lineHighlightPath: "M121.569 28.952c.551-.984 6.354-8.214 12.866-9.045 3.238-.413 10.619-.17 11.838 0"
+  },
+  {
+    position: 3,
+    type: "Canine",
+    outlinePath: "M77.63 64.236c1.692 1.401 15.516 14.583 34.698 16.903 5.569.674 15.058-7.184 15.789-12.89 1.335-10.423-12.444-29.205-21.965-33.703-4.542-2.145-25.892-4.039-28.523 2.939-2.471 6.557-6.596 21.29 0 26.751Z",
+    shadowPath: "M123.285 66.267c1.072-8.368-10.234-23.94-17.99-27.603-3.72-1.757-21.206-3.308-23.36 2.407-1.757 4.66-4.09 13.284-2.306 18.17 4.15 11.36 40.897 28.573 43.656 7.026Z",
+    lineHighlightPath: [
+      "M82.84 60.043c-.01-.855-.193-4.63.256-8.12.667-5.185.703-5.866 1.29-8.106.437-1.666 2.083-4.91 17.487-3.748",
+      "M101.438 68.49c.376-.045 2.284-5.112 9.498-6.344"
+    ]
+  },
+  {
+    position: 4,
+    type: "First Premolar",
+    outlinePath: "M93.684 108.748c-7.498 3.397-35.368-7.397-35.596-7.441-1.429-.842-12.215-2.854-9.068-29.414.147-1.238 1.353-2.05 2.218-2.556.956-.559 3.157-1.595 7.587-2.794 2.707-.734 13.856-3.54 18.674-.92 2.216 1.206 6.363 4.117 10.473 7.036 4.11 2.919 10.958 8.715 13.327 11.338 2.291 2.537 10.324 13.75-7.615 24.751Z",
+    shadowPath: "M91.495 105.931c-6.528 2.958-30.793-6.44-30.992-6.478-1.243-.734-10.634-2.486-7.895-25.61.128-1.078 1.178-1.785 1.932-2.225.832-.487 2.748-1.39 6.605-2.433 2.357-.639 12.064-3.082 16.258-.8 1.93 1.05 5.54 3.584 9.12 6.125 3.578 2.541 9.54 7.588 11.603 9.872 1.994 2.208 8.987 11.971-6.63 21.549Z",
+    lineHighlightPath: [
+      "M55.234 92.414c.022-.242.06-1.469.875-7.79.46-3.573 1.813-5.49 3.134-7.01 1.18-1.359 3.524-3.193 5.88-4.365 1.46-.632 3.029-1.126 6.044-1.776.826-.138 1.477-.175 2.526-.395",
+      "M87.02 101.387c4.183-.792 8.747-9.774 8.747-9.774"
+    ]
+  },
+  {
+    position: 5,
+    type: "Second Premolar",
+    outlinePath: "M33.396 127.652c-1.088-2.713-4.486-11.852-3.962-15.246.477-3.085 14.47-12.008 23.595-12.008 2.178 0 25.157 6.665 35.073 17.908 4.551 9.324-1.624 23.339-16.22 23.339-8.193 0-23.563-1.897-25.453-2.215-1.896-.319-4.317-1.128-6.596-2.321-1.289-.675-2-1.035-2.478-1.647-.655-.84-2.101-3.178-3.96-7.81Z",
+    shadowPath: "M36.837 126.778c-.945-2.356-3.895-10.289-3.44-13.235.414-2.679 12.561-10.424 20.483-10.424 1.89 0 21.837 5.785 30.445 15.545 3.951 8.094-1.41 20.26-14.08 20.26-7.112 0-20.454-1.647-22.095-1.922-1.645-.277-3.747-.98-5.725-2.015-1.12-.586-1.737-.899-2.151-1.43-.57-.729-1.825-2.759-3.437-6.779Z",
+    lineHighlightPath: [
+      "M40.8 131.221c-4.003-20.278 8.442-20.974 13.779-23.692",
+      "M74.056 134.729c6.35-4.264 6.343-10.503 6.489-11.448"
+    ]
+  },
+  {
+    position: 6,
+    type: "First Molar",
+    outlinePath: "M35.539 203.323c-3.363.196-32.788-4.02-28.495-42.465 3.631-20.408 26.21-23.364 29.557-22.912 9.019-.745 25.727 6.743 29.255 9.403 4.546 3.427 7.384 5.681 8.606 7.092 2.436 2.814 4.499 5.11 4.7 6.313.284 1.703 1.317 4.72-2.248 9.687-2.453 3.418-2.957 6.663-2.856 10.223.118 4.185.37 9.754-.524 11.63-.592 1.244-.984 2.627-2.375 3.392-2.015 1.108-4.61 2.317-11.93 3.748-3.623.708-9.309 1.83-12.401 2.292-5.19.777-8.423 1.43-11.289 1.597Z",
+    shadowPath: "M36.515 199.085c-2.927.17-28.54-3.499-24.803-36.963 3.16-17.764 22.814-20.337 25.727-19.944 10.82-.893 25.709 5.989 32.955 14.358 2.12 2.45 3.917 4.448 4.091 5.495.248 1.482.513 4.268-2.59 8.591-2.135 2.975-1.94 5.641-1.852 8.74.096 3.417 1.402 10.917-2.523 13.076-1.754.964-4.013 2.016-10.384 3.261-6.762 1.322-13.728 2.984-20.621 3.386Z",
+    lineHighlightPath: [
+      "M37.132 192.147c1.288-.372 3.385-2.071 5.183-5.438m9.008-35.98c1.188 1.224 2.114 6.385.15 11.363m0 0c-1.537 3.899-4.944 9.378-11.195 9.378 6.877.321 4.651 10.343 2.037 15.239m9.159-24.617c1.47-2.589 4.966-7.572 8.068-8.217m-17.227 32.834c-.186 2.348.044 7.351 2.458 8.584"
+    ]
+  },
+  {
+    position: 7,
+    type: "Second Molar",
+    outlinePath: "M4.969 248.132c-1.188-2.74-14.708-27.152 12.319-42.139 1.836-1.018 24.508-7.711 45.28 10.874 2.274 2.035 4.455 3.579 5.403 5.102 1.414 2.271 2.128 3.435 1.687 5.606-.387 1.901-1.54 3.642-3.77 7.711-1.127 2.056-1.854 3.427-1.369 7.824.175 1.59.627 3.935.048 6.603-.466 2.147-.941 3.567-2.578 5.006-2.53 2.224-5.307 3.645-9.076 4.35-1.091.204-3.133.811-7.525 1.702-2.776.563-6.619 1.234-10.09 1.654-3.47.42-6.478.638-8.612.636-3.353-.002-6.734.031-9.465-1.48l-.018-.01c-1.654-.915-4.076-2.255-6.245-4.732-2.258-2.579-4.591-5.482-5.989-8.707Z",
+    shadowPath: "M8.799 246.28c-1.128-2.352-12.843-23.709 10.756-36.796 1.604-.889 21.4-6.732 39.538 9.496 1.986 1.777 3.89 3.125 4.717 4.454 1.235 1.983 1.859 3 1.473 4.895-.337 1.66-1.343 3.18-3.291 6.734-.984 1.795-1.619 2.992-1.196 6.831.154 1.389.548 3.436.042 5.766-2.872 13.231-31.213 11.657-33.076 11.656h-.007c-2.936-.003-12.714-.01-18.956-13.036Z",
+    lineHighlightPath: [
+      "M32.14 255.091c.748-.303 2.28-2.378 3.103-5.721m-1.99-35.481c3.009 1.363 4.015 4.888 3.736 8.716m0 0c-.424 5.835-3.832 12.377-7.683 13.049 6.954 1.18 7.244 8.414 5.937 13.716m1.746-26.765c.327-2.24 1.82-6.958 5.19-7.91m-6.936 34.675c.65 2.172 2.55 6.507 4.967 6.471"
+    ]
+  },
+  {
+    position: 8,
+    type: "Third Molar",
+    outlinePath: "M.895 291.331c-.362-1.218-.116-3.411-.164-3.892-.035-.34.124-3.438.727-5.558 1.04-2.82 1.808-4.74 2.573-5.752 1.413-1.872 3.913-4.769 7.135-7.2 2.288-1.726 5.003-3.187 8.133-4.339 2.249-.828 4.362-1.502 7.732-1.693 2.175-.123 5.25-.155 8.782.108s7.403.804 10.353 1.397 4.92 1.218 6.641 1.893c1.722.675 3.148 1.389 3.972 1.768 1.51.696 2.9 1.209 3.824 2.14 1.857 1.872 2.617 3.334 2.912 4.807.254 1.27.252 3.216-.224 4.531-.672 1.859-1.468 2.856-1.468 5.7 0 3.857 1.713 5.95 1.915 8.356.337 4.008.317 6.168-.42 7.485-.591 1.057-1.532 2.383-5.541 5.088-1.173.791-2.684 1.634-6.643 3.424-2.762 1.248-6.977 3.108-9.205 4.107-2.473 1.109-4.667 2.226-8.234 3.053-2.54.589-5.631.784-9.012.186-2.307-.408-5.449-1.183-9.107-3.827-3.928-2.839-6.53-4.897-7.497-6.041-.866-1.026-1.714-2.082-2.412-3.555-.904-1.905-2.272-3.643-3-5.916-.846-2.633-1.167-4.233-1.772-6.27Z",
+    shadowPath: "M4.732 291.175c-.317-1.07-.101-2.994-.144-3.416-.03-.299.11-3.019.638-4.88.914-2.476 1.588-4.161 2.26-5.05 1.24-1.643 3.434-4.187 6.263-6.321 2.009-1.515 4.393-2.797 7.14-3.809 1.974-.727 3.83-1.318 6.788-1.486 1.91-.108 4.61-.136 7.71.095 3.1.231 6.498.706 9.088 1.226 2.59.521 4.319 1.07 5.83 1.662 1.512.592 2.764 1.22 3.487 1.553 1.326.61 2.547 1.061 3.357 1.878 1.63 1.643 2.298 2.927 2.557 4.22.223 1.115.221 2.824-.196 3.978-.59 1.632-1.29 2.507-1.29 5.004 0 3.385 1.504 5.223 1.682 7.335.296 3.519.278 5.416-.369 6.571-.52.928-1.345 2.093-4.865 4.467-1.03.695-2.355 1.435-5.831 3.006-2.425 1.096-6.126 2.728-8.082 3.606-2.17.973-4.096 1.954-7.228 2.68-2.229.517-4.944.688-7.912.163-2.024-.358-4.783-1.038-7.995-3.359-3.448-2.493-5.732-4.299-6.58-5.304-.761-.901-1.505-1.827-2.119-3.121-.793-1.672-1.994-3.198-2.634-5.193-.742-2.312-1.024-3.717-1.555-5.505Z",
+    lineHighlightPath: [
+      "M31.732 309.511c1.462-.897 2.585-3.672 2.93-6.726m-2.93-29.453c2.114 1.092 3.49 4.44 3.61 8.062m4.133-7.58c-1.353 1.058-4.074 4.057-4.134 7.58m0 0c.155 4.693-1.797 9.846-6.983 11.152 5.379-.357 6.859 5.305 6.303 10.239m4.557 7.24c-1.678-.671-4.938-3.058-4.557-7.24"
+    ]
+  }
+], wn = [
+  {
+    position: 1,
+    type: "Primary Central Incisor",
+    transform: "translate(360.75 13.3) scale(-0.75 0.75)",
+    outlinePath: "M176 5C170 6 165 10 164 17c-1 8 1 18 4 25 3 7 7 12 12 15 4 2 10 2 14-1 6-5 10-13 12-22 1-7 1-14-2-19-4-7-12-11-18-10Z",
+    shadowPath: "M178 10c-5 1-8 5-9 10-1 7 1 15 4 21 2 5 5 9 9 11 3 1 7 1 10-2 5-4 8-10 9-18 1-6 1-11-2-15-3-5-9-8-15-7Z",
+    lineHighlightPath: "M170 19c4-5 15-7 24-3"
+  },
+  {
+    position: 2,
+    type: "Primary Lateral Incisor",
+    transform: "translate(36.75 10.5) scale(0.75)",
+    outlinePath: "M177 21c5-5 15-6 22-3 7 3 11 10 11 18 0 10-5 20-12 25-6 4-14 3-20-2-6-5-9-13-8-22 0-7 2-12 7-16Z",
+    shadowPath: "M180 25c4-4 12-4 17-2 6 3 8 8 8 15 0 8-4 16-10 20-5 3-11 2-15-2-4-4-6-10-5-17 0-6 2-11 5-14Z",
+    lineHighlightPath: "M178 36c5-4 14-5 20-1"
+  },
+  {
+    position: 3,
+    type: "Primary Canine",
+    transform: "translate(24.75 10.25) scale(0.75)",
+    outlinePath: "M135 49c1-12 7-24 16-32 4-4 10-4 14-1 7 6 8 17 5 27-3 11-10 20-19 23-6 2-13-2-15-8-2-3-2-6-1-9Z",
+    shadowPath: "M140 49c1-10 6-19 13-26 3-3 7-3 10 0 5 5 5 14 3 22-3 9-8 16-15 19-4 1-9-2-10-6-1-3-1-6-1-9Z",
+    lineHighlightPath: ["M142 52c2-10 7-18 14-24", "M156 28c4 8 3 17-1 25"]
+  },
+  {
+    position: 4,
+    type: "Primary First Molar",
+    transform: "translate(19.5 11) scale(0.75)",
+    outlinePath: "M82 19c10-7 26-7 36 0 9 7 12 19 8 30-4 12-15 19-28 20-13 1-25-4-31-14-6-11-3-26 15-36Z",
+    shadowPath: "M85 24c8-5 21-5 29 1 7 5 9 15 6 24-4 9-12 15-23 16-11 1-20-3-25-11-5-9-2-20 13-26Z",
+    lineHighlightPath: [
+      "M78 42c6-5 13-7 19-4 5 2 7 7 8 11",
+      "M105 49c5-6 11-7 16-3",
+      "M97 27c1 7 1 15 0 22"
+    ]
+  },
+  {
+    position: 5,
+    type: "Primary Second Molar",
+    transform: "translate(4.5 11.25) scale(0.75)",
+    outlinePath: "M23 16c11-6 28-5 39 3 10 8 13 21 9 33-5 13-17 21-32 22-16 1-29-5-35-17-6-12-1-31 19-41Z",
+    shadowPath: "M27 21c9-5 23-4 32 3 8 6 10 17 7 27-4 10-14 17-27 18-13 1-23-4-28-14-5-10-1-25 16-34Z",
+    lineHighlightPath: [
+      "M18 43c7-6 15-8 23-5 5 3 8 8 10 13",
+      "M51 51c6-7 14-8 20-3",
+      "M40 28c2 8 2 17 0 26"
+    ]
+  }
+], bn = [
+  {
+    position: 1,
+    type: "Primary Central Incisor",
+    outlinePath: "M176 5C170 6 165 10 164 17c-1 8 1 18 4 25 3 7 7 12 12 15 4 2 10 2 14-1 6-5 10-13 12-22 1-7 1-14-2-19-4-7-12-11-18-10Z",
+    shadowPath: "M178 10c-5 1-8 5-9 10-1 7 1 15 4 21 2 5 5 9 9 11 3 1 7 1 10-2 5-4 8-10 9-18 1-6 1-11-2-15-3-5-9-8-15-7Z",
+    lineHighlightPath: "M170 19c4-5 15-7 24-3"
+  },
+  {
+    position: 2,
+    type: "Primary Lateral Incisor",
+    outlinePath: "M137 15c-6 1-11 5-13 10-3 7-2 16 1 23 3 7 8 12 14 15 5 2 11 1 15-3 5-5 7-12 7-20 0-7-2-14-6-18-5-6-12-8-18-7Z",
+    shadowPath: "M139 20c-5 1-8 4-10 8-2 6-1 13 2 19 2 5 6 9 10 11 4 1 8 1 11-3 4-4 5-10 5-16 0-6-2-11-5-14-4-4-8-6-13-5Z",
+    lineHighlightPath: "M130 29c5-5 15-7 23-3"
+  },
+  {
+    position: 3,
+    type: "Primary Canine",
+    outlinePath: "M95 38c1-9 6-16 13-21 5-4 13-3 18 1 6 5 9 13 8 21-1 8-6 16-12 21-5 5-12 8-18 5-7-3-11-11-9-27Z",
+    shadowPath: "M100 40c1-7 5-12 10-16 4-3 10-2 14 1 5 4 6 10 6 16-1 7-4 13-10 18-4 3-9 5-13 3-5-3-8-9-7-22Z",
+    lineHighlightPath: [
+      "M102 47c2-8 7-14 14-18",
+      "M116 29c4 7 4 15 1 23"
+    ]
+  },
+  {
+    position: 4,
+    type: "Primary First Molar",
+    outlinePath: "M57 108c3-9 12-15 23-16 12-1 24 4 30 13 5 8 5 19 0 27-5 9-16 14-28 15-12 1-24-3-29-12-5-8-3-19 4-27Z",
+    shadowPath: "M62 111c3-7 10-11 19-12 10-1 20 3 25 10 4 6 4 14 0 21-5 7-13 10-24 11-10 1-19-2-24-9-4-6-2-14 4-21Z",
+    lineHighlightPath: [
+      "M67 120c5-5 10-7 15-5 4 2 6 5 8 8",
+      "M90 123c5-5 11-6 16-2",
+      "M82 107c1 6 1 12 0 18"
+    ]
+  },
+  {
+    position: 5,
+    type: "Primary Second Molar",
+    outlinePath: "M13 162c4-11 15-19 29-20 15-2 29 3 37 14 7 10 7 23 1 34-7 12-20 18-35 19-15 1-29-4-36-15-6-10-3-22 4-32Z",
+    shadowPath: "M19 165c4-8 12-14 24-16 12-1 24 3 30 12 5 8 5 18 1 27-6 9-16 14-30 15-12 1-24-3-30-12-5-8-2-18 5-26Z",
+    lineHighlightPath: [
+      "M24 178c5-7 13-10 20-7 5 2 7 7 9 12",
+      "M53 183c6-7 14-8 21-3",
+      "M43 157c2 8 2 17 0 26"
+    ]
+  }
+], Mt = {
+  arch: {
+    viewBox: "0 0 409 694",
+    quadrants: [
+      { quadrant: 1, transform: "" },
+      { quadrant: 2, transform: "scale(-1, 1) translate(-409, 0)" },
+      { quadrant: 4, transform: "scale(1, -1) translate(0, -694)" },
+      { quadrant: 3, transform: "scale(-1, -1) translate(-409, -694)" }
+    ]
+  },
+  horizontal: {
+    viewBox: "0 0 900 150",
+    quadrants: [
+      { quadrant: 1, transform: "" },
+      { quadrant: 2, transform: "translate(840, 0) scale(-1, 1) translate(-55,0)" },
+      { quadrant: 4, transform: "scale(1, -1) translate(0, -150)" },
+      { quadrant: 3, transform: "translate(840, 0) scale(-1, -1) translate(-55,-150)" }
+    ]
+  }
+};
+function fe(t, e, n = !1) {
+  return `scale(${n ? -1 : 1}, -1) translate(${n ? -409 : 0}, -${e})`;
+}
+const Mn = {
+  /**
+   * Mirrors each central incisor while moving it four units away from the
+   * midline. The pair gains eight units of clearance, about 20% of its
+   * provisional width.
+   */
+  "Primary Central Incisor": "translate(366 0) scale(-1 1)",
+  /**
+   * Moves each lateral incisor away from the midline only on the x-axis. Its
+   * SVG geometry is already correctly aligned, so no rotation is applied.
+   */
+  "Primary Lateral Incisor": "translate(-6 0)",
+  /**
+   * Moves the canine only on the x-axis to keep a compact two-unit clearance
+   * from the lateral incisor, so the lower arch stays an exact vertical
+   * reflection of the upper curve.
+   */
+  "Primary Canine": "translate(209 20) scale(-1 1)",
+  /**
+   * Keeps 54/84 20 units left and 64/74 20 units right in screen space;
+   * horizontal quadrant reflection reverses the local x-axis for 64 and 74.
+   */
+  "Primary First Molar": "translate(-20 -4)",
+  "Primary Second Molar": "translate(0 6)"
+}, At = {
+  viewBox: "0 0 409 461",
+  quadrants: [
+    { quadrant: 5, transform: "" },
+    { quadrant: 6, transform: "scale(-1, 1) translate(-409, 0)" },
+    { quadrant: 8, transform: fe(409, 461) },
+    { quadrant: 7, transform: fe(409, 461, !0) }
+  ],
+  toothTransforms: Mn
+}, xt = (t) => Math.round(t * 1e3) / 1e3, Cn = 447.5, kn = 260, $n = 1.1, me = 16.9, ge = 66.9, Sn = 53.7, Pn = 95.8, In = 150, ye = 80, Tn = 40;
+function Bn() {
+  const t = $n, e = xt(Cn - kn * t), n = Sn + ye, a = xt(n - me * t), o = a + ge * t, s = xt(o + Tn + ge * t), r = s - me * t, i = xt(r + ye - Pn), l = Math.ceil(In + i), u = (h) => `translate(${e}, ${h}) scale(${t})`, d = Mt.horizontal.quadrants.map(({ quadrant: h, transform: c }) => ({
+    quadrant: h,
+    transform: h === 3 || h === 4 ? `translate(0, ${i}) ${c}`.trim() : c
+  }));
+  return {
+    viewBox: `0 0 900 ${l}`,
+    permanent: d,
+    primary: [
+      { quadrant: 5, transform: u(a) },
+      { quadrant: 6, transform: `${u(a)} translate(520, 0) scale(-1, 1)` },
+      { quadrant: 8, transform: `${u(s)} scale(1, -1)` },
+      { quadrant: 7, transform: `${u(s)} translate(520, 0) scale(-1, -1)` }
+    ]
+  };
+}
+const _n = 409, Fn = 694, Ln = 461, zn = 0.58, Nn = 140, Dn = 4.8;
+function Zn() {
+  const t = zn, e = xt(_n / 2 * (1 - t)), n = xt(Nn - Dn * t), a = xt(Fn - n - Ln * t), o = (s) => `translate(${e}, ${s}) scale(${t})`;
+  return {
+    viewBox: Mt.arch.viewBox,
+    permanent: Mt.arch.quadrants,
+    primary: At.quadrants.map(({ quadrant: s, transform: r }) => ({
+      quadrant: s,
+      transform: `${o(s === 5 || s === 6 ? n : a)} ${r}`.trim()
+    }))
+  };
+}
+const En = {
+  arch: Zn(),
+  horizontal: Bn()
+}, qn = {
+  permanent: {
+    upper: { right: 1, left: 2 },
+    lower: { right: 4, left: 3 }
+  },
+  primary: {
+    upper: { right: 5, left: 6 },
+    lower: { right: 8, left: 7 }
+  }
+};
+function Ws(t, e, n) {
+  return qn[t][e][n];
+}
+function Hn(t, e) {
+  const n = t === "permanent" ? 1 : 5;
+  return Number.isInteger(e) && e >= n && e <= n + 3;
+}
+const Le = {
+  permanent: 8,
+  primary: 5
+};
+function Rn(t, e, n, a = "FDI") {
+  if (!Hn(t, e))
+    throw new RangeError(`Quadrant ${e} is not valid for ${t} dentition.`);
+  const o = Le[t];
+  if (!Number.isInteger(n) || n < 1 || n > o)
+    throw new RangeError(
+      `Position ${n} is not valid for ${t} dentition; expected 1–${o}.`
+    );
+  if (a !== "FDI")
+    throw new Error(`Tooth IDs are always FDI; format ${a} numbers with formatToothNumber.`);
+  return `${e}${n}`;
+}
+const An = ["upper-right", "upper-left", "lower-left", "lower-right"], On = {
+  "upper-right": (t) => `${t}┘`,
+  "upper-left": (t) => `└${t}`,
+  "lower-left": (t) => `┌${t}`,
+  "lower-right": (t) => `${t}┐`
+}, Vn = {
+  "upper-right": "UR",
+  "upper-left": "UL",
+  "lower-left": "LL",
+  "lower-right": "LR"
+};
+function te(t) {
+  const e = /^([1-8])([1-8])$/.exec(t), n = Number(e == null ? void 0 : e[1]), a = Number(e == null ? void 0 : e[2]), o = n > 4;
+  if (!e || a > Le[o ? "primary" : "permanent"])
+    throw new RangeError(`"${t}" is not a valid FDI tooth ID.`);
+  return { quadrant: n, position: a, primary: o };
+}
+const jn = [
+  "Central Incisor",
+  "Lateral Incisor",
+  "Canine",
+  "First Premolar",
+  "Second Premolar",
+  "First Molar",
+  "Second Molar",
+  "Third Molar"
+], Qn = [
+  "Primary Central Incisor",
+  "Primary Lateral Incisor",
+  "Primary Canine",
+  "Primary First Molar",
+  "Primary Second Molar"
+];
+function Wn(t) {
+  const { position: e, primary: n } = te(t);
+  return (n ? Qn : jn)[e - 1];
+}
+function ze(t) {
+  const { quadrant: e } = te(t);
+  return An[(e - 1) % 4];
+}
+function ft(t, e, n = "symbol") {
+  if (e === "FDI")
+    return t;
+  const { quadrant: a, position: o, primary: s } = te(t);
+  if (e === "Universal") {
+    const l = s ? 5 : 8, u = (a - 1) % 4, d = u === 0 || u === 2, h = u * l + (d ? l - o : o - 1);
+    return s ? String.fromCharCode(65 + h) : String(h + 1);
+  }
+  const r = s ? String.fromCharCode(64 + o) : String(o), i = ze(t);
+  return n === "symbol" ? On[i](r) : `${Vn[i]}${r}`;
+}
+const ee = {
+  viewBox: "0 0 520 180",
+  quadrants: [
+    { quadrant: 5, transform: "translate(0, 105)" },
+    { quadrant: 6, transform: "translate(520, 105) scale(-1, 1)" },
+    { quadrant: 8, transform: "translate(0, 75) scale(1, -1)" },
+    { quadrant: 7, transform: "translate(520, 75) scale(-1, -1)" }
+  ]
+};
+ee.quadrants.map(({ quadrant: t }) => t);
+const Yt = {
+  arch: { dentition: "permanent", quadrants: Mt.arch.quadrants, shapes: xn },
+  horizontal: {
+    dentition: "permanent",
+    quadrants: Mt.horizontal.quadrants,
+    shapes: pn
+  }
+}, Jt = {
+  arch: {
+    dentition: "primary",
+    quadrants: At.quadrants,
+    shapes: bn,
+    toothTransforms: At.toothTransforms
+  },
+  horizontal: {
+    dentition: "primary",
+    quadrants: ee.quadrants,
+    shapes: wn
+  }
+};
+function ve(t) {
+  const { viewBox: e, permanent: n, primary: a } = En[t];
+  return {
+    viewBox: e,
+    parts: [
+      { ...Yt[t], quadrants: n },
+      { ...Jt[t], quadrants: a }
+    ]
+  };
+}
+const Xn = {
+  permanent: {
+    arch: { viewBox: Mt.arch.viewBox, parts: [Yt.arch] },
+    horizontal: { viewBox: Mt.horizontal.viewBox, parts: [Yt.horizontal] }
+  },
+  primary: {
+    arch: { viewBox: At.viewBox, parts: [Jt.arch] },
+    horizontal: { viewBox: ee.viewBox, parts: [Jt.horizontal] }
+  },
+  mixed: {
+    arch: ve("arch"),
+    horizontal: ve("horizontal")
+  }
+};
+function Ne(t, e) {
+  return Xn[t][e];
+}
+function ne(t, e) {
+  return Ne(t, e).parts.flatMap(
+    (n) => n.quadrants.map(({ quadrant: a, transform: o }) => ({
+      quadrant: a,
+      transform: o,
+      teeth: n.shapes.map((s) => {
+        var r;
+        return {
+          tooth: {
+            id: Rn(n.dentition, a, s.position),
+            position: s.position,
+            quadrant: a,
+            dentition: n.dentition,
+            type: s.type,
+            shape: s
+          },
+          transform: (r = n.toothTransforms) == null ? void 0 : r[s.type]
+        };
+      })
+    }))
+  );
+}
+function Kn(t, e) {
+  return ne(t, e).flatMap(({ teeth: n }) => n.map(({ tooth: a }) => a.id));
+}
+const Un = [1, 0, 0, 1, 0, 0];
+function _t(t, e) {
+  const [n, a, o, s, r, i] = t, [l, u, d, h, c, m] = e;
+  return [
+    n * l + o * u,
+    a * l + s * u,
+    n * d + o * h,
+    a * d + s * h,
+    n * c + o * m + r,
+    a * c + s * m + i
+  ];
+}
+function Gn([t, e, n, a, o, s], { x: r, y: i }) {
+  return { x: t * r + n * i + o, y: e * r + a * i + s };
+}
+const Yn = /(matrix|translate|scale|rotate|skewX|skewY)\s*\(([^)]*)\)/g;
+function Gt(t) {
+  let e = Un;
+  for (const [, n, a] of (t ?? "").matchAll(Yn)) {
+    const o = a.trim().split(/[\s,]+/).filter(Boolean).map(Number);
+    e = _t(e, Jn(n, o));
+  }
+  return e;
+}
+function Jn(t, e) {
+  switch (t) {
+    case "matrix":
+      return [e[0], e[1], e[2], e[3], e[4], e[5]];
+    case "translate":
+      return [1, 0, 0, 1, e[0] ?? 0, e[1] ?? 0];
+    case "scale":
+      return [e[0], 0, 0, e[1] ?? e[0], 0, 0];
+    case "rotate": {
+      const n = (e[0] ?? 0) * Math.PI / 180, a = Math.cos(n), o = Math.sin(n), s = e[1] ?? 0, r = e[2] ?? 0, i = [a, o, -o, a, 0, 0];
+      return _t(
+        _t([1, 0, 0, 1, s, r], i),
+        [1, 0, 0, 1, -s, -r]
+      );
+    }
+    case "skewX":
+      return [1, 0, Math.tan((e[0] ?? 0) * Math.PI / 180), 1, 0, 0];
+    default:
+      return [1, Math.tan((e[0] ?? 0) * Math.PI / 180), 0, 1, 0, 0];
+  }
+}
+function Lt(t) {
+  if (!t.length)
+    return { x: 0, y: 0, width: 0, height: 0 };
+  let e = 1 / 0, n = 1 / 0, a = -1 / 0, o = -1 / 0;
+  for (const { x: s, y: r } of t)
+    e = Math.min(e, s), n = Math.min(n, r), a = Math.max(a, s), o = Math.max(o, r);
+  return { x: e, y: n, width: a - e, height: o - n };
+}
+function to(t, e) {
+  return Lt(
+    [
+      { x: e.x, y: e.y },
+      { x: e.x + e.width, y: e.y },
+      { x: e.x, y: e.y + e.height },
+      { x: e.x + e.width, y: e.y + e.height }
+    ].map((n) => Gn(t, n))
+  );
+}
+function De(t) {
+  return Lt(eo(t));
+}
+function eo(t) {
+  const e = new oo(t), n = [];
+  let a = { x: 0, y: 0 }, o = a, s, r = "", i = "";
+  for (; e.hasMore(); ) {
+    const l = e.readCommand();
+    if (l)
+      i = l;
+    else if (!i)
+      throw new SyntaxError(`Invalid SVG path: ${t}`);
+    const u = i === i.toLowerCase(), d = u ? a : { x: 0, y: 0 }, h = () => ({
+      x: d.x + e.readNumber(),
+      y: d.y + e.readNumber()
+    });
+    let c;
+    switch (i.toUpperCase()) {
+      case "M":
+        a = h(), o = a, n.push(a), i = u ? "l" : "L";
+        break;
+      case "L":
+        a = h(), n.push(a);
+        break;
+      case "H":
+        a = { x: (u ? a.x : 0) + e.readNumber(), y: a.y }, n.push(a);
+        break;
+      case "V":
+        a = { x: a.x, y: (u ? a.y : 0) + e.readNumber() }, n.push(a);
+        break;
+      case "C": {
+        const m = h();
+        c = h();
+        const p = h();
+        n.push(...be(a, m, c, p)), a = p;
+        break;
+      }
+      case "S": {
+        const m = pe(a, s, r, "CS");
+        c = h();
+        const p = h();
+        n.push(...be(a, m, c, p)), a = p;
+        break;
+      }
+      case "Q": {
+        c = h();
+        const m = h();
+        n.push(...Me(a, c, m)), a = m;
+        break;
+      }
+      case "T": {
+        c = pe(a, s, r, "QT");
+        const m = h();
+        n.push(...Me(a, c, m)), a = m;
+        break;
+      }
+      case "A": {
+        const m = Math.abs(e.readNumber()), p = Math.abs(e.readNumber()), b = e.readNumber(), C = e.readFlag(), M = e.readFlag(), w = h();
+        n.push(...no(a, m, p, b, C, M, w)), a = w;
+        break;
+      }
+      case "Z":
+        a = o;
+        break;
+      default:
+        throw new SyntaxError(`Unsupported SVG path command "${i}".`);
+    }
+    s = c, r = i.toUpperCase(), r === "Z" && (i = "");
+  }
+  return n;
+}
+function pe(t, e, n, a) {
+  return !e || !a.includes(n) ? t : { x: 2 * t.x - e.x, y: 2 * t.y - e.y };
+}
+function xe(t, e, n, a, o) {
+  const s = 1 - o;
+  return s * s * s * t + 3 * s * s * o * e + 3 * s * o * o * n + o * o * o * a;
+}
+function we(t, e, n, a) {
+  const o = -t + 3 * e - 3 * n + a, s = 2 * (t - 2 * e + n), r = e - t, i = 1e-12;
+  if (Math.abs(o) < i)
+    return Math.abs(s) < i ? [] : [-r / s];
+  const l = s * s - 4 * o * r;
+  if (l < 0)
+    return [];
+  const u = Math.sqrt(l);
+  return [(-s + u) / (2 * o), (-s - u) / (2 * o)];
+}
+function be(t, e, n, a) {
+  return [
+    ...[
+      ...we(t.x, e.x, n.x, a.x),
+      ...we(t.y, e.y, n.y, a.y)
+    ].filter((s) => s > 0 && s < 1).map((s) => ({
+      x: xe(t.x, e.x, n.x, a.x, s),
+      y: xe(t.y, e.y, n.y, a.y, s)
+    })),
+    a
+  ];
+}
+function Me(t, e, n) {
+  const a = [];
+  for (const o of ["x", "y"]) {
+    const s = t[o] - 2 * e[o] + n[o];
+    if (s === 0)
+      continue;
+    const r = (t[o] - e[o]) / s;
+    if (r > 0 && r < 1) {
+      const i = 1 - r;
+      a.push({
+        x: i * i * t.x + 2 * i * r * e.x + r * r * n.x,
+        y: i * i * t.y + 2 * i * r * e.y + r * r * n.y
+      });
+    }
+  }
+  return [...a, n];
+}
+function no(t, e, n, a, o, s, r) {
+  if (e === 0 || n === 0 || t.x === r.x && t.y === r.y)
+    return [r];
+  const i = a * Math.PI / 180, l = Math.cos(i), u = Math.sin(i), d = (t.x - r.x) / 2, h = (t.y - r.y) / 2, c = l * d + u * h, m = -u * d + l * h, p = c * c / (e * e) + m * m / (n * n);
+  if (p > 1) {
+    const j = Math.sqrt(p);
+    e *= j, n *= j;
+  }
+  const b = e * e * n * n - e * e * m * m - n * n * c * c, C = e * e * m * m + n * n * c * c, w = (o === s ? -1 : 1) * Math.sqrt(Math.max(0, b / C)), k = w * e * m / n, v = -w * n * c / e, f = l * k - u * v + (t.x + r.x) / 2, I = u * k + l * v + (t.y + r.y) / 2, E = (j, J) => Math.atan2(J, j), F = E((c - k) / e, (m - v) / n);
+  let L = E((-c - k) / e, (-m - v) / n) - F;
+  s && L < 0 ? L += 2 * Math.PI : !s && L > 0 && (L -= 2 * Math.PI);
+  const _ = (j) => ({
+    x: f + e * l * Math.cos(j) - n * u * Math.sin(j),
+    y: I + e * u * Math.cos(j) + n * l * Math.sin(j)
+  }), N = Math.atan2(-n * u, e * l), D = Math.atan2(n * l, e * u), Q = [];
+  for (const j of [N, N + Math.PI, D, D + Math.PI]) {
+    const J = 2 * Math.PI;
+    (s ? ((j - F) % J + J) % J : ((F - j) % J + J) % J) < Math.abs(L) && Q.push(_(j));
+  }
+  return [...Q, r];
+}
+class oo {
+  constructor(e) {
+    ce(this, "index", 0);
+    this.source = e;
+  }
+  hasMore() {
+    return this.skipSeparators(), this.index < this.source.length;
+  }
+  readCommand() {
+    this.skipSeparators();
+    const e = this.source[this.index];
+    if (e && /[MmLlHhVvCcSsQqTtAaZz]/.test(e))
+      return this.index += 1, e;
+  }
+  readNumber() {
+    this.skipSeparators();
+    const e = /^[-+]?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/.exec(
+      this.source.slice(this.index)
+    );
+    if (!e)
+      throw new SyntaxError(`Expected a number at ${this.index} in SVG path.`);
+    return this.index += e[0].length, Number(e[0]);
+  }
+  /** Arc flags are a single 0/1 character and may touch the next number. */
+  readFlag() {
+    this.skipSeparators();
+    const e = this.source[this.index];
+    if (e !== "0" && e !== "1")
+      throw new SyntaxError(`Expected an arc flag at ${this.index} in SVG path.`);
+    return this.index += 1, e === "1";
+  }
+  skipSeparators() {
+    for (; this.index < this.source.length && /[\s,]/.test(this.source[this.index]); )
+      this.index += 1;
+  }
+}
+const ao = /* @__PURE__ */ new Set([1, 2, 5, 6]), Ce = /* @__PURE__ */ new Map(), ke = /* @__PURE__ */ new Map();
+function so(t) {
+  let e = Ce.get(t);
+  return e || (e = De(t), Ce.set(t, e)), e;
+}
+function ro(t) {
+  const [e = 0, n = 0, a = 0, o = 0] = t.trim().split(/[\s,]+/).map(Number);
+  return { x: e, y: n, width: a, height: o };
+}
+function io(t, e) {
+  const n = `${t}:${e}`, a = ke.get(n);
+  if (a)
+    return a;
+  const o = ne(t, e).flatMap(({ quadrant: s, transform: r, teeth: i }) => {
+    const l = Gt(r);
+    return i.map(({ tooth: u, transform: d }) => {
+      const h = _t(
+        _t(l, Gt(u.shape.transform)),
+        Gt(d)
+      ), c = to(h, so(u.shape.outlinePath)), m = ao.has(s) ? "upper" : "lower", p = u.dentition;
+      return {
+        toothId: u.id,
+        quadrant: s,
+        arch: m,
+        dentition: p,
+        row: `${m}-${p}`,
+        box: c,
+        center: { x: c.x + c.width / 2, y: c.y + c.height / 2 }
+      };
+    });
+  });
+  return ke.set(n, o), o;
+}
+function co(t, e) {
+  return ro(Ne(t, e).viewBox);
+}
+const lo = 0.24, $e = /* @__PURE__ */ new Set([1, 4, 5, 8]);
+function $t({ x: t, y: e }) {
+  const n = Math.hypot(t, e) || 1;
+  return { x: t / n, y: e / n };
+}
+function Ft(t, e, n) {
+  const a = n.x ? t / 2 / Math.abs(n.x) : 1 / 0, o = n.y ? e / 2 / Math.abs(n.y) : 1 / 0;
+  return Math.min(a, o);
+}
+function Ze(t) {
+  return Math.hypot(t.width, t.height) / 2 * 0.82;
+}
+function Ee(t) {
+  return Math.max(1, t * 0.06);
+}
+function uo(t) {
+  const e = [...t].sort((a, o) => a - o), n = Math.floor(e.length / 2);
+  return e.length % 2 ? e[n] : (e[n - 1] + e[n]) / 2;
+}
+function qe(t, e, n) {
+  const a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = t.length ? Math.round(lo * uo(t.map(({ box: i }) => i.width)) * 10) / 10 : 0, r = { x: e.x + e.width / 2, y: e.y + e.height / 2 };
+  for (const i of new Set(t.map(({ row: l }) => l))) {
+    const l = (d) => {
+      const h = Number(d.toothId.slice(1));
+      return $e.has(d.quadrant) ? -h : h;
+    }, u = t.filter((d) => d.row === i).sort((d, h) => l(d) - l(h));
+    o.set(
+      i,
+      u.map(({ toothId: d }) => d)
+    ), u.forEach((d, h) => {
+      const { center: c, box: m } = d, p = { x: r.x - c.x, y: r.y - c.y }, b = { x: 0, y: Math.sign(p.y) || 1 }, C = u[h - 1] ?? d, M = u[h + 1] ?? d, w = u.length > 1 ? $t({ x: M.center.x - C.center.x, y: M.center.y - C.center.y }) : { x: 1, y: 0 };
+      let k;
+      n === "horizontal" ? k = b : u.length > 1 ? (k = { x: -w.y, y: w.x }, k.x * p.x + k.y * p.y < 0 && (k = { x: -k.x, y: -k.y })) : k = $t(p);
+      const v = $e.has(d.quadrant) ? w : { x: -w.x, y: -w.y };
+      a.set(d.toothId, {
+        toothId: d.toothId,
+        arch: d.arch,
+        row: i,
+        box: m,
+        center: c,
+        size: Math.min(m.width, m.height),
+        inner: k,
+        outer: { x: -k.x, y: -k.y },
+        occlusal: b,
+        mesial: v
+      });
+    });
+  }
+  return { frames: a, order: o, fontSize: s, gap: s * 0.3 };
+}
+const ho = 0.62, He = 0.2, Et = (t) => Math.round(t * 100) / 100;
+function Re(t, e, n, a, o) {
+  const s = o === "Palmer", r = s ? ft(t, o, "text").slice(2) : ft(t, o), i = s ? a * He : 0, l = a * ho * r.length + 2 * i, u = a + 2 * i, d = { x: e - l / 2, y: n - u / 2, width: l, height: u };
+  return {
+    toothId: t,
+    text: r,
+    x: e,
+    y: n,
+    fontSize: a,
+    ...s ? { corner: fo(ze(t), d) } : {},
+    box: d
+  };
+}
+function fo(t, { x: e, y: n, width: a, height: o }) {
+  const s = t.startsWith("upper"), r = t.endsWith("right"), i = Et(s ? n + o : n), l = Et(s ? n : n + o), u = Et(r ? e + a : e);
+  return `M${Et(r ? e : e + a)} ${i} L${u} ${i} L${u} ${l}`;
+}
+function mo(t, e, n, a = "FDI") {
+  if (!t.length)
+    return [];
+  const { frames: o, fontSize: s, gap: r } = qe(t, e, n), i = { x: e.x + e.width / 2, y: e.y + e.height / 2 };
+  if (n === "horizontal")
+    return go(t, i, s, r, a);
+  const l = [];
+  for (const { toothId: u, box: d, center: h } of t) {
+    const c = o.get(u).inner, m = (k) => Re(u, h.x + c.x * k, h.y + c.y * k, s, a), { width: p, height: b } = m(0).box, C = Ft(d.width, d.height, c) + r + Ft(p, b, c), M = C + s * 4;
+    let w = m(C);
+    for (let k = C; k <= M && (w = m(k), !!(t.some((f) => Se(f.box, w.box)) || l.some((f) => Se(f.box, w.box)))); k += r)
+      ;
+    l.push(w);
+  }
+  return l;
+}
+function go(t, e, n, a, o) {
+  const s = /* @__PURE__ */ new Map();
+  for (const r of new Set(t.map(({ row: i }) => i))) {
+    const i = t.filter((c) => c.row === r), l = i.reduce((c, { center: m }) => c + m.y, 0) / i.length, u = e.y >= l, d = u ? Math.max(...i.map(({ box: c }) => c.y + c.height)) : Math.min(...i.map(({ box: c }) => c.y)), h = n / 2 + (o === "Palmer" ? n * He : 0);
+    s.set(r, d + (u ? 1 : -1) * (a + h));
+  }
+  return t.map(
+    ({ toothId: r, row: i, center: l }) => Re(r, l.x, s.get(i), n, o)
+  );
+}
+function Se(t, e) {
+  return t.x < e.x + e.width && e.x < t.x + t.width && t.y < e.y + e.height && e.y < t.y + t.height;
+}
+const St = {
+  // Surfaces.
+  caries: { name: "Lesión de caries dental", symbol: { kind: "fill" }, tone: "bad" },
+  restoration: { name: "Restauración definitiva", symbol: { kind: "fill" }, tone: "good" },
+  "temporary-restoration": {
+    name: "Restauración temporal",
+    symbol: { kind: "outline" },
+    tone: "bad"
+  },
+  // Whole-tooth symbols.
+  extraction: { name: "Extracción", symbol: { kind: "cross" }, tone: "bad" },
+  fracture: { name: "Fractura", symbol: { kind: "line" }, tone: "bad" },
+  crown: { name: "Corona definitiva", symbol: { kind: "circle" }, tone: "good" },
+  "temporary-crown": { name: "Corona temporal", symbol: { kind: "circle" }, tone: "bad" },
+  extruded: {
+    name: "Diente extruido",
+    symbol: { kind: "arrow", direction: "occlusal" },
+    tone: "good"
+  },
+  intruded: {
+    name: "Diente intruido",
+    symbol: { kind: "arrow", direction: "apical" },
+    tone: "good"
+  },
+  rotated: { name: "Giroversión", symbol: { kind: "curved-arrow" }, tone: "good" },
+  migrated: { name: "Migración", symbol: { kind: "arrow", direction: "auto" }, tone: "good" },
+  erupting: { name: "Pieza dentaria en erupción", symbol: { kind: "zigzag" }, tone: "good" },
+  supernumerary: {
+    name: "Supernumerario",
+    symbol: { kind: "encircled-text", text: "S" },
+    tone: "good"
+  },
+  fusion: { name: "Fusión", symbol: { kind: "double-circle" }, tone: "good" },
+  peg: { name: "Diente en clavija", symbol: { kind: "triangle" }, tone: "good" },
+  // Abbreviations.
+  implant: { name: "Implante dental", symbol: { kind: "text", text: "IMP" }, tone: "good" },
+  "root-remnant": {
+    name: "Remanente radicular",
+    symbol: { kind: "text", text: "RR" },
+    tone: "bad"
+  },
+  mobility: { name: "Movilidad", symbol: { kind: "text", text: "M1" }, tone: "bad" },
+  discolored: { name: "Diente discrómico", symbol: { kind: "text", text: "DIS" }, tone: "bad" },
+  ectopic: { name: "Diente ectópico", symbol: { kind: "text", text: "E" }, tone: "bad" },
+  impacted: { name: "Impactación", symbol: { kind: "text", text: "I" }, tone: "bad" },
+  "semi-impacted": {
+    name: "Semi-impactación",
+    symbol: { kind: "text", text: "SI" },
+    tone: "bad"
+  },
+  macrodontia: { name: "Macrodoncia", symbol: { kind: "text", text: "MAC" }, tone: "good" },
+  microdontia: { name: "Microdoncia", symbol: { kind: "text", text: "MIC" }, tone: "good" },
+  worn: { name: "Superficie desgastada", symbol: { kind: "text", text: "DES" }, tone: "bad" },
+  "pulp-treatment": {
+    name: "Tratamiento pulpar",
+    symbol: { kind: "text", text: "TC" },
+    tone: "good"
+  },
+  "enamel-defect": {
+    name: "Defecto de desarrollo del esmalte",
+    symbol: { kind: "text", text: "HP" },
+    tone: "bad"
+  },
+  // Between two teeth.
+  diastema: { name: "Diastema", symbol: { kind: "diastema" }, tone: "good" },
+  transposition: { name: "Transposición", symbol: { kind: "transposition" }, tone: "good" },
+  // Across several teeth.
+  "fixed-prosthesis": { name: "Prótesis fija", symbol: { kind: "bridge" }, tone: "good" },
+  "removable-prosthesis": {
+    name: "Prótesis removible",
+    symbol: { kind: "double-line" },
+    tone: "good"
+  },
+  "complete-prosthesis": {
+    name: "Prótesis total",
+    symbol: { kind: "double-line" },
+    tone: "good"
+  },
+  "fixed-orthodontic-appliance": {
+    name: "Aparato ortodóntico fijo",
+    symbol: { kind: "brackets" },
+    tone: "good"
+  },
+  "removable-orthodontic-appliance": {
+    name: "Aparato ortodóntico removible",
+    symbol: { kind: "zigzag-line" },
+    tone: "good"
+  },
+  edentulous: { name: "Edéntulo total", symbol: { kind: "center-line" }, tone: "good" }
+}, G = [
+  "vestibular",
+  "mesial",
+  "occlusal",
+  "distal",
+  "lingual"
+], Xs = ["square", "circle"], yo = 2.4, vo = 0.4, po = 0.45, qt = 12, Pe = 3, Ae = /* @__PURE__ */ new Set([1, 2, 5, 6]), Ot = (t) => Math.round(t * 100) / 100;
+function xo(t, { x: e, y: n }) {
+  return Math.hypot(t.width / 2 * e, t.height / 2 * n);
+}
+function wt(t, e) {
+  return t === "occlusal" && Number(e.slice(1)) <= 3 ? "incisal" : t === "lingual" && Ae.has(Number(e[0])) ? "palatal" : t;
+}
+function Oe(t) {
+  return `${t.map(({ x: e, y: n }, a) => `${a ? "L" : "M"}${Ot(e)} ${Ot(n)}`).join(" ")} Z`;
+}
+function wo(t, e, n, a) {
+  const o = ({ x: r, y: i }) => r * e.x + i * e.y, s = (r, i) => r.flatMap((l, u) => {
+    const d = r[(u + 1) % r.length], h = i(l), c = i(d), m = h >= 0 ? [l] : [];
+    if (h >= 0 != c >= 0) {
+      const p = h / (h - c);
+      m.push({ x: l.x + (d.x - l.x) * p, y: l.y + (d.y - l.y) * p });
+    }
+    return m;
+  });
+  return s(s(t, (r) => o(r) - n), (r) => a - o(r));
+}
+function bo(t, e, n, a) {
+  if (a <= 1)
+    return e.points;
+  const o = e.surface === "mesial" || e.surface === "distal" ? t.axes.vestibular : t.axes.mesial, s = e.points.map(({ x: l, y: u }) => l * o.x + u * o.y), r = Math.min(...s), i = (Math.max(...s) - r) / a;
+  return wo(e.points, o, r + i * n, r + i * (n + 1));
+}
+function Mo(t, e, n = "square") {
+  return n === "circle" ? $o(t, t * po) : ko(t, e);
+}
+const Co = 0.22, Ie = 4;
+function ko(t, e) {
+  const n = (s, r, i, l) => {
+    const u = s * Co, d = (m) => m * Math.PI / 180, h = (s - u) * Math.sign(Math.round(Math.cos(d(r)) * 1e9)), c = (s - u) * Math.sign(Math.round(Math.sin(d(r)) * 1e9));
+    return Array.from({ length: Ie + 1 }, (m, p) => {
+      const b = d(i + (l - i) * p / Ie);
+      return [h + u * Math.cos(b), c + u * Math.sin(b)];
+    });
+  }, a = (s, r) => [
+    ...n(s, r - 45, r - 45, r),
+    ...n(s, r + 45, r, r + 45)
+  ], o = (s) => [...a(t, s), ...a(e, s).reverse()];
+  return {
+    vestibular: o(0),
+    mesial: o(90),
+    lingual: o(180),
+    distal: o(270),
+    occlusal: [0, 90, 180, 270].flatMap((s) => a(e, s).slice(1))
+  };
+}
+function $o(t, e) {
+  const n = (s, r) => {
+    const i = r * Math.PI / 180;
+    return [s * Math.cos(i), s * Math.sin(i)];
+  }, a = (s, r, i) => Array.from({ length: qt + 1 }, (l, u) => n(s, r + (i - r) * u / qt)), o = (s) => [...a(t, s - 45, s + 45), ...a(e, s + 45, s - 45)];
+  return {
+    vestibular: o(0),
+    mesial: o(90),
+    lingual: o(180),
+    distal: o(270),
+    occlusal: Array.from({ length: qt * 4 }, (s, r) => n(e, 360 * r / (qt * 4)))
+  };
+}
+function Ve(t, e, n, a, o = Math.max(0.5, Ot(a * 0.05)), s = "square") {
+  const { vestibular: r, mesial: i } = n, l = Mo(a / 2, a / 2 * vo, s), u = ([m, p]) => ({
+    x: e.x + r.x * m + i.x * p,
+    y: e.y + r.y * m + i.y * p
+  }), d = G.map((m) => {
+    const p = l[m].map(u);
+    return { surface: m, name: wt(m, t), d: Oe(p), points: p };
+  }), h = Lt(d.flatMap(({ points: m }) => m)), c = o / 2;
+  return {
+    toothId: t,
+    center: e,
+    size: a,
+    axes: n,
+    strokeWidth: o,
+    surfaces: d,
+    box: {
+      x: h.x - c,
+      y: h.y - c,
+      width: h.width + o,
+      height: h.height + o
+    }
+  };
+}
+const So = /* @__PURE__ */ new Set([1, 4, 5, 8]);
+function Po(t) {
+  const e = Number(t[0]);
+  return {
+    vestibular: { x: 0, y: Ae.has(e) ? -1 : 1 },
+    mesial: { x: So.has(e) ? 1 : -1, y: 0 }
+  };
+}
+function je({ points: t }) {
+  return {
+    x: t.reduce((e, { x: n }) => e + n, 0) / t.length,
+    y: t.reduce((e, { y: n }) => e + n, 0) / t.length
+  };
+}
+const Io = 0.12;
+function To(t, e) {
+  return t.map(
+    (n, a) => Math.max(...t.map((o, s) => o - e * Math.abs(a - s)))
+  );
+}
+function Bo(t, e, n) {
+  const a = (o) => {
+    const { center: s, outer: r } = t[o];
+    return { x: s.x + r.x * e[o], y: s.y + r.y * e[o] };
+  };
+  return e.map((o, s) => {
+    if (s < 2 || s > t.length - 3 || e.slice(s - 2, s + 3).some((b, C) => C !== 2 && b >= o))
+      return o;
+    const [i, l, u, d] = [a(s - 2), a(s - 1), a(s + 1), a(s + 2)], h = { x: (-i.x + 9 * l.x + 9 * u.x - d.x) / 16, y: (-i.y + 9 * l.y + 9 * u.y - d.y) / 16 }, { center: c, outer: m } = t[s], p = (h.x - c.x) * m.x + (h.y - c.y) * m.y;
+    return p < o ? Math.max(p, n[s]) : o;
+  });
+}
+function _o(t) {
+  return t.slice(1, -1).map((e, n) => {
+    const [a, o] = [t[n], t[n + 2]], s = Math.atan2(o.y - e.y, o.x - e.x) - Math.atan2(e.y - a.y, e.x - a.x);
+    return Math.atan2(Math.sin(s), Math.cos(s)) * 180 / Math.PI;
+  });
+}
+const Te = 120;
+function Fo(t, e, n, a) {
+  const o = [...e], s = (r, i = o[r]) => {
+    const { center: l, outer: u } = t[r];
+    return { x: l.x + u.x * i, y: l.y + u.y * i };
+  };
+  return t.forEach((r, i) => {
+    if (!(r.row.endsWith("primary") && r.toothId[1] === "3") || i < 1 || i > t.length - 2)
+      return;
+    const u = Math.max(0, i - 3), d = Math.min(t.length - 1, i + 3), h = (C) => {
+      const M = t.slice(u, d + 1).map(
+        (k, v) => u + v === i ? s(i, C) : s(u + v)
+      ), w = _o(M);
+      return w.slice(1).reduce((k, v, f) => k + (v - w[f]) ** 2, 0);
+    }, c = n[i], m = e[i] + a;
+    let p = e[i], b = h(p);
+    for (let C = 0; C <= Te; C++) {
+      const M = c + (m - c) * C / Te, w = h(M);
+      w < b && (p = M, b = w);
+    }
+    o[i] = p;
+  }), o;
+}
+function Lo({ frames: t, order: e, fontSize: n, gap: a }, o = {}) {
+  const s = Ot(n * yo), r = s / 2, i = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
+  for (const c of t.values()) {
+    const m = xo(c.box, c.outer), p = Math.max(m, Ze(c.box) + Ee(c.size) / 2);
+    i.set(c.toothId, p + a + Pe + r), l.set(c.toothId, m + a + r);
+  }
+  const u = /* @__PURE__ */ new Map();
+  for (const c of e.values()) {
+    const m = c.map((w) => t.get(w)), p = c.map((w) => i.get(w)), b = o.fairCurve ? Bo(m, p, c.map((w) => l.get(w))) : p;
+    if (o.alignRows) {
+      const w = (v, f) => (v.center.x + v.outer.x * f) * v.outer.x + (v.center.y + v.outer.y * f) * v.outer.y, k = Math.max(...m.map((v, f) => w(v, p[f])));
+      m.forEach((v) => u.set(v.toothId, k - w(v, 0)));
+      continue;
+    }
+    const C = To(b, s * Io), M = o.fairCurve ? Fo(m, C, c.map((w) => l.get(w)), s) : C;
+    c.forEach((w, k) => u.set(w, M[k]));
+  }
+  const d = [];
+  let h = 0;
+  for (const c of t.values()) {
+    const m = c.outer;
+    let p = { x: -m.y, y: m.x };
+    p.x * c.mesial.x + p.y * c.mesial.y < 0 && (p = { x: -p.x, y: -p.y });
+    const b = u.get(c.toothId) ?? i.get(c.toothId), C = {
+      x: c.center.x + m.x * b,
+      y: c.center.y + m.y * b
+    };
+    d.push(Ve(c.toothId, C, { vestibular: m, mesial: p }, s, void 0, o.shape));
+    const M = b + r - Ft(c.box.width, c.box.height, m);
+    h = Math.max(h, M + Pe);
+  }
+  return { diagrams: d, reserved: h };
+}
+function zo(t, e, n) {
+  const a = new Set((t == null ? void 0 : t[e]) ?? []);
+  a.has(n) ? a.delete(n) : a.add(n);
+  const o = { ...t };
+  return a.size ? o[e] = G.filter((s) => a.has(s)) : delete o[e], o;
+}
+const No = /* @__PURE__ */ new Set(["fill", "outline"]), Do = /* @__PURE__ */ new Set(["diastema", "transposition"]), Zo = /* @__PURE__ */ new Set([
+  "bridge",
+  "double-line",
+  "brackets",
+  "zigzag-line",
+  "center-line"
+]), Qe = /* @__PURE__ */ new Set(["text", "encircled-text"]), Eo = 0.62;
+function Ct(t) {
+  return No.has(t.kind) ? "surface" : Do.has(t.kind) ? "between" : Zo.has(t.kind) ? "span" : "tooth";
+}
+const W = (t, e, n = 1) => ({ x: t.x + e.x * n, y: t.y + e.y * n }), oe = ({ x: t, y: e }) => ({ x: -e, y: t }), Be = ({ x: t, y: e }, n) => {
+  const a = n * Math.PI / 180, o = Math.cos(a), s = Math.sin(a);
+  return { x: t * o - e * s, y: t * s + e * o };
+}, bt = (t) => Math.round(t * 100) / 100, ut = ({ x: t, y: e }) => `${bt(t)} ${bt(e)}`, st = (t) => t.map((e, n) => `${n ? "L" : "M"}${ut(e)}`).join(" ");
+function Vt(t, e, n) {
+  const a = { x: -e.x, y: -e.y };
+  return st([W(t, Be(a, 28), n), t, W(t, Be(a, -28), n)]);
+}
+function qo(t, e, n) {
+  const a = $t({ x: e.x - t.x, y: e.y - t.y });
+  return [
+    { type: "path", d: st([t, e]) },
+    { type: "path", d: Vt(e, a, n) }
+  ];
+}
+function We(t, e, n, a) {
+  const o = { x: (e.x - t.x) / n, y: (e.y - t.y) / n }, s = oe($t(o));
+  return Array.from({ length: n + 1 }, (r, i) => {
+    const l = W(t, o, i);
+    return i === 0 || i === n ? l : W(l, s, i % 2 ? a : -a);
+  });
+}
+function Ho(t, e, n) {
+  const a = e === "auto" ? n ?? "mesial" : e;
+  return {
+    occlusal: t.occlusal,
+    apical: { x: -t.occlusal.x, y: -t.occlusal.y },
+    mesial: t.mesial,
+    distal: { x: -t.mesial.x, y: -t.mesial.y }
+  }[a];
+}
+function Xe(t, e, n) {
+  const { box: a, center: o, size: s, occlusal: r, mesial: i } = e, l = s * 0.7, u = s * 0.18;
+  switch (t.kind) {
+    case "line":
+      return [
+        {
+          type: "path",
+          d: st([
+            { x: a.x + a.width * 0.2, y: a.y + a.height * 0.8 },
+            { x: a.x + a.width * 0.8, y: a.y + a.height * 0.2 }
+          ])
+        }
+      ];
+    case "cross": {
+      const d = s * 0.12, [h, c] = [a.x + d, a.x + a.width - d], [m, p] = [a.y + d, a.y + a.height - d];
+      return [
+        { type: "path", d: st([{ x: h, y: m }, { x: c, y: p }]) },
+        { type: "path", d: st([{ x: c, y: m }, { x: h, y: p }]) }
+      ];
+    }
+    case "circle":
+      return [
+        { type: "circle", cx: o.x, cy: o.y, r: Ze(a) }
+      ];
+    case "double-circle": {
+      const d = s * 0.36;
+      return [-1, 1].map((h) => {
+        const c = W(o, i, h * s * 0.2);
+        return { type: "circle", cx: c.x, cy: c.y, r: d };
+      });
+    }
+    case "triangle": {
+      const d = s * 0.38, h = oe(r), c = W(o, r, d), m = W(o, r, -d * 0.5);
+      return [
+        { type: "path", d: `${st([c, W(m, h, d * 0.87), W(m, h, -d * 0.87)])} Z` }
+      ];
+    }
+    case "arrow": {
+      const d = Ho(e, t.direction, n.direction);
+      return qo(W(o, d, -l / 2), W(o, d, l / 2), u);
+    }
+    case "curved-arrow": {
+      const d = s * 0.3, h = 160 * Math.PI / 180, c = 380 * Math.PI / 180, m = { x: o.x + d * Math.cos(h), y: o.y + d * Math.sin(h) }, p = { x: o.x + d * Math.cos(c), y: o.y + d * Math.sin(c) }, b = { x: -Math.sin(c), y: Math.cos(c) };
+      return [
+        { type: "path", d: `M${ut(m)} A${bt(d)} ${bt(d)} 0 1 1 ${ut(p)}` },
+        { type: "path", d: Vt(p, b, u) }
+      ];
+    }
+    case "zigzag": {
+      const d = W(o, r, -l / 2), h = W(o, r, l / 2);
+      return [
+        { type: "path", d: st(We(d, h, 5, s * 0.1)) },
+        { type: "path", d: Vt(h, r, u) }
+      ];
+    }
+    default:
+      return [];
+  }
+}
+function Ke(t, e) {
+  return { width: Math.max(1, t.length) * e * Eo, height: e };
+}
+function Ue(t, e, n, a) {
+  const o = [{ type: "text", x: e.x, y: e.y, text: t, fontSize: n }];
+  return a && o.unshift({ type: "circle", cx: e.x, cy: e.y, r: n * 0.72 }), o;
+}
+function Ge(t, e, n) {
+  const a = Math.min(e.size, n.size), o = { x: (e.center.x + n.center.x) / 2, y: (e.center.y + n.center.y) / 2 }, s = $t({ x: n.center.x - e.center.x, y: n.center.y - e.center.y }), r = oe(s), i = a * 0.12, l = a * 0.35;
+  if (t.kind === "diastema")
+    return [-1, 1].map((d) => {
+      const h = W(o, s, d * i * 1.6), c = W(o, s, d * i * 0.2);
+      return {
+        type: "path",
+        d: `M${ut(W(h, r, l))} Q${ut(c)} ${ut(W(h, r, -l))}`
+      };
+    });
+  const u = a * 0.16;
+  return [1, -1].flatMap((d) => {
+    const [h, c] = d > 0 ? [e.center, n.center] : [n.center, e.center], m = W(o, r, d * l * 1.4), p = $t({ x: c.x - m.x, y: c.y - m.y });
+    return [
+      { type: "path", d: `M${ut(h)} Q${ut(m)} ${ut(c)}` },
+      { type: "path", d: Vt(c, p, u) }
+    ];
+  });
+}
+function Ye(t, e) {
+  return W(t.center, t.outer, Ft(t.box.width, t.box.height, t.outer) + e);
+}
+function Je(t, e, n, a = 0) {
+  const o = Math.min(...e.map(({ size: r }) => r));
+  if (t.kind === "center-line")
+    return [{ type: "path", d: st(e.map(({ center: r }) => r)) }];
+  const s = e.map((r) => Ye(r, a + n));
+  switch (t.kind) {
+    case "bridge": {
+      const r = [e[0], e[e.length - 1]].map((i, l) => {
+        const u = s[l ? s.length - 1 : 0];
+        return { type: "path", d: st([u, W(u, i.outer, -n * 1.5)]) };
+      });
+      return [{ type: "path", d: st(s) }, ...r];
+    }
+    case "double-line":
+      return [0.4, -0.4].map((r) => ({
+        type: "path",
+        d: st(e.map((i, l) => W(s[l], i.outer, n * r)))
+      }));
+    case "brackets": {
+      const r = o * 0.09;
+      return [
+        { type: "path", d: st(s) },
+        ...s.map((i) => ({
+          type: "path",
+          d: `M${ut({ x: i.x - r, y: i.y - r })} h${bt(r * 2)} v${bt(r * 2)} h${bt(-r * 2)} Z`
+        }))
+      ];
+    }
+    case "zigzag-line": {
+      const r = s.flatMap(
+        (i, l) => l ? We(s[l - 1], i, 4, n * 0.6).slice(1) : [i]
+      );
+      return [{ type: "path", d: st(r) }];
+    }
+    default:
+      return [];
+  }
+}
+function Ro(t, e, n, a) {
+  return t.kind !== "fill" ? e.surfaces.filter(({ surface: o }) => n.includes(o)).map(({ d: o }) => ({ type: "path", d: o })) : e.surfaces.filter(({ surface: o }) => n.includes(o)).map((o) => {
+    const { index: s, count: r } = a(o.surface);
+    return { type: "area", d: r > 1 ? Oe(bo(e, o, s, r)) : o.d };
+  });
+}
+function _e(t) {
+  var e;
+  return (e = t.surfaces) != null && e.length ? G.filter((n) => t.surfaces.includes(n)) : [...G];
+}
+function Ao(t, e) {
+  return t.tone ? t.tone : t.status === "planned" ? "bad" : t.status === "done" ? "good" : e.tone;
+}
+function Oo(t, e) {
+  const n = t.flatMap((s) => {
+    if (s.type === "circle") {
+      const { cx: d, cy: h, r: c } = s;
+      return [
+        { x: d - c, y: h - c },
+        { x: d + c, y: h + c }
+      ];
+    }
+    if (s.type === "text") {
+      const { width: d, height: h } = Ke(s.text, s.fontSize);
+      return [
+        { x: s.x - d / 2, y: s.y - h / 2 },
+        { x: s.x + d / 2, y: s.y + h / 2 }
+      ];
+    }
+    const { x: r, y: i, width: l, height: u } = De(s.d);
+    return [
+      { x: r, y: i },
+      { x: r + l, y: i + u }
+    ];
+  }), a = Lt(n), o = e / 2;
+  return { x: a.x - o, y: a.y - o, width: a.width + e, height: a.height + e };
+}
+function tn(t, e, { frames: n, order: a, fontSize: o, gap: s }, r) {
+  const i = (r == null ? void 0 : r.reserved) ?? 0, l = new Map(r == null ? void 0 : r.diagrams.map((f) => [f.toothId, f])), u = [], d = [], h = o * 0.9, c = /* @__PURE__ */ new Map(), m = (f, I, E, F, L, _, N = Ee(_)) => ({
+    key: f,
+    code: I.code,
+    name: E.name,
+    status: I.status ?? "existing",
+    tone: Ao(I, E),
+    ...I.color ? { color: I.color } : {},
+    teeth: F,
+    strokeWidth: N,
+    primitives: L,
+    box: Oo(L, N)
+  }), p = /* @__PURE__ */ new Map();
+  t.forEach((f, I) => {
+    var E;
+    if (((E = e[f.code]) == null ? void 0 : E.symbol.kind) === "fill")
+      for (const F of f.teeth)
+        for (const L of _e(f)) {
+          const _ = `${F}:${L}`;
+          p.set(_, [...p.get(_) ?? [], I]);
+        }
+  });
+  const b = (f, I) => (E) => {
+    const F = p.get(`${I}:${E}`) ?? [f];
+    return { index: F.indexOf(f), count: F.length };
+  }, C = t.map((f, I) => ({ finding: f, index: I })), M = ({ finding: f }) => {
+    const I = e[f.code];
+    return I ? Ct(I.symbol) : "tooth";
+  }, w = [
+    ...C.filter((f) => M(f) === "span"),
+    ...C.filter((f) => M(f) !== "span")
+  ];
+  for (const { finding: f, index: I } of w) {
+    const E = e[f.code];
+    if (!E) {
+      d.push(`Unknown finding code "${f.code}".`);
+      continue;
+    }
+    const { symbol: F } = E, L = f.teeth.filter((A) => n.has(A)), _ = Ct(F);
+    if (_ === "surface") {
+      if (!L.length)
+        continue;
+      if (!l.size) {
+        d.push(`Finding "${f.code}" is drawn on tooth surfaces and needs showSurfaces.`);
+        continue;
+      }
+      const A = _e(f);
+      for (const nt of L) {
+        const it = l.get(nt), ct = it.strokeWidth * (F.kind === "outline" ? 2.5 : 1);
+        u.push({
+          ...m(
+            `${I}:${nt}`,
+            f,
+            E,
+            [nt],
+            Ro(F, it, A, b(I, nt)),
+            it.size,
+            ct
+          ),
+          surfaces: A
+        });
+      }
+      continue;
+    }
+    if (_ === "tooth") {
+      for (const A of L) {
+        const nt = n.get(A);
+        let it;
+        if (Qe.has(F.kind)) {
+          const ct = f.label ?? F.text, zt = F.kind === "encircled-text", { width: Qt, height: Wt } = zt ? { width: h * 1.44, height: h * 1.44 } : Ke(ct, h), U = c.get(A) ?? i, Pt = Ft(Qt, Wt, nt.outer), Y = U + s + Pt;
+          it = Ue(ct, Ye(nt, Y), h, zt), c.set(A, Y + Pt);
+        } else
+          it = Xe(F, nt, f);
+        u.push(m(`${I}:${A}`, f, E, [A], it, nt.size));
+      }
+      continue;
+    }
+    if (L.length !== f.teeth.length)
+      continue;
+    const N = new Set(L.map((A) => n.get(A).row));
+    if (!(_ === "between" ? L.length === 2 : L.length >= 2) || N.size !== 1) {
+      d.push(
+        `Finding "${f.code}" needs ${_ === "between" ? "two teeth" : "at least two teeth"} of the same arch and dentition.`
+      );
+      continue;
+    }
+    if (_ === "between") {
+      const [A, nt] = L.map((it) => n.get(it));
+      u.push(
+        m(`${I}`, f, E, L, Ge(F, A, nt), Math.min(A.size, nt.size))
+      );
+      continue;
+    }
+    const Q = a.get([...N][0]), j = L.map((A) => Q.indexOf(A)), J = Q.slice(Math.min(...j), Math.max(...j) + 1), gt = J.map((A) => n.get(A));
+    u.push(
+      m(
+        `${I}`,
+        f,
+        E,
+        J,
+        Je(F, gt, s, i),
+        Math.min(...gt.map(({ size: A }) => A))
+      )
+    );
+    for (const A of J)
+      c.set(A, Math.max(c.get(A) ?? i, i + s * 1.6));
+  }
+  const k = ({ code: f }) => {
+    var I;
+    return ((I = e[f]) == null ? void 0 : I.symbol.kind) === "outline" ? 1 : 0;
+  }, v = (f) => Number(f.split(":")[0]);
+  return u.sort((f, I) => k(f) - k(I) || v(f.key) - v(I.key)), { findings: u, issues: d };
+}
+function Vo(t, e, n) {
+  const { toothId: a, box: o, center: s, size: r } = n, i = t.filter(({ code: d, teeth: h }) => {
+    const c = e[d];
+    return h.includes(a) && c && Ct(c.symbol) === "surface";
+  }).map((d) => ({ ...d, teeth: [a] })), l = { ...Tt(a, o), center: s, size: r };
+  return tn(i, e, { frames: /* @__PURE__ */ new Map([[a, l]]), order: /* @__PURE__ */ new Map(), fontSize: 0, gap: 0 }, { diagrams: [n], reserved: 0 }).findings;
+}
+function Tt(t, e) {
+  return {
+    toothId: t,
+    arch: "upper",
+    row: "upper-permanent",
+    box: e,
+    center: { x: e.x + e.width / 2, y: e.y + e.height / 2 },
+    size: Math.min(e.width, e.height),
+    inner: { x: 0, y: 1 },
+    outer: { x: 0, y: -1 },
+    occlusal: { x: 0, y: 1 },
+    mesial: { x: 1, y: 0 }
+  };
+}
+function jo(t) {
+  const e = Ct(t);
+  if (e === "surface") {
+    const n = (o, s) => `M${o} ${o} h${s} v${s} h${-s} Z`, a = n(5.5, 5);
+    return [
+      { type: "path", d: n(1.5, 13) },
+      t.kind === "fill" ? { type: "area", d: a } : { type: "path", d: a }
+    ];
+  }
+  if (e === "between")
+    return Ge(t, Tt("a", { x: -2, y: 2, width: 10, height: 12 }), Tt("b", { x: 8, y: 2, width: 10, height: 12 }));
+  if (e === "span") {
+    const n = [1, 6.5, 12].map((a, o) => Tt(`${o}`, { x: a, y: 9, width: 3, height: 5 }));
+    return Je(t, n, 1.5);
+  }
+  if (Qe.has(t.kind)) {
+    const { text: n } = t, a = n.length > 2 ? 5.5 : 8;
+    return Ue(n, { x: 8, y: 8 }, t.kind === "encircled-text" ? 7 : a, t.kind === "encircled-text");
+  }
+  return Xe(t, Tt("t", { x: 2, y: 2, width: 12, height: 12 }), {});
+}
+const Qo = /* @__PURE__ */ new Set([1, 2, 5, 6]);
+function Fe(t, e) {
+  const n = Lt(
+    t.flatMap(({ x: a, y: o, width: s, height: r }) => [
+      { x: a, y: o },
+      { x: a + s, y: o + r }
+    ])
+  );
+  return {
+    x: n.x - e,
+    y: n.y - e,
+    width: n.width + 2 * e,
+    height: n.height + 2 * e
+  };
+}
+function Wo(t) {
+  const e = () => ot(t.dentition), n = () => ot(t.layout), a = () => ot(t.showHalf) ?? "full", o = () => ot(t.showNumbers) ?? !1, s = (v) => a() === "full" || a() === "upper" === Qo.has(v), r = T(() => {
+    const v = ot(t.teeth);
+    return v ? new Set(v) : void 0;
+  }), i = (v) => !r.value || r.value.has(v);
+  kt(
+    () => [ot(t.teeth), e()],
+    ([v, f]) => {
+      if (!v)
+        return;
+      const I = new Set(Kn(f, "arch")), E = v.filter((F) => !I.has(F));
+      E.length && console.warn(`[vue-odontogram] Teeth ${E.join(", ")} are not part of the ${f} dentition.`);
+    },
+    { immediate: !0 }
+  );
+  const l = T(
+    () => ne(e(), n()).filter(({ quadrant: v }) => s(v)).map((v) => ({ ...v, teeth: v.teeth.filter(({ tooth: f }) => i(f.id)) })).filter(({ teeth: v }) => v.length)
+  ), u = T(() => co(e(), n())), d = T(
+    () => io(e(), n()).filter(
+      ({ quadrant: v, toothId: f }) => s(v) && i(f)
+    )
+  ), h = T(
+    () => Object.fromEntries(d.value.map((v) => [v.toothId, v]))
+  ), c = T(
+    () => o() ? mo(d.value, u.value, n(), ot(t.notation)) : []
+  ), m = T(() => qe(d.value, u.value, n())), p = T(
+    () => ot(t.showSurfaces) ? Lo(m.value, {
+      fairCurve: n() === "arch",
+      alignRows: n() === "horizontal",
+      shape: ot(t.surfaceShape)
+    }) : { diagrams: [], reserved: 0 }
+  ), b = T(() => {
+    const v = ot(t.findings) ?? [];
+    return v.length ? tn(
+      v,
+      ot(t.findingCatalog) ?? St,
+      m.value,
+      p.value
+    ) : { findings: [], issues: [] };
+  });
+  kt(
+    () => b.value.issues,
+    (v) => v.forEach((f) => console.warn(`[vue-odontogram] ${f}`)),
+    { immediate: !0 }
+  );
+  const C = T(() => {
+    const v = /* @__PURE__ */ new Map();
+    for (const f of b.value.findings)
+      for (const I of f.teeth)
+        v.set(I, [...v.get(I) ?? [], f]);
+    return v;
+  }), M = T(() => {
+    const v = u.value, f = [
+      ...c.value.map(({ box: L }) => L),
+      ...p.value.diagrams.map(({ box: L }) => L),
+      ...b.value.findings.map(({ box: L }) => L)
+    ], I = m.value.fontSize || 4;
+    if (a() === "full") {
+      if (!f.length)
+        return v;
+      const L = Fe(f, I / 2), _ = Math.min(v.x, L.x), N = Math.min(v.y, L.y);
+      return {
+        x: _,
+        y: N,
+        width: Math.max(v.x + v.width, L.x + L.width) - _,
+        height: Math.max(v.y + v.height, L.y + L.height) - N
+      };
+    }
+    const E = [...d.value.map(({ box: L }) => L), ...f];
+    if (!E.length)
+      return v;
+    const F = Fe(E, I);
+    return { x: v.x, y: F.y, width: v.width, height: F.height };
+  }), w = T(() => {
+    const { x: v, y: f, width: I, height: E } = M.value, F = (L) => Math.round(L * 100) / 100;
+    return [v, f, I, E].map(F).join(" ");
+  }), k = T(() => {
+    const v = /* @__PURE__ */ new Map();
+    for (const f of ot(t.conditions) ?? [])
+      for (const I of f.teeth)
+        v.set(I, f);
+    return v;
+  });
+  return {
+    viewBox: w,
+    viewBoxRect: M,
+    quadrants: l,
+    anchors: h,
+    anchorList: d,
+    numberLabels: c,
+    surfaceDiagrams: T(() => p.value.diagrams),
+    findingLayout: b,
+    findingsByTooth: C,
+    conditionByTooth: k
+  };
+}
+function Xo(t) {
+  const e = T(() => [...new Set(ot(t.modelValue) ?? [])]);
+  function n(o) {
+    return e.value.includes(o);
+  }
+  function a(o) {
+    const s = e.value;
+    return ot(t.singleSelect) ? s.includes(o) ? [] : [o] : s.includes(o) ? s.filter((r) => r !== o) : [...s, o];
+  }
+  return { isSelected: n, selectedTeeth: e, toggle: a };
+}
+const Ko = [
+  "present",
+  "missing",
+  "extracted",
+  "implant",
+  "unerupted"
+], lt = {
+  odontogram: "Odontogram",
+  chartTitles: {
+    permanent: "permanent odontogram",
+    primary: "primary odontogram",
+    mixed: "mixed odontogram"
+  },
+  tooth: "Tooth",
+  type: "Type",
+  selected: "Selected",
+  yes: "Yes",
+  no: "No",
+  condition: "Condition",
+  legend: "Tooth condition legend",
+  toothTypes: {},
+  state: "State",
+  states: {
+    present: "Present",
+    missing: "Missing",
+    extracted: "Extracted",
+    implant: "Implant",
+    unerupted: "Unerupted"
+  },
+  findings: "Findings",
+  findingStatuses: {
+    existing: "Existing",
+    planned: "Planned",
+    done: "Done"
+  },
+  surfaces: "Tooth surfaces",
+  surface: "Surface",
+  surfaceSummary: "Surfaces",
+  surfaceNames: {
+    vestibular: "Vestibular",
+    mesial: "Mesial",
+    occlusal: "Occlusal",
+    incisal: "Incisal",
+    distal: "Distal",
+    lingual: "Lingual",
+    palatal: "Palatal"
+  },
+  surfaceLetters: {
+    vestibular: "V",
+    mesial: "M",
+    occlusal: "O",
+    incisal: "I",
+    distal: "D",
+    lingual: "L",
+    palatal: "P"
+  },
+  surfaceDescriptions: {
+    vestibular: "Faces the lips or cheeks (outward).",
+    mesial: "Closest to the midline of the mouth.",
+    occlusal: "Chewing surface of molars and premolars.",
+    incisal: "Cutting edge of incisors and canines.",
+    distal: "Farthest from the midline of the mouth.",
+    lingual: "Faces the tongue (lower teeth).",
+    palatal: "Faces the palate (upper teeth)."
+  },
+  surfaceGuide: "Surface guide",
+  surfaceMenu: "Surface findings",
+  inspector: {
+    title: "Tooth details",
+    surfaceFindings: "Findings by surface",
+    toothFindings: "Whole tooth",
+    noFindings: "No findings",
+    addFinding: "Add a finding",
+    finding: "Finding",
+    status: "Status",
+    add: "Add",
+    remove: "Remove",
+    chooseSurfaces: "Choose the surfaces on the diagram.",
+    onSurfaces: "On surfaces",
+    onTooth: "On the whole tooth"
+  }
+};
+function ae(t) {
+  return {
+    ...lt,
+    ...t,
+    chartTitles: { ...lt.chartTitles, ...t == null ? void 0 : t.chartTitles },
+    toothTypes: { ...lt.toothTypes, ...t == null ? void 0 : t.toothTypes },
+    states: { ...lt.states, ...t == null ? void 0 : t.states },
+    surfaceNames: { ...lt.surfaceNames, ...t == null ? void 0 : t.surfaceNames },
+    surfaceLetters: { ...lt.surfaceLetters, ...t == null ? void 0 : t.surfaceLetters },
+    surfaceDescriptions: { ...lt.surfaceDescriptions, ...t == null ? void 0 : t.surfaceDescriptions },
+    findingStatuses: { ...lt.findingStatuses, ...t == null ? void 0 : t.findingStatuses },
+    inspector: { ...lt.inspector, ...t == null ? void 0 : t.inspector }
+  };
+}
+const en = /* @__PURE__ */ new Set([
+  "ArrowLeft",
+  "ArrowRight",
+  "ArrowUp",
+  "ArrowDown",
+  "Home",
+  "End"
+]);
+function Uo(t, e) {
+  return t.center.x - e.center.x;
+}
+function Go(t) {
+  const e = /* @__PURE__ */ new Map();
+  for (const { row: n, center: a } of t) {
+    const o = e.get(n) ?? { total: 0, count: 0 };
+    e.set(n, { total: o.total + a.y, count: o.count + 1 });
+  }
+  return new Map([...e].map(([n, { total: a, count: o }]) => [n, a / o]));
+}
+function nn(t, e, n) {
+  var r, i, l, u, d, h;
+  const a = t.find(({ toothId: c }) => c === e);
+  if (!a)
+    return;
+  const o = t.filter(({ row: c }) => c === a.row).sort(Uo), s = o.indexOf(a);
+  switch (n) {
+    case "ArrowLeft":
+      return (r = o[s - 1]) == null ? void 0 : r.toothId;
+    case "ArrowRight":
+      return (i = o[s + 1]) == null ? void 0 : i.toothId;
+    case "Home":
+      return (l = o[0]) == null ? void 0 : l.toothId;
+    case "End":
+      return (u = o[o.length - 1]) == null ? void 0 : u.toothId;
+    default: {
+      const c = n === "ArrowDown", m = Go(t), p = m.get(a.row), C = (d = [...m].filter(
+        ([w, k]) => w !== a.row && (c ? k > p : k < p)
+      ).sort(
+        ([, w], [, k]) => Math.abs(w - p) - Math.abs(k - p)
+      )[0]) == null ? void 0 : d[0];
+      return (h = t.filter(({ row: w }) => w === C).reduce(
+        (w, k) => !w || Math.abs(k.center.x - a.center.x) < Math.abs(w.center.x - a.center.x) ? k : w,
+        void 0
+      )) == null ? void 0 : h.toothId;
+    }
+  }
+}
+const se = /* @__PURE__ */ new Set(["missing", "extracted"]);
+function re(t, e) {
+  return (t == null ? void 0 : t[e]) ?? "present";
+}
+function Yo(t, e) {
+  return {
+    x: t.x + t.width * e,
+    y: t.y + t.height * e,
+    width: t.width * (1 - 2 * e),
+    height: t.height * (1 - 2 * e)
+  };
+}
+function Jo(t, e) {
+  const n = [];
+  for (const { toothId: a, box: o } of t) {
+    const s = re(e, a), r = Math.max(1, Math.min(o.width, o.height) * 0.06);
+    if (s === "extracted") {
+      const i = Yo(o, 0.12);
+      n.push({
+        kind: "cross",
+        toothId: a,
+        strokeWidth: r,
+        lines: [
+          { x1: i.x, y1: i.y, x2: i.x + i.width, y2: i.y + i.height },
+          { x1: i.x + i.width, y1: i.y, x2: i.x, y2: i.y + i.height }
+        ]
+      });
+    } else if (s === "implant") {
+      const i = Math.min(o.width, o.height) * 0.22, l = o.height * 0.62, u = {
+        x: o.x + (o.width - i) / 2,
+        y: o.y + (o.height - l) / 2,
+        width: i,
+        height: l
+      }, d = 4, h = i * 0.35, c = Array.from({ length: d }, (m, p) => {
+        const b = u.y + u.height * (p + 1) / (d + 1);
+        return { x1: u.x - h, y1: b, x2: u.x + i + h, y2: b };
+      });
+      n.push({ kind: "implant", toothId: a, body: u, threads: c, strokeWidth: r * 0.8 });
+    }
+  }
+  return n;
+}
+const ta = [
+  [1, 2],
+  [4, 3],
+  [5, 6],
+  [8, 7]
+];
+function ea(t) {
+  const e = Number(t[0]), [n, a] = ta.find((r) => r.includes(e)) ?? [e, e], o = n > 4 ? 5 : 8, s = (r) => Array.from({ length: o }, (i, l) => `${r}${l + 1}`);
+  return [...s(n).reverse(), ...s(a)];
+}
+function na(t, e) {
+  const n = ea(e), a = t.teeth.map((s) => n.indexOf(s));
+  if (a.some((s) => s < 0) || !a.length)
+    return !1;
+  const o = n.indexOf(e);
+  return o >= Math.min(...a) && o <= Math.max(...a);
+}
+function on(t) {
+  var e;
+  return (e = t.surfaces) != null && e.length ? G.filter((n) => t.surfaces.includes(n)) : [...G];
+}
+function Bt(t, e, n = St) {
+  const a = {
+    toothId: t,
+    surfaces: Object.fromEntries(G.map((o) => [o, []])),
+    tooth: []
+  };
+  return e.forEach((o, s) => {
+    const r = n[o.code], i = r ? Ct(r.symbol) : "unknown";
+    if (!(i === "span" ? na(o, t) : o.teeth.includes(t)))
+      return;
+    const u = { index: s, finding: o, definition: r, scope: i };
+    i === "surface" ? on(o).forEach((d) => a.surfaces[d].push(u)) : a.tooth.push(u);
+  }), a;
+}
+function oa(t, e) {
+  return t.code === e.code && (t.status ?? "existing") === (e.status ?? "existing") && t.tone === e.tone && t.color === e.color && t.label === void 0 && t.direction === void 0;
+}
+function aa(t, e) {
+  var o;
+  const n = G.filter((s) => e.surfaces.includes(s)), a = t.findIndex(
+    (s) => s.teeth.length === 1 && s.teeth[0] === e.toothId && oa(s, e)
+  );
+  if (a >= 0) {
+    const s = t[a], r = (o = s.surfaces) != null && o.length ? G.filter((i) => s.surfaces.includes(i) || n.includes(i)) : void 0;
+    return t.map(
+      (i, l) => l === a ? { ...s, ...r ? { surfaces: r } : {} } : i
+    );
+  }
+  return [
+    ...t,
+    {
+      code: e.code,
+      teeth: [e.toothId],
+      surfaces: n,
+      ...e.status ? { status: e.status } : {},
+      ...e.tone ? { tone: e.tone } : {},
+      ...e.color ? { color: e.color } : {}
+    }
+  ];
+}
+function Ks(t, e, n = St) {
+  const a = n[e.code];
+  return a && Ct(a.symbol) === "surface" ? aa(t, { ...e, surfaces: e.surfaces ?? [] }) : [
+    ...t,
+    {
+      code: e.code,
+      teeth: [e.toothId],
+      ...e.status ? { status: e.status } : {},
+      ...e.tone ? { tone: e.tone } : {},
+      ...e.color ? { color: e.color } : {}
+    }
+  ];
+}
+function Us(t, { index: e, toothId: n, surface: a }) {
+  const o = t[e];
+  if (!(o != null && o.teeth.includes(n)))
+    return [...t];
+  const s = o.teeth.filter((l) => l !== n), r = a ? on(o).filter((l) => l !== a) : [], i = [
+    ...s.length ? [{ ...o, teeth: s }] : [],
+    ...r.length ? [{ ...o, teeth: [n], surfaces: r }] : []
+  ];
+  return [...t.slice(0, e), ...i, ...t.slice(e + 1)];
+}
+const sa = ["d"], ra = ["d"], ia = ["cx", "cy", "r"], ca = ["x", "y", "font-size"], ie = /* @__PURE__ */ mt({
+  __name: "FindingPrimitives",
+  props: {
+    primitives: {}
+  },
+  setup(t) {
+    return (e, n) => (g(!0), y(Z, null, O(t.primitives, (a, o) => (g(), y(Z, { key: o }, [
+      a.type === "path" ? (g(), y("path", {
+        key: 0,
+        class: "odontogram-finding__stroke",
+        d: a.d
+      }, null, 8, sa)) : a.type === "area" ? (g(), y("path", {
+        key: 1,
+        class: "odontogram-finding__area",
+        d: a.d
+      }, null, 8, ra)) : a.type === "circle" ? (g(), y("circle", {
+        key: 2,
+        class: "odontogram-finding__stroke",
+        cx: a.cx,
+        cy: a.cy,
+        r: a.r
+      }, null, 8, ia)) : (g(), y("text", {
+        key: 3,
+        class: "odontogram-finding__text",
+        x: a.x,
+        y: a.y,
+        "font-size": a.fontSize,
+        "text-anchor": "middle",
+        "dominant-baseline": "central"
+      }, P(a.text), 9, ca))
+    ], 64))), 128));
+  }
+}), la = ["aria-label"], ua = ["data-state"], da = {
+  "aria-hidden": "true",
+  class: "odontogram-condition-labels__icon",
+  viewBox: "0 0 16 16",
+  fill: "none"
+}, ha = ["stroke-dasharray"], fa = {
+  key: 0,
+  class: "odontogram-state-mark--cross"
+}, ma = {
+  key: 1,
+  class: "odontogram-state-mark--implant"
+}, ga = ["data-finding", "data-status", "data-tone"], ya = /* @__PURE__ */ mt({
+  __name: "ConditionLabels",
+  props: {
+    conditions: { default: void 0 },
+    states: { default: () => [] },
+    findings: { default: () => [] },
+    ariaLabel: { default: "Tooth condition legend" }
+  },
+  setup(t) {
+    return (e, n) => {
+      var a;
+      return (a = t.conditions) != null && a.length || t.states.length || t.findings.length ? (g(), y("ul", {
+        key: 0,
+        class: "odontogram-condition-labels",
+        "aria-label": t.ariaLabel
+      }, [
+        (g(!0), y(Z, null, O(t.conditions, (o, s) => (g(), y("li", {
+          key: `${s}-${o.label}`,
+          class: "odontogram-condition-labels__item"
+        }, [
+          B("span", {
+            "aria-hidden": "true",
+            class: "odontogram-condition-labels__swatch",
+            style: ht({
+              background: o.fillColor,
+              borderColor: o.outlineColor ?? o.fillColor
+            })
+          }, null, 4),
+          B("span", null, P(o.label), 1)
+        ]))), 128)),
+        (g(!0), y(Z, null, O(t.states, ({ state: o, label: s }) => (g(), y("li", {
+          key: `state-${o}`,
+          class: "odontogram-condition-labels__item",
+          "data-state": o
+        }, [
+          (g(), y("svg", da, [
+            B("rect", {
+              class: rt(["odontogram-condition-labels__icon-tooth", `odontogram-condition-labels__icon-tooth--${o}`]),
+              x: "2",
+              y: "2",
+              width: "12",
+              height: "12",
+              rx: "4",
+              "stroke-dasharray": o === "missing" || o === "extracted" ? "2.5 2" : void 0
+            }, null, 10, ha),
+            o === "extracted" ? (g(), y("g", fa, [...n[0] || (n[0] = [
+              B("line", {
+                x1: "3",
+                y1: "3",
+                x2: "13",
+                y2: "13"
+              }, null, -1),
+              B("line", {
+                x1: "13",
+                y1: "3",
+                x2: "3",
+                y2: "13"
+              }, null, -1)
+            ])])) : o === "implant" ? (g(), y("g", ma, [...n[1] || (n[1] = [
+              B("rect", {
+                x: "6.5",
+                y: "4",
+                width: "3",
+                height: "8"
+              }, null, -1),
+              B("line", {
+                x1: "5.5",
+                y1: "6",
+                x2: "10.5",
+                y2: "6"
+              }, null, -1),
+              B("line", {
+                x1: "5.5",
+                y1: "8",
+                x2: "10.5",
+                y2: "8"
+              }, null, -1),
+              B("line", {
+                x1: "5.5",
+                y1: "10",
+                x2: "10.5",
+                y2: "10"
+              }, null, -1)
+            ])])) : q("", !0)
+          ])),
+          B("span", null, P(s), 1)
+        ], 8, ua))), 128)),
+        (g(!0), y(Z, null, O(t.findings, (o) => (g(), y("li", {
+          key: o.key,
+          class: "odontogram-condition-labels__item",
+          "data-finding": o.code,
+          "data-status": o.status,
+          "data-tone": o.tone
+        }, [
+          (g(), y("svg", {
+            "aria-hidden": "true",
+            class: rt(["odontogram-condition-labels__icon odontogram-finding", [`odontogram-finding--${o.tone}`, `odontogram-finding--${o.status}`]]),
+            style: ht(o.color ? { color: o.color } : void 0),
+            viewBox: "0 0 16 16",
+            fill: "none",
+            "stroke-width": "1.4"
+          }, [
+            jt(ie, {
+              primitives: o.icon
+            }, null, 8, ["primitives"])
+          ], 6)),
+          B("span", null, P(o.name), 1)
+        ], 8, ga))), 128))
+      ], 8, la)) : q("", !0);
+    };
+  }
+}), va = {
+  key: 0,
+  class: "odontogram-tooltip__description"
+}, pa = { key: 1 }, xa = { key: 2 }, wa = { key: 0 }, ba = { key: 1 }, Ma = ["data-summary-surface"], Ca = { class: "odontogram-tooltip__letter" }, ka = { key: 3 }, $a = /* @__PURE__ */ mt({
+  __name: "OdontogramTooltip",
+  props: {
+    active: { type: Boolean },
+    tooth: {},
+    selected: { type: Boolean, default: !1 },
+    condition: { default: void 0 },
+    state: { default: "present" },
+    findings: { default: () => [] },
+    number: { default: void 0 },
+    surface: { default: void 0 },
+    surfaceName: { default: void 0 },
+    surfaceDescription: { default: void 0 },
+    surfaceSummary: { default: () => [] },
+    anchorRect: { default: void 0 },
+    placement: { default: "top" },
+    margin: { default: 10 },
+    labels: { default: () => lt }
+  },
+  setup(t) {
+    const e = t, n = et(null), a = et({ left: -9999, top: -9999, isBelow: !1 });
+    function o(r, i, l) {
+      return Math.min(Math.max(r, i), l);
+    }
+    async function s() {
+      if (!(e.active && e.anchorRect && n.value))
+        return;
+      await Rt();
+      const r = n.value.getBoundingClientRect(), i = 8, l = 12, u = e.placement.startsWith("bottom"), d = e.anchorRect.left + (e.anchorRect.right - e.anchorRect.left) / 2, h = Math.max(i, window.innerWidth - r.width - i), c = o(d - r.width / 2, i, h), m = e.anchorRect.top - r.height - e.margin - l, p = e.anchorRect.bottom + e.margin + l, b = Math.max(i, window.innerHeight - r.height - i);
+      let C = u, M = u ? p : m;
+      !C && M < i && (C = !0, M = p), C && M > b && (C = !1, M = m), a.value = { left: c, top: o(M, i, b), isBelow: C };
+    }
+    return kt(
+      () => [e.active, e.anchorRect, e.placement, e.margin],
+      () => void s(),
+      { deep: !0, flush: "post" }
+    ), (r, i) => t.active && t.tooth ? (g(), y("div", {
+      key: 0,
+      ref_key: "tooltip",
+      ref: n,
+      class: "odontogram-tooltip",
+      role: "tooltip",
+      style: ht({
+        position: "fixed",
+        left: `${a.value.left}px`,
+        top: `${a.value.top}px`,
+        opacity: a.value.left === -9999 ? 0 : 1
+      })
+    }, [
+      Ht(r.$slots, "default", {
+        tooth: t.tooth,
+        selected: t.selected,
+        condition: t.condition,
+        state: t.state,
+        findings: t.findings,
+        number: t.number ?? t.tooth.id,
+        surface: t.surface,
+        surfaceName: t.surfaceName,
+        surfaceSummary: t.surfaceSummary
+      }, () => {
+        var l;
+        return [
+          t.surface ? (g(), y(Z, { key: 0 }, [
+            B("div", null, P(t.labels.tooth) + ": " + P(t.number ?? t.tooth.id), 1),
+            B("div", null, P(t.labels.surface) + ": " + P(t.surfaceName ?? t.surface), 1),
+            t.surfaceDescription ? (g(), y("div", va, P(t.surfaceDescription), 1)) : q("", !0),
+            t.state !== "present" ? (g(), y("div", pa, P(t.labels.state) + ": " + P(t.labels.states[t.state]), 1)) : q("", !0),
+            t.findings.length ? (g(), y("div", xa, P(t.labels.findings) + ": " + P(t.findings.join(", ")), 1)) : q("", !0),
+            B("div", null, P(t.labels.selected) + ": " + P(t.selected ? t.labels.yes : t.labels.no), 1)
+          ], 64)) : (g(), y(Z, { key: 1 }, [
+            B("div", null, P(t.labels.tooth) + ": " + P(t.number ?? t.tooth.id), 1),
+            B("div", null, P(t.labels.type) + ": " + P(t.labels.toothTypes[t.tooth.type] ?? t.tooth.type), 1),
+            t.state !== "present" ? (g(), y("div", wa, P(t.labels.state) + ": " + P(t.labels.states[t.state]), 1)) : q("", !0),
+            t.findings.length ? (g(), y("div", ba, P(t.labels.findings) + ": " + P(t.findings.join(", ")), 1)) : q("", !0),
+            t.surfaceSummary.length ? (g(), y(Z, { key: 2 }, [
+              B("div", null, P(t.labels.surfaceSummary) + ":", 1),
+              (g(!0), y(Z, null, O(t.surfaceSummary, (u) => (g(), y("div", {
+                key: u.surface,
+                class: "odontogram-tooltip__summary",
+                "data-summary-surface": u.surface
+              }, [
+                B("span", Ca, P(u.letter), 1),
+                pt(" " + P(u.name) + ": " + P(u.findings.join(", ")), 1)
+              ], 8, Ma))), 128))
+            ], 64)) : q("", !0),
+            B("div", null, P(t.labels.selected) + ": " + P(t.selected ? t.labels.yes : t.labels.no), 1),
+            (l = t.condition) != null && l.label ? (g(), y("div", ka, P(t.labels.condition) + ": " + P(t.condition.label), 1)) : q("", !0)
+          ], 64))
+        ];
+      }),
+      B("span", {
+        "aria-hidden": "true",
+        class: rt(["odontogram-tooltip__arrow", { "odontogram-tooltip__arrow--below": a.value.isBelow }])
+      }, null, 2)
+    ], 4)) : q("", !0);
+  }
+}), Sa = ["aria-label"], Pa = ["data-surfaces-for", "stroke-width"], Ia = ["d", "role", "aria-label", "aria-checked", "aria-haspopup", "aria-expanded", "aria-disabled", "tabindex", "data-surface-tooth", "data-surface", "onClick", "onFocus", "onMouseenter", "onKeydown"], Ta = /* @__PURE__ */ mt({
+  __name: "SurfaceDiagrams",
+  props: {
+    diagrams: {},
+    anchors: {},
+    surfaces: {},
+    disabled: { type: Boolean },
+    inactiveTeeth: {},
+    labels: {},
+    spokenNumber: { type: Function },
+    menu: { type: Boolean },
+    openMenu: {}
+  },
+  emits: ["activate", "enter", "leave"],
+  setup(t, { emit: e }) {
+    const n = t, a = e, o = et(null), s = et();
+    function r(b, C, M) {
+      s.value = { toothId: b, surface: C }, a("enter", b, C, M);
+    }
+    function i(b, C) {
+      var M;
+      return ((M = n.surfaces[b]) == null ? void 0 : M.includes(C)) ?? !1;
+    }
+    const l = T(() => n.diagrams.filter(({ toothId: b }) => !n.inactiveTeeth.has(b))), u = T(() => {
+      const b = l.value;
+      if (s.value && b.some(({ toothId: C }) => C === s.value.toothId))
+        return s.value;
+      for (const { toothId: C } of b) {
+        const M = G.find((w) => i(C, w));
+        if (M)
+          return { toothId: C, surface: M };
+      }
+      return b[0] ? { toothId: b[0].toothId, surface: G[0] } : void 0;
+    });
+    function d(b, C) {
+      var M;
+      return ((M = u.value) == null ? void 0 : M.toothId) === b && u.value.surface === C;
+    }
+    function h(b, C, M) {
+      !n.disabled && !n.inactiveTeeth.has(b) && M.currentTarget instanceof SVGElement && (s.value = { toothId: b, surface: C }, a("activate", b, C, M.currentTarget));
+    }
+    function c(b, C) {
+      var M;
+      return ((M = n.openMenu) == null ? void 0 : M.toothId) === b && n.openMenu.surface === C;
+    }
+    function m(b, C, M) {
+      if (M === "ArrowUp" || M === "ArrowDown") {
+        const v = G.indexOf(C) + (M === "ArrowDown" ? 1 : -1);
+        return G[v] ? { toothId: b, surface: G[v] } : void 0;
+      }
+      const w = n.anchors.filter((v) => !n.inactiveTeeth.has(v.toothId) || v.toothId === b), k = nn(w, b, M);
+      return k && k !== b ? { toothId: k, surface: C } : void 0;
+    }
+    async function p(b, C, M) {
+      var k, v;
+      if (b.key === "Enter" || b.key === " ") {
+        b.preventDefault(), h(C, M, b);
+        return;
+      }
+      if (!en.has(b.key))
+        return;
+      b.preventDefault();
+      const w = m(C, M, b.key);
+      w && (s.value = w, await Rt(), (v = (k = o.value) == null ? void 0 : k.querySelector(`[data-surface-tooth="${w.toothId}"][data-surface="${w.surface}"]`)) == null || v.focus());
+    }
+    return (b, C) => (g(), y("g", {
+      ref_key: "root",
+      ref: o,
+      class: "odontogram__surfaces",
+      role: "group",
+      "aria-label": t.labels.surfaces
+    }, [
+      (g(!0), y(Z, null, O(t.diagrams, (M) => (g(), y("g", {
+        key: M.toothId,
+        class: rt(["odontogram-surfaces", { "odontogram-surfaces--inactive": t.inactiveTeeth.has(M.toothId) }]),
+        "data-surfaces-for": M.toothId,
+        "stroke-width": M.strokeWidth
+      }, [
+        (g(!0), y(Z, null, O(M.surfaces, ({ surface: w, name: k, d: v }) => (g(), y("path", {
+          key: w,
+          class: rt(["odontogram-surface", { "odontogram-surface--selected": i(M.toothId, w) }]),
+          d: v,
+          role: t.menu ? "button" : "checkbox",
+          "aria-label": `${t.labels.tooth} ${t.spokenNumber(M.toothId)}, ${t.labels.surfaceNames[k]}`,
+          "aria-checked": t.menu ? void 0 : i(M.toothId, w),
+          "aria-haspopup": t.menu ? "dialog" : void 0,
+          "aria-expanded": t.menu ? c(M.toothId, w) : void 0,
+          "aria-disabled": t.disabled || t.inactiveTeeth.has(M.toothId) || void 0,
+          tabindex: !t.disabled && d(M.toothId, w) ? 0 : -1,
+          "data-surface-tooth": M.toothId,
+          "data-surface": w,
+          onClick: (f) => h(M.toothId, w, f),
+          onFocus: (f) => r(M.toothId, w, f),
+          onBlur: C[0] || (C[0] = (f) => a("leave")),
+          onMouseenter: (f) => a("enter", M.toothId, w, f),
+          onMouseleave: C[1] || (C[1] = (f) => a("leave")),
+          onKeydown: (f) => p(f, M.toothId, w)
+        }, null, 42, Ia))), 128))
+      ], 10, Pa))), 128))
+    ], 8, Sa));
+  }
+}), Ba = ["role", "aria-label", "data-tooth-state", "aria-selected", "aria-disabled", "tabindex", "data-tooth-id", "transform"], _a = ["stroke", "stroke-dasharray", "d"], Fa = ["fill", "d", "data-colored"], La = ["stroke", "d"], za = ["stroke", "d"], Na = /* @__PURE__ */ mt({
+  __name: "Tooth",
+  props: {
+    tooth: {},
+    selected: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    condition: { default: void 0 },
+    layoutTransform: { default: void 0 },
+    label: { default: "Tooth" },
+    focusable: { type: Boolean, default: !0 },
+    state: { default: "present" },
+    stateLabel: { default: void 0 },
+    description: { default: void 0 },
+    number: { default: void 0 },
+    spokenNumber: { default: void 0 }
+  },
+  emits: ["select", "mouseenter", "mouseleave", "focus", "blur", "navigate"],
+  setup(t, { emit: e }) {
+    const n = t, a = T(() => se.has(n.state)), o = T(
+      () => [
+        `${n.label} ${n.spokenNumber ?? n.number ?? n.tooth.id}`,
+        n.state !== "present" ? n.stateLabel : void 0,
+        n.description
+      ].filter(Boolean).join(", ")
+    ), s = e, r = T(
+      () => {
+        var h;
+        return ((h = n.condition) == null ? void 0 : h.outlineColor) ?? (n.selected ? "var(--odontogram-selected-stroke-color, #b8c0cc)" : "currentColor");
+      }
+    ), i = T(() => {
+      var h;
+      return ((h = n.condition) == null ? void 0 : h.fillColor) ?? "currentColor";
+    }), l = T(() => {
+      const h = [n.tooth.shape.transform, n.layoutTransform].filter(
+        (c) => !!c
+      );
+      return h.length ? h.join(" ") : void 0;
+    });
+    function u() {
+      n.disabled || s("select", n.tooth);
+    }
+    function d(h) {
+      h.key === "Enter" || h.key === " " ? (h.preventDefault(), u()) : en.has(h.key) && (h.preventDefault(), s("navigate", n.tooth, h.key));
+    }
+    return (h, c) => (g(), y("g", {
+      class: rt(["odontogram-tooth", {
+        "odontogram-tooth--selected": t.selected,
+        "odontogram-tooth--disabled": t.disabled,
+        "odontogram-tooth--absent": a.value,
+        [`odontogram-tooth--${t.state}`]: t.state !== "present"
+      }]),
+      role: t.disabled ? void 0 : "option",
+      "aria-label": o.value,
+      "data-tooth-state": t.state,
+      "aria-selected": t.disabled ? void 0 : t.selected,
+      "aria-disabled": t.disabled,
+      tabindex: t.disabled || !t.focusable ? -1 : 0,
+      "data-tooth-id": t.tooth.id,
+      style: ht({ cursor: t.disabled ? "default" : "pointer", color: r.value }),
+      transform: l.value,
+      onClick: u,
+      onKeydown: d,
+      onMouseenter: c[0] || (c[0] = (m) => s("mouseenter", t.tooth, m)),
+      onMouseleave: c[1] || (c[1] = (m) => s("mouseleave", t.tooth, m)),
+      onFocus: c[2] || (c[2] = (m) => s("focus", t.tooth, m)),
+      onBlur: c[3] || (c[3] = (m) => s("blur", t.tooth, m))
+    }, [
+      B("title", null, P(t.number ?? t.tooth.id), 1),
+      B("path", {
+        stroke: r.value,
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-dasharray": a.value ? "4 3" : void 0,
+        d: t.tooth.shape.outlinePath
+      }, null, 8, _a),
+      t.tooth.shape.shadowPath ? (g(), y("path", {
+        key: 0,
+        fill: i.value,
+        d: t.tooth.shape.shadowPath,
+        "data-colored": t.condition && !a.value ? "true" : void 0,
+        style: ht({ opacity: t.condition && !a.value ? 1 : void 0 })
+      }, null, 12, Fa)) : q("", !0),
+      a.value ? (g(), y(Z, { key: 1 }, [], 64)) : Array.isArray(t.tooth.shape.lineHighlightPath) ? (g(!0), y(Z, { key: 2 }, O(t.tooth.shape.lineHighlightPath, (m) => (g(), y("path", {
+        key: m,
+        stroke: r.value,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        d: m
+      }, null, 8, La))), 128)) : t.tooth.shape.lineHighlightPath ? (g(), y("path", {
+        key: 3,
+        stroke: r.value,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        d: t.tooth.shape.lineHighlightPath
+      }, null, 8, za)) : q("", !0)
+    ], 46, Ba));
+  }
+}), Da = ["aria-label", "aria-multiselectable", "aria-disabled"], Za = ["viewBox", "aria-label"], Ea = ["transform"], qa = {
+  key: 0,
+  class: "odontogram__state-marks",
+  "aria-hidden": "true"
+}, Ha = ["data-mark-for", "stroke-width"], Ra = ["data-mark-for", "stroke-width"], Aa = ["x", "y", "width", "height", "rx"], Oa = {
+  key: 2,
+  class: "odontogram__findings",
+  "aria-hidden": "true"
+}, Va = ["data-finding", "data-status", "data-teeth", "stroke-width", "stroke-dasharray"], ja = {
+  key: 3,
+  class: "odontogram__surface-letters",
+  "aria-hidden": "true"
+}, Qa = ["data-letter-for", "x", "y", "font-size"], Wa = {
+  key: 4,
+  class: "odontogram__numbers",
+  "aria-hidden": "true"
+}, Xa = ["data-number-for", "x", "y", "font-size"], Ka = ["data-corner-for", "d", "stroke-width"], Ua = {
+  key: 5,
+  class: "odontogram__overlay"
+}, Ga = ["aria-label", "data-menu-for"], Gs = /* @__PURE__ */ mt({
+  __name: "Odontogram",
+  props: {
+    modelValue: { default: () => [] },
+    dentition: { default: "permanent" },
+    notation: { default: "FDI" },
+    singleSelect: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    showLabels: { type: Boolean, default: !1 },
+    showTooltip: { type: Boolean, default: !0 },
+    conditions: { default: void 0 },
+    layout: { default: "arch" },
+    labels: { default: void 0 },
+    showNumbers: { type: Boolean, default: !1 },
+    showHalf: { default: "full" },
+    toothStates: { default: void 0 },
+    findings: { default: void 0 },
+    findingCatalog: { default: () => St },
+    showSurfaces: { type: Boolean, default: !1 },
+    showSurfaceLetters: { type: Boolean, default: !1 },
+    surfaceShape: { default: "square" },
+    surfaces: { default: () => ({}) },
+    teeth: { default: void 0 }
+  },
+  emits: ["update:modelValue", "change", "tooth-click", "update:surfaces", "surface-click"],
+  setup(t, { emit: e }) {
+    const n = t, a = e, {
+      viewBox: o,
+      viewBoxRect: s,
+      quadrants: r,
+      anchors: i,
+      anchorList: l,
+      numberLabels: u,
+      surfaceDiagrams: d,
+      findingLayout: h,
+      findingsByTooth: c,
+      conditionByTooth: m
+    } = Wo({
+      dentition: () => n.dentition,
+      layout: () => n.layout,
+      notation: () => n.notation,
+      conditions: () => n.conditions,
+      showHalf: () => n.showHalf,
+      showNumbers: () => n.showNumbers,
+      findings: () => n.findings,
+      findingCatalog: () => n.findingCatalog,
+      showSurfaces: () => n.showSurfaces,
+      teeth: () => n.teeth,
+      surfaceShape: () => n.surfaceShape
+    });
+    function p(x) {
+      const { surfaceNames: $, findingStatuses: z } = U.value, H = ({ name: K, surfaces: tt, status: S }) => {
+        const V = [
+          ...(tt ?? []).map((R) => $[wt(R, x)]),
+          ...S === "existing" ? [] : [z[S]]
+        ];
+        return V.length ? `${K} (${V.join(", ")})` : K;
+      };
+      return [...new Set((c.value.get(x) ?? []).map(H))];
+    }
+    const b = T(() => {
+      const x = /* @__PURE__ */ new Map();
+      for (const $ of h.value.findings) {
+        const z = [$.code, $.status, $.tone, $.color ?? ""].join(":");
+        x.set(z, x.get(z) ?? $);
+      }
+      return [...x.entries()].map(([$, { code: z, name: H, status: K, tone: tt, color: S }]) => ({
+        key: $,
+        code: z,
+        name: K === "existing" ? H : `${H} (${U.value.findingStatuses[K]})`,
+        status: K,
+        tone: tt,
+        color: S,
+        icon: jo(n.findingCatalog[z].symbol)
+      }));
+    });
+    function C(x) {
+      return re(n.toothStates, x);
+    }
+    function M(x) {
+      return ft(x, n.notation);
+    }
+    function w(x) {
+      return ft(x, n.notation, "text");
+    }
+    const k = T(
+      () => n.showSurfaceLetters ? d.value.flatMap(
+        (x) => x.surfaces.map(($) => ({
+          key: `${x.toothId}:${$.surface}`,
+          ...je($),
+          fontSize: x.size * 0.24,
+          text: U.value.surfaceLetters[$.name]
+        }))
+      ) : []
+    ), v = T(
+      () => new Set(l.value.filter(({ toothId: x }) => se.has(C(x))).map(({ toothId: x }) => x))
+    ), f = T(
+      () => new Map(r.value.flatMap(({ teeth: x }) => x.map(({ tooth: $ }) => [$.id, $])))
+    );
+    function I(x, $) {
+      const z = zo(n.surfaces, x, $);
+      a("update:surfaces", z), a("surface-click", f.value.get(x), $, z);
+    }
+    const E = dn(), F = et(), L = et(null), _ = et({ left: -9999, top: -9999 });
+    function N(x, $, z) {
+      if (!E["surface-menu"]) {
+        I(x, $);
+        return;
+      }
+      a("surface-click", f.value.get(x), $, n.surfaces), Dt(), F.value = { toothId: x, surface: $, element: z }, D();
+    }
+    async function D() {
+      var at, dt;
+      _.value = { left: -9999, top: -9999 }, await Rt();
+      const x = L.value, $ = (at = F.value) == null ? void 0 : at.element;
+      if (!x || !$)
+        return;
+      const z = 8, H = $.getBoundingClientRect(), { width: K, height: tt } = x.getBoundingClientRect(), S = (vt, cn) => Math.min(Math.max(vt, z), Math.max(z, cn)), V = H.bottom + z, R = V + tt > window.innerHeight - z ? H.top - tt - z : V;
+      _.value = {
+        left: S(H.left + H.width / 2 - K / 2, window.innerWidth - K - z),
+        top: S(R, window.innerHeight - tt - z)
+      }, (dt = x.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')) == null || dt.focus();
+    }
+    function Q(x = !0) {
+      var z;
+      const $ = (z = F.value) == null ? void 0 : z.element;
+      F.value = void 0, x && ($ == null || $.focus());
+    }
+    const j = T(() => {
+      const x = F.value;
+      if (x)
+        return {
+          toothId: x.toothId,
+          tooth: f.value.get(x.toothId),
+          surface: x.surface,
+          surfaceName: U.value.surfaceNames[wt(x.surface, x.toothId)],
+          record: Bt(x.toothId, n.findings ?? [], n.findingCatalog),
+          close: () => Q()
+        };
+    });
+    function J(x) {
+      var z;
+      const $ = x.target;
+      F.value && $ && !((z = L.value) != null && z.contains($)) && $ !== F.value.element && Q(!1);
+    }
+    function gt(x) {
+      F.value && x.key === "Escape" && (x.preventDefault(), Q());
+    }
+    kt(
+      () => !!F.value,
+      (x) => {
+        x ? (document.addEventListener("pointerdown", J, !0), document.addEventListener("keydown", gt)) : (document.removeEventListener("pointerdown", J, !0), document.removeEventListener("keydown", gt));
+      }
+    ), kt(
+      () => F.value && !d.value.some(({ toothId: x }) => x === F.value.toothId),
+      (x) => x && Q(!1)
+    ), hn(() => {
+      document.removeEventListener("pointerdown", J, !0), document.removeEventListener("keydown", gt);
+    });
+    const A = T(() => Jo(l.value, n.toothStates)), nt = T(() => {
+      const x = new Set(l.value.map(({ toothId: $ }) => C($)));
+      return Ko.filter(($) => $ !== "present" && x.has($)).map(($) => ({ state: $, label: U.value.states[$] }));
+    }), it = et(null), ct = et(), zt = T(() => {
+      var $;
+      const x = i.value;
+      return ct.value && x[ct.value] ? ct.value : n.modelValue.find((z) => x[z]) ?? (($ = l.value[0]) == null ? void 0 : $.toothId);
+    });
+    function Qt(x, $) {
+      ct.value = x.id, Kt(x, $);
+    }
+    async function Wt(x, $) {
+      var H, K;
+      const z = nn(l.value, x.id, $);
+      z && (ct.value = z, await Rt(), (K = (H = it.value) == null ? void 0 : H.querySelector(`[data-tooth-id="${z}"]`)) == null || K.focus());
+    }
+    const U = T(() => ae(n.labels)), Pt = T(() => U.value.chartTitles[n.dentition]), Y = et(), It = et(), Xt = et(), { isSelected: Nt, toggle: an } = Xo({
+      modelValue: () => n.modelValue,
+      singleSelect: () => n.singleSelect
+    });
+    function Kt(x, $) {
+      const z = $.currentTarget;
+      if (!(z instanceof SVGElement))
+        return;
+      const H = z.getBoundingClientRect();
+      Y.value = x, It.value = void 0, Xt.value = {
+        top: H.top,
+        right: H.right,
+        bottom: H.bottom,
+        left: H.left
+      };
+    }
+    function Dt() {
+      Y.value = void 0, It.value = void 0, Xt.value = void 0;
+    }
+    function sn(x, $, z) {
+      const H = f.value.get(x);
+      H && (Kt(H, z), It.value = $);
+    }
+    const Ut = T(() => {
+      const x = Y.value;
+      if (!x || It.value)
+        return;
+      const { surfaceNames: $, surfaceLetters: z, findingStatuses: H } = U.value, K = ({ finding: R, definition: at }) => {
+        const dt = R.status ?? "existing", vt = (at == null ? void 0 : at.name) ?? R.code;
+        return dt === "existing" ? vt : `${vt} (${H[dt]})`;
+      }, tt = Bt(x.id, n.findings ?? [], n.findingCatalog), S = G.filter((R) => tt.surfaces[R].length).map((R) => {
+        const at = wt(R, x.id);
+        return {
+          surface: R,
+          letter: z[at],
+          name: $[at],
+          findings: [...new Set(tt.surfaces[R].map(K))]
+        };
+      }), V = [
+        ...new Set(
+          (c.value.get(x.id) ?? []).filter(({ surfaces: R }) => !R).map(
+            (R) => R.status === "existing" ? R.name : `${R.name} (${H[R.status]})`
+          )
+        )
+      ];
+      return { summary: S, findings: V };
+    }), yt = T(() => {
+      var V;
+      const x = Y.value, $ = It.value;
+      if (!x || !$)
+        return;
+      const { surfaceNames: z, surfaceDescriptions: H, findingStatuses: K } = U.value, tt = wt($, x.id), S = Bt(x.id, n.findings ?? [], n.findingCatalog).surfaces[$].map(
+        ({ finding: R, definition: at }) => {
+          const dt = R.status ?? "existing", vt = (at == null ? void 0 : at.name) ?? R.code;
+          return dt === "existing" ? vt : `${vt} (${K[dt]})`;
+        }
+      );
+      return {
+        surface: $,
+        name: z[tt],
+        description: H[tt],
+        findings: [...new Set(S)],
+        selected: ((V = n.surfaces[x.id]) == null ? void 0 : V.includes($)) ?? !1
+      };
+    });
+    function rn(x) {
+      const $ = an(x.id);
+      a("update:modelValue", $), a("change", $), a("tooth-click", x, $);
+    }
+    return (x, $) => {
+      var z, H, K, tt;
+      return g(), y("div", {
+        class: "odontogram",
+        role: "listbox",
+        "aria-label": U.value.odontogram,
+        "aria-multiselectable": !t.singleSelect,
+        "aria-disabled": t.disabled
+      }, [
+        (g(), y("svg", {
+          ref_key: "svgElement",
+          ref: it,
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "none",
+          viewBox: X(o),
+          class: "odontogram__svg",
+          "aria-label": Pt.value
+        }, [
+          B("title", null, P(Pt.value), 1),
+          (g(!0), y(Z, null, O(X(r), (S) => (g(), y("g", {
+            key: S.quadrant,
+            transform: S.transform
+          }, [
+            (g(!0), y(Z, null, O(S.teeth, ({ tooth: V, transform: R }) => (g(), Zt(Na, {
+              key: V.id,
+              tooth: V,
+              selected: X(Nt)(V.id),
+              disabled: t.disabled,
+              condition: X(m).get(V.id),
+              "layout-transform": R,
+              label: U.value.tooth,
+              focusable: V.id === zt.value,
+              state: C(V.id),
+              "state-label": U.value.states[C(V.id)],
+              description: p(V.id).join(", ") || void 0,
+              number: M(V.id),
+              "spoken-number": w(V.id),
+              onSelect: rn,
+              onMouseenter: Kt,
+              onMouseleave: Dt,
+              onFocus: Qt,
+              onBlur: Dt,
+              onNavigate: Wt
+            }, null, 8, ["tooth", "selected", "disabled", "condition", "layout-transform", "label", "focusable", "state", "state-label", "description", "number", "spoken-number"]))), 128))
+          ], 8, Ea))), 128)),
+          A.value.length ? (g(), y("g", qa, [
+            (g(!0), y(Z, null, O(A.value, (S) => (g(), y(Z, {
+              key: S.toothId
+            }, [
+              S.kind === "cross" ? (g(), y("g", {
+                key: 0,
+                class: "odontogram-state-mark--cross",
+                "data-mark-for": S.toothId,
+                "stroke-width": S.strokeWidth
+              }, [
+                (g(!0), y(Z, null, O(S.lines, (V, R) => (g(), y("line", le({ key: R }, { ref_for: !0 }, V), null, 16))), 128))
+              ], 8, Ha)) : (g(), y("g", {
+                key: 1,
+                class: "odontogram-state-mark--implant",
+                "data-mark-for": S.toothId,
+                "stroke-width": S.strokeWidth
+              }, [
+                B("rect", {
+                  x: S.body.x,
+                  y: S.body.y,
+                  width: S.body.width,
+                  height: S.body.height,
+                  rx: S.body.width / 4
+                }, null, 8, Aa),
+                (g(!0), y(Z, null, O(S.threads, (V, R) => (g(), y("line", le({ key: R }, { ref_for: !0 }, V), null, 16))), 128))
+              ], 8, Ra))
+            ], 64))), 128))
+          ])) : q("", !0),
+          X(d).length ? (g(), Zt(Ta, {
+            key: 1,
+            diagrams: X(d),
+            anchors: X(l),
+            surfaces: t.surfaces,
+            disabled: t.disabled,
+            "inactive-teeth": v.value,
+            labels: U.value,
+            "spoken-number": w,
+            menu: !!x.$slots["surface-menu"],
+            "open-menu": F.value,
+            onActivate: N,
+            onEnter: sn,
+            onLeave: Dt
+          }, null, 8, ["diagrams", "anchors", "surfaces", "disabled", "inactive-teeth", "labels", "menu", "open-menu"])) : q("", !0),
+          X(h).findings.length ? (g(), y("g", Oa, [
+            (g(!0), y(Z, null, O(X(h).findings, (S) => (g(), y("g", {
+              key: S.key,
+              class: rt(["odontogram-finding", [`odontogram-finding--${S.tone}`, `odontogram-finding--${S.status}`]]),
+              style: ht(S.color ? { color: S.color } : void 0),
+              "data-finding": S.code,
+              "data-status": S.status,
+              "data-teeth": S.teeth.join(" "),
+              "stroke-width": S.strokeWidth,
+              "stroke-dasharray": S.status === "planned" ? `${S.strokeWidth * 2} ${S.strokeWidth * 1.6}` : void 0
+            }, [
+              jt(ie, {
+                primitives: S.primitives
+              }, null, 8, ["primitives"])
+            ], 14, Va))), 128))
+          ])) : q("", !0),
+          k.value.length ? (g(), y("g", ja, [
+            (g(!0), y(Z, null, O(k.value, (S) => (g(), y("text", {
+              key: S.key,
+              class: "odontogram__surface-letter",
+              "data-letter-for": S.key,
+              x: S.x,
+              y: S.y,
+              "font-size": S.fontSize,
+              "text-anchor": "middle",
+              "dominant-baseline": "central"
+            }, P(S.text), 9, Qa))), 128))
+          ])) : q("", !0),
+          X(u).length ? (g(), y("g", Wa, [
+            (g(!0), y(Z, null, O(X(u), (S) => (g(), y(Z, {
+              key: S.toothId
+            }, [
+              B("text", {
+                class: rt(["odontogram__number", { "odontogram__number--selected": X(Nt)(S.toothId) }]),
+                "data-number-for": S.toothId,
+                x: S.x,
+                y: S.y,
+                "font-size": S.fontSize,
+                "text-anchor": "middle",
+                "dominant-baseline": "central"
+              }, P(S.text), 11, Xa),
+              S.corner ? (g(), y("path", {
+                key: 0,
+                class: rt(["odontogram__number-corner", { "odontogram__number-corner--selected": X(Nt)(S.toothId) }]),
+                "data-corner-for": S.toothId,
+                d: S.corner,
+                "stroke-width": S.fontSize * 0.08
+              }, null, 10, Ka)) : q("", !0)
+            ], 64))), 128))
+          ])) : q("", !0),
+          x.$slots.overlay ? (g(), y("g", Ua, [
+            Ht(x.$slots, "overlay", {
+              anchors: X(i),
+              viewBox: X(s),
+              dentition: t.dentition,
+              layout: t.layout,
+              surfaceDiagrams: X(d)
+            })
+          ])) : q("", !0)
+        ], 8, Za)),
+        t.showTooltip ? (g(), Zt($a, {
+          key: 0,
+          active: !!Y.value && !F.value,
+          tooth: Y.value,
+          selected: yt.value ? yt.value.selected : Y.value ? X(Nt)(Y.value.id) : !1,
+          condition: Y.value ? X(m).get(Y.value.id) : void 0,
+          state: Y.value ? C(Y.value.id) : "present",
+          findings: yt.value ? yt.value.findings : Ut.value ? Ut.value.findings : [],
+          number: Y.value ? M(Y.value.id) : void 0,
+          surface: (z = yt.value) == null ? void 0 : z.surface,
+          "surface-name": (H = yt.value) == null ? void 0 : H.name,
+          "surface-description": (K = yt.value) == null ? void 0 : K.description,
+          "surface-summary": ((tt = Ut.value) == null ? void 0 : tt.summary) ?? [],
+          "anchor-rect": Xt.value,
+          labels: U.value
+        }, fn({ _: 2 }, [
+          x.$slots.tooltip ? {
+            name: "default",
+            fn: mn((S) => [
+              Ht(x.$slots, "tooltip", ue(de(S)))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["active", "tooth", "selected", "condition", "state", "findings", "number", "surface", "surface-name", "surface-description", "surface-summary", "anchor-rect", "labels"])) : q("", !0),
+        j.value && x.$slots["surface-menu"] ? (g(), y("div", {
+          key: 1,
+          ref_key: "surfaceMenuElement",
+          ref: L,
+          class: "odontogram-surface-menu",
+          role: "dialog",
+          "aria-label": `${U.value.surfaceMenu}: ${U.value.tooth} ${w(j.value.toothId)}, ${j.value.surfaceName}`,
+          "data-menu-for": `${j.value.toothId}:${j.value.surface}`,
+          style: ht({
+            position: "fixed",
+            left: `${_.value.left}px`,
+            top: `${_.value.top}px`,
+            opacity: _.value.left === -9999 ? 0 : 1
+          })
+        }, [
+          Ht(x.$slots, "surface-menu", ue(de(j.value)))
+        ], 12, Ga)) : q("", !0),
+        t.showLabels ? (g(), Zt(ya, {
+          key: 2,
+          conditions: t.conditions,
+          states: nt.value,
+          findings: b.value,
+          "aria-label": U.value.legend
+        }, null, 8, ["conditions", "states", "findings", "aria-label"])) : q("", !0)
+      ], 8, Da);
+    };
+  }
+}), Ya = ["aria-label", "data-tooth-id"], Ja = { class: "odontogram-surface-guide__title" }, ts = ["d", "stroke-width", "data-guide-surface", "onMouseenter", "onClick"], es = { class: "odontogram-surface-guide__findings" }, ns = ["stroke-width", "data-finding"], os = ["d", "data-highlight"], as = ["x", "y"], ss = {
+  key: 0,
+  class: "odontogram-surface-guide__list"
+}, rs = ["aria-pressed", "disabled", "data-guide-item", "onMouseenter", "onFocus", "onClick"], is = {
+  class: "odontogram-surface-guide__badge",
+  "aria-hidden": "true"
+}, cs = { class: "odontogram-surface-guide__text" }, ls = {
+  key: 0,
+  class: "odontogram-surface-guide__findings-text"
+}, us = 84, ds = /* @__PURE__ */ mt({
+  __name: "SurfaceGuide",
+  props: {
+    toothId: {},
+    findings: { default: () => [] },
+    findingCatalog: { default: () => St },
+    selected: { default: () => [] },
+    active: { default: void 0 },
+    labels: { default: void 0 },
+    notation: { default: "FDI" },
+    disabled: { type: Boolean, default: !1 },
+    shape: { default: "square" },
+    showList: { type: Boolean, default: !0 }
+  },
+  emits: ["surface-click", "update:active"],
+  setup(t, { emit: e }) {
+    const n = t, a = e, o = { x: 50, y: 50 }, s = T(() => ae(n.labels)), r = T(() => ft(n.toothId, n.notation)), i = T(() => ft(n.toothId, n.notation, "text")), l = T(
+      () => Ve(n.toothId, o, Po(n.toothId), us, 1.2, n.shape)
+    ), u = T(
+      () => Vo(n.findings, n.findingCatalog, l.value)
+    ), d = T(() => Bt(n.toothId, n.findings, n.findingCatalog));
+    function h(k) {
+      const { findingStatuses: v } = s.value;
+      return d.value.surfaces[k].map(({ finding: f, definition: I }) => {
+        const E = (I == null ? void 0 : I.name) ?? f.code, F = f.status ?? "existing";
+        return F === "existing" ? E : `${E} (${v[F]})`;
+      });
+    }
+    const c = et(), m = T(() => c.value ?? n.active);
+    function p(k) {
+      c.value = k, a("update:active", k);
+    }
+    function b(k) {
+      n.disabled || a("surface-click", k);
+    }
+    const C = T(
+      () => l.value.surfaces.map((k) => ({
+        ...k,
+        center: je(k),
+        letter: s.value.surfaceLetters[k.name]
+      }))
+    ), M = T(() => C.value.find(({ surface: k }) => k === m.value)), w = T(
+      () => G.map((k) => {
+        const { name: v, letter: f } = C.value.find((I) => I.surface === k);
+        return {
+          surface: k,
+          letter: f,
+          name: s.value.surfaceNames[v],
+          description: s.value.surfaceDescriptions[v],
+          findings: h(k),
+          selected: n.selected.includes(k)
+        };
+      })
+    );
+    return (k, v) => (g(), y("section", {
+      class: "odontogram-surface-guide",
+      "aria-label": `${s.value.surfaceGuide}, ${s.value.tooth} ${i.value}`,
+      "data-tooth-id": t.toothId
+    }, [
+      B("p", Ja, P(s.value.tooth) + " " + P(r.value), 1),
+      (g(), y("svg", {
+        class: "odontogram-surface-guide__diagram",
+        viewBox: "0 0 100 100",
+        fill: "none",
+        "aria-hidden": "true",
+        onMouseleave: v[0] || (v[0] = (f) => p(void 0))
+      }, [
+        (g(!0), y(Z, null, O(C.value, (f) => (g(), y("path", {
+          key: f.surface,
+          class: rt(["odontogram-surface", { "odontogram-surface--selected": t.selected.includes(f.surface) }]),
+          d: f.d,
+          "stroke-width": l.value.strokeWidth,
+          "data-guide-surface": f.surface,
+          onMouseenter: (I) => p(f.surface),
+          onClick: (I) => b(f.surface)
+        }, null, 42, ts))), 128)),
+        B("g", es, [
+          (g(!0), y(Z, null, O(u.value, (f) => (g(), y("g", {
+            key: f.key,
+            class: rt(["odontogram-finding", [`odontogram-finding--${f.tone}`, `odontogram-finding--${f.status}`]]),
+            style: ht(f.color ? { color: f.color } : void 0),
+            "stroke-width": f.strokeWidth,
+            "data-finding": f.code
+          }, [
+            jt(ie, {
+              primitives: f.primitives
+            }, null, 8, ["primitives"])
+          ], 14, ns))), 128))
+        ]),
+        M.value ? (g(), y("path", {
+          key: 0,
+          class: "odontogram-surface-guide__highlight",
+          d: M.value.d,
+          "data-highlight": M.value.surface
+        }, null, 8, os)) : q("", !0),
+        (g(!0), y(Z, null, O(C.value, (f) => (g(), y("text", {
+          key: `letter-${f.surface}`,
+          class: rt(["odontogram-surface-guide__letter", { "odontogram-surface-guide__letter--active": f.surface === m.value }]),
+          x: f.center.x,
+          y: f.center.y,
+          "text-anchor": "middle",
+          "dominant-baseline": "central"
+        }, P(f.letter), 11, as))), 128))
+      ], 32)),
+      t.showList ? (g(), y("ul", ss, [
+        (g(!0), y(Z, null, O(w.value, (f) => (g(), y("li", {
+          key: f.surface
+        }, [
+          B("button", {
+            type: "button",
+            class: rt(["odontogram-surface-guide__item", { "odontogram-surface-guide__item--active": f.surface === m.value }]),
+            "aria-pressed": f.selected,
+            disabled: t.disabled,
+            "data-guide-item": f.surface,
+            onMouseenter: (I) => p(f.surface),
+            onMouseleave: v[1] || (v[1] = (I) => p(void 0)),
+            onFocus: (I) => p(f.surface),
+            onBlur: v[2] || (v[2] = (I) => p(void 0)),
+            onClick: (I) => b(f.surface)
+          }, [
+            B("span", is, P(f.letter), 1),
+            B("span", cs, [
+              B("strong", null, P(f.name), 1),
+              B("span", null, P(f.description), 1),
+              f.findings.length ? (g(), y("span", ls, P(s.value.findings) + ": " + P(f.findings.join(", ")), 1)) : q("", !0)
+            ])
+          ], 42, rs)
+        ]))), 128))
+      ])) : q("", !0)
+    ], 8, Ya));
+  }
+}), hs = ["existing", "planned", "done"], fs = ["aria-label", "data-tooth-id"], ms = { class: "odontogram-inspector__header" }, gs = { class: "odontogram-inspector__title" }, ys = { class: "odontogram-inspector__type" }, vs = ["data-state"], ps = { class: "odontogram-inspector__body" }, xs = { class: "odontogram-inspector__details" }, ws = { class: "odontogram-inspector__section" }, bs = { class: "odontogram-inspector__heading" }, Ms = {
+  key: 0,
+  class: "odontogram-inspector__list"
+}, Cs = ["data-inspector-surface"], ks = {
+  class: "odontogram-inspector__badge",
+  "aria-hidden": "true"
+}, $s = { class: "odontogram-inspector__surface-name" }, Ss = { class: "odontogram-inspector__entries" }, Ps = ["aria-label", "onClick"], Is = {
+  key: 1,
+  class: "odontogram-inspector__empty"
+}, Ts = { class: "odontogram-inspector__section" }, Bs = { class: "odontogram-inspector__heading" }, _s = {
+  key: 0,
+  class: "odontogram-inspector__list"
+}, Fs = { class: "odontogram-inspector__entry" }, Ls = ["aria-label", "onClick"], zs = {
+  key: 1,
+  class: "odontogram-inspector__empty"
+}, Ns = { class: "odontogram-inspector__heading" }, Ds = { class: "odontogram-inspector__field" }, Zs = ["label"], Es = ["value"], qs = ["label"], Hs = ["value"], Rs = {
+  key: 0,
+  class: "odontogram-inspector__hint",
+  "data-inspector-chosen": ""
+}, As = { class: "odontogram-inspector__status" }, Os = ["value"], Vs = ["disabled"], Ys = /* @__PURE__ */ mt({
+  __name: "ToothInspector",
+  props: {
+    toothId: {},
+    findings: { default: () => [] },
+    findingCatalog: { default: () => St },
+    toothStates: { default: void 0 },
+    labels: { default: void 0 },
+    notation: { default: "FDI" },
+    shape: { default: "square" },
+    disabled: { type: Boolean, default: !1 },
+    selectedSurfaces: { default: void 0 }
+  },
+  emits: ["add-finding", "remove-finding", "update:selectedSurfaces"],
+  setup(t, { emit: e }) {
+    var F, L;
+    const n = t, a = e, o = T(() => ae(n.labels)), s = T(() => ft(n.toothId, n.notation)), r = T(() => ft(n.toothId, n.notation, "text")), i = T(() => {
+      const _ = Wn(n.toothId);
+      return o.value.toothTypes[_] ?? _;
+    }), l = T(() => re(n.toothStates, n.toothId)), u = T(() => se.has(l.value)), d = T(() => Bt(n.toothId, n.findings, n.findingCatalog)), h = T(
+      () => G.filter((_) => d.value.surfaces[_].length).map((_) => {
+        const N = wt(_, n.toothId);
+        return {
+          surface: _,
+          name: o.value.surfaceNames[N],
+          letter: o.value.surfaceLetters[N],
+          entries: d.value.surfaces[_]
+        };
+      })
+    );
+    function c({ finding: _, definition: N }) {
+      const D = _.status ?? "existing", Q = (N == null ? void 0 : N.name) ?? _.code;
+      return D === "existing" ? Q : `${Q} (${o.value.findingStatuses[D]})`;
+    }
+    function m({ scope: _, finding: N }) {
+      return (_ === "tooth" || _ === "unknown") && N.teeth.includes(n.toothId);
+    }
+    const p = T(() => {
+      const _ = Object.entries(n.findingCatalog).map(([N, D]) => ({
+        code: N,
+        name: D.name,
+        scope: Ct(D.symbol)
+      }));
+      return {
+        surface: _.filter(({ scope: N }) => N === "surface"),
+        tooth: _.filter(({ scope: N }) => N === "tooth")
+      };
+    }), b = et(((F = p.value.surface[0]) == null ? void 0 : F.code) ?? ((L = p.value.tooth[0]) == null ? void 0 : L.code) ?? ""), C = et("existing"), M = et([]), w = T({
+      get: () => n.selectedSurfaces ?? M.value,
+      set: (_) => {
+        M.value = _, a("update:selectedSurfaces", _);
+      }
+    });
+    kt(
+      () => n.toothId,
+      () => {
+        M.value = [];
+      }
+    );
+    const k = T(() => p.value.surface.some((_) => _.code === b.value)), v = T(
+      () => !n.disabled && !!b.value && (!k.value || w.value.length > 0 && !u.value)
+    );
+    function f(_) {
+      w.value = w.value.includes(_) ? w.value.filter((N) => N !== _) : G.filter((N) => N === _ || w.value.includes(N));
+    }
+    function I() {
+      v.value && (a("add-finding", {
+        code: b.value,
+        toothId: n.toothId,
+        ...k.value ? { surfaces: [...w.value] } : {},
+        ...C.value === "existing" ? {} : { status: C.value }
+      }), w.value = []);
+    }
+    function E(_, N) {
+      n.disabled || a("remove-finding", { index: _.index, toothId: n.toothId, ...N ? { surface: N } : {} });
+    }
+    return (_, N) => (g(), y("section", {
+      class: "odontogram-inspector",
+      "aria-label": `${o.value.inspector.title}, ${o.value.tooth} ${r.value}`,
+      "data-tooth-id": t.toothId
+    }, [
+      B("div", ms, [
+        B("strong", gs, P(o.value.tooth) + " " + P(s.value), 1),
+        B("span", ys, P(i.value), 1),
+        l.value !== "present" ? (g(), y("span", {
+          key: 0,
+          class: "odontogram-inspector__state",
+          "data-state": l.value
+        }, P(o.value.states[l.value]), 9, vs)) : q("", !0)
+      ]),
+      B("div", ps, [
+        jt(ds, {
+          class: "odontogram-inspector__guide",
+          "tooth-id": t.toothId,
+          findings: t.findings,
+          "finding-catalog": t.findingCatalog,
+          selected: w.value,
+          labels: t.labels,
+          notation: t.notation,
+          shape: t.shape,
+          disabled: t.disabled || u.value,
+          "show-list": !1,
+          onSurfaceClick: f
+        }, null, 8, ["tooth-id", "findings", "finding-catalog", "selected", "labels", "notation", "shape", "disabled"]),
+        B("div", xs, [
+          B("div", ws, [
+            B("p", bs, P(o.value.inspector.surfaceFindings), 1),
+            h.value.length ? (g(), y("ul", Ms, [
+              (g(!0), y(Z, null, O(h.value, (D) => (g(), y("li", {
+                key: D.surface,
+                "data-inspector-surface": D.surface
+              }, [
+                B("span", ks, P(D.letter), 1),
+                B("span", $s, P(D.name), 1),
+                B("span", Ss, [
+                  (g(!0), y(Z, null, O(D.entries, (Q) => (g(), y("span", {
+                    key: Q.index,
+                    class: "odontogram-inspector__entry"
+                  }, [
+                    pt(P(c(Q)) + " ", 1),
+                    t.disabled ? q("", !0) : (g(), y("button", {
+                      key: 0,
+                      type: "button",
+                      class: "odontogram-inspector__remove",
+                      "aria-label": `${o.value.inspector.remove}: ${c(Q)}, ${D.name}`,
+                      onClick: (j) => E(Q, D.surface)
+                    }, " × ", 8, Ps))
+                  ]))), 128))
+                ])
+              ], 8, Cs))), 128))
+            ])) : (g(), y("p", Is, P(o.value.inspector.noFindings), 1))
+          ]),
+          B("div", Ts, [
+            B("p", Bs, P(o.value.inspector.toothFindings), 1),
+            d.value.tooth.length ? (g(), y("ul", _s, [
+              (g(!0), y(Z, null, O(d.value.tooth, (D) => (g(), y("li", {
+                key: D.index,
+                "data-inspector-tooth-finding": ""
+              }, [
+                B("span", Fs, [
+                  pt(P(c(D)) + " ", 1),
+                  !t.disabled && m(D) ? (g(), y("button", {
+                    key: 0,
+                    type: "button",
+                    class: "odontogram-inspector__remove",
+                    "aria-label": `${o.value.inspector.remove}: ${c(D)}`,
+                    onClick: (Q) => E(D)
+                  }, " × ", 8, Ls)) : q("", !0)
+                ])
+              ]))), 128))
+            ])) : (g(), y("p", zs, P(o.value.inspector.noFindings), 1))
+          ]),
+          t.disabled ? q("", !0) : (g(), y("form", {
+            key: 0,
+            class: "odontogram-inspector__section odontogram-inspector__form",
+            onSubmit: gn(I, ["prevent"])
+          }, [
+            B("p", Ns, P(o.value.inspector.addFinding), 1),
+            B("label", Ds, [
+              pt(P(o.value.inspector.finding) + " ", 1),
+              he(B("select", {
+                "onUpdate:modelValue": N[0] || (N[0] = (D) => b.value = D),
+                name: "finding"
+              }, [
+                p.value.surface.length ? (g(), y("optgroup", {
+                  key: 0,
+                  label: o.value.inspector.onSurfaces
+                }, [
+                  (g(!0), y(Z, null, O(p.value.surface, (D) => (g(), y("option", {
+                    key: D.code,
+                    value: D.code
+                  }, P(D.name), 9, Es))), 128))
+                ], 8, Zs)) : q("", !0),
+                p.value.tooth.length ? (g(), y("optgroup", {
+                  key: 1,
+                  label: o.value.inspector.onTooth
+                }, [
+                  (g(!0), y(Z, null, O(p.value.tooth, (D) => (g(), y("option", {
+                    key: D.code,
+                    value: D.code
+                  }, P(D.name), 9, Hs))), 128))
+                ], 8, qs)) : q("", !0)
+              ], 512), [
+                [yn, b.value]
+              ])
+            ]),
+            k.value ? (g(), y("p", Rs, [
+              w.value.length ? (g(), y(Z, { key: 0 }, [
+                pt(P(w.value.map((D) => o.value.surfaceNames[X(wt)(D, t.toothId)]).join(", ")), 1)
+              ], 64)) : (g(), y(Z, { key: 1 }, [
+                pt(P(o.value.inspector.chooseSurfaces), 1)
+              ], 64))
+            ])) : q("", !0),
+            B("fieldset", As, [
+              B("legend", null, P(o.value.inspector.status), 1),
+              (g(!0), y(Z, null, O(X(hs), (D) => (g(), y("label", { key: D }, [
+                he(B("input", {
+                  "onUpdate:modelValue": N[1] || (N[1] = (Q) => C.value = Q),
+                  type: "radio",
+                  name: "status",
+                  value: D
+                }, null, 8, Os), [
+                  [vn, C.value]
+                ]),
+                pt(" " + P(o.value.findingStatuses[D]), 1)
+              ]))), 128))
+            ]),
+            B("button", {
+              type: "submit",
+              class: "odontogram-inspector__add",
+              disabled: !v.value
+            }, P(o.value.inspector.add), 9, Vs)
+          ], 32))
+        ])
+      ])
+    ], 8, fs));
+  }
+});
+export {
+  Gs as Odontogram,
+  ds as SurfaceGuide,
+  Na as Tooth,
+  Ys as ToothInspector,
+  Ks as addFinding,
+  aa as addSurfaceFinding,
+  Rn as buildToothId,
+  lt as defaultOdontogramLabels,
+  hs as findingStatuses,
+  ft as formatToothNumber,
+  Ct as getFindingScope,
+  co as getLayoutViewBox,
+  ze as getPalmerQuadrant,
+  Ws as getQuadrant,
+  wt as getSurfaceName,
+  io as getToothAnchors,
+  Bt as getToothRecord,
+  Wn as getToothType,
+  St as ntsPeruFindingCatalog,
+  Us as removeSurfaceFinding,
+  Ao as resolveFindingTone,
+  Xs as surfaceShapeKinds,
+  zo as toggleSurface,
+  Ko as toothStates,
+  G as toothSurfaces
+};