legal-doc-editor 0.1.0 → 0.2.0

package/README.md

@@ -1,5 +1,7 @@
 # legal-doc-editor
 
+[![npm](https://img.shields.io/npm/v/legal-doc-editor)](https://www.npmjs.com/package/legal-doc-editor) [![CI](https://github.com/hwondev/legal-doc-editor/actions/workflows/ci.yml/badge.svg)](https://github.com/hwondev/legal-doc-editor/actions/workflows/ci.yml) [![license](https://img.shields.io/npm/l/legal-doc-editor)](./LICENSE)
+
 계약서·합의서 같은 **법률문서를 만드는 React 에디터**입니다.
 
 - **조·항·호 자동 번호**: 조를 넣거나 옮기면 제1조, ①, 1. 번호가 알아서 다시 매겨져요
@@ -7,6 +9,9 @@
 - **한글(.hwp·.hwpx)·Word(.docx) 열기·저장**: 일반 문단으로 쓴 계약서도 "제N조", "①", "1." 패턴을 인식해서 조·항·호 구조로 바꿔요
   - 저장은 `.docx`와 `.hwpx`예요. `.hwpx`는 한글 2014 이상에서 열리고, 한글에서 `.hwp`로 다시 저장할 수 있어요
   - 파일 변환 라이브러리는 필요할 때만 불러와서 에디터 본체 번들은 가벼워요
+- **판례·법령 인용 링크**: 본문의 `민법 제750조`, `대법원 2016. 4. 28. 선고 2015다12345 판결`, `2024가단157033` 같은 인용을 알아보고 [국가법령정보센터](https://www.law.go.kr) 링크를 붙여요 (API 키가 필요 없어요)
+- **문서 템플릿**: 소장(대여금)·고소장(사기)·내용증명·지급명령 신청서를 `{{변수}}` 빈칸이 들어간 상태로 바로 시작해요
+- **금액 표기**: 선택한 숫자를 `금 37,200,000원`이나 `금 삼천칠백이십만 원정(₩37,200,000)`으로 바꿔요
 - **인쇄·PDF**: 비어 있는 변수는 손으로 쓰는 밑줄 칸으로 인쇄돼요
 
 에디터 엔진은 [Tiptap](https://tiptap.dev)(ProseMirror)을, 파일 변환은 [docx](https://github.com/dolanmiu/docx)·[mammoth](https://github.com/mwilliamson/mammoth.js)·[hwp-convert](https://www.npmjs.com/package/hwp-convert)를 씁니다.
@@ -48,11 +53,56 @@ export default function Page() {
 | `ol ol > li` | 호 | 1., 2. |
 | `span[data-var]` 또는 `{{이름}}` | 변수 | 입력값 |
 
+### 판례·법령 인용
+
+본문에 적힌 인용을 알아보고 밑줄을 그어요. 마우스를 올리면 주소가 보이고, Ctrl(⌘)+클릭하면 국가법령정보센터에서 열려요 (읽기 전용일 때는 그냥 클릭).
+
+| 형식 | 예 | 링크 |
+| --- | --- | --- |
+| 판결·결정 | `대법원 2016. 4. 28. 선고 2015다12345 판결`, `대법원 2020. 1. 9.자 2019마123 결정` | 판례 검색 |
+| 사건번호 | `2015다12345`, `2018노1234`, `2024가단157033` | 판례 검색 |
+| 법령 조문 | `민법 제750조`, `형법 제347조 제1항`, `특정경제범죄 가중처벌 등에 관한 법률 제3조` | 해당 조문 |
+
+**문서 데이터는 바뀌지 않아요.** 화면에만 덧입히는 표시라서 `onChange` HTML, `toPlainHtml`, `.docx`·`.hwpx` 저장 결과는 인용이 없을 때와 똑같아요. 인쇄할 때도 밑줄이 빠져요.
+
+날짜(`2026. 9. 2.`), 전화번호, 계좌번호는 인용으로 보지 않아요. 다만 인용 인식은 글자 모양만 보는 것이라 놓치거나 잘못 잡을 수 있고, 링크가 가리키는 조문이 실제로 맞는지는 직접 확인해 주세요.
+
+### 인지액·송달료 자동 계산
+
+`<LegalEditor autoFees />`로 켜면, 입력값 `소가`(또는 `소송목적의 값`)를 넣었을 때 이름이 `인지액`·`송달료`로 시작하는 변수(예: `{{인지액 산정 필요}}`)를 계산해서 채워요. 직접 입력한 값이 있으면 그 값을 써요.
+
+| 항목 | 기준 | 근거 |
+| --- | --- | --- |
+| 인지액 | 1천만원 미만 × 0.5% / 1억원 미만 × 0.45% + 5천원 / 10억원 미만 × 0.4% + 5만5천원 / 그 이상 × 0.35% + 55만5천원. 100원 미만 버림, 최저 1천원 | 「민사소송 등 인지법」 제2조 |
+| 전자소송 인지액 | 위 계산식 × 0.9 후 100원 미만 버림, 최저 900원 — `autoFees={{ electronic: true }}` | 인지법 제16조, [전자소송포털](https://ecfs.scourt.go.kr/psp/link.on?m=PSP007P01) |
+| 송달료 | 당사자 수 × 회분 × 1회 송달료. 소가 3천만원 이하(소액) 10회분, 넘으면 15회분. 당사자 수 기본 2 — `autoFees={{ parties: 3 }}` | 「송달료규칙의 시행에 따른 업무처리요령」 별표 1, 「소액사건심판규칙」 제1조의2 |
+| 1회 송달료 | 5,500원 (2025. 6. 1.부터). 바뀌면 `autoFees={{ unitFee: 5600 }}`처럼 덮어쓰기 | 법원 공지 |
+
+> 계산 결과는 **참고용**이에요. 제1심 소장 기준이고 항소·상고·반소는 계산하지 않아요. 실제 납부액은 법원 안내를 확인하세요.
+
+### 금액 표기
+
+본문에서 금액을 선택하고 툴바의 **금액**·**금액(한글)** 버튼을 누르면 선택한 글의 숫자만 뽑아 바꿔요.
+
+| 서식 | 예 |
+| --- | --- |
+| 소장식 | `금 37,200,000원` |
+| 계약서식 | `금 삼천칠백이십만 원정(₩37,200,000)` |
+
+한글 금액은 만 단위로 끊고, 고쳐 쓰기 어렵도록 **"일"을 빼지 않고** 적어요 (`10,000` → 일만, `11` → 일십일, `410,000,000` → 사억일천만).
+
 ## API
 
 | 이름 | 설명 |
 | --- | --- |
-| `<LegalEditor content values onChange onValuesChange editable />` | 에디터 컴포넌트 |
+| `<LegalEditor content values onChange onValuesChange editable autoFees />` | 에디터 컴포넌트 |
+| `calcStampFee(소가, { electronic })` | 소장 인지액(원) |
+| `calcServiceFee({ parties, procedure, unitFee })` | 송달료(원). `procedure`: 소액·단독·합의·항소·상고·조정 |
+| `withCourtFees(names, values, options)` | 비어 있는 `인지액…`·`송달료…` 변수를 계산값으로 채운 입력값 |
+| `templates` | 기본 문서 템플릿 `{ id, title, description, html }[]` — `<LegalEditor content={templates[0].html} />` |
+| `toKoreanAmount(n)` | `37200000` → `삼천칠백이십만` |
+| `formatAmount(n, '소장' \| '계약서')` | `금 37,200,000원` / `금 삼천칠백이십만 원정(₩37,200,000)` |
+| `parseAmount(text)` | 글에서 숫자만 뽑기 (`금 37,200,000원` → `37200000`) |
 | `fillTemplate(html, values)` | 변수를 채운 완성본 HTML. `.legal-doc` 안에서 렌더하면 번호가 붙어요 |
 | `toDocx(editor.getJSON(), values)` | `.docx` Blob 생성 |
 | `toHwpx(editor.getJSON(), values)` | `.hwpx` Blob 생성 |
@@ -61,6 +111,8 @@ export default function Page() {
 | `normalizeLegalHtml(html)` | "제N조 / ① / 1." 문단을 조·항·호 구조로 변환 |
 | `Variable` | 다른 Tiptap 에디터에 넣어 쓸 수 있는 변수 확장 |
 | `Numbering` | 번호 문단 확장 (`setNumbering(1~4 \| null)`, Tab·Shift+Tab 단계 변경, 맨 앞 Backspace 해제) |
+| `findCitations(text)` | 글에서 판례·법령 인용 찾기 → `{ type: 'case' \| 'law', text, from, to, url }[]` |
+| `CitationLink` | 인용에 밑줄·링크를 덧입히는 확장 (`LegalEditor`에는 이미 들어 있음) |
 
 ## 로드맵
 
@@ -78,6 +130,10 @@ npm run dev    # 데모: http://localhost:5173
 npm run build  # dist/
 ```
 
+## 기여
+
+[기여 안내](./CONTRIBUTING.md) · [변경 기록](./CHANGELOG.md) · [보안 정책](./SECURITY.md)
+
 ## 라이선스
 
 MIT

package/dist/LegalEditor.d.ts

@@ -1,4 +1,5 @@
 import { type Values } from './variable';
+import { type CourtFeeOptions } from './fees';
 import './legal.css';
 export interface LegalEditorProps {
     /** 템플릿 HTML. {{변수}} 텍스트는 변수로 바뀜 */
@@ -8,5 +9,7 @@ export interface LegalEditorProps {
     onChange?: (html: string) => void;
     onValuesChange?: (values: Values) => void;
     editable?: boolean;
+    /** 입력값에 `소가`가 있으면 `인지액…`·`송달료…` 변수를 계산해 채움 (직접 입력한 값이 우선, 참고용) */
+    autoFees?: boolean | CourtFeeOptions;
 }
-export declare function LegalEditor({ content, values: initial, onChange, onValuesChange, editable }: LegalEditorProps): import("react").JSX.Element;
+export declare function LegalEditor({ content, values: initial, onChange, onValuesChange, editable, autoFees }: LegalEditorProps): import("react").JSX.Element;

package/dist/amount.d.ts

@@ -0,0 +1,9 @@
+/** 37200000 → "삼천칠백이십만", 410000000 → "사억일천만", 0 → "영" */
+export declare function toKoreanAmount(n: number): string;
+/** "금 37,200,000원" · "37200000" → 37200000 (숫자가 없으면 0) */
+export declare const parseAmount: (text: string) => number;
+/**
+ * 소장식: 금 37,200,000원
+ * 계약서식: 금 삼천칠백이십만 원정(₩37,200,000)
+ */
+export declare function formatAmount(n: number, style?: '소장' | '계약서'): string;

package/dist/citation.d.ts

@@ -0,0 +1,15 @@
+import { Extension } from '@tiptap/core';
+export interface Citation {
+    type: 'case' | 'law';
+    /** 본문에 적힌 그대로 */
+    text: string;
+    /** 넘긴 문자열 안에서의 위치 */
+    from: number;
+    to: number;
+    /** 국가법령정보센터 주소 */
+    url: string;
+}
+/** 본문 글에서 판례·법령 인용을 찾음. 문서를 바꾸지 않고 위치만 알려줌 */
+export declare function findCitations(text: string): Citation[];
+/** 판례·법령 인용에 밑줄과 국가법령정보센터 링크를 덧입힘. 문서 데이터(HTML·JSON)는 그대로 */
+export declare const CitationLink: Extension<any, any>;

package/dist/fees.d.ts

@@ -0,0 +1,48 @@
+import type { Values } from './variable';
+/**
+ * 소장 인지액. 「민사소송 등 인지법」 제2조(소장)·제16조(전자소송 10분의 9)
+ * 출처: https://www.law.go.kr/법령/민사소송 등 인지법 (시행 2025. 3. 1., 확인 2026-09-15)
+ * 전자소송 끝자리 처리: 대법원 전자소송포털 '인지액 계산방법' https://ecfs.scourt.go.kr/psp/link.on?m=PSP007P01 (확인 2026-09-15)
+ *   (소가 × 요율 + 정액) × 0.9를 먼저 구한 뒤 100원 미만 버림, 1천원 미만이면 900원 — 예: 5천만원 → 207,000원
+ */
+export declare function calcStampFee(amount: number, opts?: {
+    electronic?: boolean;
+}): number;
+/**
+ * 송달료 회분. 「송달료규칙의 시행에 따른 업무처리요령」(재판예규 재일 87-4) 별표 1
+ * 출처: https://www.easylaw.go.kr/CSP/CnpClsMain.laf?csmSeq=568&ccfNo=2&cciNo=4&cnpClsNo=3 (확인 2026-09-15)
+ */
+export declare const SERVICE_ROUNDS: {
+    readonly 소액: 10;
+    readonly 단독: 15;
+    readonly 합의: 15;
+    readonly 항소: 12;
+    readonly 상고: 8;
+    readonly 조정: 5;
+};
+export type Procedure = keyof typeof SERVICE_ROUNDS;
+/**
+ * 1회 송달료(원). 2025. 6. 1.부터 5,500원 — 별표 1 사건 전체 (확인 2026-09-15)
+ * 출처: 법원 공지 https://www.scourt.go.kr/portal/dcboard/DcNewsViewAction.work?seqnum=17688&gubun=41&cbub_code=000420
+ * ponytail: 찾기쉬운 생활법령정보는 5,640원으로 적고 있어 공식 공지와 다름 — 새 공지가 나오면 이 값만 바꾸거나 `unitFee`로 덮어씀
+ */
+export declare const SERVICE_UNIT_FEE = 5500;
+export declare function calcServiceFee({ parties, procedure, unitFee }: {
+    parties: number;
+    procedure: Procedure;
+    unitFee?: number;
+}): number;
+/** 소액사건: 소가 3천만원 이하 (소액사건심판규칙 제1조의2) */
+export declare const SMALL_CLAIM_LIMIT = 30000000;
+export interface CourtFeeOptions {
+    /** 전자소송이면 인지액 10분의 9 */
+    electronic?: boolean;
+    /** 원고 + 피고 수 (기본 2) */
+    parties?: number;
+    unitFee?: number;
+}
+/**
+ * 입력값에 `소가`(또는 `소송목적의 값`)가 있으면 이름이 `인지액`·`송달료`로 시작하는 변수를 계산값으로 채움.
+ * 직접 입력한 값은 덮어쓰지 않음. 제1심 소장 기준(소가 3천만원 이하 소액 10회분, 넘으면 15회분)
+ */
+export declare function withCourtFees(names: string[], values: Values, opts?: CourtFeeOptions): Values;

package/dist/index.d.ts

@@ -2,5 +2,12 @@ export { LegalEditor } from './LegalEditor';
 export type { LegalEditorProps } from './LegalEditor';
 export { Variable, fillTemplate, toChips } from './variable';
 export { Numbering } from './numbering';
+export { CitationLink, findCitations } from './citation';
+export type { Citation } from './citation';
+export { calcStampFee, calcServiceFee, withCourtFees, SERVICE_ROUNDS, SERVICE_UNIT_FEE, SMALL_CLAIM_LIMIT } from './fees';
+export type { CourtFeeOptions, Procedure } from './fees';
+export { toKoreanAmount, formatAmount, parseAmount } from './amount';
+export { templates } from './templates';
+export type { Template } from './templates';
 export type { Values } from './variable';
 export { toDocx, toHwpx, toPlainHtml, fromDocx, fromHwp, fromFile, normalizeLegalHtml } from './io';

package/dist/index.js

@@ -3,9 +3,11 @@ import { EditorContent as n, useEditor as r } from "@tiptap/react";
 import i from "@tiptap/starter-kit";
 import { TableKit as a } from "@tiptap/extension-table";
 import { Extension as o, Node as s, nodeInputRule as c, nodePasteRule as l } from "@tiptap/core";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Plugin as u, PluginKey as d } from "@tiptap/pm/state";
+import { Decoration as f, DecorationSet as p } from "@tiptap/pm/view";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/variable.ts
-var f = s.create({
+var ee = s.create({
 	name: "variable",
 	group: "inline",
 	inline: !0,
@@ -59,9 +61,9 @@ var f = s.create({
 			getAttributes: (e) => ({ name: e[0].slice(2, -2).trim() })
 		})];
 	}
-}), p = (e) => e.replace(/\{\{([^{}<>"]+)\}\}/g, (e, t) => `<span data-var="${t.trim().replace(/&/g, "&amp;")}"></span>`);
-function m(e, t) {
-	let n = new DOMParser().parseFromString(p(e), "text/html");
+}), g = (e) => e.replace(/\{\{([^{}<>"]+)\}\}/g, (e, t) => `<span data-var="${t.trim().replace(/&/g, "&amp;")}"></span>`);
+function _(e, t) {
+	let n = new DOMParser().parseFromString(g(e), "text/html");
 	return n.querySelectorAll("span[data-var]").forEach((e) => {
 		let n = e.getAttribute("data-var");
 		e.replaceWith(t[n] || `[${n}]`);
@@ -69,7 +71,7 @@ function m(e, t) {
 }
 //#endregion
 //#region src/numbering.ts
-var h = 4, g = o.create({
+var v = 4, y = o.create({
 	name: "numbering",
 	priority: 1e3,
 	addGlobalAttributes() {
@@ -79,7 +81,7 @@ var h = 4, g = o.create({
 				default: null,
 				parseHTML: (e) => {
 					let t = Number(e.getAttribute("data-num"));
-					return t >= 1 && t <= h ? t : null;
+					return t >= 1 && t <= v ? t : null;
 				},
 				renderHTML: (e) => e.num ? { "data-num": e.num } : {}
 			} }
@@ -91,7 +93,7 @@ var h = 4, g = o.create({
 	addKeyboardShortcuts() {
 		let e = () => this.editor.getAttributes("paragraph").num, t = (t) => () => {
 			let n = e();
-			return !!n && this.editor.commands.setNumbering(Math.min(h, Math.max(1, n + t)));
+			return !!n && this.editor.commands.setNumbering(Math.min(v, Math.max(1, n + t)));
 		};
 		return {
 			Tab: t(1),
@@ -103,17 +105,130 @@ var h = 4, g = o.create({
 			Enter: () => !!e() && this.editor.state.selection.$from.parent.content.size === 0 && this.editor.commands.setNumbering(null)
 		};
 	}
-}), _ = (e) => e < 20 ? String.fromCharCode(9312 + e) : `${e + 1}.`, v = "가나다라마바사아자차카타파하", y = (e) => {
+}), b = String.raw`(?<!\d)\d{4}(?![만억천년월일원])[가-힣]{1,3}\d{1,6}(?!\d)`, x = String.raw`(?:[가-힣]{0,6}법원(?:\s*[가-힣]{2,6}지원)?|헌법재판소)`, S = String.raw`\d{4}\.\s*\d{1,2}\.\s*\d{1,2}\.`, C = String.raw`${x}\s*${S}\s*(?:선고|자)\s*(?<caseNo>${b})(?:\s*[,·]\s*${b})*\s*(?:전원합의체\s*)?(?:판결|결정|명령)`, w = String.raw`(?:[가-힣]+(?<![은는이가을를와과로며고여하한된])\s+){0,4}[가-힣]+에\s*관한\s*[가-힣]*법률?|[가-힣]+법률?`, T = String.raw`(?<lawName>${w})\s*제\s*(?<jo>\d+)\s*조(?:\s*의\s*(?<ui>\d+))?(?:\s*제\s*\d+\s*(?:항|호))*`, E = new RegExp(String.raw`${C}|${T}|(?<bare>${b})`, "g"), D = /^[방불합위적탈편문어용수요기비사입공]법$/, O = (...e) => `https://www.law.go.kr/${e.map(encodeURIComponent).join("/")}`;
+function te(e) {
+	let t = [];
+	for (let n of e.matchAll(E)) {
+		let e = n.groups, r = e.caseNo ?? e.bare;
+		if (!r && D.test(e.lawName)) continue;
+		let i = n.index ?? 0;
+		t.push({
+			type: r ? "case" : "law",
+			text: n[0],
+			from: i,
+			to: i + n[0].length,
+			url: r ? `https://www.law.go.kr/LSW/precSc.do?query=${encodeURIComponent(r)}` : O("법령", e.lawName.replace(/\s+/g, " "), `제${e.jo}조${e.ui ? `의${e.ui}` : ""}`)
+		});
+	}
+	return t;
+}
+var ne = new d("citation"), k = (e) => {
+	let t = [];
+	return e.descendants((e, n) => {
+		if (e.isText) for (let r of te(e.text)) t.push(f.inline(n + r.from, n + r.to, {
+			nodeName: "a",
+			class: "le-cite",
+			href: r.url,
+			title: r.url,
+			target: "_blank",
+			rel: "noopener noreferrer"
+		}));
+	}), p.create(e, t);
+}, A = o.create({
+	name: "citationLink",
+	addProseMirrorPlugins() {
+		return [new u({
+			key: ne,
+			state: {
+				init: (e, { doc: t }) => k(t),
+				apply: (e, t) => e.docChanged ? k(e.doc) : t
+			},
+			props: {
+				decorations: (e) => ne.getState(e),
+				handleClick: (e, t, n) => {
+					let r = n.target.closest?.("a.le-cite");
+					return !r || e.editable && !n.ctrlKey && !n.metaKey ? !1 : (window.open(r.getAttribute("href"), "_blank", "noopener,noreferrer"), !0);
+				}
+			}
+		})];
+	}
+});
+//#endregion
+//#region src/fees.ts
+function j(e, t = {}) {
+	if (!(e > 0)) return 0;
+	let [n, r] = e < 1e7 ? [50, 0] : e < 1e8 ? [45, 5e3] : e < 1e9 ? [40, 55e3] : [35, 555e3], i = e * n + r * 1e4;
+	return t.electronic ? i < 1e7 ? 900 : Math.floor(i * 9 / 1e7) * 100 : i < 1e7 ? 1e3 : Math.floor(i / 1e6) * 100;
+}
+var M = {
+	소액: 10,
+	단독: 15,
+	합의: 15,
+	항소: 12,
+	상고: 8,
+	조정: 5
+}, N = 5500;
+function P({ parties: e, procedure: t, unitFee: n = N }) {
+	return e * M[t] * n;
+}
+var re = 3e7, F = (e) => `${e.toLocaleString("ko-KR")}원`, ie = (e = "") => Number(e.replace(/[^\d]/g, "")) || 0;
+function I(e, t, n = {}) {
+	let r = e.find((e) => /^(소가|소송목적의\s*값)/.test(e)), i = r ? ie(t[r]) : 0;
+	if (!i) return t;
+	let a = F(j(i, n)), o = F(P({
+		parties: n.parties ?? 2,
+		procedure: i <= 3e7 ? "소액" : "단독",
+		unitFee: n.unitFee
+	})), s = { ...t };
+	for (let n of e) t[n]?.trim() || (/^인지(액|대)/.test(n) ? s[n] = a : /^송달료/.test(n) && (s[n] = o));
+	return s;
+}
+//#endregion
+//#region src/amount.ts
+var ae = "영일이삼사오육칠팔구", oe = [
+	"천",
+	"백",
+	"십",
+	""
+], se = [
+	"",
+	"만",
+	"억",
+	"조",
+	"경"
+];
+function L(e) {
+	if (!Number.isSafeInteger(e)) throw RangeError(`금액은 정수여야 해요: ${e}`);
+	if (e === 0) return "영";
+	if (e < 0) return `마이너스 ${L(-e)}`;
+	let t = "", n = String(e).padStart(Math.ceil(String(e).length / 4) * 4, "0");
+	for (let e = 0; e < n.length / 4; e++) {
+		let r = n.slice(e * 4, e * 4 + 4);
+		if (r !== "0000") {
+			for (let e = 0; e < 4; e++) r[e] !== "0" && (t += ae[+r[e]] + oe[e]);
+			t += se[n.length / 4 - 1 - e];
+		}
+	}
+	return t;
+}
+var R = (e) => Number(e.replace(/[^\d]/g, "")) || 0;
+function z(e, t = "소장") {
+	let n = e.toLocaleString("ko-KR");
+	return t === "소장" ? `금 ${n}원` : `금 ${L(e)} 원정(₩${n})`;
+}
+//#endregion
+//#region src/io.ts
+var ce = (e) => e < 20 ? String.fromCharCode(9312 + e) : `${e + 1}.`, B = "가나다라마바사아자차카타파하", V = (e) => {
 	let t = "";
-	for (; e > 0; e = Math.floor(e / 14)) t = v[--e % 14] + t;
+	for (; e > 0; e = Math.floor(e / 14)) t = B[--e % 14] + t;
 	return t;
-}, b = (e, t) => [
+}, le = (e, t) => [
 	`${t}.`,
-	`${y(t)}.`,
+	`${V(t)}.`,
 	`(${t})`,
-	`(${y(t)})`
+	`(${V(t)})`
 ][e - 1];
-function x(e, t) {
+function H(e, t) {
 	let n = [], r = 0, i = (e = []) => e.map((e) => {
 		if (e.type === "hardBreak") return {
 			text: "",
@@ -133,7 +248,7 @@ function x(e, t) {
 		bold: !0
 	})), o = (e, t) => e.content?.forEach((r, a) => r.content?.forEach((r, s) => {
 		if (r.type === "orderedList" || r.type === "bulletList") return o(r, t + 1);
-		let c = a + (e.attrs?.start ?? 1), l = s > 0 ? "" : e.type === "bulletList" ? "•" : t === 0 ? _(c - 1) : `${c}.`;
+		let c = a + (e.attrs?.start ?? 1), l = s > 0 ? "" : e.type === "bulletList" ? "•" : t === 0 ? ce(c - 1) : `${c}.`;
 		n.push({
 			kind: "para",
 			label: l,
@@ -166,7 +281,7 @@ function x(e, t) {
 				runs: a(i(t.content))
 			}) : t.type === "orderedList" || t.type === "bulletList" ? o(t, 0) : l ? (s[l]++, s.fill(0, l + 1), n.push({
 				kind: "para",
-				label: b(l, s[l]),
+				label: le(l, s[l]),
 				depth: l,
 				runs: i(t.content)
 			})) : t.type === "paragraph" ? n.push({
@@ -189,29 +304,29 @@ function x(e, t) {
 	};
 	return c(e.content), n;
 }
-var S = (e) => e.replace(/[&<>"]/g, (e) => `&#${e.charCodeAt(0)};`), C = (e) => e.map((e) => {
+var ue = (e) => e.replace(/[&<>"]/g, (e) => `&#${e.charCodeAt(0)};`), U = (e) => e.map((e) => {
 	if (e.br) return "<br>";
-	let t = S(e.text);
+	let t = ue(e.text);
 	return e.bold && (t = `<b>${t}</b>`), e.italics && (t = `<i>${t}</i>`), e.underline && (t = `<u>${t}</u>`), e.strike && (t = `<s>${t}</s>`), t;
 }).join("");
-function w(e, t) {
-	return x(e, t).map((e) => {
+function W(e, t) {
+	return H(e, t).map((e) => {
 		if (e.kind === "table") {
-			let t = (e) => `<td${e.colspan > 1 ? ` colspan="${e.colspan}"` : ""}${e.rowspan > 1 ? ` rowspan="${e.rowspan}"` : ""}>${C(e.runs)}</td>`;
+			let t = (e) => `<td${e.colspan > 1 ? ` colspan="${e.colspan}"` : ""}${e.rowspan > 1 ? ` rowspan="${e.rowspan}"` : ""}>${U(e.runs)}</td>`;
 			return `<table>${e.rows.map((e) => `<tr>${e.map(t).join("")}</tr>`).join("")}</table>`;
 		}
-		let t = (e.label ? e.kind === "article" ? `<b>${e.label}</b> ` : `${e.label} ` : "") + C(e.runs);
+		let t = (e.label ? e.kind === "article" ? `<b>${e.label}</b> ` : `${e.label} ` : "") + U(e.runs);
 		if (e.kind === "title") return `<h1>${t}</h1>`;
 		if (e.kind === "section") return `<h3>${t}</h3>`;
 		let n = e.label ? e.depth - 1 : e.depth;
 		return n > 0 ? `<p style="margin-left:${n * 2}em">${t}</p>` : `<p>${t}</p>`;
 	}).join("\n");
 }
-function T(e, t) {
-	for (let n of x(e, t)) if (n.kind === "title") return n.runs.map((e) => e.text).join("").trim() || "문서";
+function G(e, t) {
+	for (let n of H(e, t)) if (n.kind === "title") return n.runs.map((e) => e.text).join("").trim() || "문서";
 	return "문서";
 }
-async function E(e, t) {
+async function K(e, t) {
 	let { AlignmentType: n, Document: r, HeadingLevel: i, Packer: a, Paragraph: o, Table: s, TableCell: c, TableRow: l, TextRun: u, WidthType: d } = await import("docx"), f = (e) => new u({
 		text: e.text,
 		break: e.br ? 1 : void 0,
@@ -219,7 +334,7 @@ async function E(e, t) {
 		italics: e.italics,
 		strike: e.strike,
 		underline: e.underline ? {} : void 0
-	}), p = x(e, t).map((e) => e.kind === "table" ? new s({
+	}), p = H(e, t).map((e) => e.kind === "table" ? new s({
 		width: {
 			size: 100,
 			type: d.PERCENTAGE
@@ -243,7 +358,7 @@ async function E(e, t) {
 		})] : [], ...e.runs.map(f)]
 	}));
 	return a.toBlob(new r({
-		title: T(e, t),
+		title: G(e, t),
 		styles: {
 			default: { document: { run: {
 				font: "바탕",
@@ -268,18 +383,18 @@ async function E(e, t) {
 		sections: [{ children: p }]
 	}));
 }
-async function D(e, t) {
-	let { htmlToHwpx: n } = await import("hwp-convert"), r = await n(w(e, t), { title: T(e, t) });
+async function q(e, t) {
+	let { htmlToHwpx: n } = await import("hwp-convert"), r = await n(W(e, t), { title: G(e, t) });
 	return new Blob([r], { type: "application/hwp+zip" });
 }
-var O = /^\s*제\s*\d+\s*조(?:의\s*\d+)?\s*/, k = /^\s*[①-⑳]\s*/, A = /^\s*(\d+)\.\s*/, j = /^(청구취지|청구원인|신청취지|신청이유|고소취지|고소이유|고발취지|고발이유|입증방법|증명방법|증거방법|증거서류|첨부서류|당사자관계|사건개요)$/, M = (e) => e.length <= 20 && (/^[가-힣](\s+[가-힣]){3,7}$/.test(e) || j.test(e.replace(/\s/g, ""))), N = /\[\s*([^[\]{}<>"\d=]{1,20}?)\s*\]/g, P = [
+var J = /^\s*제\s*\d+\s*조(?:의\s*\d+)?\s*/, Y = /^\s*[①-⑳]\s*/, X = /^\s*(\d+)\.\s*/, de = /^(청구취지|청구원인|신청취지|신청이유|고소취지|고소이유|고발취지|고발이유|입증방법|증명방법|증거방법|증거서류|첨부서류|당사자관계|사건개요|고소인|피고소인|범죄사실|증거자료|관련사건의수사및재판여부|기타)$/, fe = (e) => e.length <= 20 && (/^[가-힣](\s+[가-힣]){3,7}$/.test(e) || de.test(e.replace(/\s/g, ""))), pe = /\[\s*([^[\]{}<>"\d=]{1,20}?)\s*\]/g, me = [
 	[/^\s*(\d{1,2})\.(?!\d)\s*/, Number],
-	[/^\s*([가나다라마바사아자차카타파하])\.\s*/, (e) => v.indexOf(e) + 1],
+	[/^\s*([가나다라마바사아자차카타파하])\.\s*/, (e) => B.indexOf(e) + 1],
 	[/^\s*\((\d{1,2})\)\s*/, Number],
-	[/^\s*\(([가나다라마바사아자차카타파하])\)\s*/, (e) => v.indexOf(e) + 1]
+	[/^\s*\(([가나다라마바사아자차카타파하])\)\s*/, (e) => B.indexOf(e) + 1]
 ];
-function F(e) {
-	for (let [t, [n, r]] of P.entries()) {
+function he(e) {
+	for (let [t, [n, r]] of me.entries()) {
 		let i = e.match(n);
 		if (i) return {
 			level: t + 1,
@@ -289,23 +404,23 @@ function F(e) {
 	}
 	return null;
 }
-function I(e, t) {
+function Z(e, t) {
 	let n = typeof t == "number" ? t : e.textContent.match(t)[0].length, r = e.ownerDocument.createTreeWalker(e, NodeFilter.SHOW_TEXT);
 	for (let e = r.nextNode(); e && n > 0; e = r.nextNode()) {
 		let t = Math.min(n, e.data.length);
 		e.data = e.data.slice(t), n -= t;
 	}
 }
-function L(e) {
+function Q(e) {
 	let t = new DOMParser().parseFromString(e, "text/html");
 	for (let e of [...t.body.children]) e.tagName === "P" && !e.textContent.trim() && !e.querySelector("img") && e.remove();
 	let n = t.createTreeWalker(t.body, NodeFilter.SHOW_TEXT);
 	for (let e = n.nextNode(); e; e = n.nextNode()) {
 		let t = e.parentElement?.closest("p,li,td,th,h1,h2,h3")?.textContent?.trim();
-		e.data = e.data.replace(N, (e, n) => e.trim() === t ? e : `{{${n.trim()}}}`);
+		e.data = e.data.replace(pe, (e, n) => e.trim() === t ? e : `{{${n.trim()}}}`);
 	}
 	let r = t.body.firstElementChild, i = r?.textContent.trim() ?? "";
-	if (!t.querySelector("h1") && r?.tagName === "P" && i.length <= 30 && !/[.다]$/.test(i) && !O.test(i)) {
+	if (!t.querySelector("h1") && r?.tagName === "P" && i.length <= 30 && !/[.다]$/.test(i) && !J.test(i)) {
 		let e = t.createElement("h1");
 		e.textContent = i, r.replaceWith(e);
 	}
@@ -324,62 +439,62 @@ function L(e) {
 	];
 	for (let e of [...t.body.children]) {
 		let n = e.textContent ?? "", r = n.replace(/\s+/g, " ").trim();
-		if (e.tagName === "P" && M(r)) {
+		if (e.tagName === "P" && fe(r)) {
 			let n = t.createElement("h3");
 			n.textContent = r, e.replaceWith(n), a = null, o.fill(0), s.fill(0);
-		} else if (e.tagName === "P" && O.test(n)) {
+		} else if (e.tagName === "P" && J.test(n)) {
 			let n = t.createElement("h2");
-			n.innerHTML = e.innerHTML, I(n, O), e.replaceWith(n), a = null, o.fill(0), s.fill(0);
-		} else if (e.tagName === "P" && k.test(n)) {
+			n.innerHTML = e.innerHTML, Z(n, J), e.replaceWith(n), a = null, o.fill(0), s.fill(0);
+		} else if (e.tagName === "P" && Y.test(n)) {
 			let r = n.trim().charCodeAt(0) - 9311;
-			(!a || a.children.length + Number(a.getAttribute("start") ?? 1) !== r) && (e.before(a = t.createElement("ol")), r > 1 && a.setAttribute("start", String(r))), I(e, k);
+			(!a || a.children.length + Number(a.getAttribute("start") ?? 1) !== r) && (e.before(a = t.createElement("ol")), r > 1 && a.setAttribute("start", String(r))), Z(e, Y);
 			let i = t.createElement("li");
 			i.append(e), a.append(i);
-		} else if (e.tagName === "P" && a && A.test(n) && Number(n.match(A)[1]) === (a.lastElementChild.querySelector(":scope > ol")?.children.length ?? 0) + 1) {
+		} else if (e.tagName === "P" && a && X.test(n) && Number(n.match(X)[1]) === (a.lastElementChild.querySelector(":scope > ol")?.children.length ?? 0) + 1) {
 			let n = a.lastElementChild, r = n.querySelector(":scope > ol") ?? n.appendChild(t.createElement("ol"));
-			I(e, A);
+			Z(e, X);
 			let i = t.createElement("li");
 			i.append(e), r.append(i);
 		} else {
 			a = null;
-			let t = e.tagName === "P" ? F(n) : null;
+			let t = e.tagName === "P" ? he(n) : null;
 			if (!t) continue;
-			s[t.level] && t.n === s[t.level] + 1 ? s[t.level]++ : t.n === o[t.level] + 1 ? (o[t.level]++, o.fill(0, t.level + 1), s.fill(0), I(e, t.length), e.setAttribute("data-num", String(t.level))) : s[t.level] = +(t.n === 1);
+			s[t.level] && t.n === s[t.level] + 1 ? s[t.level]++ : t.n === o[t.level] + 1 ? (o[t.level]++, o.fill(0, t.level + 1), s.fill(0), Z(e, t.length), e.setAttribute("data-num", String(t.level))) : s[t.level] = +(t.n === 1);
 		}
 	}
 	return t.body.innerHTML;
 }
-async function R(e) {
+async function ge(e) {
 	let { default: t } = await import("mammoth"), { value: n } = await t.convertToHtml({ arrayBuffer: await e.arrayBuffer() });
-	return L(n);
+	return Q(n);
 }
-async function z(e) {
+async function $(e) {
 	let { detectFormat: t, hwpToHwpx: n, HwpxReader: r } = await import("hwp-convert"), i = new Uint8Array(await e.arrayBuffer());
 	t(i) === "hwp" && (i = new Uint8Array(await n(i)));
 	let a = new r();
-	return await a.loadFromArrayBuffer(i.buffer), L(await a.extractHtml());
+	return await a.loadFromArrayBuffer(i.buffer), Q(await a.extractHtml());
 }
-function B(e) {
-	return /\.docx$/i.test(e.name) ? R(e) : /\.hwpx?$/i.test(e.name) ? z(e) : Promise.reject(/* @__PURE__ */ Error(".docx, .hwp, .hwpx 파일만 열 수 있어요"));
+function _e(e) {
+	return /\.docx$/i.test(e.name) ? ge(e) : /\.hwpx?$/i.test(e.name) ? $(e) : Promise.reject(/* @__PURE__ */ Error(".docx, .hwp, .hwpx 파일만 열 수 있어요"));
 }
 //#endregion
 //#region src/LegalEditor.tsx
-function V(e) {
+function ve(e) {
 	let t = /* @__PURE__ */ new Set();
 	return e.state.doc.descendants((e) => {
 		e.type.name === "variable" && t.add(e.attrs.name);
 	}), [...t];
 }
-function H() {
+function ye() {
 	let e = document.documentElement;
 	e.classList.add("le-printing"), window.addEventListener("afterprint", () => e.classList.remove("le-printing"), { once: !0 }), window.print();
 }
-function U(e, t) {
+function be(e, t) {
 	let n = document.createElement("a");
 	n.href = URL.createObjectURL(e), n.download = t, n.click(), setTimeout(() => URL.revokeObjectURL(n.href), 1e3);
 }
-function W({ content: o = "", values: s = {}, onChange: c, onValuesChange: l, editable: m = !0 }) {
-	let [h, _] = t(s), [v, y] = t([]), b = r({
+function xe({ content: o = "", values: s = {}, onChange: c, onValuesChange: l, editable: u = !0, autoFees: d }) {
+	let [f, p] = t(s), [_, v] = t([]), b = d ? I(_, f, d === !0 ? {} : d) : f, x = r({
 		extensions: [
 			i.configure({ heading: { levels: [
 				1,
@@ -387,64 +502,71 @@ function W({ content: o = "", values: s = {}, onChange: c, onValuesChange: l, ed
 				3
 			] } }),
 			a,
-			f,
-			g
+			ee,
+			y,
+			A
 		],
-		content: p(o),
-		editable: m,
+		content: g(o),
+		editable: u,
 		immediatelyRender: !1,
 		editorProps: { attributes: { class: "legal-doc" } },
-		onCreate: ({ editor: e }) => y(V(e)),
+		onCreate: ({ editor: e }) => v(ve(e)),
 		onUpdate: ({ editor: e }) => {
-			y(V(e)), c?.(e.getHTML());
+			v(ve(e)), c?.(e.getHTML());
 		}
 	});
 	e(() => {
-		b && (b.storage.variable.values = h, b.storage.variable.views.forEach((e) => e()));
-	}, [b, h]);
-	let x = (e, t) => {
+		x && (x.storage.variable.values = b, x.storage.variable.views.forEach((e) => e()));
+	}, [x, b]);
+	let S = (e, t) => {
 		let n = {
-			...h,
+			...f,
 			[e]: t
 		};
-		_(n), l?.(n);
-	}, S = () => {
+		p(n), l?.(n);
+	}, C = () => {
 		let e = window.prompt("변수 이름 (예: 갑, 계약일)")?.replace(/[{}<>"]/g, "").trim();
-		e && b?.chain().focus().insertContent({
+		e && x?.chain().focus().insertContent({
 			type: "variable",
 			attrs: { name: e }
 		}).run();
-	}, C = async (e) => {
+	}, w = async (e) => {
 		let t = e.target.files?.[0];
-		if (e.target.value = "", t && b) try {
-			b.commands.setContent(p(await B(t)), { emitUpdate: !0 });
+		if (e.target.value = "", t && x) try {
+			x.commands.setContent(g(await _e(t)), { emitUpdate: !0 });
 		} catch (e) {
 			window.alert(`파일을 열 수 없어요: ${e.message}`);
 		}
-	}, w = async (e, t) => {
-		let n = b.state.doc.firstChild?.textContent.trim() || "문서";
-		U(await e(b.getJSON(), h), `${n}.${t}`);
-	}, T = () => b.chain().focus(), O = (e) => T().setNumbering(b.getAttributes("paragraph").num === e ? null : e).run();
-	return /* @__PURE__ */ d("div", {
+	}, T = async (e, t) => {
+		let n = x.state.doc.firstChild?.textContent.trim() || "문서";
+		be(await e(x.getJSON(), b), `${n}.${t}`);
+	}, E = () => x.chain().focus(), D = (e) => E().setNumbering(x.getAttributes("paragraph").num === e ? null : e).run(), O = (e) => {
+		let { from: t, to: n } = x.state.selection, r = R(x.state.doc.textBetween(t, n));
+		r && E().insertContentAt({
+			from: t,
+			to: n
+		}, z(r, e)).run();
+	};
+	return /* @__PURE__ */ h("div", {
 		className: "le-root",
-		children: [/* @__PURE__ */ d("div", {
+		children: [/* @__PURE__ */ h("div", {
 			className: "le-main",
-			children: [m && b && /* @__PURE__ */ d("div", {
+			children: [u && x && /* @__PURE__ */ h("div", {
 				className: "le-toolbar",
 				children: [
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => T().toggleHeading({ level: 1 }).run(),
+						onClick: () => E().toggleHeading({ level: 1 }).run(),
 						children: "제목"
 					}),
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => T().toggleHeading({ level: 3 }).run(),
+						onClick: () => E().toggleHeading({ level: 3 }).run(),
 						children: "소제목"
 					}),
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => T().toggleHeading({ level: 2 }).run(),
+						onClick: () => E().toggleHeading({ level: 2 }).run(),
 						children: "조"
 					}),
 					[
@@ -452,78 +574,90 @@ function W({ content: o = "", values: s = {}, onChange: c, onValuesChange: l, ed
 						"가.",
 						"(1)",
 						"(가)"
-					].map((e, t) => /* @__PURE__ */ u("button", {
+					].map((e, t) => /* @__PURE__ */ m("button", {
 						type: "button",
 						title: "번호 문단 — Tab·Shift+Tab 단계 변경, 맨 앞 Backspace 해제",
-						onClick: () => O(t + 1),
+						onClick: () => D(t + 1),
 						children: e
 					}, e)),
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => T().toggleOrderedList().run(),
+						onClick: () => E().toggleOrderedList().run(),
 						children: "항"
 					}),
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => T().sinkListItem("listItem").run(),
+						onClick: () => E().sinkListItem("listItem").run(),
 						children: "호 →"
 					}),
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => T().liftListItem("listItem").run(),
+						onClick: () => E().liftListItem("listItem").run(),
 						children: "← 내어쓰기"
 					}),
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => T().toggleBold().run(),
-						children: /* @__PURE__ */ u("b", { children: "B" })
+						onClick: () => E().toggleBold().run(),
+						children: /* @__PURE__ */ m("b", { children: "B" })
 					}),
-					/* @__PURE__ */ d("button", {
+					/* @__PURE__ */ h("button", {
 						type: "button",
-						onClick: S,
+						onClick: C,
 						children: ["{{ }}", " 변수"]
 					}),
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => T().insertTable({
+						onClick: () => E().insertTable({
 							rows: 3,
 							cols: 3,
 							withHeaderRow: !1
 						}).run(),
 						children: "표"
 					}),
-					/* @__PURE__ */ u("span", { className: "le-spacer" }),
-					/* @__PURE__ */ d("label", {
+					/* @__PURE__ */ m("button", {
+						type: "button",
+						title: "선택한 금액 → 금 37,200,000원",
+						onClick: () => O("소장"),
+						children: "금액"
+					}),
+					/* @__PURE__ */ m("button", {
+						type: "button",
+						title: "선택한 금액 → 금 삼천칠백이십만 원정(₩37,200,000)",
+						onClick: () => O("계약서"),
+						children: "금액(한글)"
+					}),
+					/* @__PURE__ */ m("span", { className: "le-spacer" }),
+					/* @__PURE__ */ h("label", {
 						className: "le-btn",
-						children: ["열기", /* @__PURE__ */ u("input", {
+						children: ["열기", /* @__PURE__ */ m("input", {
 							type: "file",
 							accept: ".docx,.hwp,.hwpx",
 							hidden: !0,
-							onChange: C
+							onChange: w
 						})]
 					}),
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => w(E, "docx"),
+						onClick: () => T(K, "docx"),
 						children: "Word 저장"
 					}),
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => w(D, "hwpx"),
+						onClick: () => T(q, "hwpx"),
 						children: "한글 저장"
 					}),
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: H,
+						onClick: ye,
 						children: "인쇄 · PDF"
 					})
 				]
-			}), /* @__PURE__ */ u(n, { editor: b })]
-		}), /* @__PURE__ */ d("aside", {
+			}), /* @__PURE__ */ m(n, { editor: x })]
+		}), /* @__PURE__ */ h("aside", {
 			className: "le-panel",
 			children: [
-				/* @__PURE__ */ u("h3", { children: "입력값" }),
-				v.length === 0 && /* @__PURE__ */ d("p", {
+				/* @__PURE__ */ m("h3", { children: "입력값" }),
+				_.length === 0 && /* @__PURE__ */ h("p", {
 					className: "le-hint",
 					children: [
 						"본문에 ",
@@ -531,13 +665,42 @@ function W({ content: o = "", values: s = {}, onChange: c, onValuesChange: l, ed
 						"처럼 입력하면 변수가 생겨요."
 					]
 				}),
-				v.map((e) => /* @__PURE__ */ d("label", { children: [e, /* @__PURE__ */ u("input", {
-					value: h[e] ?? "",
-					onChange: (t) => x(e, t.target.value)
+				_.map((e) => /* @__PURE__ */ h("label", { children: [e, /* @__PURE__ */ m("input", {
+					value: f[e] ?? "",
+					placeholder: f[e] ? void 0 : b[e],
+					onChange: (t) => S(e, t.target.value)
 				})] }, e))
 			]
 		})]
 	});
 }
 //#endregion
-export { W as LegalEditor, g as Numbering, f as Variable, m as fillTemplate, R as fromDocx, B as fromFile, z as fromHwp, L as normalizeLegalHtml, p as toChips, E as toDocx, D as toHwpx, w as toPlainHtml };
+//#region src/templates.ts
+var Se = [
+	{
+		id: "complaint-loan",
+		title: "소장 (대여금)",
+		description: "빌려준 돈을 돌려받기 위한 민사 소장. 소가를 넣으면 인지액·송달료가 채워져요(autoFees)",
+		html: "\n<h1>소 장</h1>\n<p>원 고 {{원고 이름}}</p>\n<p>주소 {{원고 주소}}</p>\n<p>연락처 {{원고 연락처}}</p>\n<p>피 고 {{피고 이름}}</p>\n<p>주소 {{피고 주소}}</p>\n<p>연락처 {{피고 연락처}}</p>\n<p>대여금 청구의 소</p>\n<p>소가 {{소가}}</p>\n<p>인지액 {{인지액}}</p>\n<p>송달료 {{송달료}}</p>\n<h3>청 구 취 지</h3>\n<p data-num=\"1\">피고는 원고에게 {{청구금액}} 및 이에 대하여 {{변제기 다음 날}}부터 이 사건 소장 부본 송달일까지는 연 5%의, 그 다음 날부터 다 갚는 날까지는 연 12%의 각 비율로 계산한 돈을 지급하라.</p>\n<p data-num=\"1\">소송비용은 피고가 부담한다.</p>\n<p data-num=\"1\">제1항은 가집행할 수 있다.</p>\n<p>라는 판결을 구합니다.</p>\n<h3>청 구 원 인</h3>\n<p data-num=\"1\">당사자의 관계</p>\n<p>원고와 피고는 {{당사자 관계}} 사이입니다.</p>\n<p data-num=\"1\">돈을 빌려준 사실</p>\n<p>원고는 {{대여일}} 피고에게 {{청구금액}}을 변제기 {{변제기}}로 정하여 빌려주었습니다.</p>\n<p data-num=\"1\">피고가 갚지 않은 사실</p>\n<p>피고는 변제기가 지났는데도 원고의 여러 차례 요구에도 위 돈을 갚지 않고 있습니다.</p>\n<p data-num=\"1\">결론</p>\n<p>따라서 원고는 피고에게 위 대여금과 이에 대하여 변제기 다음 날부터 이 사건 소장 부본 송달일까지는 민법이 정한 연 5%의, 그 다음 날부터 다 갚는 날까지는 소송촉진 등에 관한 특례법이 정한 연 12%의 각 비율로 계산한 지연손해금의 지급을 구합니다.</p>\n<h3>입 증 방 법</h3>\n<p data-num=\"1\">갑 제1호증 차용증</p>\n<p data-num=\"1\">갑 제2호증 계좌이체 내역</p>\n<h3>첨 부 서 류</h3>\n<p data-num=\"1\">위 입증방법 각 1통</p>\n<p data-num=\"1\">소장 부본 1통</p>\n<p data-num=\"1\">송달료 납부서 1통</p>\n<p>{{작성일}}</p>\n<p>원고 {{원고 이름}} (서명 또는 날인)</p>\n<p>{{관할 법원}} 귀중</p>\n"
+	},
+	{
+		id: "criminal-complaint-fraud",
+		title: "고소장 (사기)",
+		description: "돈을 속아서 보낸 경우 수사기관에 내는 고소장. 경찰청 표준 고소장의 항목 순서",
+		html: "\n<h1>고 소 장</h1>\n<h3>고소인</h3>\n<p>성명 {{고소인 이름}}</p>\n<p>주민등록번호 {{고소인 주민등록번호}}</p>\n<p>주소 {{고소인 주소}}</p>\n<p>직업 {{고소인 직업}}</p>\n<p>전화 {{고소인 연락처}}</p>\n<h3>피고소인</h3>\n<p>성명 {{피고소인 이름}}</p>\n<p>주민등록번호 {{피고소인 주민등록번호}} (모르면 비워 둠)</p>\n<p>주소 {{피고소인 주소}}</p>\n<p>직업 {{피고소인 직업}}</p>\n<p>전화 {{피고소인 연락처}}</p>\n<p>기타사항 {{고소인과 피고소인의 관계}}</p>\n<h3>고 소 취 지</h3>\n<p>고소인은 피고소인을 사기죄(형법 제347조 제1항)로 고소하오니 처벌하여 주시기 바랍니다.</p>\n<h3>범 죄 사 실</h3>\n<p>피고소인은 {{범행 일시}} {{범행 장소}}에서 고소인에게 {{거짓말한 내용}}이라고 거짓말하여, 이에 속은 고소인으로부터 {{피해 금액}}을 {{받은 방법}}으로 받아 편취하였습니다.</p>\n<h3>고 소 이 유</h3>\n<p data-num=\"1\">고소인과 피고소인의 관계</p>\n<p>{{관계와 알게 된 경위}}</p>\n<p data-num=\"1\">범행 경위</p>\n<p>{{범행 경위}}</p>\n<p data-num=\"1\">피해 상황과 고소에 이르게 된 이유</p>\n<p>{{피해 상황}}</p>\n<h3>증 거 자 료</h3>\n<p data-num=\"1\">{{증거 1}}</p>\n<p data-num=\"1\">{{증거 2}}</p>\n<p>증거가 많으면 내용을 별지에 구체적으로 적고, 증거서류·증거물은 고소장을 낼 때 함께 제출합니다.</p>\n<h3>관련 사건의 수사 및 재판 여부</h3>\n<p>중복 고소 여부: {{있음 또는 없음}}</p>\n<p>관련 형사사건 수사 유무: {{수사 중 또는 없음}}</p>\n<p>관련 민사소송 유무: {{진행 중 또는 없음}}</p>\n<h3>기타</h3>\n<p>이 고소장에 적은 내용은 고소인이 알고 있는 지식과 경험을 바탕으로 모두 사실대로 작성하였으며, 만일 허위 사실을 고소하였을 때에는 형법 제156조 무고죄로 처벌받을 것임을 서약합니다.</p>\n<p>{{작성일}}</p>\n<p>고소인 {{고소인 이름}} (인)</p>\n<p>{{경찰서}} 귀중</p>\n"
+	},
+	{
+		id: "certified-letter",
+		title: "내용증명",
+		description: "돈을 돌려달라고 요구하는 내용증명 우편. 소송 전에 요구 사실을 남겨 둘 때",
+		html: "\n<h1>내 용 증 명</h1>\n<p>발신인 {{발신인 이름}}</p>\n<p>주소 {{발신인 주소}}</p>\n<p>수신인 {{수신인 이름}}</p>\n<p>주소 {{수신인 주소}}</p>\n<p>제목 {{제목}}</p>\n<p data-num=\"1\">귀하의 건승을 기원합니다.</p>\n<p data-num=\"1\">발신인은 {{지급일}} 수신인에게 {{금액}}을 {{지급 이유}}(으)로 지급하였고, 수신인은 이를 {{돌려주기로 한 날}}까지 돌려주기로 약속하였습니다.</p>\n<p data-num=\"1\">그러나 수신인은 약속한 날이 지났는데도 위 돈을 돌려주지 않고 있습니다.</p>\n<p data-num=\"1\">이에 발신인은 수신인에게 {{이행 기한}}까지 {{금액}}을 아래 계좌로 지급할 것을 요구합니다.</p>\n<p>계좌 {{은행}} {{계좌번호}} (예금주 {{예금주}})</p>\n<p data-num=\"1\">위 기한까지 지급하지 않으면 별도 통지 없이 민사소송 등 법적 절차를 진행할 예정이며, 그에 따른 비용과 지연손해금도 함께 청구할 것임을 알려드립니다.</p>\n<p>{{작성일}}</p>\n<p>발신인 {{발신인 이름}} (인)</p>\n"
+	},
+	{
+		id: "payment-order",
+		title: "지급명령 신청서",
+		description: "재판 없이 법원의 지급명령을 받는 독촉절차 신청서. 인지대는 소장의 10분의 1, 송달료는 당사자 수 × 6회분",
+		html: "\n<h1>지 급 명 령 신 청 서</h1>\n<p>채 권 자 {{채권자 이름}}</p>\n<p>주소 {{채권자 주소}}</p>\n<p>연락처 {{채권자 연락처}}</p>\n<p>채 무 자 {{채무자 이름}}</p>\n<p>주소 {{채무자 주소}}</p>\n<p>대여금 청구 독촉사건</p>\n<p>청구금액 {{청구금액}}</p>\n<h3>신 청 취 지</h3>\n<p>채무자는 채권자에게 아래 청구금액 및 독촉절차비용을 지급하라는 명령을 구합니다.</p>\n<p data-num=\"1\">{{청구금액}}</p>\n<p data-num=\"1\">위 금액에 대하여 {{변제기 다음 날}}부터 이 사건 지급명령정본을 송달받은 날까지는 연 5%의, 그 다음 날부터 다 갚는 날까지는 연 12%의 각 비율로 계산한 돈</p>\n<p data-num=\"1\">독촉절차비용 {{독촉절차비용}} (인지대 {{독촉절차 인지대}}, 송달료 {{독촉절차 송달료}})</p>\n<h3>신 청 이 유</h3>\n<p data-num=\"1\">채권자는 {{대여일}} 채무자에게 {{청구금액}}을 변제기 {{변제기}}로 정하여 빌려주었습니다.</p>\n<p data-num=\"1\">그러나 채무자는 변제기가 지났는데도 위 돈을 갚지 않고 있습니다.</p>\n<p data-num=\"1\">따라서 채권자는 채무자에게 위 청구금액과 지연손해금 및 독촉절차비용의 지급을 구하기 위하여 이 신청에 이르렀습니다.</p>\n<h3>첨 부 서 류</h3>\n<p data-num=\"1\">차용증 사본 1통</p>\n<p data-num=\"1\">송달료 납부서 1통</p>\n<p>{{작성일}}</p>\n<p>채권자 {{채권자 이름}} (서명 또는 날인)</p>\n<p>{{관할 법원}} 귀중</p>\n"
+	}
+];
+//#endregion
+export { A as CitationLink, xe as LegalEditor, y as Numbering, M as SERVICE_ROUNDS, N as SERVICE_UNIT_FEE, re as SMALL_CLAIM_LIMIT, ee as Variable, P as calcServiceFee, j as calcStampFee, _ as fillTemplate, te as findCitations, z as formatAmount, ge as fromDocx, _e as fromFile, $ as fromHwp, Q as normalizeLegalHtml, R as parseAmount, Se as templates, g as toChips, K as toDocx, q as toHwpx, L as toKoreanAmount, W as toPlainHtml, I as withCourtFees };

package/dist/style.css

@@ -1,2 +1,2 @@
-@counter-style le-circled{system:fixed;symbols:"①" "②" "③" "④" "⑤" "⑥" "⑦" "⑧" "⑨" "⑩" "⑪" "⑫" "⑬" "⑭" "⑮" "⑯" "⑰" "⑱" "⑲" "⑳";suffix:" "}.legal-doc{counter-reset:le-article le-n1 le-n2 le-n3 le-n4;color:#111;background:#fff;outline:none;max-width:760px;margin:0 auto;padding:56px 64px;font-family:Noto Serif KR,Nanum Myeongjo,Batang,serif;font-size:15px;line-height:1.85}.legal-doc h1{text-align:center;letter-spacing:.25em;margin:0 0 1.6em;font-size:1.6em}.legal-doc h2{counter-increment:le-article;margin:1.6em 0 .3em;font-size:1em}.legal-doc h2:before{content:"제" counter(le-article) "조 "}.legal-doc p{margin:0 0 .4em}.legal-doc ol{margin:0 0 .4em;padding-left:1.8em;list-style:le-circled}.legal-doc ol ol{list-style:decimal}.legal-doc li p{margin:0}.legal-doc h3{text-align:center;letter-spacing:.3em;margin:1.8em 0 .8em;font-size:1.05em}.legal-doc>h1,.legal-doc>h2,.legal-doc>h3{counter-set:le-n1 le-n2 le-n3 le-n4}.legal-doc>p[data-num]{padding-left:calc(var(--le-num-indent,0em) + 2em);text-indent:-2em}.legal-doc>p[data-num]:before{text-indent:0;min-width:2em;display:inline-block}.legal-doc>p[data-num="1"]{counter-increment:le-n1;counter-set:le-n2 le-n3 le-n4}.legal-doc>p[data-num="2"]{counter-increment:le-n2;counter-set:le-n3 le-n4;--le-num-indent:1.2em}.legal-doc>p[data-num="3"]{counter-increment:le-n3;counter-set:le-n4;--le-num-indent:2.4em}.legal-doc>p[data-num="4"]{counter-increment:le-n4;--le-num-indent:3.6em}.legal-doc>p[data-num="1"]:before{content:counter(le-n1) "."}.legal-doc>p[data-num="2"]:before{content:counter(le-n2, hangul) "."}.legal-doc>p[data-num="3"]:before{content:"(" counter(le-n3) ")"}.legal-doc>p[data-num="4"]:before{content:"(" counter(le-n4, hangul) ")"}.legal-doc .tableWrapper{overflow-x:auto}.legal-doc table{border-collapse:collapse;width:100%;margin:.6em 0;font-size:.93em}.legal-doc td,.legal-doc th{vertical-align:top;border:1px solid #555;padding:3px 6px}.legal-doc td p,.legal-doc th p{margin:0}.legal-doc .selectedCell{background:#e5edff}.le-root{background:#eef0f3;grid-template-columns:minmax(0,1fr) 260px;gap:16px;padding:16px;font:14px/1.5 system-ui,sans-serif;display:grid}.le-main{min-width:0}.le-toolbar{z-index:1;background:#fff;border-radius:8px;flex-wrap:wrap;gap:4px;max-width:760px;margin:0 auto 8px;padding:6px;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #0001}.le-toolbar button,.le-toolbar .le-btn{cursor:pointer;font:inherit;background:#fff;border:1px solid #d0d4da;border-radius:6px;padding:4px 10px}.le-toolbar button:hover{background:#f3f5f8}.le-spacer{flex:1}.le-main .legal-doc{min-height:900px;box-shadow:0 1px 4px #0002}.le-var{color:#1d3f94;background:#e5edff;border-radius:3px;padding:0 3px}.le-var--empty{color:#8a5a00;background:#fff1c2}.le-panel{background:#fff;border-radius:8px;align-self:start;padding:14px;position:sticky;top:16px;box-shadow:0 1px 2px #0001}.le-panel h3{margin:0 0 10px;font-size:14px}.le-panel label{color:#444;gap:3px;margin-bottom:10px;font-size:13px;display:grid}.le-panel input{font:inherit;border:1px solid #d0d4da;border-radius:6px;padding:6px 8px}.le-hint{color:#777;margin:0;font-size:13px}@media (width<=800px){.le-root{grid-template-columns:1fr}.legal-doc{padding:32px 24px}}@media print{.le-printing body *{visibility:hidden}.le-printing .legal-doc,.le-printing .legal-doc *{visibility:visible}.le-printing .legal-doc{width:100%;max-width:none;box-shadow:none;padding:0;position:absolute;top:0;left:0}.le-printing .le-var{color:inherit;background:0 0;padding:0}.le-printing .le-var--empty{color:#0000;border-bottom:1px solid #000}}
+@counter-style le-circled{system:fixed;symbols:"①" "②" "③" "④" "⑤" "⑥" "⑦" "⑧" "⑨" "⑩" "⑪" "⑫" "⑬" "⑭" "⑮" "⑯" "⑰" "⑱" "⑲" "⑳";suffix:" "}.legal-doc{counter-reset:le-article le-n1 le-n2 le-n3 le-n4;color:#111;background:#fff;outline:none;max-width:760px;margin:0 auto;padding:56px 64px;font-family:Noto Serif KR,Nanum Myeongjo,Batang,serif;font-size:15px;line-height:1.85}.legal-doc h1{text-align:center;letter-spacing:.25em;margin:0 0 1.6em;font-size:1.6em}.legal-doc h2{counter-increment:le-article;margin:1.6em 0 .3em;font-size:1em}.legal-doc h2:before{content:"제" counter(le-article) "조 "}.legal-doc p{margin:0 0 .4em}.legal-doc ol{margin:0 0 .4em;padding-left:1.8em;list-style:le-circled}.legal-doc ol ol{list-style:decimal}.legal-doc li p{margin:0}.legal-doc h3{text-align:center;letter-spacing:.3em;margin:1.8em 0 .8em;font-size:1.05em}.legal-doc>h1,.legal-doc>h2,.legal-doc>h3{counter-set:le-n1 le-n2 le-n3 le-n4}.legal-doc>p[data-num]{padding-left:calc(var(--le-num-indent,0em) + 2em);text-indent:-2em}.legal-doc>p[data-num]:before{text-indent:0;min-width:2em;display:inline-block}.legal-doc>p[data-num="1"]{counter-increment:le-n1;counter-set:le-n2 le-n3 le-n4}.legal-doc>p[data-num="2"]{counter-increment:le-n2;counter-set:le-n3 le-n4;--le-num-indent:1.2em}.legal-doc>p[data-num="3"]{counter-increment:le-n3;counter-set:le-n4;--le-num-indent:2.4em}.legal-doc>p[data-num="4"]{counter-increment:le-n4;--le-num-indent:3.6em}.legal-doc>p[data-num="1"]:before{content:counter(le-n1) "."}.legal-doc>p[data-num="2"]:before{content:counter(le-n2, hangul) "."}.legal-doc>p[data-num="3"]:before{content:"(" counter(le-n3) ")"}.legal-doc>p[data-num="4"]:before{content:"(" counter(le-n4, hangul) ")"}.legal-doc .le-cite{color:inherit;text-underline-offset:3px;cursor:pointer;-webkit-text-decoration:underline dotted #3a56b4;text-decoration:underline dotted #3a56b4}.legal-doc .le-cite:hover{background:#eef2ff}.legal-doc .tableWrapper{overflow-x:auto}.legal-doc table{border-collapse:collapse;width:100%;margin:.6em 0;font-size:.93em}.legal-doc td,.legal-doc th{vertical-align:top;border:1px solid #555;padding:3px 6px}.legal-doc td p,.legal-doc th p{margin:0}.legal-doc .selectedCell{background:#e5edff}.le-root{background:#eef0f3;grid-template-columns:minmax(0,1fr) 260px;gap:16px;padding:16px;font:14px/1.5 system-ui,sans-serif;display:grid}.le-main{min-width:0}.le-toolbar{z-index:1;background:#fff;border-radius:8px;flex-wrap:wrap;gap:4px;max-width:760px;margin:0 auto 8px;padding:6px;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #0001}.le-toolbar button,.le-toolbar .le-btn{cursor:pointer;font:inherit;background:#fff;border:1px solid #d0d4da;border-radius:6px;padding:4px 10px}.le-toolbar button:hover{background:#f3f5f8}.le-spacer{flex:1}.le-main .legal-doc{min-height:900px;box-shadow:0 1px 4px #0002}.le-var{color:#1d3f94;background:#e5edff;border-radius:3px;padding:0 3px}.le-var--empty{color:#8a5a00;background:#fff1c2}.le-panel{background:#fff;border-radius:8px;align-self:start;padding:14px;position:sticky;top:16px;box-shadow:0 1px 2px #0001}.le-panel h3{margin:0 0 10px;font-size:14px}.le-panel label{color:#444;gap:3px;margin-bottom:10px;font-size:13px;display:grid}.le-panel input{font:inherit;border:1px solid #d0d4da;border-radius:6px;padding:6px 8px}.le-hint{color:#777;margin:0;font-size:13px}@media (width<=800px){.le-root{grid-template-columns:1fr}.legal-doc{padding:32px 24px}}@media print{.le-printing body *{visibility:hidden}.le-printing .legal-doc,.le-printing .legal-doc *{visibility:visible}.le-printing .legal-doc{width:100%;max-width:none;box-shadow:none;padding:0;position:absolute;top:0;left:0}.le-printing .le-var{color:inherit;background:0 0;padding:0}.le-printing .le-cite{background:0 0;text-decoration:none}.le-printing .le-var--empty{color:#0000;border-bottom:1px solid #000}}
 /*$vite$:1*/

package/dist/templates.d.ts

@@ -0,0 +1,7 @@
+export interface Template {
+    id: string;
+    title: string;
+    description: string;
+    html: string;
+}
+export declare const templates: Template[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "legal-doc-editor",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "법률문서(계약서·소장·고소장) 생성용 React 에디터 — 조항·번호 자동 매김, {{변수}} 채우기, 한글(hwp·hwpx)·Word(docx) 열기·저장",
   "license": "MIT",
   "repository": {
@@ -9,7 +9,20 @@
   },
   "homepage": "https://github.com/hwondev/legal-doc-editor#readme",
   "bugs": "https://github.com/hwondev/legal-doc-editor/issues",
-  "keywords": ["react", "editor", "legal", "contract", "korean", "hwp", "hwpx", "docx", "tiptap", "법률문서", "계약서", "소장"],
+  "keywords": [
+    "react",
+    "editor",
+    "legal",
+    "contract",
+    "korean",
+    "hwp",
+    "hwpx",
+    "docx",
+    "tiptap",
+    "법률문서",
+    "계약서",
+    "소장"
+  ],
   "type": "module",
   "files": [
     "dist"