@salloomd/teeth-selector 0.0.3 → 0.0.4

package/dist/components/teeth-preview.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { TeethPreviewProps } from "../lib/types";
+import type { TeethPreviewProps } from "@lib/types";
 declare const TeethPreview: React.ForwardRefExoticComponent<TeethPreviewProps & React.RefAttributes<SVGSVGElement>>;
 export { TeethPreview };
 //# sourceMappingURL=teeth-preview.d.ts.map

package/dist/components/teeth-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teeth-preview.d.ts","sourceRoot":"","sources":["../../src/components/teeth-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAMtD,QAAA,MAAM,YAAY,yFAiHjB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"teeth-preview.d.ts","sourceRoot":"","sources":["../../src/components/teeth-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAMpD,QAAA,MAAM,YAAY,yFAiHjB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/teeth-selector.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { type Tooth } from "../lib/teeth";
-import type { TeethSelectorProps, TeethSelectorState } from "../lib/types";
+import { type Tooth } from "@lib/teeth";
+import type { TeethSelectorProps, TeethSelectorState } from "@lib/types";
 type SelectionAction = {
     type: "toggle-tooth";
     toothId: number;

package/dist/components/teeth-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teeth-selector.d.ts","sourceRoot":"","sources":["../../src/components/teeth-selector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,KAAK,KAAK,EACX,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAM3E,KAAK,eAAe,GAChB;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACvD;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,kBAAkB,CAAA;CAAE,CAAC;AA2G/C,UAAU,yBAAyB;IACjC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC1C,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC;CAC/D;AAKD,wBAAgB,uBAAuB,8BAQtC;AAMD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB;AAYD,QAAA,MAAM,aAAa,2FAwHlB,CAAC;AAQF,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CACZ,KAAK,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC;QAAC,UAAU,EAAE,OAAO,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,EACpE,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,KAC9B,KAAK,CAAC,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,CACb,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,OAAO,CAAC;QAChB,QAAQ,EAAE;YACR,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,EAAE,MAAM,CAAC;SACd,CAAC;KACH,EACD,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,KAC9B,KAAK,CAAC,SAAS,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,QAAA,MAAM,UAAU,uFA4Mf,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"teeth-selector.d.ts","sourceRoot":"","sources":["../../src/components/teeth-selector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,KAAK,KAAK,EACX,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAMzE,KAAK,eAAe,GAChB;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACvD;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,kBAAkB,CAAA;CAAE,CAAC;AA2G/C,UAAU,yBAAyB;IACjC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC1C,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC;CAC/D;AAKD,wBAAgB,uBAAuB,8BAQtC;AAMD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB;AAYD,QAAA,MAAM,aAAa,2FAwHlB,CAAC;AAQF,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CACZ,KAAK,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC;QAAC,UAAU,EAAE,OAAO,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,EACpE,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,KAC9B,KAAK,CAAC,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,CACb,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,OAAO,CAAC;QAChB,QAAQ,EAAE;YACR,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,EAAE,MAAM,CAAC;SACd,CAAC;KACH,EACD,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,KAC9B,KAAK,CAAC,SAAS,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,QAAA,MAAM,UAAU,uFA4Mf,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC"}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export { TeethSelector, TeethChart, useTeethSelectorContext, } from "./components/teeth-selector";
-export { TeethPreview } from "./components/teeth-preview";
-export { teethData, adjacentTeethPairs, getTeethInRange, parseTeethSelection, formatTeethSelection, sameSide, } from "./lib/teeth";
-export type { Tooth } from "./lib/teeth";
-export type { TeethSelectorProps, TeethSelectorState, TeethSelectorRenderProps, TeethChartProps, TeethPreviewProps, ToothRenderProps, BridgeRenderProps, } from "./lib/types";
+export { TeethSelector, TeethChart, useTeethSelectorContext, } from "@components/teeth-selector";
+export { TeethPreview } from "@components/teeth-preview";
+export { teethData, adjacentTeethPairs, getTeethInRange, parseTeethSelection, formatTeethSelection, sameSide, } from "@lib/teeth";
+export type { Tooth } from "@lib/teeth";
+export type { TeethSelectorProps, TeethSelectorState, TeethSelectorRenderProps, TeethChartProps, TeethPreviewProps, ToothRenderProps, BridgeRenderProps, } from "@lib/types";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EACb,UAAU,EACV,uBAAuB,GACxB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,QAAQ,GACT,MAAM,aAAa,CAAC;AAGrB,YAAY,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACzC,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,wBAAwB,EACxB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EACb,UAAU,EACV,uBAAuB,GACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,QAAQ,GACT,MAAM,YAAY,CAAC;AAGpB,YAAY,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACxC,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,wBAAwB,EACxB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,YAAY,CAAC"}

package/dist/lib.d.ts

@@ -0,0 +1,3 @@
+export { teethData, adjacentTeethPairs, getTeethInRange, parseTeethSelection, formatTeethSelection, sameSide, } from "@lib/teeth";
+export type { Tooth } from "@lib/teeth";
+//# sourceMappingURL=lib.d.ts.map

package/dist/lib.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,QAAQ,GACT,MAAM,YAAY,CAAC;AAGpB,YAAY,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}

package/dist/lib.js

@@ -0,0 +1,391 @@
+// src/lib/teeth.ts
+var teethData = [
+  {
+    order: 0,
+    id: 18,
+    name: "Upper Right Third Molar",
+    position: "upper",
+    side: "right",
+    d: "m30 344c-1.8-0.6-3.4-1.6-4.7-3-1.5-1.6-2.7-3.7-3.6-6.5-0.63-2.1-0.94-4.2-0.94-6.1a16 16 0 0 1 0.73-4.7c0.87-2.8 2.3-4.7 3.4-6.2 0.78-1 1.3-1.8 1.4-2.4 0.026-1.2-0.17-2.8-0.37-4.5-0.4-3.4-0.86-7.3-0.044-9.8l5e-3 -0.015 3e-3 -0.015c0.51-2.5 2.5-4.7 6-6.4 2.8-1.4 5.8-2.1 7.1-2.4 0.21-0.049 0.37-0.088 0.48-0.12 4.7-1.1 10-0.73 14-0.23 4.9 0.62 9.3 1.7 12 2.4l0.1 0.034c7.1 2.3 14 7.5 18 14 4.3 7.1 5.5 15 3.3 23-1.1 3.7-2.7 7-4.8 9.8s-4.7 5-7.6 6.6c-5.6 3-12 3.3-19 1-2.4-0.76-4.8-1.8-7.2-3.2l-0.021-0.012-0.023-7e-3c-2.5-0.82-5.4-0.73-8.4-0.63-3.1 0.1-6.3 0.21-9.1-0.72z"
+  },
+  {
+    order: 1,
+    id: 17,
+    name: "Upper Right Second Molar",
+    position: "upper",
+    side: "right",
+    d: "m39 279c-3-0.96-6.3-2.5-8.5-6.2-1.5-2.9-2.2-10-1.8-21l6e-3 -0.19c0.026-1.2-0.17-2.8-0.37-4.5-0.4-3.4-0.86-7.3-0.045-9.8 0.4-1.1 1.9-2.4 4.2-3.7 1.8-1 3.9-1.9 4.6-2.1l6e-3 -1e-3 6e-3 -2e-3c6.5-2.1 24 2.2 29 4l0.13 0.043c3.6 1.2 6.7 2.7 9.3 4.7s4.7 4.3 6.2 6.9c1.5 2.7 2.4 5.8 2.6 9.1 0.22 3.4-0.26 7.2-1.4 11-1.9 6.6-5.5 11-11 14-3 1.6-6.6 2.4-11 2.5-3.7 0.027-7.8-0.66-12-2l-0.24-0.078c-2-0.63-3.9-1.1-5.7-1.6-1.7-0.43-3.4-0.83-4.9-1.3z"
+  },
+  {
+    order: 2,
+    id: 16,
+    name: "Upper Right First Molar",
+    position: "upper",
+    side: "right",
+    d: "m72 229c-0.72 0-1.5-0.018-2.2-0.053-8.3-0.39-16-2.8-21-6.7-3-2.1-5.3-4.7-6.9-7.5-1.7-3.1-2.6-6.6-2.6-10 0-2.7 0.77-5.6 2-7.3 0.41-0.58 1-1.2 1.7-1.9 1.2-1.2 2.6-2.7 3.4-4.4 0.41-0.98 0.45-2.4 0.5-4 0.072-2.5 0.16-5.6 1.8-8.1l4e-3 -7e-3 4e-3 -6e-3c1.4-2.4 3.6-4.1 6.6-5.1 2.4-0.79 5.4-1.1 9.5-1.1 4.7 0.79 9 2.2 13 4.3 3.9 2 7.3 4.6 10 7.5 2.8 3 4.9 6.4 6.3 10a27 27 0 0 1 1.6 12c-1.3 16-8.7 23-23 23z"
+  },
+  {
+    order: 3,
+    id: 15,
+    name: "Upper Right Second Premolar",
+    position: "upper",
+    side: "right",
+    d: "m73 168a39 39 0 0 1-0.2-0.1c-3.9-1.9-7.1-4.1-9.5-6.5-2.3-2.3-3.8-4.7-4.6-7.2a13 13 0 0 1-0.52-5.8c0.24-1.9 0.89-3.8 1.9-5.7 2.2-4.1 6.2-6.9 11-8 2.6-0.56 5.3-0.64 8.1-0.23 3 0.42 6 1.4 9 2.8 0.71 0.34 1.4 0.72 2.1 1.1 3.2 1.8 6.1 3.9 8.5 6.2 2.4 2.2 4.3 4.5 5.7 6.8s2.2 4.6 2.5 6.8c0.29 2.2-0.014 4.3-0.9 6.2-0.62 1.3-1.6 2.5-2.9 3.6-1.3 1-2.9 1.9-4.8 2.5-3.5 1.2-7.6 1.7-12 1.3-4.7-0.38-9.4-1.7-14-3.8z"
+  },
+  {
+    order: 4,
+    id: 14,
+    name: "Upper Right First Premolar",
+    position: "upper",
+    side: "right",
+    d: "m118 135a6.3 6.3 0 0 1-0.3 0.28c-2.4 2.1-6.6 2.8-12 2-5.4-0.85-11-3.3-16-6.8-5.7-4.1-9.3-9.3-9.7-14-0.28-3.4 0.92-6.6 3.5-9.2a16 16 0 0 1 1.6-1.4c8.7-6.6 22-4.9 29 3.7a26 26 0 0 1 4.2 7 27 27 0 0 1 1.8 7.4c0.47 4.9-0.57 9.1-2.8 11z"
+  },
+  {
+    order: 5,
+    id: 13,
+    name: "Upper Right Canine",
+    position: "upper",
+    side: "right",
+    d: "m144 104c-0.09 0.084-0.19 0.17-0.29 0.24-1.2 0.9-2.9 1.5-5.1 1.8-2.2 0.33-4.9 0.3-7.7-0.086-6.4-0.88-13-3.5-19-7.5-2.2-1.6-4-3.4-5.2-5.4a13 13 0 0 1-1.8-5.8c-0.18-2.6 0.36-5.4 1.6-8 1.1-2.3 2.6-4.5 4.3-6.1 0.36-0.34 0.73-0.65 1.1-0.92 1.4-1.1 4.4-2.7 7.8-4 2.8-1.1 6.8-2.2 10-1.8h8e-3c2.5 0.26 4.4 1.4 5.8 3.6 1.3 2 2.1 4.4 2.9 6.8 0.19 0.58 0.36 1.1 0.55 1.7 0.52 1.5 1.1 3.1 1.7 4.7 1.6 4.3 3.2 8.8 3.9 12 0.83 4.1 0.48 6.9-1.1 8.3z"
+  },
+  {
+    order: 6,
+    id: 12,
+    name: "Upper Right Lateral Incisor",
+    position: "upper",
+    side: "right",
+    d: "m168 82c-2.9 1.2-6.4 0.91-11-1-3.7-1.7-7.9-4.5-13-8.8-0.54-0.44-1.1-0.86-1.6-1.3-2-1.6-3.8-3-5-4.4-1.3-1.5-1.9-2.7-1.7-4 0.17-1.6 1.4-3.3 3.9-5.3 2.6-2.1 6.8-4.5 13-7.4a105 105 0 0 1 5.9-2.8c6.4-2.7 10-3.3 13-2 2.5 1.6 2.7 5.7 3 11 0.073 1.5 0.15 3 0.28 4.6 0.61 7.4 0.52 12-0.3 15-0.86 3.2-2.6 5.2-5.8 6.6l-0.04 0.017z"
+  },
+  {
+    order: 7,
+    id: 11,
+    name: "Upper Right Central Incisor",
+    position: "upper",
+    side: "right",
+    d: "m205 74c-10 1.1-18-9.3-23-18l-0.3-0.5c-1.4-2.4-2.7-4.6-3.5-6.7-0.85-2.3-0.88-4.2-0.11-5.9 0.9-2 2.9-3.6 6.2-5.1 3.7-1.6 8.9-3 16-4.2a82 82 0 0 1 5-0.69c4.3-0.46 7.9-0.39 11 0.2 2.4 0.52 4.2 1.5 5.4 2.8 1.3 1.5 1.9 3.6 1.7 6.3-0.14 2.4-0.79 5-1.4 7.4-0.23 0.89-0.45 1.7-0.63 2.5l-0.29 1.3c-0.98 4.3-2.1 9.3-4.2 13-2.4 4.5-5.8 6.9-10 7.6-0.21 0.03-0.42 0.057-0.62 0.079z"
+  },
+  {
+    order: 8,
+    id: 21,
+    name: "Upper Left Central Incisor",
+    position: "upper",
+    side: "left",
+    d: "m246 32h1e-3c1.5 0.16 3.2 0.4 5 0.69 7 1.2 12 2.5 16 4.2 3.3 1.5 5.3 3.1 6.2 5.1 0.77 1.7 0.73 3.5-0.12 5.9-0.77 2.1-2.1 4.4-3.5 6.7l-0.3 0.5c-5.4 9.2-13 20-23 18a15 15 0 0 1-0.62-0.079c-4.5-0.66-7.9-3.2-10-7.6-2.1-3.9-3.2-8.9-4.2-13l-0.29-1.3c-0.18-0.81-0.4-1.7-0.63-2.5-0.63-2.5-1.3-5-1.4-7.4-0.15-2.7 0.41-4.8 1.7-6.3 1.2-1.3 3-2.3 5.4-2.8 2.7-0.58 6.3-0.65 11-0.19z"
+  },
+  {
+    order: 9,
+    id: 22,
+    name: "Upper Left Lateral Incisor",
+    position: "upper",
+    side: "left",
+    d: "m292 47h1e-3c1.8 0.75 3.8 1.7 5.9 2.8 5.8 2.9 9.9 5.4 13 7.4 2.5 1.9 3.7 3.7 3.9 5.3 0.14 1.3-0.41 2.5-1.7 4-1.2 1.4-3 2.8-5 4.4-0.51 0.41-1 0.83-1.6 1.3-5.3 4.3-9.5 7.1-13 8.8-4.3 1.9-7.8 2.3-11 1l-0.04-0.018c-3.2-1.4-4.9-3.3-5.8-6.6-0.82-3.1-0.91-7.3-0.3-15 0.13-1.6 0.21-3.1 0.28-4.6 0.26-5.3 0.47-9.4 3-11 2.2-1.4 6.2-0.77 13 2z"
+  },
+  {
+    order: 10,
+    id: 23,
+    name: "Upper Left Canine",
+    position: "upper",
+    side: "left",
+    d: "m339 73c1.7 1.6 3.2 3.7 4.3 6.1 1.2 2.7 1.8 5.5 1.6 8a13 13 0 0 1-1.8 5.8c-1.2 2-2.9 3.8-5.2 5.4-5.6 3.9-12 6.6-19 7.5-2.8 0.38-5.4 0.41-7.7 0.086-2.2-0.32-3.9-0.96-5.1-1.8a4 4 0 0 1-0.29-0.24c-1.6-1.4-1.9-4.2-1.1-8.3 0.75-3.7 2.4-8.2 3.9-12a301 301 0 0 0 1.7-4.7c0.18-0.54 0.36-1.1 0.55-1.7 0.77-2.4 1.6-4.8 2.9-6.8 1.5-2.2 3.4-3.4 5.8-3.6h5e-3l4e-3 -1e-3c3.3-0.45 7.3 0.71 10 1.8 3.4 1.3 6.4 3 7.8 4 0.36 0.27 0.73 0.58 1.1 0.92z"
+  },
+  {
+    order: 11,
+    id: 24,
+    name: "Upper Left First Premolar",
+    position: "upper",
+    side: "left",
+    d: "m367 107h1e-3c2.6 2.6 3.8 5.7 3.5 9.2-0.42 5-3.9 10-9.7 14-5 3.6-11 6-16 6.8-5.1 0.81-9.4 0.076-12-2a6.3 6.3 0 0 1-0.3-0.28c-2.2-2.2-3.3-6.5-2.8-11a27 27 0 0 1 1.8-7.4 26 26 0 0 1 4.2-7c7.4-8.7 21-10 29-3.7a16 16 0 0 1 1.6 1.4z"
+  },
+  {
+    order: 12,
+    id: 25,
+    name: "Upper Left Second Premolar",
+    position: "upper",
+    side: "left",
+    d: "m362 137 2e-3 -1e-3c3-1.5 6-2.4 9-2.8 2.8-0.4 5.6-0.32 8.1 0.24 5 1.1 9 3.9 11 8 1 1.9 1.7 3.8 1.9 5.7a13 13 0 0 1-0.52 5.8c-0.8 2.5-2.4 5-4.6 7.2-2.4 2.4-5.6 4.6-9.5 6.5l-0.2 0.1c-4.3 2.1-9.1 3.4-14 3.8-4.3 0.35-8.5-0.11-12-1.3-1.9-0.65-3.5-1.5-4.8-2.5s-2.3-2.2-2.9-3.6c-0.89-1.9-1.2-4-0.9-6.2 0.28-2.2 1.1-4.5 2.5-6.8s3.3-4.6 5.7-6.8 5.3-4.3 8.5-6.2a37 37 0 0 1 2.1-1.1z"
+  },
+  {
+    order: 13,
+    id: 26,
+    name: "Upper Left First Molar",
+    position: "upper",
+    side: "left",
+    d: "m378 229c-15 0-22-7.3-23-23-0.33-4.1 0.2-8 1.6-12 1.3-3.7 3.4-7 6.3-10 2.8-3 6.2-5.5 10-7.5 4-2.1 8.4-3.5 13-4.3 4.1 1e-3 7.1 0.36 9.5 1.1 3 0.98 5.2 2.6 6.6 5.1l4e-3 6e-3 4e-3 7e-3c1.6 2.4 1.7 5.5 1.8 8.1 0.046 1.6 0.087 3 0.5 4 0.76 1.8 2.1 3.2 3.4 4.4 0.65 0.66 1.3 1.3 1.7 1.9 1.2 1.7 2 4.5 2 7.3 0 3.8-0.87 7.2-2.6 10-1.6 2.9-3.9 5.4-6.9 7.5-5.5 3.9-13 6.3-21 6.7-0.76 0.035-1.5 0.053-2.2 0.053z"
+  },
+  {
+    order: 14,
+    id: 27,
+    name: "Upper Left Second Molar",
+    position: "upper",
+    side: "left",
+    d: "m386 236c5.5-1.8 23-6.1 29-4l6e-3 2e-3 6e-3 1e-3c0.74 0.2 2.7 1 4.6 2.1 2.4 1.3 3.8 2.6 4.2 3.7 0.81 2.4 0.36 6.3-0.045 9.8-0.2 1.7-0.4 3.4-0.37 4.5l7e-3 0.2c0.36 11-0.3 18-1.8 21-2.2 3.8-5.6 5.3-8.5 6.2-1.5 0.5-3.2 0.9-4.9 1.3-1.9 0.48-3.9 0.97-6 1.6-4.2 1.4-8.3 2.1-12 2-4-0.028-7.5-0.86-11-2.5-5-2.7-8.6-7.4-11-14-1.2-4-1.7-7.8-1.4-11 0.22-3.3 1.1-6.4 2.6-9.1 1.5-2.6 3.5-5 6.2-6.9 2.6-1.9 5.7-3.5 9.3-4.7l0.13-0.043z"
+  },
+  {
+    order: 15,
+    id: 28,
+    name: "Upper Left Third Molar",
+    position: "upper",
+    side: "left",
+    d: "m384 294c2.3-0.74 6.7-1.8 12-2.4 4-0.5 9.7-0.87 14 0.23 0.11 0.03 0.28 0.068 0.48 0.12 1.3 0.3 4.3 1 7.1 2.4 3.5 1.7 5.5 3.9 6 6.4l3e-3 0.015 5e-3 0.015c0.82 2.4 0.36 6.3-0.044 9.8-0.2 1.7-0.4 3.4-0.37 4.5 0.021 0.63 0.58 1.4 1.4 2.4 1.1 1.4 2.6 3.4 3.4 6.2 0.48 1.5 0.72 3.1 0.73 4.7 8e-3 1.9-0.31 4-0.94 6.1-0.91 2.8-2.1 4.9-3.6 6.5-1.3 1.4-2.8 2.4-4.7 3-2.8 0.93-6 0.82-9.1 0.72-3-0.1-5.9-0.2-8.4 0.63l-0.023 7e-3 -0.021 0.011c-2.4 1.3-4.8 2.4-7.2 3.2-7 2.3-14 1.9-19-1-2.9-1.5-5.5-3.8-7.6-6.6s-3.8-6.1-4.8-9.8c-2.2-7.6-1.1-16 3.3-23 4-6.7 10-12 18-14l0.1-0.034z"
+  },
+  {
+    order: 16,
+    id: 38,
+    name: "Lower Left Third Molar",
+    position: "lower",
+    side: "left",
+    d: "m420 406c1.8 0.6 3.4 1.6 4.7 3 1.5 1.6 2.7 3.7 3.6 6.5 0.63 2.1 0.94 4.2 0.94 6.1a16 16 0 0 1-0.73 4.7c-0.87 2.8-2.3 4.7-3.4 6.2-0.78 1-1.3 1.8-1.4 2.4-0.026 1.2 0.17 2.8 0.37 4.5 0.4 3.4 0.86 7.3 0.044 9.8l-5e-3 0.015-3e-3 0.015c-0.51 2.5-2.5 4.7-6 6.4-2.8 1.4-5.8 2.1-7.1 2.4-0.21 0.049-0.37 0.088-0.48 0.12-4.7 1.1-10 0.73-14 0.23-4.9-0.62-9.3-1.7-12-2.4l-0.1-0.034c-7.1-2.3-14-7.5-18-14-4.3-7.1-5.5-15-3.3-23 1.1-3.7 2.7-7 4.8-9.8s4.7-5 7.6-6.6c5.6-3 12-3.3 19-1 2.4 0.76 4.8 1.8 7.2 3.2l0.021 0.012 0.023 7e-3c2.5 0.82 5.4 0.73 8.4 0.63 3.1-0.1 6.3-0.21 9.1 0.72z"
+  },
+  {
+    order: 17,
+    id: 37,
+    name: "Lower Left Second Molar",
+    position: "lower",
+    side: "left",
+    d: "m411 471c3 0.96 6.3 2.5 8.5 6.2 1.5 2.9 2.2 10 1.8 21l-6e-3 0.19c-0.026 1.2 0.17 2.8 0.37 4.5 0.4 3.4 0.86 7.3 0.045 9.8-0.4 1.1-1.9 2.4-4.2 3.7-1.8 1-3.9 1.9-4.6 2.1l-6e-3 1e-3 -6e-3 2e-3c-6.5 2.1-24-2.2-29-4a32 32 0 0 1-0.13-0.043c-3.6-1.2-6.7-2.7-9.3-4.7s-4.7-4.3-6.2-6.9c-1.5-2.7-2.4-5.8-2.6-9.1-0.22-3.4 0.26-7.2 1.4-11 1.9-6.6 5.5-11 11-14 3-1.6 6.6-2.4 11-2.5 3.7-0.027 7.8 0.66 12 2l0.24 0.078c2 0.63 3.9 1.1 5.7 1.6 1.7 0.43 3.4 0.83 4.9 1.3z"
+  },
+  {
+    order: 18,
+    id: 36,
+    name: "Lower Left First Molar",
+    position: "lower",
+    side: "left",
+    d: "m386 578c-4.7-0.79-9-2.2-13-4.3-3.9-2-7.3-4.6-10-7.5-2.8-3-4.9-6.4-6.3-10a27 27 0 0 1-1.6-12c1.3-16 8.7-23 23-23 0.72 0 1.5 0.018 2.2 0.053 8.3 0.39 16 2.8 21 6.7 3 2.1 5.3 4.7 6.9 7.5 1.7 3.1 2.6 6.6 2.6 10 0 2.7-0.77 5.6-2 7.3-0.41 0.58-1 1.2-1.7 1.9-1.2 1.2-2.6 2.7-3.4 4.4-0.41 0.98-0.45 2.4-0.5 4-0.072 2.5-0.16 5.6-1.8 8.1l-8e-3 0.012c-1.4 2.4-3.6 4.1-6.6 5.1-2.4 0.79-5.4 1.1-9.5 1.1z"
+  },
+  {
+    order: 19,
+    id: 35,
+    name: "Lower Left Second Premolar",
+    position: "lower",
+    side: "left",
+    d: "m377 582 0.2 0.1c3.9 1.9 7.1 4.1 9.5 6.5 2.3 2.3 3.8 4.7 4.6 7.2 0.59 1.9 0.77 3.8 0.52 5.8-0.24 1.9-0.89 3.8-1.9 5.7-2.2 4.1-6.2 6.9-11 8-2.6 0.56-5.3 0.64-8.1 0.23-3-0.42-6-1.4-9-2.8a37 37 0 0 1-2.1-1.1c-3.2-1.8-6.1-3.9-8.5-6.2-2.4-2.2-4.3-4.5-5.7-6.8s-2.2-4.6-2.5-6.8c-0.29-2.2 0.014-4.3 0.9-6.2 0.62-1.3 1.6-2.5 2.9-3.6 1.3-1 2.9-1.9 4.8-2.5 3.5-1.2 7.6-1.7 12-1.3 4.7 0.38 9.4 1.7 14 3.8z"
+  },
+  {
+    order: 20,
+    id: 34,
+    name: "Lower Left First Premolar",
+    position: "lower",
+    side: "left",
+    d: "m332 615a6.3 6.3 0 0 1 0.3-0.28c2.4-2.1 6.6-2.8 12-2 5.4 0.85 11 3.3 16 6.8 5.7 4.1 9.3 9.3 9.7 14 0.28 3.4-0.92 6.6-3.5 9.2-0.49 0.49-1 0.96-1.6 1.4-8.7 6.6-22 4.9-29-3.7a26 26 0 0 1-4.2-7 27 27 0 0 1-1.8-7.4c-0.47-4.9 0.57-9.1 2.8-11z"
+  },
+  {
+    order: 21,
+    id: 33,
+    name: "Lower Left Canine",
+    position: "lower",
+    side: "left",
+    d: "m307 647c0.09-0.084 0.19-0.17 0.29-0.24 1.2-0.9 2.9-1.5 5.1-1.8 2.2-0.33 4.9-0.3 7.7 0.086 6.4 0.88 13 3.5 19 7.5 2.2 1.6 4 3.4 5.2 5.4a13 13 0 0 1 1.8 5.8c0.18 2.6-0.36 5.4-1.6 8-1.1 2.3-2.6 4.5-4.3 6.1-0.36 0.34-0.73 0.65-1.1 0.92-1.4 1.1-4.4 2.7-7.8 4-2.8 1.1-6.8 2.2-10 1.8h-8e-3c-2.5-0.26-4.4-1.4-5.8-3.6-1.3-2-2.1-4.4-2.9-6.8-0.19-0.58-0.36-1.1-0.55-1.7a301 301 0 0 0-1.7-4.7c-1.6-4.3-3.2-8.8-3.9-12-0.83-4.1-0.48-6.9 1.1-8.3z"
+  },
+  {
+    order: 22,
+    id: 32,
+    name: "Lower Left Lateral Incisor",
+    position: "lower",
+    side: "left",
+    d: "m283 669c2.9-1.2 6.4-0.91 11 1 3.7 1.7 7.9 4.5 13 8.8 0.54 0.44 1.1 0.86 1.6 1.3 2 1.6 3.8 3 5 4.4 1.3 1.5 1.9 2.7 1.7 4-0.17 1.6-1.4 3.3-3.9 5.3-2.6 2.1-6.8 4.5-13 7.4a105 105 0 0 1-5.9 2.8c-6.4 2.7-10 3.3-13 2-2.5-1.6-2.7-5.7-3-11-0.073-1.5-0.15-3-0.28-4.6-0.61-7.4-0.52-12 0.3-15 0.86-3.2 2.6-5.2 5.8-6.6l0.04-0.017z"
+  },
+  {
+    order: 23,
+    id: 31,
+    name: "Lower Left Central Incisor",
+    position: "lower",
+    side: "left",
+    d: "m245 677c10-1.1 18 9.3 23 18l0.3 0.5c1.4 2.4 2.7 4.6 3.5 6.7 0.85 2.3 0.88 4.2 0.11 5.9-0.9 2-2.9 3.6-6.2 5.1-3.7 1.6-8.9 3-16 4.2a82 82 0 0 1-5 0.69c-4.3 0.46-7.9 0.39-11-0.2-2.4-0.52-4.2-1.5-5.4-2.8-1.3-1.5-1.9-3.6-1.7-6.3 0.14-2.4 0.79-5 1.4-7.4a96 96 0 0 0 0.92-3.8c0.98-4.3 2.1-9.3 4.2-13 2.4-4.5 5.8-6.9 10-7.6 0.21-0.03 0.42-0.057 0.62-0.079z"
+  },
+  {
+    order: 24,
+    id: 41,
+    name: "Lower Right Central Incisor",
+    position: "lower",
+    side: "right",
+    d: "m205 718h-1e-3a82 82 0 0 1-5-0.69c-7-1.2-12-2.5-16-4.2-3.3-1.5-5.3-3.1-6.2-5.1-0.77-1.7-0.73-3.5 0.12-5.9 0.77-2.1 2.1-4.4 3.5-6.7l0.3-0.5c5.4-9.2 13-20 23-18 0.21 0.022 0.42 0.048 0.62 0.079 4.5 0.66 7.9 3.2 10 7.6 2.1 3.9 3.2 8.9 4.2 13l0.29 1.3c0.18 0.81 0.4 1.7 0.63 2.5 0.63 2.5 1.3 5 1.4 7.4 0.15 2.7-0.41 4.8-1.7 6.3-1.2 1.3-3 2.3-5.4 2.8-2.7 0.58-6.3 0.65-11 0.19z"
+  },
+  {
+    order: 25,
+    id: 42,
+    name: "Lower Right Lateral Incisor",
+    position: "lower",
+    side: "right",
+    d: "m158 704h-1e-3a105 105 0 0 1-5.9-2.8c-5.8-2.9-9.9-5.4-13-7.4-2.5-1.9-3.7-3.7-3.9-5.3-0.14-1.3 0.41-2.5 1.7-4 1.2-1.4 3-2.8 5-4.4 0.51-0.41 1-0.83 1.6-1.3 5.3-4.3 9.5-7.1 13-8.8 4.3-1.9 7.8-2.3 11-1l0.04 0.018c3.2 1.4 4.9 3.3 5.8 6.6 0.82 3.1 0.91 7.3 0.3 15-0.13 1.6-0.21 3.1-0.28 4.6-0.26 5.3-0.47 9.4-3 11-2.2 1.4-6.2 0.77-13-2z"
+  },
+  {
+    order: 26,
+    id: 43,
+    name: "Lower Right Canine",
+    position: "lower",
+    side: "right",
+    d: "m111 677c-1.7-1.6-3.2-3.7-4.3-6.1-1.2-2.7-1.8-5.5-1.6-8a13 13 0 0 1 1.8-5.8c1.2-2 2.9-3.8 5.2-5.4 5.6-3.9 12-6.6 19-7.5 2.8-0.38 5.4-0.41 7.7-0.086 2.2 0.32 3.9 0.96 5.1 1.8 0.1 0.076 0.2 0.16 0.29 0.24 1.6 1.4 1.9 4.2 1.1 8.3-0.75 3.7-2.4 8.2-3.9 12a300 300 0 0 0-1.7 4.7c-0.18 0.54-0.36 1.1-0.55 1.7-0.77 2.4-1.6 4.8-2.9 6.8-1.5 2.2-3.4 3.4-5.8 3.6h-5e-3l-4e-3 1e-3c-3.3 0.45-7.3-0.71-10-1.8-3.4-1.3-6.4-3-7.8-4a13 13 0 0 1-1.1-0.92z"
+  },
+  {
+    order: 27,
+    id: 44,
+    name: "Lower Right First Premolar",
+    position: "lower",
+    side: "right",
+    d: "m83 643h-1e-3c-2.6-2.6-3.8-5.7-3.5-9.2 0.42-5 3.9-10 9.7-14 5-3.6 11-6 16-6.8 5.1-0.81 9.4-0.076 12 2 0.1 0.089 0.2 0.18 0.3 0.28 2.2 2.2 3.3 6.5 2.8 11a27 27 0 0 1-1.8 7.4 26 26 0 0 1-4.2 7c-7.4 8.7-21 10-29 3.7a16 16 0 0 1-1.6-1.4z"
+  },
+  {
+    order: 28,
+    id: 45,
+    name: "Lower Right Second Premolar",
+    position: "lower",
+    side: "right",
+    d: "m88 613-2e-3 1e-3c-3 1.5-6 2.4-9 2.8-2.8 0.4-5.6 0.32-8.1-0.24-5-1.1-9-3.9-11-8-1-1.9-1.7-3.8-1.9-5.7a13 13 0 0 1 0.52-5.8c0.8-2.5 2.4-5 4.6-7.2 2.4-2.4 5.6-4.6 9.5-6.5l0.2-0.1c4.3-2.1 9.1-3.4 14-3.8 4.3-0.35 8.5 0.11 12 1.3 1.9 0.65 3.5 1.5 4.8 2.5s2.3 2.2 2.9 3.6c0.89 1.9 1.2 4 0.9 6.2-0.28 2.2-1.1 4.5-2.5 6.8s-3.3 4.6-5.7 6.8-5.3 4.3-8.5 6.2c-0.7 0.4-1.4 0.78-2.1 1.1z"
+  },
+  {
+    order: 29,
+    id: 46,
+    name: "Lower Right First Molar",
+    position: "lower",
+    side: "right",
+    d: "m65 578c-4.1-1e-3 -7.1-0.36-9.5-1.1-3-0.98-5.2-2.6-6.6-5.1l-4e-3 -7e-3 -4e-3 -6e-3c-1.6-2.4-1.7-5.5-1.8-8.1-0.047-1.6-0.087-3-0.5-4-0.76-1.8-2.1-3.2-3.4-4.4-0.65-0.66-1.3-1.3-1.7-1.9-1.2-1.7-2-4.5-2-7.3 0-3.8 0.87-7.2 2.6-10 1.6-2.9 3.9-5.4 6.9-7.5 5.5-3.9 13-6.3 21-6.7 0.76-0.035 1.5-0.053 2.2-0.053 15 0 22 7.3 23 23 0.34 4.1-0.2 8-1.6 12-1.3 3.7-3.5 7-6.3 10s-6.2 5.5-10 7.5c-4 2.1-8.4 3.5-13 4.3z"
+  },
+  {
+    order: 30,
+    id: 47,
+    name: "Lower Right Second Molar",
+    position: "lower",
+    side: "right",
+    d: "m66 515c-5.5 1.8-23 6.1-29 4l-7e-3 -2e-3 -6e-3 -1e-3c-0.74-0.2-2.7-1-4.6-2.1-2.4-1.3-3.8-2.6-4.2-3.7-0.81-2.4-0.36-6.3 0.045-9.8 0.2-1.7 0.4-3.4 0.37-4.5l-7e-3 -0.2c-0.36-11 0.3-18 1.8-21 2.2-3.8 5.6-5.3 8.5-6.2 1.5-0.5 3.2-0.9 4.9-1.3 1.9-0.48 3.9-0.97 6-1.6 4.2-1.4 8.3-2.1 12-2 4 0.028 7.5 0.86 11 2.5 5 2.7 8.6 7.4 11 14 1.2 4 1.7 7.8 1.4 11-0.22 3.3-1.1 6.4-2.6 9.1-1.5 2.6-3.5 5-6.2 6.9-2.6 1.9-5.7 3.5-9.3 4.7l-0.13 0.043z"
+  },
+  {
+    order: 31,
+    id: 48,
+    name: "Lower Right Third Molar",
+    position: "lower",
+    side: "right",
+    d: "m66 456c-2.3 0.74-6.7 1.8-12 2.4-4 0.5-9.7 0.87-14-0.23a21 21 0 0 0-0.48-0.12c-1.3-0.3-4.3-1-7.1-2.4-3.5-1.7-5.5-3.9-6-6.4l-3e-3 -0.015-5e-3 -0.015c-0.82-2.4-0.36-6.3 0.044-9.8 0.2-1.7 0.4-3.4 0.37-4.5-0.021-0.63-0.58-1.4-1.4-2.4-1.1-1.4-2.6-3.4-3.4-6.2a16 16 0 0 1-0.73-4.7c-8e-3 -1.9 0.31-4 0.94-6.1 0.91-2.8 2.1-4.9 3.6-6.5 1.3-1.4 2.8-2.4 4.7-3 2.8-0.93 6-0.82 9.1-0.72 3 0.1 5.9 0.2 8.4-0.63l0.023-7e-3 0.021-0.011c2.4-1.3 4.8-2.4 7.2-3.2 7-2.3 14-1.9 19 1 2.9 1.5 5.5 3.8 7.6 6.6s3.8 6.1 4.8 9.8c2.2 7.6 1.1 16-3.3 23-4 6.7-10 12-18 14l-0.1 0.034z"
+  }
+];
+var adjacentTeethPairs = [
+  [17, 18],
+  [16, 17],
+  [15, 16],
+  [14, 15],
+  [13, 14],
+  [12, 13],
+  [11, 12],
+  [11, 21],
+  [21, 22],
+  [22, 23],
+  [23, 24],
+  [24, 25],
+  [25, 26],
+  [26, 27],
+  [27, 28],
+  [37, 38],
+  [36, 37],
+  [35, 36],
+  [34, 35],
+  [33, 34],
+  [32, 33],
+  [31, 32],
+  [31, 41],
+  [41, 42],
+  [42, 43],
+  [43, 44],
+  [44, 45],
+  [45, 46],
+  [46, 47],
+  [47, 48]
+];
+function getTeethInRange(startId, endId) {
+  const startTooth = teethData.find((t) => t.id === startId);
+  const endTooth = teethData.find((t) => t.id === endId);
+  if (!startTooth || !endTooth)
+    return [];
+  const minOrder = Math.min(startTooth.order, endTooth.order);
+  const maxOrder = Math.max(startTooth.order, endTooth.order);
+  return teethData.filter((t) => t.order >= minOrder && t.order <= maxOrder).map((t) => t.id);
+}
+function sameSide(tooth1, tooth2) {
+  const [a, b] = [tooth1.toString(), tooth2.toString()];
+  return a[0] === b[0];
+}
+function parseTeethSelection(input) {
+  const selectedTeeth = [];
+  const bridges = [];
+  const regex = /\[(\d+)\s*,\s*(\d+)\]|(\d+)/g;
+  let match;
+  while ((match = regex.exec(input)) !== null) {
+    if (match[1] && match[2]) {
+      let start = Number(match[1]);
+      let end = Number(match[2]);
+      [start, end] = [Math.min(start, end), Math.max(start, end)];
+      const range = [];
+      if (sameSide(start, end)) {
+        for (let i = start;i <= end; i++) {
+          range.push(i);
+        }
+      } else {
+        const crossA = Number(`${start.toString()[0]}1`);
+        const crossB = Number(`${end.toString()[0]}1`);
+        for (let i = start;i >= crossA; i--) {
+          range.push(i);
+        }
+        for (let i = crossB;i <= end; i++) {
+          range.push(i);
+        }
+      }
+      selectedTeeth.push(...range);
+      for (let i = 0;i < range.length - 1; i++) {
+        bridges.push([range[i], range[i + 1]]);
+      }
+    } else if (match[3]) {
+      selectedTeeth.push(Number(match[3]));
+    }
+  }
+  return { selectedTeeth, bridges };
+}
+function formatTeethSelection(selectedTeeth, bridges) {
+  if (!selectedTeeth || selectedTeeth.length === 0) {
+    return "";
+  }
+  const bridgeMap = new Map;
+  bridges.forEach(([tooth1, tooth2]) => {
+    if (!bridgeMap.has(tooth1))
+      bridgeMap.set(tooth1, []);
+    if (!bridgeMap.has(tooth2))
+      bridgeMap.set(tooth2, []);
+    bridgeMap.get(tooth1).push(tooth2);
+    bridgeMap.get(tooth2).push(tooth1);
+  });
+  const result = [];
+  let currentGroup = [];
+  selectedTeeth.forEach((tooth, index) => {
+    if (index === 0) {
+      currentGroup.push(tooth);
+      return;
+    }
+    const prevTooth = selectedTeeth[index - 1];
+    const hasBridge = bridgeMap.has(prevTooth) && bridgeMap.get(prevTooth).includes(tooth) && Math.abs(selectedTeeth.indexOf(tooth) - selectedTeeth.indexOf(prevTooth)) === 1;
+    if (hasBridge) {
+      currentGroup.push(tooth);
+    } else {
+      if (currentGroup.length > 0) {
+        if (currentGroup.length === 1) {
+          result.push(`${currentGroup[0]}`);
+        } else {
+          result.push(`[${currentGroup[0]}, ${currentGroup[currentGroup.length - 1]}]`);
+        }
+      }
+      currentGroup = [tooth];
+    }
+  });
+  if (currentGroup.length > 0) {
+    if (currentGroup.length === 1) {
+      result.push(`${currentGroup[0]}`);
+    } else {
+      result.push(`[${currentGroup[0]}, ${currentGroup[currentGroup.length - 1]}]`);
+    }
+  }
+  return result.join(", ");
+}
+export {
+  teethData,
+  sameSide,
+  parseTeethSelection,
+  getTeethInRange,
+  formatTeethSelection,
+  adjacentTeethPairs
+};

package/dist/ui.d.ts

@@ -0,0 +1,4 @@
+export { TeethSelector, TeethChart, useTeethSelectorContext, } from "@components/teeth-selector";
+export { TeethPreview } from "@components/teeth-preview";
+export type { TeethSelectorProps, TeethSelectorState, TeethSelectorRenderProps, TeethChartProps, TeethPreviewProps, ToothRenderProps, BridgeRenderProps, } from "@lib/types";
+//# sourceMappingURL=ui.d.ts.map

package/dist/ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EACb,UAAU,EACV,uBAAuB,GACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,wBAAwB,EACxB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,YAAY,CAAC"}

package/dist/ui.js

@@ -0,0 +1,797 @@
+// src/components/teeth-selector.tsx
+import * as React from "react";
+
+// src/lib/teeth.ts
+var teethData = [
+  {
+    order: 0,
+    id: 18,
+    name: "Upper Right Third Molar",
+    position: "upper",
+    side: "right",
+    d: "m30 344c-1.8-0.6-3.4-1.6-4.7-3-1.5-1.6-2.7-3.7-3.6-6.5-0.63-2.1-0.94-4.2-0.94-6.1a16 16 0 0 1 0.73-4.7c0.87-2.8 2.3-4.7 3.4-6.2 0.78-1 1.3-1.8 1.4-2.4 0.026-1.2-0.17-2.8-0.37-4.5-0.4-3.4-0.86-7.3-0.044-9.8l5e-3 -0.015 3e-3 -0.015c0.51-2.5 2.5-4.7 6-6.4 2.8-1.4 5.8-2.1 7.1-2.4 0.21-0.049 0.37-0.088 0.48-0.12 4.7-1.1 10-0.73 14-0.23 4.9 0.62 9.3 1.7 12 2.4l0.1 0.034c7.1 2.3 14 7.5 18 14 4.3 7.1 5.5 15 3.3 23-1.1 3.7-2.7 7-4.8 9.8s-4.7 5-7.6 6.6c-5.6 3-12 3.3-19 1-2.4-0.76-4.8-1.8-7.2-3.2l-0.021-0.012-0.023-7e-3c-2.5-0.82-5.4-0.73-8.4-0.63-3.1 0.1-6.3 0.21-9.1-0.72z"
+  },
+  {
+    order: 1,
+    id: 17,
+    name: "Upper Right Second Molar",
+    position: "upper",
+    side: "right",
+    d: "m39 279c-3-0.96-6.3-2.5-8.5-6.2-1.5-2.9-2.2-10-1.8-21l6e-3 -0.19c0.026-1.2-0.17-2.8-0.37-4.5-0.4-3.4-0.86-7.3-0.045-9.8 0.4-1.1 1.9-2.4 4.2-3.7 1.8-1 3.9-1.9 4.6-2.1l6e-3 -1e-3 6e-3 -2e-3c6.5-2.1 24 2.2 29 4l0.13 0.043c3.6 1.2 6.7 2.7 9.3 4.7s4.7 4.3 6.2 6.9c1.5 2.7 2.4 5.8 2.6 9.1 0.22 3.4-0.26 7.2-1.4 11-1.9 6.6-5.5 11-11 14-3 1.6-6.6 2.4-11 2.5-3.7 0.027-7.8-0.66-12-2l-0.24-0.078c-2-0.63-3.9-1.1-5.7-1.6-1.7-0.43-3.4-0.83-4.9-1.3z"
+  },
+  {
+    order: 2,
+    id: 16,
+    name: "Upper Right First Molar",
+    position: "upper",
+    side: "right",
+    d: "m72 229c-0.72 0-1.5-0.018-2.2-0.053-8.3-0.39-16-2.8-21-6.7-3-2.1-5.3-4.7-6.9-7.5-1.7-3.1-2.6-6.6-2.6-10 0-2.7 0.77-5.6 2-7.3 0.41-0.58 1-1.2 1.7-1.9 1.2-1.2 2.6-2.7 3.4-4.4 0.41-0.98 0.45-2.4 0.5-4 0.072-2.5 0.16-5.6 1.8-8.1l4e-3 -7e-3 4e-3 -6e-3c1.4-2.4 3.6-4.1 6.6-5.1 2.4-0.79 5.4-1.1 9.5-1.1 4.7 0.79 9 2.2 13 4.3 3.9 2 7.3 4.6 10 7.5 2.8 3 4.9 6.4 6.3 10a27 27 0 0 1 1.6 12c-1.3 16-8.7 23-23 23z"
+  },
+  {
+    order: 3,
+    id: 15,
+    name: "Upper Right Second Premolar",
+    position: "upper",
+    side: "right",
+    d: "m73 168a39 39 0 0 1-0.2-0.1c-3.9-1.9-7.1-4.1-9.5-6.5-2.3-2.3-3.8-4.7-4.6-7.2a13 13 0 0 1-0.52-5.8c0.24-1.9 0.89-3.8 1.9-5.7 2.2-4.1 6.2-6.9 11-8 2.6-0.56 5.3-0.64 8.1-0.23 3 0.42 6 1.4 9 2.8 0.71 0.34 1.4 0.72 2.1 1.1 3.2 1.8 6.1 3.9 8.5 6.2 2.4 2.2 4.3 4.5 5.7 6.8s2.2 4.6 2.5 6.8c0.29 2.2-0.014 4.3-0.9 6.2-0.62 1.3-1.6 2.5-2.9 3.6-1.3 1-2.9 1.9-4.8 2.5-3.5 1.2-7.6 1.7-12 1.3-4.7-0.38-9.4-1.7-14-3.8z"
+  },
+  {
+    order: 4,
+    id: 14,
+    name: "Upper Right First Premolar",
+    position: "upper",
+    side: "right",
+    d: "m118 135a6.3 6.3 0 0 1-0.3 0.28c-2.4 2.1-6.6 2.8-12 2-5.4-0.85-11-3.3-16-6.8-5.7-4.1-9.3-9.3-9.7-14-0.28-3.4 0.92-6.6 3.5-9.2a16 16 0 0 1 1.6-1.4c8.7-6.6 22-4.9 29 3.7a26 26 0 0 1 4.2 7 27 27 0 0 1 1.8 7.4c0.47 4.9-0.57 9.1-2.8 11z"
+  },
+  {
+    order: 5,
+    id: 13,
+    name: "Upper Right Canine",
+    position: "upper",
+    side: "right",
+    d: "m144 104c-0.09 0.084-0.19 0.17-0.29 0.24-1.2 0.9-2.9 1.5-5.1 1.8-2.2 0.33-4.9 0.3-7.7-0.086-6.4-0.88-13-3.5-19-7.5-2.2-1.6-4-3.4-5.2-5.4a13 13 0 0 1-1.8-5.8c-0.18-2.6 0.36-5.4 1.6-8 1.1-2.3 2.6-4.5 4.3-6.1 0.36-0.34 0.73-0.65 1.1-0.92 1.4-1.1 4.4-2.7 7.8-4 2.8-1.1 6.8-2.2 10-1.8h8e-3c2.5 0.26 4.4 1.4 5.8 3.6 1.3 2 2.1 4.4 2.9 6.8 0.19 0.58 0.36 1.1 0.55 1.7 0.52 1.5 1.1 3.1 1.7 4.7 1.6 4.3 3.2 8.8 3.9 12 0.83 4.1 0.48 6.9-1.1 8.3z"
+  },
+  {
+    order: 6,
+    id: 12,
+    name: "Upper Right Lateral Incisor",
+    position: "upper",
+    side: "right",
+    d: "m168 82c-2.9 1.2-6.4 0.91-11-1-3.7-1.7-7.9-4.5-13-8.8-0.54-0.44-1.1-0.86-1.6-1.3-2-1.6-3.8-3-5-4.4-1.3-1.5-1.9-2.7-1.7-4 0.17-1.6 1.4-3.3 3.9-5.3 2.6-2.1 6.8-4.5 13-7.4a105 105 0 0 1 5.9-2.8c6.4-2.7 10-3.3 13-2 2.5 1.6 2.7 5.7 3 11 0.073 1.5 0.15 3 0.28 4.6 0.61 7.4 0.52 12-0.3 15-0.86 3.2-2.6 5.2-5.8 6.6l-0.04 0.017z"
+  },
+  {
+    order: 7,
+    id: 11,
+    name: "Upper Right Central Incisor",
+    position: "upper",
+    side: "right",
+    d: "m205 74c-10 1.1-18-9.3-23-18l-0.3-0.5c-1.4-2.4-2.7-4.6-3.5-6.7-0.85-2.3-0.88-4.2-0.11-5.9 0.9-2 2.9-3.6 6.2-5.1 3.7-1.6 8.9-3 16-4.2a82 82 0 0 1 5-0.69c4.3-0.46 7.9-0.39 11 0.2 2.4 0.52 4.2 1.5 5.4 2.8 1.3 1.5 1.9 3.6 1.7 6.3-0.14 2.4-0.79 5-1.4 7.4-0.23 0.89-0.45 1.7-0.63 2.5l-0.29 1.3c-0.98 4.3-2.1 9.3-4.2 13-2.4 4.5-5.8 6.9-10 7.6-0.21 0.03-0.42 0.057-0.62 0.079z"
+  },
+  {
+    order: 8,
+    id: 21,
+    name: "Upper Left Central Incisor",
+    position: "upper",
+    side: "left",
+    d: "m246 32h1e-3c1.5 0.16 3.2 0.4 5 0.69 7 1.2 12 2.5 16 4.2 3.3 1.5 5.3 3.1 6.2 5.1 0.77 1.7 0.73 3.5-0.12 5.9-0.77 2.1-2.1 4.4-3.5 6.7l-0.3 0.5c-5.4 9.2-13 20-23 18a15 15 0 0 1-0.62-0.079c-4.5-0.66-7.9-3.2-10-7.6-2.1-3.9-3.2-8.9-4.2-13l-0.29-1.3c-0.18-0.81-0.4-1.7-0.63-2.5-0.63-2.5-1.3-5-1.4-7.4-0.15-2.7 0.41-4.8 1.7-6.3 1.2-1.3 3-2.3 5.4-2.8 2.7-0.58 6.3-0.65 11-0.19z"
+  },
+  {
+    order: 9,
+    id: 22,
+    name: "Upper Left Lateral Incisor",
+    position: "upper",
+    side: "left",
+    d: "m292 47h1e-3c1.8 0.75 3.8 1.7 5.9 2.8 5.8 2.9 9.9 5.4 13 7.4 2.5 1.9 3.7 3.7 3.9 5.3 0.14 1.3-0.41 2.5-1.7 4-1.2 1.4-3 2.8-5 4.4-0.51 0.41-1 0.83-1.6 1.3-5.3 4.3-9.5 7.1-13 8.8-4.3 1.9-7.8 2.3-11 1l-0.04-0.018c-3.2-1.4-4.9-3.3-5.8-6.6-0.82-3.1-0.91-7.3-0.3-15 0.13-1.6 0.21-3.1 0.28-4.6 0.26-5.3 0.47-9.4 3-11 2.2-1.4 6.2-0.77 13 2z"
+  },
+  {
+    order: 10,
+    id: 23,
+    name: "Upper Left Canine",
+    position: "upper",
+    side: "left",
+    d: "m339 73c1.7 1.6 3.2 3.7 4.3 6.1 1.2 2.7 1.8 5.5 1.6 8a13 13 0 0 1-1.8 5.8c-1.2 2-2.9 3.8-5.2 5.4-5.6 3.9-12 6.6-19 7.5-2.8 0.38-5.4 0.41-7.7 0.086-2.2-0.32-3.9-0.96-5.1-1.8a4 4 0 0 1-0.29-0.24c-1.6-1.4-1.9-4.2-1.1-8.3 0.75-3.7 2.4-8.2 3.9-12a301 301 0 0 0 1.7-4.7c0.18-0.54 0.36-1.1 0.55-1.7 0.77-2.4 1.6-4.8 2.9-6.8 1.5-2.2 3.4-3.4 5.8-3.6h5e-3l4e-3 -1e-3c3.3-0.45 7.3 0.71 10 1.8 3.4 1.3 6.4 3 7.8 4 0.36 0.27 0.73 0.58 1.1 0.92z"
+  },
+  {
+    order: 11,
+    id: 24,
+    name: "Upper Left First Premolar",
+    position: "upper",
+    side: "left",
+    d: "m367 107h1e-3c2.6 2.6 3.8 5.7 3.5 9.2-0.42 5-3.9 10-9.7 14-5 3.6-11 6-16 6.8-5.1 0.81-9.4 0.076-12-2a6.3 6.3 0 0 1-0.3-0.28c-2.2-2.2-3.3-6.5-2.8-11a27 27 0 0 1 1.8-7.4 26 26 0 0 1 4.2-7c7.4-8.7 21-10 29-3.7a16 16 0 0 1 1.6 1.4z"
+  },
+  {
+    order: 12,
+    id: 25,
+    name: "Upper Left Second Premolar",
+    position: "upper",
+    side: "left",
+    d: "m362 137 2e-3 -1e-3c3-1.5 6-2.4 9-2.8 2.8-0.4 5.6-0.32 8.1 0.24 5 1.1 9 3.9 11 8 1 1.9 1.7 3.8 1.9 5.7a13 13 0 0 1-0.52 5.8c-0.8 2.5-2.4 5-4.6 7.2-2.4 2.4-5.6 4.6-9.5 6.5l-0.2 0.1c-4.3 2.1-9.1 3.4-14 3.8-4.3 0.35-8.5-0.11-12-1.3-1.9-0.65-3.5-1.5-4.8-2.5s-2.3-2.2-2.9-3.6c-0.89-1.9-1.2-4-0.9-6.2 0.28-2.2 1.1-4.5 2.5-6.8s3.3-4.6 5.7-6.8 5.3-4.3 8.5-6.2a37 37 0 0 1 2.1-1.1z"
+  },
+  {
+    order: 13,
+    id: 26,
+    name: "Upper Left First Molar",
+    position: "upper",
+    side: "left",
+    d: "m378 229c-15 0-22-7.3-23-23-0.33-4.1 0.2-8 1.6-12 1.3-3.7 3.4-7 6.3-10 2.8-3 6.2-5.5 10-7.5 4-2.1 8.4-3.5 13-4.3 4.1 1e-3 7.1 0.36 9.5 1.1 3 0.98 5.2 2.6 6.6 5.1l4e-3 6e-3 4e-3 7e-3c1.6 2.4 1.7 5.5 1.8 8.1 0.046 1.6 0.087 3 0.5 4 0.76 1.8 2.1 3.2 3.4 4.4 0.65 0.66 1.3 1.3 1.7 1.9 1.2 1.7 2 4.5 2 7.3 0 3.8-0.87 7.2-2.6 10-1.6 2.9-3.9 5.4-6.9 7.5-5.5 3.9-13 6.3-21 6.7-0.76 0.035-1.5 0.053-2.2 0.053z"
+  },
+  {
+    order: 14,
+    id: 27,
+    name: "Upper Left Second Molar",
+    position: "upper",
+    side: "left",
+    d: "m386 236c5.5-1.8 23-6.1 29-4l6e-3 2e-3 6e-3 1e-3c0.74 0.2 2.7 1 4.6 2.1 2.4 1.3 3.8 2.6 4.2 3.7 0.81 2.4 0.36 6.3-0.045 9.8-0.2 1.7-0.4 3.4-0.37 4.5l7e-3 0.2c0.36 11-0.3 18-1.8 21-2.2 3.8-5.6 5.3-8.5 6.2-1.5 0.5-3.2 0.9-4.9 1.3-1.9 0.48-3.9 0.97-6 1.6-4.2 1.4-8.3 2.1-12 2-4-0.028-7.5-0.86-11-2.5-5-2.7-8.6-7.4-11-14-1.2-4-1.7-7.8-1.4-11 0.22-3.3 1.1-6.4 2.6-9.1 1.5-2.6 3.5-5 6.2-6.9 2.6-1.9 5.7-3.5 9.3-4.7l0.13-0.043z"
+  },
+  {
+    order: 15,
+    id: 28,
+    name: "Upper Left Third Molar",
+    position: "upper",
+    side: "left",
+    d: "m384 294c2.3-0.74 6.7-1.8 12-2.4 4-0.5 9.7-0.87 14 0.23 0.11 0.03 0.28 0.068 0.48 0.12 1.3 0.3 4.3 1 7.1 2.4 3.5 1.7 5.5 3.9 6 6.4l3e-3 0.015 5e-3 0.015c0.82 2.4 0.36 6.3-0.044 9.8-0.2 1.7-0.4 3.4-0.37 4.5 0.021 0.63 0.58 1.4 1.4 2.4 1.1 1.4 2.6 3.4 3.4 6.2 0.48 1.5 0.72 3.1 0.73 4.7 8e-3 1.9-0.31 4-0.94 6.1-0.91 2.8-2.1 4.9-3.6 6.5-1.3 1.4-2.8 2.4-4.7 3-2.8 0.93-6 0.82-9.1 0.72-3-0.1-5.9-0.2-8.4 0.63l-0.023 7e-3 -0.021 0.011c-2.4 1.3-4.8 2.4-7.2 3.2-7 2.3-14 1.9-19-1-2.9-1.5-5.5-3.8-7.6-6.6s-3.8-6.1-4.8-9.8c-2.2-7.6-1.1-16 3.3-23 4-6.7 10-12 18-14l0.1-0.034z"
+  },
+  {
+    order: 16,
+    id: 38,
+    name: "Lower Left Third Molar",
+    position: "lower",
+    side: "left",
+    d: "m420 406c1.8 0.6 3.4 1.6 4.7 3 1.5 1.6 2.7 3.7 3.6 6.5 0.63 2.1 0.94 4.2 0.94 6.1a16 16 0 0 1-0.73 4.7c-0.87 2.8-2.3 4.7-3.4 6.2-0.78 1-1.3 1.8-1.4 2.4-0.026 1.2 0.17 2.8 0.37 4.5 0.4 3.4 0.86 7.3 0.044 9.8l-5e-3 0.015-3e-3 0.015c-0.51 2.5-2.5 4.7-6 6.4-2.8 1.4-5.8 2.1-7.1 2.4-0.21 0.049-0.37 0.088-0.48 0.12-4.7 1.1-10 0.73-14 0.23-4.9-0.62-9.3-1.7-12-2.4l-0.1-0.034c-7.1-2.3-14-7.5-18-14-4.3-7.1-5.5-15-3.3-23 1.1-3.7 2.7-7 4.8-9.8s4.7-5 7.6-6.6c5.6-3 12-3.3 19-1 2.4 0.76 4.8 1.8 7.2 3.2l0.021 0.012 0.023 7e-3c2.5 0.82 5.4 0.73 8.4 0.63 3.1-0.1 6.3-0.21 9.1 0.72z"
+  },
+  {
+    order: 17,
+    id: 37,
+    name: "Lower Left Second Molar",
+    position: "lower",
+    side: "left",
+    d: "m411 471c3 0.96 6.3 2.5 8.5 6.2 1.5 2.9 2.2 10 1.8 21l-6e-3 0.19c-0.026 1.2 0.17 2.8 0.37 4.5 0.4 3.4 0.86 7.3 0.045 9.8-0.4 1.1-1.9 2.4-4.2 3.7-1.8 1-3.9 1.9-4.6 2.1l-6e-3 1e-3 -6e-3 2e-3c-6.5 2.1-24-2.2-29-4a32 32 0 0 1-0.13-0.043c-3.6-1.2-6.7-2.7-9.3-4.7s-4.7-4.3-6.2-6.9c-1.5-2.7-2.4-5.8-2.6-9.1-0.22-3.4 0.26-7.2 1.4-11 1.9-6.6 5.5-11 11-14 3-1.6 6.6-2.4 11-2.5 3.7-0.027 7.8 0.66 12 2l0.24 0.078c2 0.63 3.9 1.1 5.7 1.6 1.7 0.43 3.4 0.83 4.9 1.3z"
+  },
+  {
+    order: 18,
+    id: 36,
+    name: "Lower Left First Molar",
+    position: "lower",
+    side: "left",
+    d: "m386 578c-4.7-0.79-9-2.2-13-4.3-3.9-2-7.3-4.6-10-7.5-2.8-3-4.9-6.4-6.3-10a27 27 0 0 1-1.6-12c1.3-16 8.7-23 23-23 0.72 0 1.5 0.018 2.2 0.053 8.3 0.39 16 2.8 21 6.7 3 2.1 5.3 4.7 6.9 7.5 1.7 3.1 2.6 6.6 2.6 10 0 2.7-0.77 5.6-2 7.3-0.41 0.58-1 1.2-1.7 1.9-1.2 1.2-2.6 2.7-3.4 4.4-0.41 0.98-0.45 2.4-0.5 4-0.072 2.5-0.16 5.6-1.8 8.1l-8e-3 0.012c-1.4 2.4-3.6 4.1-6.6 5.1-2.4 0.79-5.4 1.1-9.5 1.1z"
+  },
+  {
+    order: 19,
+    id: 35,
+    name: "Lower Left Second Premolar",
+    position: "lower",
+    side: "left",
+    d: "m377 582 0.2 0.1c3.9 1.9 7.1 4.1 9.5 6.5 2.3 2.3 3.8 4.7 4.6 7.2 0.59 1.9 0.77 3.8 0.52 5.8-0.24 1.9-0.89 3.8-1.9 5.7-2.2 4.1-6.2 6.9-11 8-2.6 0.56-5.3 0.64-8.1 0.23-3-0.42-6-1.4-9-2.8a37 37 0 0 1-2.1-1.1c-3.2-1.8-6.1-3.9-8.5-6.2-2.4-2.2-4.3-4.5-5.7-6.8s-2.2-4.6-2.5-6.8c-0.29-2.2 0.014-4.3 0.9-6.2 0.62-1.3 1.6-2.5 2.9-3.6 1.3-1 2.9-1.9 4.8-2.5 3.5-1.2 7.6-1.7 12-1.3 4.7 0.38 9.4 1.7 14 3.8z"
+  },
+  {
+    order: 20,
+    id: 34,
+    name: "Lower Left First Premolar",
+    position: "lower",
+    side: "left",
+    d: "m332 615a6.3 6.3 0 0 1 0.3-0.28c2.4-2.1 6.6-2.8 12-2 5.4 0.85 11 3.3 16 6.8 5.7 4.1 9.3 9.3 9.7 14 0.28 3.4-0.92 6.6-3.5 9.2-0.49 0.49-1 0.96-1.6 1.4-8.7 6.6-22 4.9-29-3.7a26 26 0 0 1-4.2-7 27 27 0 0 1-1.8-7.4c-0.47-4.9 0.57-9.1 2.8-11z"
+  },
+  {
+    order: 21,
+    id: 33,
+    name: "Lower Left Canine",
+    position: "lower",
+    side: "left",
+    d: "m307 647c0.09-0.084 0.19-0.17 0.29-0.24 1.2-0.9 2.9-1.5 5.1-1.8 2.2-0.33 4.9-0.3 7.7 0.086 6.4 0.88 13 3.5 19 7.5 2.2 1.6 4 3.4 5.2 5.4a13 13 0 0 1 1.8 5.8c0.18 2.6-0.36 5.4-1.6 8-1.1 2.3-2.6 4.5-4.3 6.1-0.36 0.34-0.73 0.65-1.1 0.92-1.4 1.1-4.4 2.7-7.8 4-2.8 1.1-6.8 2.2-10 1.8h-8e-3c-2.5-0.26-4.4-1.4-5.8-3.6-1.3-2-2.1-4.4-2.9-6.8-0.19-0.58-0.36-1.1-0.55-1.7a301 301 0 0 0-1.7-4.7c-1.6-4.3-3.2-8.8-3.9-12-0.83-4.1-0.48-6.9 1.1-8.3z"
+  },
+  {
+    order: 22,
+    id: 32,
+    name: "Lower Left Lateral Incisor",
+    position: "lower",
+    side: "left",
+    d: "m283 669c2.9-1.2 6.4-0.91 11 1 3.7 1.7 7.9 4.5 13 8.8 0.54 0.44 1.1 0.86 1.6 1.3 2 1.6 3.8 3 5 4.4 1.3 1.5 1.9 2.7 1.7 4-0.17 1.6-1.4 3.3-3.9 5.3-2.6 2.1-6.8 4.5-13 7.4a105 105 0 0 1-5.9 2.8c-6.4 2.7-10 3.3-13 2-2.5-1.6-2.7-5.7-3-11-0.073-1.5-0.15-3-0.28-4.6-0.61-7.4-0.52-12 0.3-15 0.86-3.2 2.6-5.2 5.8-6.6l0.04-0.017z"
+  },
+  {
+    order: 23,
+    id: 31,
+    name: "Lower Left Central Incisor",
+    position: "lower",
+    side: "left",
+    d: "m245 677c10-1.1 18 9.3 23 18l0.3 0.5c1.4 2.4 2.7 4.6 3.5 6.7 0.85 2.3 0.88 4.2 0.11 5.9-0.9 2-2.9 3.6-6.2 5.1-3.7 1.6-8.9 3-16 4.2a82 82 0 0 1-5 0.69c-4.3 0.46-7.9 0.39-11-0.2-2.4-0.52-4.2-1.5-5.4-2.8-1.3-1.5-1.9-3.6-1.7-6.3 0.14-2.4 0.79-5 1.4-7.4a96 96 0 0 0 0.92-3.8c0.98-4.3 2.1-9.3 4.2-13 2.4-4.5 5.8-6.9 10-7.6 0.21-0.03 0.42-0.057 0.62-0.079z"
+  },
+  {
+    order: 24,
+    id: 41,
+    name: "Lower Right Central Incisor",
+    position: "lower",
+    side: "right",
+    d: "m205 718h-1e-3a82 82 0 0 1-5-0.69c-7-1.2-12-2.5-16-4.2-3.3-1.5-5.3-3.1-6.2-5.1-0.77-1.7-0.73-3.5 0.12-5.9 0.77-2.1 2.1-4.4 3.5-6.7l0.3-0.5c5.4-9.2 13-20 23-18 0.21 0.022 0.42 0.048 0.62 0.079 4.5 0.66 7.9 3.2 10 7.6 2.1 3.9 3.2 8.9 4.2 13l0.29 1.3c0.18 0.81 0.4 1.7 0.63 2.5 0.63 2.5 1.3 5 1.4 7.4 0.15 2.7-0.41 4.8-1.7 6.3-1.2 1.3-3 2.3-5.4 2.8-2.7 0.58-6.3 0.65-11 0.19z"
+  },
+  {
+    order: 25,
+    id: 42,
+    name: "Lower Right Lateral Incisor",
+    position: "lower",
+    side: "right",
+    d: "m158 704h-1e-3a105 105 0 0 1-5.9-2.8c-5.8-2.9-9.9-5.4-13-7.4-2.5-1.9-3.7-3.7-3.9-5.3-0.14-1.3 0.41-2.5 1.7-4 1.2-1.4 3-2.8 5-4.4 0.51-0.41 1-0.83 1.6-1.3 5.3-4.3 9.5-7.1 13-8.8 4.3-1.9 7.8-2.3 11-1l0.04 0.018c3.2 1.4 4.9 3.3 5.8 6.6 0.82 3.1 0.91 7.3 0.3 15-0.13 1.6-0.21 3.1-0.28 4.6-0.26 5.3-0.47 9.4-3 11-2.2 1.4-6.2 0.77-13-2z"
+  },
+  {
+    order: 26,
+    id: 43,
+    name: "Lower Right Canine",
+    position: "lower",
+    side: "right",
+    d: "m111 677c-1.7-1.6-3.2-3.7-4.3-6.1-1.2-2.7-1.8-5.5-1.6-8a13 13 0 0 1 1.8-5.8c1.2-2 2.9-3.8 5.2-5.4 5.6-3.9 12-6.6 19-7.5 2.8-0.38 5.4-0.41 7.7-0.086 2.2 0.32 3.9 0.96 5.1 1.8 0.1 0.076 0.2 0.16 0.29 0.24 1.6 1.4 1.9 4.2 1.1 8.3-0.75 3.7-2.4 8.2-3.9 12a300 300 0 0 0-1.7 4.7c-0.18 0.54-0.36 1.1-0.55 1.7-0.77 2.4-1.6 4.8-2.9 6.8-1.5 2.2-3.4 3.4-5.8 3.6h-5e-3l-4e-3 1e-3c-3.3 0.45-7.3-0.71-10-1.8-3.4-1.3-6.4-3-7.8-4a13 13 0 0 1-1.1-0.92z"
+  },
+  {
+    order: 27,
+    id: 44,
+    name: "Lower Right First Premolar",
+    position: "lower",
+    side: "right",
+    d: "m83 643h-1e-3c-2.6-2.6-3.8-5.7-3.5-9.2 0.42-5 3.9-10 9.7-14 5-3.6 11-6 16-6.8 5.1-0.81 9.4-0.076 12 2 0.1 0.089 0.2 0.18 0.3 0.28 2.2 2.2 3.3 6.5 2.8 11a27 27 0 0 1-1.8 7.4 26 26 0 0 1-4.2 7c-7.4 8.7-21 10-29 3.7a16 16 0 0 1-1.6-1.4z"
+  },
+  {
+    order: 28,
+    id: 45,
+    name: "Lower Right Second Premolar",
+    position: "lower",
+    side: "right",
+    d: "m88 613-2e-3 1e-3c-3 1.5-6 2.4-9 2.8-2.8 0.4-5.6 0.32-8.1-0.24-5-1.1-9-3.9-11-8-1-1.9-1.7-3.8-1.9-5.7a13 13 0 0 1 0.52-5.8c0.8-2.5 2.4-5 4.6-7.2 2.4-2.4 5.6-4.6 9.5-6.5l0.2-0.1c4.3-2.1 9.1-3.4 14-3.8 4.3-0.35 8.5 0.11 12 1.3 1.9 0.65 3.5 1.5 4.8 2.5s2.3 2.2 2.9 3.6c0.89 1.9 1.2 4 0.9 6.2-0.28 2.2-1.1 4.5-2.5 6.8s-3.3 4.6-5.7 6.8-5.3 4.3-8.5 6.2c-0.7 0.4-1.4 0.78-2.1 1.1z"
+  },
+  {
+    order: 29,
+    id: 46,
+    name: "Lower Right First Molar",
+    position: "lower",
+    side: "right",
+    d: "m65 578c-4.1-1e-3 -7.1-0.36-9.5-1.1-3-0.98-5.2-2.6-6.6-5.1l-4e-3 -7e-3 -4e-3 -6e-3c-1.6-2.4-1.7-5.5-1.8-8.1-0.047-1.6-0.087-3-0.5-4-0.76-1.8-2.1-3.2-3.4-4.4-0.65-0.66-1.3-1.3-1.7-1.9-1.2-1.7-2-4.5-2-7.3 0-3.8 0.87-7.2 2.6-10 1.6-2.9 3.9-5.4 6.9-7.5 5.5-3.9 13-6.3 21-6.7 0.76-0.035 1.5-0.053 2.2-0.053 15 0 22 7.3 23 23 0.34 4.1-0.2 8-1.6 12-1.3 3.7-3.5 7-6.3 10s-6.2 5.5-10 7.5c-4 2.1-8.4 3.5-13 4.3z"
+  },
+  {
+    order: 30,
+    id: 47,
+    name: "Lower Right Second Molar",
+    position: "lower",
+    side: "right",
+    d: "m66 515c-5.5 1.8-23 6.1-29 4l-7e-3 -2e-3 -6e-3 -1e-3c-0.74-0.2-2.7-1-4.6-2.1-2.4-1.3-3.8-2.6-4.2-3.7-0.81-2.4-0.36-6.3 0.045-9.8 0.2-1.7 0.4-3.4 0.37-4.5l-7e-3 -0.2c-0.36-11 0.3-18 1.8-21 2.2-3.8 5.6-5.3 8.5-6.2 1.5-0.5 3.2-0.9 4.9-1.3 1.9-0.48 3.9-0.97 6-1.6 4.2-1.4 8.3-2.1 12-2 4 0.028 7.5 0.86 11 2.5 5 2.7 8.6 7.4 11 14 1.2 4 1.7 7.8 1.4 11-0.22 3.3-1.1 6.4-2.6 9.1-1.5 2.6-3.5 5-6.2 6.9-2.6 1.9-5.7 3.5-9.3 4.7l-0.13 0.043z"
+  },
+  {
+    order: 31,
+    id: 48,
+    name: "Lower Right Third Molar",
+    position: "lower",
+    side: "right",
+    d: "m66 456c-2.3 0.74-6.7 1.8-12 2.4-4 0.5-9.7 0.87-14-0.23a21 21 0 0 0-0.48-0.12c-1.3-0.3-4.3-1-7.1-2.4-3.5-1.7-5.5-3.9-6-6.4l-3e-3 -0.015-5e-3 -0.015c-0.82-2.4-0.36-6.3 0.044-9.8 0.2-1.7 0.4-3.4 0.37-4.5-0.021-0.63-0.58-1.4-1.4-2.4-1.1-1.4-2.6-3.4-3.4-6.2a16 16 0 0 1-0.73-4.7c-8e-3 -1.9 0.31-4 0.94-6.1 0.91-2.8 2.1-4.9 3.6-6.5 1.3-1.4 2.8-2.4 4.7-3 2.8-0.93 6-0.82 9.1-0.72 3 0.1 5.9 0.2 8.4-0.63l0.023-7e-3 0.021-0.011c2.4-1.3 4.8-2.4 7.2-3.2 7-2.3 14-1.9 19 1 2.9 1.5 5.5 3.8 7.6 6.6s3.8 6.1 4.8 9.8c2.2 7.6 1.1 16-3.3 23-4 6.7-10 12-18 14l-0.1 0.034z"
+  }
+];
+var adjacentTeethPairs = [
+  [17, 18],
+  [16, 17],
+  [15, 16],
+  [14, 15],
+  [13, 14],
+  [12, 13],
+  [11, 12],
+  [11, 21],
+  [21, 22],
+  [22, 23],
+  [23, 24],
+  [24, 25],
+  [25, 26],
+  [26, 27],
+  [27, 28],
+  [37, 38],
+  [36, 37],
+  [35, 36],
+  [34, 35],
+  [33, 34],
+  [32, 33],
+  [31, 32],
+  [31, 41],
+  [41, 42],
+  [42, 43],
+  [43, 44],
+  [44, 45],
+  [45, 46],
+  [46, 47],
+  [47, 48]
+];
+function getTeethInRange(startId, endId) {
+  const startTooth = teethData.find((t) => t.id === startId);
+  const endTooth = teethData.find((t) => t.id === endId);
+  if (!startTooth || !endTooth)
+    return [];
+  const minOrder = Math.min(startTooth.order, endTooth.order);
+  const maxOrder = Math.max(startTooth.order, endTooth.order);
+  return teethData.filter((t) => t.order >= minOrder && t.order <= maxOrder).map((t) => t.id);
+}
+function sameSide(tooth1, tooth2) {
+  const [a, b] = [tooth1.toString(), tooth2.toString()];
+  return a[0] === b[0];
+}
+function parseTeethSelection(input) {
+  const selectedTeeth = [];
+  const bridges = [];
+  const regex = /\[(\d+)\s*,\s*(\d+)\]|(\d+)/g;
+  let match;
+  while ((match = regex.exec(input)) !== null) {
+    if (match[1] && match[2]) {
+      let start = Number(match[1]);
+      let end = Number(match[2]);
+      [start, end] = [Math.min(start, end), Math.max(start, end)];
+      const range = [];
+      if (sameSide(start, end)) {
+        for (let i = start;i <= end; i++) {
+          range.push(i);
+        }
+      } else {
+        const crossA = Number(`${start.toString()[0]}1`);
+        const crossB = Number(`${end.toString()[0]}1`);
+        for (let i = start;i >= crossA; i--) {
+          range.push(i);
+        }
+        for (let i = crossB;i <= end; i++) {
+          range.push(i);
+        }
+      }
+      selectedTeeth.push(...range);
+      for (let i = 0;i < range.length - 1; i++) {
+        bridges.push([range[i], range[i + 1]]);
+      }
+    } else if (match[3]) {
+      selectedTeeth.push(Number(match[3]));
+    }
+  }
+  return { selectedTeeth, bridges };
+}
+function formatTeethSelection(selectedTeeth, bridges) {
+  if (!selectedTeeth || selectedTeeth.length === 0) {
+    return "";
+  }
+  const bridgeMap = new Map;
+  bridges.forEach(([tooth1, tooth2]) => {
+    if (!bridgeMap.has(tooth1))
+      bridgeMap.set(tooth1, []);
+    if (!bridgeMap.has(tooth2))
+      bridgeMap.set(tooth2, []);
+    bridgeMap.get(tooth1).push(tooth2);
+    bridgeMap.get(tooth2).push(tooth1);
+  });
+  const result = [];
+  let currentGroup = [];
+  selectedTeeth.forEach((tooth, index) => {
+    if (index === 0) {
+      currentGroup.push(tooth);
+      return;
+    }
+    const prevTooth = selectedTeeth[index - 1];
+    const hasBridge = bridgeMap.has(prevTooth) && bridgeMap.get(prevTooth).includes(tooth) && Math.abs(selectedTeeth.indexOf(tooth) - selectedTeeth.indexOf(prevTooth)) === 1;
+    if (hasBridge) {
+      currentGroup.push(tooth);
+    } else {
+      if (currentGroup.length > 0) {
+        if (currentGroup.length === 1) {
+          result.push(`${currentGroup[0]}`);
+        } else {
+          result.push(`[${currentGroup[0]}, ${currentGroup[currentGroup.length - 1]}]`);
+        }
+      }
+      currentGroup = [tooth];
+    }
+  });
+  if (currentGroup.length > 0) {
+    if (currentGroup.length === 1) {
+      result.push(`${currentGroup[0]}`);
+    } else {
+      result.push(`[${currentGroup[0]}, ${currentGroup[currentGroup.length - 1]}]`);
+    }
+  }
+  return result.join(", ");
+}
+
+// src/components/teeth-selector.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var initialState = {
+  selectedTeeth: [],
+  bridges: []
+};
+function selectionReducer(state, action) {
+  switch (action.type) {
+    case "toggle-tooth": {
+      const exists = state.selectedTeeth.includes(action.toothId);
+      const selectedTeeth = exists ? state.selectedTeeth.filter((id) => id !== action.toothId) : [...state.selectedTeeth, action.toothId];
+      const bridges = exists ? state.bridges.filter(([a, b]) => a !== action.toothId && b !== action.toothId) : state.bridges;
+      return { selectedTeeth, bridges };
+    }
+    case "select-range": {
+      const selectedTeeth = Array.from(new Set([...state.selectedTeeth, ...action.teethIds]));
+      const consecutivePairs = [];
+      for (let i = 0;i < action.teethIds.length - 1; i++) {
+        consecutivePairs.push([action.teethIds[i], action.teethIds[i + 1]]);
+      }
+      const existing = new Set(state.bridges.map((b) => `${Math.min(...b)}-${Math.max(...b)}`));
+      const newBridges = consecutivePairs.filter(([a, b]) => adjacentTeethPairs.some(([x, y]) => x === a && y === b || x === b && y === a)).map((pair) => [Math.min(...pair), Math.max(...pair)]).filter((pair) => {
+        const key = `${pair[0]}-${pair[1]}`;
+        return !existing.has(key);
+      });
+      return {
+        selectedTeeth,
+        bridges: [...state.bridges, ...newBridges]
+      };
+    }
+    case "select-upper": {
+      const upper = teethData.filter((t) => t.position === "upper").map((t) => t.id);
+      return selectionReducer(state, { type: "select-range", teethIds: upper });
+    }
+    case "select-lower": {
+      const lower = teethData.filter((t) => t.position === "lower").map((t) => t.id);
+      return selectionReducer(state, { type: "select-range", teethIds: lower });
+    }
+    case "clear-all":
+      return initialState;
+    case "toggle-bridge": {
+      const { fromId, toId } = action;
+      if (!state.selectedTeeth.includes(fromId) || !state.selectedTeeth.includes(toId)) {
+        return {
+          selectedTeeth: [...state.selectedTeeth, fromId, toId],
+          bridges: [
+            ...state.bridges,
+            [Math.min(fromId, toId), Math.max(fromId, toId)]
+          ]
+        };
+      }
+      const key = (a, b) => `${Math.min(a, b)}-${Math.max(a, b)}`;
+      const exists = state.bridges.some(([a, b]) => key(a, b) === key(fromId, toId));
+      const bridges = exists ? state.bridges.filter(([a, b]) => key(a, b) !== key(fromId, toId)) : [...state.bridges, [Math.min(fromId, toId), Math.max(fromId, toId)]];
+      return { ...state, bridges };
+    }
+    case "set":
+      return action.state;
+    default:
+      return state;
+  }
+}
+var TeethSelectorContext = React.createContext(null);
+function useTeethSelectorContext() {
+  const context = React.useContext(TeethSelectorContext);
+  if (!context) {
+    throw new Error("useTeethSelectorContext must be used within a TeethSelector");
+  }
+  return context;
+}
+var initialDragState = {
+  start: null,
+  current: null,
+  teethInRange: []
+};
+var TeethSelector = React.forwardRef((props, ref) => {
+  const {
+    defaultSelectedTeeth = [],
+    defaultBridges = [],
+    selectedTeeth: controlledSelectedTeeth,
+    bridges: controlledBridges,
+    onSelectionChange,
+    onBridgeChange,
+    onChange,
+    children
+  } = props;
+  const isControlled = controlledSelectedTeeth !== undefined || controlledBridges !== undefined;
+  const [internalState, dispatch] = React.useReducer(selectionReducer, {
+    selectedTeeth: defaultSelectedTeeth,
+    bridges: defaultBridges
+  });
+  const [dragState, setDragState] = React.useState(initialDragState);
+  const state = isControlled ? {
+    selectedTeeth: controlledSelectedTeeth ?? internalState.selectedTeeth,
+    bridges: controlledBridges ?? internalState.bridges
+  } : internalState;
+  const prevStateRef = React.useRef(state);
+  React.useEffect(() => {
+    if (prevStateRef.current.selectedTeeth !== state.selectedTeeth || prevStateRef.current.bridges !== state.bridges) {
+      const sorted = teethData.filter((t) => state.selectedTeeth.includes(t.id)).sort((a, b) => a.order - b.order);
+      onSelectionChange?.(sorted);
+      onBridgeChange?.(state.bridges);
+      onChange?.(sorted, state.bridges);
+      prevStateRef.current = state;
+    }
+  }, [state, onSelectionChange, onBridgeChange, onChange]);
+  const toggleTooth = React.useCallback((toothId) => {
+    dispatch({ type: "toggle-tooth", toothId });
+  }, []);
+  const toggleBridge = React.useCallback((fromId, toId) => {
+    dispatch({ type: "toggle-bridge", fromId, toId });
+  }, []);
+  const selectUpper = React.useCallback(() => {
+    dispatch({ type: "select-upper" });
+  }, []);
+  const selectLower = React.useCallback(() => {
+    dispatch({ type: "select-lower" });
+  }, []);
+  const selectRange = React.useCallback((teethIds) => {
+    dispatch({ type: "select-range", teethIds });
+  }, []);
+  const clearAll = React.useCallback(() => {
+    dispatch({ type: "clear-all" });
+  }, []);
+  const isSelected = React.useCallback((toothId) => state.selectedTeeth.includes(toothId), [state.selectedTeeth]);
+  const hasBridge = React.useCallback((fromId, toId) => {
+    const key = (a, b) => `${Math.min(a, b)}-${Math.max(a, b)}`;
+    return state.bridges.some(([a, b]) => key(a, b) === key(fromId, toId));
+  }, [state.bridges]);
+  const getSelectedTeethData = React.useCallback(() => teethData.filter((t) => state.selectedTeeth.includes(t.id)).sort((a, b) => a.order - b.order), [state.selectedTeeth]);
+  const renderProps = {
+    ...state,
+    toggleTooth,
+    toggleBridge,
+    selectUpper,
+    selectLower,
+    selectRange,
+    clearAll,
+    isSelected,
+    hasBridge,
+    getSelectedTeethData
+  };
+  return /* @__PURE__ */ jsxDEV(TeethSelectorContext.Provider, {
+    value: { state, dispatch, dragState, setDragState },
+    children: /* @__PURE__ */ jsxDEV("div", {
+      ref,
+      children: children(renderProps)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+});
+TeethSelector.displayName = "TeethSelector";
+var TeethChart = React.forwardRef((props, ref) => {
+  const {
+    width = 300,
+    height = 500,
+    className,
+    renderTooth,
+    renderBridge,
+    enableDragSelection = true
+  } = props;
+  const { state, dispatch, dragState, setDragState } = useTeethSelectorContext();
+  const svgRef = React.useRef(null);
+  const toothRefs = React.useRef(new Map);
+  const holdRef = React.useRef(null);
+  React.useImperativeHandle(ref, () => svgRef.current);
+  React.useEffect(() => {
+    if (!svgRef.current)
+      return;
+    const map = new Map;
+    teethData.forEach(({ id }) => {
+      map.set(id, svgRef.current.querySelector(`#teeth-${id}`));
+    });
+    toothRefs.current = map;
+  }, []);
+  const getBridgePos = React.useCallback((a, b) => {
+    const from = toothRefs.current.get(a);
+    const to = toothRefs.current.get(b);
+    if (!from || !to)
+      return null;
+    const boxA = from.getBBox();
+    const boxB = to.getBBox();
+    const x1 = boxA.x + boxA.width / 2;
+    const y1 = boxA.y + boxA.height / 2;
+    const x2 = boxB.x + boxB.width / 2;
+    const y2 = boxB.y + boxB.height / 2;
+    return { x1, y1, x2, y2, midX: (x1 + x2) / 2, midY: (y1 + y2) / 2 };
+  }, []);
+  const handleClick = React.useCallback((id) => {
+    if (holdRef.current)
+      clearTimeout(holdRef.current);
+    dispatch({ type: "toggle-tooth", toothId: id });
+  }, [dispatch]);
+  const handleDown = React.useCallback((id) => {
+    if (!enableDragSelection)
+      return;
+    holdRef.current = setTimeout(() => {
+      setDragState({
+        start: id,
+        current: id,
+        teethInRange: [id]
+      });
+    }, 100);
+  }, [enableDragSelection, setDragState]);
+  const handleEnter = React.useCallback((id) => {
+    if (dragState.start === null)
+      return;
+    if (holdRef.current)
+      clearTimeout(holdRef.current);
+    const range = getTeethInRange(dragState.start, id);
+    setDragState((prev) => ({
+      ...prev,
+      current: id,
+      teethInRange: range
+    }));
+  }, [dragState.start, setDragState]);
+  const handleUp = React.useCallback(() => {
+    if (dragState.start === null)
+      return;
+    if (holdRef.current)
+      clearTimeout(holdRef.current);
+    if (dragState.teethInRange.length > 1) {
+      dispatch({ type: "select-range", teethIds: dragState.teethInRange });
+    }
+    setDragState(initialDragState);
+  }, [dragState, dispatch, setDragState]);
+  const handleTouchMove = React.useCallback((e) => {
+    if (!enableDragSelection)
+      return;
+    const touch = e.touches[0];
+    const element = document.elementFromPoint(touch.clientX, touch.clientY);
+    if (element?.id?.startsWith("teeth-")) {
+      const toothId = parseInt(element.id.replace("teeth-", ""), 10);
+      if (dragState.start === null) {
+        setDragState({
+          start: toothId,
+          current: toothId,
+          teethInRange: [toothId]
+        });
+      }
+      handleEnter(toothId);
+    }
+  }, [enableDragSelection, dragState.start, handleEnter, setDragState]);
+  return /* @__PURE__ */ jsxDEV("svg", {
+    ref: svgRef,
+    viewBox: "0 0 450 750",
+    width,
+    height,
+    className,
+    style: { touchAction: "none" },
+    onMouseUp: handleUp,
+    onTouchMove: handleTouchMove,
+    onTouchEnd: handleUp,
+    children: [
+      teethData.map((tooth) => {
+        const isSelected = state.selectedTeeth.includes(tooth.id);
+        const isInDragRange = dragState.teethInRange.includes(tooth.id);
+        const defaultElement = /* @__PURE__ */ jsxDEV("path", {
+          id: `teeth-${tooth.id}`,
+          d: tooth.d,
+          "data-selected": isSelected,
+          "data-in-range": isInDragRange,
+          onClick: () => handleClick(tooth.id),
+          onMouseDown: () => handleDown(tooth.id),
+          onMouseEnter: () => handleEnter(tooth.id)
+        }, tooth.id, false, undefined, this);
+        if (renderTooth) {
+          return renderTooth({ tooth, isSelected, isInDragRange }, defaultElement);
+        }
+        return defaultElement;
+      }),
+      /* @__PURE__ */ jsxDEV("g", {
+        "data-bridges": true,
+        children: adjacentTeethPairs.map((pair, i) => {
+          const pos = getBridgePos(pair[0], pair[1]);
+          if (!pos)
+            return null;
+          const exists = state.bridges.some(([a, b]) => a === pair[0] && b === pair[1] || a === pair[1] && b === pair[0]);
+          const defaultElement = /* @__PURE__ */ jsxDEV("g", {
+            children: [
+              exists && /* @__PURE__ */ jsxDEV("line", {
+                x1: pos.x1,
+                y1: pos.y1,
+                x2: pos.x2,
+                y2: pos.y2,
+                "data-bridge-line": true
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("circle", {
+                cx: pos.midX,
+                cy: pos.midY,
+                r: 8,
+                "data-bridge-button": true,
+                "data-exists": exists,
+                onClick: () => dispatch({
+                  type: "toggle-bridge",
+                  fromId: pair[0],
+                  toId: pair[1]
+                })
+              }, undefined, false, undefined, this)
+            ]
+          }, i, true, undefined, this);
+          if (renderBridge) {
+            return renderBridge({ fromId: pair[0], toId: pair[1], exists, position: pos }, defaultElement);
+          }
+          return defaultElement;
+        })
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+});
+TeethChart.displayName = "TeethChart";
+// src/components/teeth-preview.tsx
+import * as React2 from "react";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+"use client";
+var TeethPreview = React2.forwardRef((props, ref) => {
+  const {
+    teeth,
+    width = 150,
+    height = 250,
+    className,
+    renderTooth,
+    renderBridge
+  } = props;
+  const [refsReady, setRefsReady] = React2.useState(false);
+  const svgRef = React2.useRef(null);
+  const toothRefs = React2.useRef(new Map);
+  const { selectedTeeth, bridges } = React2.useMemo(() => parseTeethSelection(teeth), [teeth]);
+  React2.useImperativeHandle(ref, () => svgRef.current);
+  const getBridgePos = React2.useCallback((a, b) => {
+    const from = toothRefs.current.get(a);
+    const to = toothRefs.current.get(b);
+    if (!from || !to)
+      return null;
+    const boxA = from.getBBox();
+    const boxB = to.getBBox();
+    const x1 = boxA.x + boxA.width / 2;
+    const y1 = boxA.y + boxA.height / 2;
+    const x2 = boxB.x + boxB.width / 2;
+    const y2 = boxB.y + boxB.height / 2;
+    return { x1, y1, x2, y2, midX: (x1 + x2) / 2, midY: (y1 + y2) / 2 };
+  }, []);
+  React2.useLayoutEffect(() => {
+    if (!svgRef.current)
+      return;
+    const map = new Map;
+    teethData.forEach(({ id }) => {
+      map.set(id, svgRef.current.querySelector(`#teeth-preview-${id}`));
+    });
+    toothRefs.current = map;
+    setRefsReady(true);
+  }, []);
+  return /* @__PURE__ */ jsxDEV2("svg", {
+    ref: svgRef,
+    viewBox: "0 0 450 750",
+    width,
+    height,
+    className,
+    children: [
+      teethData.map((tooth) => {
+        const isSelected = selectedTeeth.includes(tooth.id);
+        const defaultElement = /* @__PURE__ */ jsxDEV2("path", {
+          id: `teeth-preview-${tooth.id}`,
+          d: tooth.d,
+          "data-selected": isSelected
+        }, tooth.id, false, undefined, this);
+        if (renderTooth) {
+          return renderTooth({ tooth, isSelected }, defaultElement);
+        }
+        return defaultElement;
+      }),
+      /* @__PURE__ */ jsxDEV2("g", {
+        "data-bridges": true,
+        children: refsReady && bridges.map((pair, i) => {
+          const pos = getBridgePos(pair[0], pair[1]);
+          if (!pos)
+            return null;
+          const defaultElement = /* @__PURE__ */ jsxDEV2("g", {
+            children: [
+              /* @__PURE__ */ jsxDEV2("line", {
+                x1: pos.x1,
+                y1: pos.y1,
+                x2: pos.x2,
+                y2: pos.y2,
+                "data-bridge-line": true
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("circle", {
+                cx: pos.midX,
+                cy: pos.midY,
+                r: 8,
+                "data-bridge-marker": true
+              }, undefined, false, undefined, this)
+            ]
+          }, i, true, undefined, this);
+          if (renderBridge) {
+            return renderBridge({ fromId: pair[0], toId: pair[1], position: pos }, defaultElement);
+          }
+          return defaultElement;
+        })
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+});
+TeethPreview.displayName = "TeethPreview";
+export {
+  useTeethSelectorContext,
+  TeethSelector,
+  TeethPreview,
+  TeethChart
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salloomd/teeth-selector",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -10,6 +10,16 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "default": "./dist/index.js"
+    },
+    "./ui": {
+      "types": "./dist/ui.d.ts",
+      "import": "./dist/ui.js",
+      "default": "./dist/ui.js"
+    },
+    "./lib": {
+      "types": "./dist/lib.d.ts",
+      "import": "./dist/lib.js",
+      "default": "./dist/lib.js"
     }
   },
   "files": [
@@ -17,7 +27,7 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "bun build src/index.ts --outdir dist --external react --external react-dom && tsc -p tsconfig.build.json",
+    "build": "bun build src/index.ts src/ui.ts src/lib.ts --outdir dist --external react --external react-dom && tsc -p tsconfig.build.json",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },