@kmanueldc/vue-odontogram 0.1.1

package/THIRD_PARTY_NOTICES.md

@@ -0,0 +1,37 @@
+# Third-party notices
+
+## react-odontogram permanent SVG data
+
+The permanent SVG tooth datasets in `src/data/permanent.ts` and
+`src/data/permanent-horizontal.ts` are ported from
+[biomathcode/react-odontogram](https://github.com/biomathcode/react-odontogram).
+They are used under the MIT License, attributed by the upstream project to
+biomathcode.
+
+MIT License
+
+Copyright (c) biomathcode
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+## Primary SVG data
+
+The datasets in `src/data/primary.ts` and `src/data/primary-horizontal.ts` are
+simplified provisional paths created for this project. They are not clinically
+validated and must not be presented as diagnostic or treatment geometry.

package/dist/catalogs/nts-peru.d.ts

@@ -0,0 +1,277 @@
+/**
+ * Findings based on Peru's technical health standard for the odontogram
+ * (NTS N.° 150-MINSA/2019/DGIESP): blue (`good`) for good state or completed
+ * treatment, red (`bad`) for bad state or pending treatment.
+ *
+ * Surface findings are drawn on the surface diagram, so they need
+ * `showSurfaces`. Sealants and restoration materials, which the standard
+ * writes as abbreviations inside the surface, are not included. Symbols are adapted to
+ * the occlusal view of this chart, which has no roots: root findings use
+ * their abbreviation. Review codes, colors and abbreviations against the
+ * official standard before clinical use, and extend or override entries as
+ * needed: `{ ...ntsPeruFindingCatalog, fracture: { ... } }`.
+ */
+export declare const ntsPeruFindingCatalog: {
+    readonly caries: {
+        readonly name: "Lesión de caries dental";
+        readonly symbol: {
+            readonly kind: "fill";
+        };
+        readonly tone: "bad";
+    };
+    readonly restoration: {
+        readonly name: "Restauración definitiva";
+        readonly symbol: {
+            readonly kind: "fill";
+        };
+        readonly tone: "good";
+    };
+    readonly 'temporary-restoration': {
+        readonly name: "Restauración temporal";
+        readonly symbol: {
+            readonly kind: "outline";
+        };
+        readonly tone: "bad";
+    };
+    readonly extraction: {
+        readonly name: "Extracción";
+        readonly symbol: {
+            readonly kind: "cross";
+        };
+        readonly tone: "bad";
+    };
+    readonly fracture: {
+        readonly name: "Fractura";
+        readonly symbol: {
+            readonly kind: "line";
+        };
+        readonly tone: "bad";
+    };
+    readonly crown: {
+        readonly name: "Corona definitiva";
+        readonly symbol: {
+            readonly kind: "circle";
+        };
+        readonly tone: "good";
+    };
+    readonly 'temporary-crown': {
+        readonly name: "Corona temporal";
+        readonly symbol: {
+            readonly kind: "circle";
+        };
+        readonly tone: "bad";
+    };
+    readonly extruded: {
+        readonly name: "Diente extruido";
+        readonly symbol: {
+            readonly kind: "arrow";
+            readonly direction: "occlusal";
+        };
+        readonly tone: "good";
+    };
+    readonly intruded: {
+        readonly name: "Diente intruido";
+        readonly symbol: {
+            readonly kind: "arrow";
+            readonly direction: "apical";
+        };
+        readonly tone: "good";
+    };
+    readonly rotated: {
+        readonly name: "Giroversión";
+        readonly symbol: {
+            readonly kind: "curved-arrow";
+        };
+        readonly tone: "good";
+    };
+    readonly migrated: {
+        readonly name: "Migración";
+        readonly symbol: {
+            readonly kind: "arrow";
+            readonly direction: "auto";
+        };
+        readonly tone: "good";
+    };
+    readonly erupting: {
+        readonly name: "Pieza dentaria en erupción";
+        readonly symbol: {
+            readonly kind: "zigzag";
+        };
+        readonly tone: "good";
+    };
+    readonly supernumerary: {
+        readonly name: "Supernumerario";
+        readonly symbol: {
+            readonly kind: "encircled-text";
+            readonly text: "S";
+        };
+        readonly tone: "good";
+    };
+    readonly fusion: {
+        readonly name: "Fusión";
+        readonly symbol: {
+            readonly kind: "double-circle";
+        };
+        readonly tone: "good";
+    };
+    readonly peg: {
+        readonly name: "Diente en clavija";
+        readonly symbol: {
+            readonly kind: "triangle";
+        };
+        readonly tone: "good";
+    };
+    readonly implant: {
+        readonly name: "Implante dental";
+        readonly symbol: {
+            readonly kind: "text";
+            readonly text: "IMP";
+        };
+        readonly tone: "good";
+    };
+    readonly 'root-remnant': {
+        readonly name: "Remanente radicular";
+        readonly symbol: {
+            readonly kind: "text";
+            readonly text: "RR";
+        };
+        readonly tone: "bad";
+    };
+    readonly mobility: {
+        readonly name: "Movilidad";
+        readonly symbol: {
+            readonly kind: "text";
+            readonly text: "M1";
+        };
+        readonly tone: "bad";
+    };
+    readonly discolored: {
+        readonly name: "Diente discrómico";
+        readonly symbol: {
+            readonly kind: "text";
+            readonly text: "DIS";
+        };
+        readonly tone: "bad";
+    };
+    readonly ectopic: {
+        readonly name: "Diente ectópico";
+        readonly symbol: {
+            readonly kind: "text";
+            readonly text: "E";
+        };
+        readonly tone: "bad";
+    };
+    readonly impacted: {
+        readonly name: "Impactación";
+        readonly symbol: {
+            readonly kind: "text";
+            readonly text: "I";
+        };
+        readonly tone: "bad";
+    };
+    readonly 'semi-impacted': {
+        readonly name: "Semi-impactación";
+        readonly symbol: {
+            readonly kind: "text";
+            readonly text: "SI";
+        };
+        readonly tone: "bad";
+    };
+    readonly macrodontia: {
+        readonly name: "Macrodoncia";
+        readonly symbol: {
+            readonly kind: "text";
+            readonly text: "MAC";
+        };
+        readonly tone: "good";
+    };
+    readonly microdontia: {
+        readonly name: "Microdoncia";
+        readonly symbol: {
+            readonly kind: "text";
+            readonly text: "MIC";
+        };
+        readonly tone: "good";
+    };
+    readonly worn: {
+        readonly name: "Superficie desgastada";
+        readonly symbol: {
+            readonly kind: "text";
+            readonly text: "DES";
+        };
+        readonly tone: "bad";
+    };
+    readonly 'pulp-treatment': {
+        readonly name: "Tratamiento pulpar";
+        readonly symbol: {
+            readonly kind: "text";
+            readonly text: "TC";
+        };
+        readonly tone: "good";
+    };
+    readonly 'enamel-defect': {
+        readonly name: "Defecto de desarrollo del esmalte";
+        readonly symbol: {
+            readonly kind: "text";
+            readonly text: "HP";
+        };
+        readonly tone: "bad";
+    };
+    readonly diastema: {
+        readonly name: "Diastema";
+        readonly symbol: {
+            readonly kind: "diastema";
+        };
+        readonly tone: "good";
+    };
+    readonly transposition: {
+        readonly name: "Transposición";
+        readonly symbol: {
+            readonly kind: "transposition";
+        };
+        readonly tone: "good";
+    };
+    readonly 'fixed-prosthesis': {
+        readonly name: "Prótesis fija";
+        readonly symbol: {
+            readonly kind: "bridge";
+        };
+        readonly tone: "good";
+    };
+    readonly 'removable-prosthesis': {
+        readonly name: "Prótesis removible";
+        readonly symbol: {
+            readonly kind: "double-line";
+        };
+        readonly tone: "good";
+    };
+    readonly 'complete-prosthesis': {
+        readonly name: "Prótesis total";
+        readonly symbol: {
+            readonly kind: "double-line";
+        };
+        readonly tone: "good";
+    };
+    readonly 'fixed-orthodontic-appliance': {
+        readonly name: "Aparato ortodóntico fijo";
+        readonly symbol: {
+            readonly kind: "brackets";
+        };
+        readonly tone: "good";
+    };
+    readonly 'removable-orthodontic-appliance': {
+        readonly name: "Aparato ortodóntico removible";
+        readonly symbol: {
+            readonly kind: "zigzag-line";
+        };
+        readonly tone: "good";
+    };
+    readonly edentulous: {
+        readonly name: "Edéntulo total";
+        readonly symbol: {
+            readonly kind: "center-line";
+        };
+        readonly tone: "good";
+    };
+};
+export type NtsPeruFindingCode = keyof typeof ntsPeruFindingCatalog;

package/dist/components/ConditionLabels.vue.d.ts

@@ -0,0 +1,40 @@
+import type { FindingStatus, FindingTone } from '../types/findings';
+import type { ToothState, ToothVisualCondition } from '../types/odontogram';
+import type { FindingPrimitive } from '../utils/findings';
+type __VLS_Props = {
+    conditions?: ToothVisualCondition[];
+    /** Non-present tooth states to explain, each with its display name. */
+    states?: {
+        state: Exclude<ToothState, 'present'>;
+        label: string;
+    }[];
+    /** Findings to explain, each with its icon. */
+    findings?: {
+        key: string;
+        code: string;
+        name: string;
+        status: FindingStatus;
+        tone: FindingTone;
+        color?: string;
+        icon: FindingPrimitive[];
+    }[];
+    ariaLabel?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    states: {
+        state: Exclude<ToothState, "present">;
+        label: string;
+    }[];
+    findings: {
+        key: string;
+        code: string;
+        name: string;
+        status: FindingStatus;
+        tone: FindingTone;
+        color?: string;
+        icon: FindingPrimitive[];
+    }[];
+    conditions: ToothVisualCondition[];
+    ariaLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/FindingPrimitives.vue.d.ts

@@ -0,0 +1,6 @@
+import type { FindingPrimitive } from '../utils/findings';
+type __VLS_Props = {
+    primitives: readonly FindingPrimitive[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Odontogram.vue.d.ts

@@ -0,0 +1,131 @@
+import type { OdontogramCondition, OdontogramHalf, OdontogramLabelsInput, OdontogramToothStates, ToothDefinition, ToothNotation, ToothState, ToothVisualCondition } from '../types/odontogram';
+import type { Box, ToothAnchor } from '../utils/anchors';
+import type { RenderableDentition } from '../utils/dentition-layout';
+import type { OdontogramLayout } from '../utils/layout';
+import type { FindingCatalog, OdontogramFinding } from '../types/findings';
+import { type ToothRecord } from '../utils/finding-records';
+import { type OdontogramSurfaces, type SurfaceShapeKind, type ToothSurface } from '../types/surfaces';
+import { type SurfaceDiagram } from '../utils/surfaces';
+import { type TooltipSurfaceSummary } from './OdontogramTooltip.vue';
+type __VLS_Props = {
+    modelValue?: string[];
+    dentition?: RenderableDentition;
+    notation?: ToothNotation;
+    singleSelect?: boolean;
+    disabled?: boolean;
+    showLabels?: boolean;
+    showTooltip?: boolean;
+    conditions?: OdontogramCondition[];
+    layout?: OdontogramLayout;
+    labels?: OdontogramLabelsInput;
+    showNumbers?: boolean;
+    showHalf?: OdontogramHalf;
+    toothStates?: OdontogramToothStates;
+    findings?: OdontogramFinding[];
+    findingCatalog?: FindingCatalog;
+    showSurfaces?: boolean;
+    /** Draws each surface's letter (V, M, O/I, D, L/P) on the chart diagrams. */
+    showSurfaceLetters?: boolean;
+    /** Shape of the surface diagrams: `square` (default) or `circle`. */
+    surfaceShape?: SurfaceShapeKind;
+    surfaces?: OdontogramSurfaces;
+    teeth?: string[];
+};
+type __VLS_Slots = {
+    tooltip?: (props: {
+        tooth: ToothDefinition;
+        selected: boolean;
+        condition?: ToothVisualCondition;
+        state: ToothState;
+        /** Names of the findings on the tooth. */
+        findings: readonly string[];
+        /** Tooth number in the chart's notation; `tooth.id` stays FDI. */
+        number: string;
+        /**
+         * Hovered or focused surface, if the tooltip is for a surface; then
+         * `selected` and `findings` refer to that surface.
+         */
+        surface?: ToothSurface;
+        /** Clinical name of `surface` on the tooth, e.g. "Palatal". */
+        surfaceName?: string;
+        /**
+         * In the tooltip of a tooth, the findings of each surface with any; then
+         * `findings` lists only the findings of the whole tooth.
+         */
+        surfaceSummary: readonly TooltipSurfaceSummary[];
+    }) => unknown;
+    /**
+     * Menu opened by clicking a surface (or Enter/Space on it). When given, a
+     * surface no longer toggles its selection: the app shows its findings and
+     * records new ones, and calls `close` when done. Esc and a click outside
+     * close it too.
+     */
+    'surface-menu'?: (props: {
+        toothId: string;
+        tooth: ToothDefinition;
+        surface: ToothSurface;
+        /** Clinical name of `surface` on the tooth, e.g. "Palatal". */
+        surfaceName: string;
+        /** Everything recorded on the tooth; `record.surfaces[surface]` for this surface. */
+        record: ToothRecord;
+        close: () => void;
+    }) => unknown;
+    /** SVG content drawn above the teeth, in the layout's viewBox coordinates. */
+    overlay?: (props: {
+        anchors: Readonly<Record<string, ToothAnchor>>;
+        viewBox: Box;
+        dentition: RenderableDentition;
+        layout: OdontogramLayout;
+        /** Surface diagrams drawn with `showSurfaces`, with their centers and boxes. */
+        surfaceDiagrams: readonly SurfaceDiagram[];
+    }) => unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (selectedTeeth: string[]) => any;
+    change: (selectedTeeth: string[]) => any;
+    "tooth-click": (tooth: ToothDefinition, selectedTeeth: string[]) => any;
+    "update:surfaces": (surfaces: Partial<Record<string, ToothSurface[]>>) => any;
+    "surface-click": (tooth: ToothDefinition, surface: ToothSurface, surfaces: Partial<Record<string, ToothSurface[]>>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((selectedTeeth: string[]) => any) | undefined;
+    onChange?: ((selectedTeeth: string[]) => any) | undefined;
+    "onTooth-click"?: ((tooth: ToothDefinition, selectedTeeth: string[]) => any) | undefined;
+    "onUpdate:surfaces"?: ((surfaces: Partial<Record<string, ToothSurface[]>>) => any) | undefined;
+    "onSurface-click"?: ((tooth: ToothDefinition, surface: ToothSurface, surfaces: Partial<Record<string, ToothSurface[]>>) => any) | undefined;
+}>, {
+    teeth: string[];
+    findings: OdontogramFinding[];
+    surfaces: Partial<Record<string, ToothSurface[]>>;
+    conditions: OdontogramCondition[];
+    labels: Partial<Omit<import("..").OdontogramLabels, "chartTitles" | "states" | "surfaceNames" | "surfaceLetters" | "surfaceDescriptions" | "findingStatuses" | "inspector"> & {
+        chartTitles: Partial<import("..").OdontogramLabels["chartTitles"]>;
+        states: Partial<import("..").OdontogramLabels["states"]>;
+        surfaceNames: Partial<import("..").OdontogramLabels["surfaceNames"]>;
+        surfaceLetters: Partial<import("..").OdontogramLabels["surfaceLetters"]>;
+        surfaceDescriptions: Partial<import("..").OdontogramLabels["surfaceDescriptions"]>;
+        findingStatuses: Partial<import("..").OdontogramLabels["findingStatuses"]>;
+        inspector: Partial<import("..").OdontogramLabels["inspector"]>;
+    }>;
+    disabled: boolean;
+    modelValue: string[];
+    dentition: RenderableDentition;
+    notation: ToothNotation;
+    singleSelect: boolean;
+    showLabels: boolean;
+    showTooltip: boolean;
+    layout: OdontogramLayout;
+    showNumbers: boolean;
+    showHalf: OdontogramHalf;
+    toothStates: OdontogramToothStates;
+    findingCatalog: FindingCatalog;
+    showSurfaces: boolean;
+    showSurfaceLetters: boolean;
+    surfaceShape: SurfaceShapeKind;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/OdontogramTooltip.vue.d.ts

@@ -0,0 +1,82 @@
+import type { OdontogramLabels, ToothDefinition, ToothState, ToothVisualCondition } from '../types/odontogram';
+import type { ToothSurface } from '../types/surfaces';
+export type { ToothVisualCondition };
+/** One line of the per-surface summary of a tooth. */
+export interface TooltipSurfaceSummary {
+    surface: ToothSurface;
+    /** Letter of the surface on the tooth, e.g. `P`. */
+    letter: string;
+    /** Clinical name, e.g. "Palatal". */
+    name: string;
+    /** Findings recorded on the surface. */
+    findings: readonly string[];
+}
+export type TooltipPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+export interface TooltipAnchorRect {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+type __VLS_Props = {
+    active: boolean;
+    tooth?: ToothDefinition;
+    selected?: boolean;
+    condition?: ToothVisualCondition;
+    state?: ToothState;
+    /** Names of the findings on the tooth. */
+    findings?: readonly string[];
+    /** Tooth number in the chart's notation; the FDI ID by default. */
+    number?: string;
+    /**
+     * Hovered or focused surface. The tooltip then describes that surface:
+     * `selected` and `findings` refer to it instead of the whole tooth.
+     */
+    surface?: ToothSurface;
+    /** Clinical name of `surface` on this tooth, e.g. "Palatal". */
+    surfaceName?: string;
+    /** What `surface` is, from `labels.surfaceDescriptions`. */
+    surfaceDescription?: string;
+    /** Findings of each surface of the tooth, for the tooltip of a tooth. */
+    surfaceSummary?: readonly TooltipSurfaceSummary[];
+    anchorRect?: TooltipAnchorRect;
+    placement?: TooltipPlacement;
+    margin?: number;
+    labels?: OdontogramLabels;
+};
+declare var __VLS_1: {
+    tooth: ToothDefinition;
+    selected: boolean;
+    condition: ToothVisualCondition;
+    state: ToothState;
+    findings: readonly string[];
+    number: string;
+    surface: ToothSurface;
+    surfaceName: string;
+    surfaceSummary: readonly TooltipSurfaceSummary[];
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    number: string;
+    surface: ToothSurface;
+    selected: boolean;
+    condition: ToothVisualCondition;
+    state: ToothState;
+    findings: readonly string[];
+    surfaceSummary: readonly TooltipSurfaceSummary[];
+    surfaceName: string;
+    surfaceDescription: string;
+    anchorRect: TooltipAnchorRect;
+    placement: TooltipPlacement;
+    margin: number;
+    labels: OdontogramLabels;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/SurfaceDiagrams.vue.d.ts

@@ -0,0 +1,33 @@
+import type { OdontogramLabels } from '../types/odontogram';
+import type { OdontogramSurfaces, ToothSurface } from '../types/surfaces';
+import type { ToothAnchor } from '../utils/anchors';
+import type { SurfaceDiagram } from '../utils/surfaces';
+type __VLS_Props = {
+    diagrams: readonly SurfaceDiagram[];
+    /** Anchors of the visible teeth, for left/right navigation on screen. */
+    anchors: readonly ToothAnchor[];
+    surfaces: OdontogramSurfaces;
+    disabled: boolean;
+    /** Teeth whose surfaces cannot be selected, e.g. missing or extracted. */
+    inactiveTeeth: ReadonlySet<string>;
+    labels: OdontogramLabels;
+    /** Number read in accessible names, in the chart's notation. */
+    spokenNumber: (toothId: string) => string;
+    /** Activating a surface opens a menu instead of toggling its selection. */
+    menu?: boolean;
+    /** Surface whose menu is open, if any. */
+    openMenu?: {
+        toothId: string;
+        surface: ToothSurface;
+    };
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    activate: (toothId: string, surface: ToothSurface, element: SVGElement) => any;
+    enter: (toothId: string, surface: ToothSurface, event: Event) => any;
+    leave: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onActivate?: ((toothId: string, surface: ToothSurface, element: SVGElement) => any) | undefined;
+    onEnter?: ((toothId: string, surface: ToothSurface, event: Event) => any) | undefined;
+    onLeave?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/SurfaceGuide.vue.d.ts

@@ -0,0 +1,47 @@
+import type { FindingCatalog, OdontogramFinding } from '../types/findings';
+import type { OdontogramLabelsInput, ToothNotation } from '../types/odontogram';
+import { type SurfaceShapeKind, type ToothSurface } from '../types/surfaces';
+type __VLS_Props = {
+    /** FDI ID of the tooth to explain. */
+    toothId: string;
+    /** Findings of the chart; the guide draws and lists this tooth's surface findings. */
+    findings?: OdontogramFinding[];
+    findingCatalog?: FindingCatalog;
+    /** Surfaces shown as selected, e.g. `surfaces[toothId]` of `v-model:surfaces`. */
+    selected?: ToothSurface[];
+    /** Highlighted surface; follows hover and focus, and can be set from outside. */
+    active?: ToothSurface;
+    labels?: OdontogramLabelsInput;
+    notation?: ToothNotation;
+    disabled?: boolean;
+    /** Shape of the diagram, like the chart's `surfaceShape`. */
+    shape?: SurfaceShapeKind;
+    /** Shows the list of surfaces next to the diagram; false keeps only the diagram. */
+    showList?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "surface-click": (surface: ToothSurface) => any;
+    "update:active": (surface: ToothSurface | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onSurface-click"?: ((surface: ToothSurface) => any) | undefined;
+    "onUpdate:active"?: ((surface: ToothSurface | undefined) => any) | undefined;
+}>, {
+    selected: ToothSurface[];
+    findings: OdontogramFinding[];
+    active: ToothSurface;
+    labels: Partial<Omit<import("..").OdontogramLabels, "chartTitles" | "states" | "surfaceNames" | "surfaceLetters" | "surfaceDescriptions" | "findingStatuses" | "inspector"> & {
+        chartTitles: Partial<import("..").OdontogramLabels["chartTitles"]>;
+        states: Partial<import("..").OdontogramLabels["states"]>;
+        surfaceNames: Partial<import("..").OdontogramLabels["surfaceNames"]>;
+        surfaceLetters: Partial<import("..").OdontogramLabels["surfaceLetters"]>;
+        surfaceDescriptions: Partial<import("..").OdontogramLabels["surfaceDescriptions"]>;
+        findingStatuses: Partial<import("..").OdontogramLabels["findingStatuses"]>;
+        inspector: Partial<import("..").OdontogramLabels["inspector"]>;
+    }>;
+    disabled: boolean;
+    notation: ToothNotation;
+    findingCatalog: FindingCatalog;
+    shape: SurfaceShapeKind;
+    showList: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;