required-doc 0.0.0 → 0.0.1

package/dist/index.js

@@ -7,103 +7,84 @@ var w = /* @__PURE__ */ l({
 	setup(e) {
 		return (e, t) => (m(), r(y(re)));
 	}
-}), T = [{
-	id: "pc",
-	label: "PC",
-	frame: "pc",
-	width: 1024
-}, {
-	id: "phone",
-	label: "Phone",
-	frame: "phone",
-	width: 360
-}], E = {
-	light: {
-		bg: "#f5f6f8",
-		font: "#1f2937"
-	},
-	dark: {
-		bg: "#131313",
-		font: "#f3f3f3"
-	}
-}, D = [], O = [], k = [], A = !0, j = T, M = E;
-function N(e) {
-	D = e.components, O = e.pages, k = e.colors, A = e.options?.showThemeToggle ?? !0, j = e.options?.devices && e.options.devices.length > 0 ? e.options.devices : T, M = e.options?.baseColors ?? E;
+}), T = [], E = [], D = [], O = !0, k = [], A;
+function j(e) {
+	T = e.components, E = e.pages, D = e.colors, O = e.options?.showThemeToggle ?? !0, k = e.options?.devices ?? [], A = e.options?.baseColors;
 }
 function ae() {
-	return A;
+	return O;
 }
 function oe() {
-	return j;
+	return k;
 }
 function se() {
-	return M;
+	return A;
 }
-function ce() {
-	return D;
+function M() {
+	return T;
 }
-function P() {
-	return O;
+function N() {
+	return E;
 }
-function F() {
-	return k;
+function P() {
+	return D;
 }
-function le(e, t) {
-	return [...D, ...O].find((n) => n.kind === e && n.name === t);
+function ce(e, t) {
+	return [...T, ...E].find((n) => n.kind === e && n.name === t);
 }
 //#endregion
 //#region src/lib/theme.ts
-var I = h(!1);
-ne(I, (e) => {
+var F = h(!1);
+ne(F, (e) => {
 	document.documentElement.classList.toggle("dark", e);
 }, { immediate: !0 });
-function ue() {
+function le() {
 	return {
-		isDark: I,
+		isDark: F,
 		toggle: () => {
-			I.value = !I.value;
+			F.value = !F.value;
 		}
 	};
 }
 //#endregion
 //#region src/catalog/CatalogView.vue?vue&type=script&setup=true&lang.ts
-var de = { class: "mx-auto min-h-screen max-w-3xl p-8" }, fe = { class: "mb-8 flex items-center" }, pe = { class: "mb-10" }, me = { class: "space-y-2" }, he = { class: "font-bold dark:text-gray-100" }, ge = { class: "ml-1 text-xs text-gray-400" }, _e = { class: "text-sm text-gray-500 dark:text-gray-400" }, ve = { class: "mb-10" }, ye = { class: "space-y-2" }, be = { class: "font-bold dark:text-gray-100" }, xe = { class: "ml-1 text-xs text-gray-400" }, Se = { class: "text-sm text-gray-500 dark:text-gray-400" }, Ce = { class: "mb-2 rounded-lg border border-gray-300 bg-white p-4 dark:border-gray-700 dark:bg-gray-800" }, we = { class: "space-y-2 text-sm" }, Te = { class: "flex gap-3" }, Ee = { class: "font-bold dark:text-gray-100" }, De = { class: "flex gap-3" }, Oe = { class: "flex-1" }, ke = { class: "space-y-1" }, Ae = { class: "space-y-2" }, je = "block rounded-lg border border-gray-300 bg-white p-4 transition hover:border-blue-500 dark:border-gray-700 dark:bg-gray-800 dark:hover:border-blue-400", Me = /* @__PURE__ */ l({
+var I = { class: "mx-auto min-h-screen max-w-3xl p-8" }, ue = { class: "mb-8 flex items-center" }, L = { class: "mb-10" }, de = { class: "space-y-2" }, fe = { class: "font-bold dark:text-gray-100" }, pe = { class: "ml-1 text-xs text-gray-400" }, me = { class: "text-sm text-gray-500 dark:text-gray-400" }, he = { class: "mb-10" }, ge = { class: "space-y-2" }, _e = { class: "font-bold dark:text-gray-100" }, ve = { class: "ml-1 text-xs text-gray-400" }, ye = { class: "text-sm text-gray-500 dark:text-gray-400" }, be = { class: "mb-2 rounded-lg border border-gray-300 bg-white p-4 dark:border-gray-700 dark:bg-gray-800" }, xe = { class: "space-y-2 text-sm" }, Se = { class: "flex gap-3" }, Ce = { class: "font-bold dark:text-gray-100" }, we = { class: "flex gap-3" }, Te = { class: "flex-1" }, Ee = { class: "space-y-1" }, De = { class: "space-y-2" }, Oe = "block rounded-lg border border-gray-300 bg-white p-4 transition hover:border-blue-500 dark:border-gray-700 dark:bg-gray-800 dark:hover:border-blue-400", ke = /* @__PURE__ */ l({
 	__name: "CatalogView",
 	setup(t) {
-		let { isDark: n, toggle: r } = ue(), l = ae(), u = oe(), f = ce(), p = P();
+		let { isDark: n, toggle: r } = le(), l = ae(), u = oe(), f = M(), p = N();
 		function ee(e) {
-			return `${e.width}px`;
+			return e.minWidth === e.maxWidth ? `${e.maxWidth}px` : `${e.minWidth}–${e.maxWidth}px`;
 		}
-		return (t, h) => (m(), a("div", de, [
-			o("div", fe, [h[1] ||= o("h1", { class: "text-2xl font-bold dark:text-gray-100" }, "要件書カタログ", -1), y(l) ? (m(), a("button", {
+		return (t, h) => (m(), a("div", I, [
+			o("div", ue, [h[1] ||= o("h1", { class: "text-2xl font-bold dark:text-gray-100" }, "要件書カタログ", -1), y(l) ? (m(), a("button", {
 				key: 0,
 				type: "button",
 				class: "ml-auto rounded-md border border-gray-300 px-3 py-1 text-xs font-bold text-gray-600 transition hover:bg-gray-100 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800",
 				onClick: h[0] ||= (...e) => y(r) && y(r)(...e)
 			}, v(y(n) ? "ライトモード" : "ダークモード"), 1)) : i("", !0)]),
-			o("section", pe, [h[2] ||= o("h2", { class: "mb-3 text-lg font-bold text-gray-700 dark:text-gray-300" }, "ページ", -1), o("ul", me, [(m(!0), a(e, null, g(y(p), (e) => (m(), a("li", { key: e.name }, [c(y(x), {
+			o("section", L, [h[2] ||= o("h2", { class: "mb-3 text-lg font-bold text-gray-700 dark:text-gray-300" }, "ページ", -1), o("ul", de, [(m(!0), a(e, null, g(y(p), (e) => (m(), a("li", { key: e.name }, [c(y(x), {
 				to: `/pages/${e.name}`,
-				class: d(je)
+				class: d(Oe)
 			}, {
-				default: b(() => [o("div", he, [s(v(e.title) + " ", 1), o("span", ge, "(" + v(e.latest) + ")", 1)]), o("div", _e, v(e.desc), 1)]),
+				default: b(() => [o("div", fe, [s(v(e.title) + " ", 1), o("span", pe, "(" + v(e.latest) + ")", 1)]), o("div", me, v(e.desc), 1)]),
 				_: 2
 			}, 1032, ["to"])]))), 128))])]),
-			o("section", ve, [h[3] ||= o("h2", { class: "mb-3 text-lg font-bold text-gray-700 dark:text-gray-300" }, "コンポーネント", -1), o("ul", ye, [(m(!0), a(e, null, g(y(f), (e) => (m(), a("li", { key: e.name }, [c(y(x), {
+			o("section", he, [h[3] ||= o("h2", { class: "mb-3 text-lg font-bold text-gray-700 dark:text-gray-300" }, "コンポーネント", -1), o("ul", ge, [(m(!0), a(e, null, g(y(f), (e) => (m(), a("li", { key: e.name }, [c(y(x), {
 				to: `/components/${e.name}`,
-				class: d(je)
+				class: d(Oe)
 			}, {
-				default: b(() => [o("div", be, [s(v(e.title) + " ", 1), o("span", xe, "(" + v(e.latest) + ")", 1)]), o("div", Se, v(e.desc), 1)]),
+				default: b(() => [o("div", _e, [s(v(e.title) + " ", 1), o("span", ve, "(" + v(e.latest) + ")", 1)]), o("div", ye, v(e.desc), 1)]),
 				_: 2
 			}, 1032, ["to"])]))), 128))])]),
 			o("section", null, [
 				h[8] ||= o("h2", { class: "mb-3 text-lg font-bold text-gray-700 dark:text-gray-300" }, "デザイン", -1),
-				o("div", Ce, [h[6] ||= o("div", { class: "mb-2 text-xs font-bold uppercase tracking-wide text-gray-400" }, "表示設定", -1), o("dl", we, [o("div", Te, [h[4] ||= o("dt", { class: "w-28 shrink-0 text-gray-500 dark:text-gray-400" }, "ダークモード切替", -1), o("dd", Ee, v(y(l) ? "表示" : "非表示"), 1)]), o("div", De, [h[5] ||= o("dt", { class: "w-28 shrink-0 text-gray-500 dark:text-gray-400" }, "端末", -1), o("dd", Oe, [o("ul", ke, [(m(!0), a(e, null, g(y(u), (e) => (m(), a("li", {
+				o("div", be, [h[6] ||= o("div", { class: "mb-2 text-xs font-bold uppercase tracking-wide text-gray-400" }, "表示設定", -1), o("dl", xe, [o("div", Se, [h[4] ||= o("dt", { class: "w-28 shrink-0 text-gray-500 dark:text-gray-400" }, "ダークモード切替", -1), o("dd", Ce, v(y(l) ? "表示" : "非表示"), 1)]), o("div", we, [h[5] ||= o("dt", { class: "w-28 shrink-0 text-gray-500 dark:text-gray-400" }, "端末", -1), o("dd", Te, [o("ul", Ee, [(m(!0), a(e, null, g(y(u), (e) => (m(), a("li", {
 					key: e.id,
 					class: "font-mono text-xs text-gray-700 dark:text-gray-200"
 				}, v(e.label) + "（" + v(e.frame) + "） / 幅: " + v(ee(e)), 1))), 128))])])])])]),
-				o("ul", Ae, [o("li", null, [c(y(x), {
+				o("ul", De, [o("li", null, [c(y(x), {
 					to: "/colors",
-					class: d(je)
+					class: d(Oe)
 				}, {
 					default: b(() => [...h[7] ||= [o("div", { class: "font-bold dark:text-gray-100" }, "カラー", -1), o("div", { class: "text-sm text-gray-500 dark:text-gray-400" }, "accentColor 等の色定義一覧", -1)]]),
 					_: 1
@@ -114,7 +95,7 @@ var de = { class: "mx-auto min-h-screen max-w-3xl p-8" }, fe = { class: "mb-8 fl
 });
 //#endregion
 //#region node_modules/marked/lib/marked.esm.js
-function Ne() {
+function Ae() {
 	return {
 		async: !1,
 		breaks: !1,
@@ -128,22 +109,22 @@ function Ne() {
 		walkTokens: null
 	};
 }
-var L = Ne();
-function Pe(e) {
-	L = e;
+var R = Ae();
+function je(e) {
+	R = e;
 }
-var R = { exec: () => null };
-function z(e, t = "") {
+var z = { exec: () => null };
+function B(e, t = "") {
 	let n = typeof e == "string" ? e : e.source, r = {
 		replace: (e, t) => {
 			let i = typeof t == "string" ? t : t.source;
-			return i = i.replace(B.caret, "$1"), n = n.replace(e, i), r;
+			return i = i.replace(V.caret, "$1"), n = n.replace(e, i), r;
 		},
 		getRegex: () => new RegExp(n, t)
 	};
 	return r;
 }
-var B = {
+var V = {
 	codeRemoveIndent: /^(?: {1,4}| {0,3}\t)/gm,
 	outputLinkReplace: /\\([\[\]])/g,
 	indentCodeCompensation: /^(\s+)(?:```)/,
@@ -200,111 +181,111 @@ var B = {
 	fencesBeginRegex: (e) => RegExp(`^ {0,${Math.min(3, e - 1)}}(?:\`\`\`|~~~)`),
 	headingBeginRegex: (e) => RegExp(`^ {0,${Math.min(3, e - 1)}}#`),
 	htmlBeginRegex: (e) => RegExp(`^ {0,${Math.min(3, e - 1)}}<(?:[a-z].*>|!--)`, "i")
-}, Fe = /^(?:[ \t]*(?:\n|$))+/, Ie = /^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/, Le = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/, V = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/, Re = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/, ze = /(?:[*+-]|\d{1,9}[.)])/, Be = /^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/, Ve = z(Be).replace(/bull/g, ze).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/\|table/g, "").getRegex(), He = z(Be).replace(/bull/g, ze).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/table/g, / {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex(), Ue = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/, We = /^[^\n]+/, Ge = /(?!\s*\])(?:\\.|[^\[\]\\])+/, Ke = z(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label", Ge).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(), qe = z(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g, ze).getRegex(), H = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul", Je = /<!--(?:-?>|[\s\S]*?(?:-->|$))/, Ye = z("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$))", "i").replace("comment", Je).replace("tag", H).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), Xe = z(Ue).replace("hr", V).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", H).getRegex(), Ze = {
-	blockquote: z(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", Xe).getRegex(),
-	code: Ie,
-	def: Ke,
-	fences: Le,
-	heading: Re,
-	hr: V,
-	html: Ye,
-	lheading: Ve,
-	list: qe,
-	newline: Fe,
-	paragraph: Xe,
-	table: R,
-	text: We
-}, Qe = z("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", V).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", "(?: {4}| {0,3}	)[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", H).getRegex(), $e = {
-	...Ze,
-	lheading: He,
-	table: Qe,
-	paragraph: z(Ue).replace("hr", V).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", Qe).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", H).getRegex()
-}, et = {
-	...Ze,
-	html: z("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment", Je).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),
+}, Me = /^(?:[ \t]*(?:\n|$))+/, Ne = /^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/, Pe = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/, H = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/, Fe = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/, Ie = /(?:[*+-]|\d{1,9}[.)])/, Le = /^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/, Re = B(Le).replace(/bull/g, Ie).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/\|table/g, "").getRegex(), ze = B(Le).replace(/bull/g, Ie).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/table/g, / {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex(), Be = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/, Ve = /^[^\n]+/, He = /(?!\s*\])(?:\\.|[^\[\]\\])+/, Ue = B(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label", He).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(), We = B(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g, Ie).getRegex(), U = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul", Ge = /<!--(?:-?>|[\s\S]*?(?:-->|$))/, Ke = B("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$))", "i").replace("comment", Ge).replace("tag", U).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), qe = B(Be).replace("hr", H).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", U).getRegex(), Je = {
+	blockquote: B(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", qe).getRegex(),
+	code: Ne,
+	def: Ue,
+	fences: Pe,
+	heading: Fe,
+	hr: H,
+	html: Ke,
+	lheading: Re,
+	list: We,
+	newline: Me,
+	paragraph: qe,
+	table: z,
+	text: Ve
+}, Ye = B("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", H).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", "(?: {4}| {0,3}	)[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", U).getRegex(), Xe = {
+	...Je,
+	lheading: ze,
+	table: Ye,
+	paragraph: B(Be).replace("hr", H).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", Ye).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", U).getRegex()
+}, Ze = {
+	...Je,
+	html: B("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment", Ge).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),
 	def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,
 	heading: /^(#{1,6})(.*)(?:\n+|$)/,
-	fences: R,
+	fences: z,
 	lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,
-	paragraph: z(Ue).replace("hr", V).replace("heading", " *#{1,6} *[^\n]").replace("lheading", Ve).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex()
-}, tt = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/, nt = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/, rt = /^( {2,}|\\)\n(?!\s*$)/, it = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/, U = /[\p{P}\p{S}]/u, at = /[\s\p{P}\p{S}]/u, ot = /[^\s\p{P}\p{S}]/u, st = z(/^((?![*_])punctSpace)/, "u").replace(/punctSpace/g, at).getRegex(), ct = /(?!~)[\p{P}\p{S}]/u, lt = /(?!~)[\s\p{P}\p{S}]/u, ut = /(?:[^\s\p{P}\p{S}]|~)/u, dt = /\[[^[\]]*?\]\((?:\\.|[^\\\(\)]|\((?:\\.|[^\\\(\)])*\))*\)|`[^`]*?`|<[^<>]*?>/g, ft = /^(?:\*+(?:((?!\*)punct)|[^\s*]))|^_+(?:((?!_)punct)|([^\s_]))/, pt = z(ft, "u").replace(/punct/g, U).getRegex(), mt = z(ft, "u").replace(/punct/g, ct).getRegex(), ht = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)", gt = z(ht, "gu").replace(/notPunctSpace/g, ot).replace(/punctSpace/g, at).replace(/punct/g, U).getRegex(), _t = z(ht, "gu").replace(/notPunctSpace/g, ut).replace(/punctSpace/g, lt).replace(/punct/g, ct).getRegex(), vt = z("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)", "gu").replace(/notPunctSpace/g, ot).replace(/punctSpace/g, at).replace(/punct/g, U).getRegex(), yt = z(/\\(punct)/, "gu").replace(/punct/g, U).getRegex(), bt = z(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(), xt = z(Je).replace("(?:-->|$)", "-->").getRegex(), St = z("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", xt).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(), W = /(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/, Ct = z(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]*(?:\n[ \t]*)?)(title))?\s*\)/).replace("label", W).replace("href", /<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]*/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(), wt = z(/^!?\[(label)\]\[(ref)\]/).replace("label", W).replace("ref", Ge).getRegex(), Tt = z(/^!?\[(ref)\](?:\[\])?/).replace("ref", Ge).getRegex(), Et = {
-	_backpedal: R,
-	anyPunctuation: yt,
-	autolink: bt,
-	blockSkip: dt,
-	br: rt,
-	code: nt,
-	del: R,
-	emStrongLDelim: pt,
-	emStrongRDelimAst: gt,
-	emStrongRDelimUnd: vt,
-	escape: tt,
-	link: Ct,
-	nolink: Tt,
-	punctuation: st,
-	reflink: wt,
-	reflinkSearch: z("reflink|nolink(?!\\()", "g").replace("reflink", wt).replace("nolink", Tt).getRegex(),
-	tag: St,
-	text: it,
-	url: R
-}, Dt = {
-	...Et,
-	link: z(/^!?\[(label)\]\((.*?)\)/).replace("label", W).getRegex(),
-	reflink: z(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", W).getRegex()
-}, Ot = {
-	...Et,
-	emStrongRDelimAst: _t,
-	emStrongLDelim: mt,
-	url: z(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/, "i").replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),
+	paragraph: B(Be).replace("hr", H).replace("heading", " *#{1,6} *[^\n]").replace("lheading", Re).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex()
+}, Qe = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/, $e = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/, et = /^( {2,}|\\)\n(?!\s*$)/, tt = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/, W = /[\p{P}\p{S}]/u, nt = /[\s\p{P}\p{S}]/u, rt = /[^\s\p{P}\p{S}]/u, it = B(/^((?![*_])punctSpace)/, "u").replace(/punctSpace/g, nt).getRegex(), at = /(?!~)[\p{P}\p{S}]/u, ot = /(?!~)[\s\p{P}\p{S}]/u, st = /(?:[^\s\p{P}\p{S}]|~)/u, ct = /\[[^[\]]*?\]\((?:\\.|[^\\\(\)]|\((?:\\.|[^\\\(\)])*\))*\)|`[^`]*?`|<[^<>]*?>/g, lt = /^(?:\*+(?:((?!\*)punct)|[^\s*]))|^_+(?:((?!_)punct)|([^\s_]))/, ut = B(lt, "u").replace(/punct/g, W).getRegex(), dt = B(lt, "u").replace(/punct/g, at).getRegex(), ft = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)", pt = B(ft, "gu").replace(/notPunctSpace/g, rt).replace(/punctSpace/g, nt).replace(/punct/g, W).getRegex(), mt = B(ft, "gu").replace(/notPunctSpace/g, st).replace(/punctSpace/g, ot).replace(/punct/g, at).getRegex(), ht = B("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)", "gu").replace(/notPunctSpace/g, rt).replace(/punctSpace/g, nt).replace(/punct/g, W).getRegex(), gt = B(/\\(punct)/, "gu").replace(/punct/g, W).getRegex(), _t = B(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(), vt = B(Ge).replace("(?:-->|$)", "-->").getRegex(), yt = B("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", vt).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(), G = /(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/, bt = B(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]*(?:\n[ \t]*)?)(title))?\s*\)/).replace("label", G).replace("href", /<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]*/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(), xt = B(/^!?\[(label)\]\[(ref)\]/).replace("label", G).replace("ref", He).getRegex(), St = B(/^!?\[(ref)\](?:\[\])?/).replace("ref", He).getRegex(), Ct = {
+	_backpedal: z,
+	anyPunctuation: gt,
+	autolink: _t,
+	blockSkip: ct,
+	br: et,
+	code: $e,
+	del: z,
+	emStrongLDelim: ut,
+	emStrongRDelimAst: pt,
+	emStrongRDelimUnd: ht,
+	escape: Qe,
+	link: bt,
+	nolink: St,
+	punctuation: it,
+	reflink: xt,
+	reflinkSearch: B("reflink|nolink(?!\\()", "g").replace("reflink", xt).replace("nolink", St).getRegex(),
+	tag: yt,
+	text: tt,
+	url: z
+}, wt = {
+	...Ct,
+	link: B(/^!?\[(label)\]\((.*?)\)/).replace("label", G).getRegex(),
+	reflink: B(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", G).getRegex()
+}, Tt = {
+	...Ct,
+	emStrongRDelimAst: mt,
+	emStrongLDelim: dt,
+	url: B(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/, "i").replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),
 	_backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,
 	del: /^(~~?)(?=[^\s~])((?:\\.|[^\\])*?(?:\\.|[^\s~\\]))\1(?=[^~]|$)/,
 	text: /^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/
-}, kt = {
-	...Ot,
-	br: z(rt).replace("{2,}", "*").getRegex(),
-	text: z(Ot.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex()
-}, G = {
-	normal: Ze,
-	gfm: $e,
-	pedantic: et
+}, Et = {
+	...Tt,
+	br: B(et).replace("{2,}", "*").getRegex(),
+	text: B(Tt.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex()
 }, K = {
-	normal: Et,
-	gfm: Ot,
-	breaks: kt,
-	pedantic: Dt
-}, At = {
+	normal: Je,
+	gfm: Xe,
+	pedantic: Ze
+}, q = {
+	normal: Ct,
+	gfm: Tt,
+	breaks: Et,
+	pedantic: wt
+}, Dt = {
 	"&": "&amp;",
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;",
 	"'": "&#39;"
-}, jt = (e) => At[e];
-function q(e, t) {
+}, Ot = (e) => Dt[e];
+function J(e, t) {
 	if (t) {
-		if (B.escapeTest.test(e)) return e.replace(B.escapeReplace, jt);
-	} else if (B.escapeTestNoEncode.test(e)) return e.replace(B.escapeReplaceNoEncode, jt);
+		if (V.escapeTest.test(e)) return e.replace(V.escapeReplace, Ot);
+	} else if (V.escapeTestNoEncode.test(e)) return e.replace(V.escapeReplaceNoEncode, Ot);
 	return e;
 }
-function Mt(e) {
+function kt(e) {
 	try {
-		e = encodeURI(e).replace(B.percentDecode, "%");
+		e = encodeURI(e).replace(V.percentDecode, "%");
 	} catch {
 		return null;
 	}
 	return e;
 }
-function Nt(e, t) {
-	let n = e.replace(B.findPipe, (e, t, n) => {
+function At(e, t) {
+	let n = e.replace(V.findPipe, (e, t, n) => {
 		let r = !1, i = t;
 		for (; --i >= 0 && n[i] === "\\";) r = !r;
 		return r ? "|" : " |";
-	}).split(B.splitPipe), r = 0;
+	}).split(V.splitPipe), r = 0;
 	if (n[0].trim() || n.shift(), n.length > 0 && !n.at(-1)?.trim() && n.pop(), t) if (n.length > t) n.splice(t);
 	else for (; n.length < t;) n.push("");
-	for (; r < n.length; r++) n[r] = n[r].trim().replace(B.slashPipe, "|");
+	for (; r < n.length; r++) n[r] = n[r].trim().replace(V.slashPipe, "|");
 	return n;
 }
-function J(e, t, n) {
+function Y(e, t, n) {
 	let r = e.length;
 	if (r === 0) return "";
 	let i = 0;
@@ -316,7 +297,7 @@ function J(e, t, n) {
 	}
 	return e.slice(0, r - i);
 }
-function Pt(e, t) {
+function jt(e, t) {
 	if (e.indexOf(t[1]) === -1) return -1;
 	let n = 0;
 	for (let r = 0; r < e.length; r++) if (e[r] === "\\") r++;
@@ -324,7 +305,7 @@ function Pt(e, t) {
 	else if (e[r] === t[1] && (n--, n < 0)) return r;
 	return n > 0 ? -2 : -1;
 }
-function Ft(e, t, n, r, i) {
+function Mt(e, t, n, r, i) {
 	let a = t.href, o = t.title || null, s = e[1].replace(i.other.outputLinkReplace, "$1");
 	r.state.inLink = !0;
 	let c = {
@@ -337,7 +318,7 @@ function Ft(e, t, n, r, i) {
 	};
 	return r.state.inLink = !1, c;
 }
-function It(e, t, n) {
+function Nt(e, t, n) {
 	let r = e.match(n.other.indentCodeCompensation);
 	if (r === null) return t;
 	let i = r[1];
@@ -348,12 +329,12 @@ function It(e, t, n) {
 		return r.length >= i.length ? e.slice(i.length) : e;
 	}).join("\n");
 }
-var Y = class {
+var Pt = class {
 	options;
 	rules;
 	lexer;
 	constructor(e) {
-		this.options = e || L;
+		this.options = e || R;
 	}
 	space(e) {
 		let t = this.rules.block.newline.exec(e);
@@ -370,14 +351,14 @@ var Y = class {
 				type: "code",
 				raw: t[0],
 				codeBlockStyle: "indented",
-				text: this.options.pedantic ? e : J(e, "\n")
+				text: this.options.pedantic ? e : Y(e, "\n")
 			};
 		}
 	}
 	fences(e) {
 		let t = this.rules.block.fences.exec(e);
 		if (t) {
-			let e = t[0], n = It(e, t[3] || "", this.rules);
+			let e = t[0], n = Nt(e, t[3] || "", this.rules);
 			return {
 				type: "code",
 				raw: e,
@@ -391,7 +372,7 @@ var Y = class {
 		if (t) {
 			let e = t[2].trim();
 			if (this.rules.other.endingHash.test(e)) {
-				let t = J(e, "#");
+				let t = Y(e, "#");
 				(this.options.pedantic || !t || this.rules.other.endingSpaceChar.test(t)) && (e = t.trim());
 			}
 			return {
@@ -407,13 +388,13 @@ var Y = class {
 		let t = this.rules.block.hr.exec(e);
 		if (t) return {
 			type: "hr",
-			raw: J(t[0], "\n")
+			raw: Y(t[0], "\n")
 		};
 	}
 	blockquote(e) {
 		let t = this.rules.block.blockquote.exec(e);
 		if (t) {
-			let e = J(t[0], "\n").split("\n"), n = "", r = "", i = [];
+			let e = Y(t[0], "\n").split("\n"), n = "", r = "", i = [];
 			for (; e.length > 0;) {
 				let t = !1, a = [], o;
 				for (o = 0; o < e.length; o++) if (this.rules.other.blockquoteStart.test(e[o])) a.push(e[o]), t = !0;
@@ -527,7 +508,7 @@ ${c}` : c;
 	table(e) {
 		let t = this.rules.block.table.exec(e);
 		if (!t || !this.rules.other.tableDelimiter.test(t[2])) return;
-		let n = Nt(t[1]), r = t[2].replace(this.rules.other.tableAlignChars, "").split("|"), i = t[3]?.trim() ? t[3].replace(this.rules.other.tableRowBlankLine, "").split("\n") : [], a = {
+		let n = At(t[1]), r = t[2].replace(this.rules.other.tableAlignChars, "").split("|"), i = t[3]?.trim() ? t[3].replace(this.rules.other.tableRowBlankLine, "").split("\n") : [], a = {
 			type: "table",
 			raw: t[0],
 			header: [],
@@ -542,7 +523,7 @@ ${c}` : c;
 				header: !0,
 				align: a.align[e]
 			});
-			for (let e of i) a.rows.push(Nt(e, a.header.length).map((e, t) => ({
+			for (let e of i) a.rows.push(At(e, a.header.length).map((e, t) => ({
 				text: e,
 				tokens: this.lexer.inline(e),
 				header: !1,
@@ -607,10 +588,10 @@ ${c}` : c;
 			let e = t[2].trim();
 			if (!this.options.pedantic && this.rules.other.startAngleBracket.test(e)) {
 				if (!this.rules.other.endAngleBracket.test(e)) return;
-				let t = J(e.slice(0, -1), "\\");
+				let t = Y(e.slice(0, -1), "\\");
 				if ((e.length - t.length) % 2 == 0) return;
 			} else {
-				let e = Pt(t[2], "()");
+				let e = jt(t[2], "()");
 				if (e === -2) return;
 				if (e > -1) {
 					let n = (t[0].indexOf("!") === 0 ? 5 : 4) + t[1].length + e;
@@ -622,7 +603,7 @@ ${c}` : c;
 				let e = this.rules.other.pedanticHrefTitle.exec(n);
 				e && (n = e[1], r = e[3]);
 			} else r = t[3] ? t[3].slice(1, -1) : "";
-			return n = n.trim(), this.rules.other.startAngleBracket.test(n) && (n = this.options.pedantic && !this.rules.other.endAngleBracket.test(e) ? n.slice(1) : n.slice(1, -1)), Ft(t, {
+			return n = n.trim(), this.rules.other.startAngleBracket.test(n) && (n = this.options.pedantic && !this.rules.other.endAngleBracket.test(e) ? n.slice(1) : n.slice(1, -1)), Mt(t, {
 				href: n && n.replace(this.rules.inline.anyPunctuation, "$1"),
 				title: r && r.replace(this.rules.inline.anyPunctuation, "$1")
 			}, t[0], this.lexer, this.rules);
@@ -640,7 +621,7 @@ ${c}` : c;
 					text: e
 				};
 			}
-			return Ft(n, e, n[0], this.lexer, this.rules);
+			return Mt(n, e, n[0], this.lexer, this.rules);
 		}
 	}
 	emStrong(e, t, n = "") {
@@ -766,22 +747,22 @@ ${c}` : c;
 	tokenizer;
 	inlineQueue;
 	constructor(e) {
-		this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || L, this.options.tokenizer = this.options.tokenizer || new Y(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = {
+		this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || R, this.options.tokenizer = this.options.tokenizer || new Pt(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = {
 			inLink: !1,
 			inRawBlock: !1,
 			top: !0
 		};
 		let t = {
-			other: B,
-			block: G.normal,
-			inline: K.normal
+			other: V,
+			block: K.normal,
+			inline: q.normal
 		};
-		this.options.pedantic ? (t.block = G.pedantic, t.inline = K.pedantic) : this.options.gfm && (t.block = G.gfm, this.options.breaks ? t.inline = K.breaks : t.inline = K.gfm), this.tokenizer.rules = t;
+		this.options.pedantic ? (t.block = K.pedantic, t.inline = q.pedantic) : this.options.gfm && (t.block = K.gfm, this.options.breaks ? t.inline = q.breaks : t.inline = q.gfm), this.tokenizer.rules = t;
 	}
 	static get rules() {
 		return {
-			block: G,
-			inline: K
+			block: K,
+			inline: q
 		};
 	}
 	static lex(t, n) {
@@ -791,7 +772,7 @@ ${c}` : c;
 		return new e(n).inlineTokens(t);
 	}
 	lex(e) {
-		e = e.replace(B.carriageReturn, "\n"), this.blockTokens(e, this.tokens);
+		e = e.replace(V.carriageReturn, "\n"), this.blockTokens(e, this.tokens);
 		for (let e = 0; e < this.inlineQueue.length; e++) {
 			let t = this.inlineQueue[e];
 			this.inlineTokens(t.src, t.tokens);
@@ -799,7 +780,7 @@ ${c}` : c;
 		return this.inlineQueue = [], this.tokens;
 	}
 	blockTokens(e, t = [], n = !1) {
-		for (this.options.pedantic && (e = e.replace(B.tabCharGlobal, "    ").replace(B.spaceLine, "")); e;) {
+		for (this.options.pedantic && (e = e.replace(V.tabCharGlobal, "    ").replace(V.spaceLine, "")); e;) {
 			let r;
 			if (this.options.extensions?.block?.some((n) => (r = n.call({ lexer: this }, e, t)) ? (e = e.substring(r.raw.length), t.push(r), !0) : !1)) continue;
 			if (r = this.tokenizer.space(e)) {
@@ -967,18 +948,18 @@ ${c}` : c;
 		}
 		return t;
 	}
-}, Lt = class {
+}, Ft = class {
 	options;
 	parser;
 	constructor(e) {
-		this.options = e || L;
+		this.options = e || R;
 	}
 	space(e) {
 		return "";
 	}
 	code({ text: e, lang: t, escaped: n }) {
-		let r = (t || "").match(B.notSpaceStart)?.[0], i = e.replace(B.endingNewline, "") + "\n";
-		return r ? "<pre><code class=\"language-" + q(r) + "\">" + (n ? i : q(i, !0)) + "</code></pre>\n" : "<pre><code>" + (n ? i : q(i, !0)) + "</code></pre>\n";
+		let r = (t || "").match(V.notSpaceStart)?.[0], i = e.replace(V.endingNewline, "") + "\n";
+		return r ? "<pre><code class=\"language-" + J(r) + "\">" + (n ? i : J(i, !0)) + "</code></pre>\n" : "<pre><code>" + (n ? i : J(i, !0)) + "</code></pre>\n";
 	}
 	blockquote({ tokens: e }) {
 		return `<blockquote>
@@ -1008,7 +989,7 @@ ${this.parser.parse(e)}</blockquote>
 		let t = "";
 		if (e.task) {
 			let n = this.checkbox({ checked: !!e.checked });
-			e.loose ? e.tokens[0]?.type === "paragraph" ? (e.tokens[0].text = n + " " + e.tokens[0].text, e.tokens[0].tokens && e.tokens[0].tokens.length > 0 && e.tokens[0].tokens[0].type === "text" && (e.tokens[0].tokens[0].text = n + " " + q(e.tokens[0].tokens[0].text), e.tokens[0].tokens[0].escaped = !0)) : e.tokens.unshift({
+			e.loose ? e.tokens[0]?.type === "paragraph" ? (e.tokens[0].text = n + " " + e.tokens[0].text, e.tokens[0].tokens && e.tokens[0].tokens.length > 0 && e.tokens[0].tokens[0].type === "text" && (e.tokens[0].tokens[0].text = n + " " + J(e.tokens[0].tokens[0].text), e.tokens[0].tokens[0].escaped = !0)) : e.tokens.unshift({
 				type: "text",
 				raw: n + " ",
 				text: n + " ",
@@ -1055,7 +1036,7 @@ ${e}</tr>
 		return `<em>${this.parser.parseInline(e)}</em>`;
 	}
 	codespan({ text: e }) {
-		return `<code>${q(e, !0)}</code>`;
+		return `<code>${J(e, !0)}</code>`;
 	}
 	br(e) {
 		return "<br>";
@@ -1064,24 +1045,24 @@ ${e}</tr>
 		return `<del>${this.parser.parseInline(e)}</del>`;
 	}
 	link({ href: e, title: t, tokens: n }) {
-		let r = this.parser.parseInline(n), i = Mt(e);
+		let r = this.parser.parseInline(n), i = kt(e);
 		if (i === null) return r;
 		e = i;
 		let a = "<a href=\"" + e + "\"";
-		return t && (a += " title=\"" + q(t) + "\""), a += ">" + r + "</a>", a;
+		return t && (a += " title=\"" + J(t) + "\""), a += ">" + r + "</a>", a;
 	}
 	image({ href: e, title: t, text: n, tokens: r }) {
 		r && (n = this.parser.parseInline(r, this.parser.textRenderer));
-		let i = Mt(e);
-		if (i === null) return q(n);
+		let i = kt(e);
+		if (i === null) return J(n);
 		e = i;
 		let a = `<img src="${e}" alt="${n}"`;
-		return t && (a += ` title="${q(t)}"`), a += ">", a;
+		return t && (a += ` title="${J(t)}"`), a += ">", a;
 	}
 	text(e) {
-		return "tokens" in e && e.tokens ? this.parser.parseInline(e.tokens) : "escaped" in e && e.escaped ? e.text : q(e.text);
+		return "tokens" in e && e.tokens ? this.parser.parseInline(e.tokens) : "escaped" in e && e.escaped ? e.text : J(e.text);
 	}
-}, Rt = class {
+}, It = class {
 	strong({ text: e }) {
 		return e;
 	}
@@ -1114,7 +1095,7 @@ ${e}</tr>
 	renderer;
 	textRenderer;
 	constructor(e) {
-		this.options = e || L, this.options.renderer = this.options.renderer || new Lt(), this.renderer = this.options.renderer, this.renderer.options = this.options, this.renderer.parser = this, this.textRenderer = new Rt();
+		this.options = e || R, this.options.renderer = this.options.renderer || new Ft(), this.renderer = this.options.renderer, this.renderer.options = this.options, this.renderer.parser = this, this.textRenderer = new It();
 	}
 	static parse(t, n) {
 		return new e(n).parse(t);
@@ -1261,11 +1242,11 @@ ${e}</tr>
 		}
 		return n;
 	}
-}, zt = class {
+}, Lt = class {
 	options;
 	block;
 	constructor(e) {
-		this.options = e || L;
+		this.options = e || R;
 	}
 	static passThroughHooks = /* @__PURE__ */ new Set([
 		"preprocess",
@@ -1288,16 +1269,16 @@ ${e}</tr>
 		return this.block ? Z.parse : Z.parseInline;
 	}
 }, Q = new class {
-	defaults = Ne();
+	defaults = Ae();
 	options = this.setOptions;
 	parse = this.parseMarkdown(!0);
 	parseInline = this.parseMarkdown(!1);
 	Parser = Z;
-	Renderer = Lt;
-	TextRenderer = Rt;
+	Renderer = Ft;
+	TextRenderer = It;
 	Lexer = X;
-	Tokenizer = Y;
-	Hooks = zt;
+	Tokenizer = Pt;
+	Hooks = Lt;
 	constructor(...e) {
 		this.use(...e);
 	}
@@ -1348,7 +1329,7 @@ ${e}</tr>
 				}
 				"childTokens" in e && e.childTokens && (t.childTokens[e.name] = e.childTokens);
 			}), n.extensions = t), e.renderer) {
-				let t = this.defaults.renderer || new Lt(this.defaults);
+				let t = this.defaults.renderer || new Ft(this.defaults);
 				for (let n in e.renderer) {
 					if (!(n in t)) throw Error(`renderer '${n}' does not exist`);
 					if (["options", "parser"].includes(n)) continue;
@@ -1361,7 +1342,7 @@ ${e}</tr>
 				n.renderer = t;
 			}
 			if (e.tokenizer) {
-				let t = this.defaults.tokenizer || new Y(this.defaults);
+				let t = this.defaults.tokenizer || new Pt(this.defaults);
 				for (let n in e.tokenizer) {
 					if (!(n in t)) throw Error(`tokenizer '${n}' does not exist`);
 					if ([
@@ -1378,12 +1359,12 @@ ${e}</tr>
 				n.tokenizer = t;
 			}
 			if (e.hooks) {
-				let t = this.defaults.hooks || new zt();
+				let t = this.defaults.hooks || new Lt();
 				for (let n in e.hooks) {
 					if (!(n in t)) throw Error(`hook '${n}' does not exist`);
 					if (["options", "block"].includes(n)) continue;
 					let r = n, i = e.hooks[r], a = t[r];
-					zt.passThroughHooks.has(n) ? t[r] = (e) => {
+					Lt.passThroughHooks.has(n) ? t[r] = (e) => {
 						if (this.defaults.async) return Promise.resolve(i.call(t, e)).then((e) => a.call(t, e));
 						let n = i.call(t, e);
 						return a.call(t, n);
@@ -1445,7 +1426,7 @@ ${e}</tr>
 	onError(e, t) {
 		return (n) => {
 			if (n.message += "\nPlease report this to https://github.com/markedjs/marked.", e) {
-				let e = "<p>An error occurred:</p><pre>" + q(n.message + "", !0) + "</pre>";
+				let e = "<p>An error occurred:</p><pre>" + J(n.message + "", !0) + "</pre>";
 				return t ? Promise.resolve(e) : e;
 			}
 			if (t) return Promise.reject(n);
@@ -1459,80 +1440,84 @@ function $(e, t) {
 //#endregion
 //#region src/lib/markdown.ts
 $.options = $.setOptions = function(e) {
-	return Q.setOptions(e), $.defaults = Q.defaults, Pe($.defaults), $;
-}, $.getDefaults = Ne, $.defaults = L, $.use = function(...e) {
-	return Q.use(...e), $.defaults = Q.defaults, Pe($.defaults), $;
+	return Q.setOptions(e), $.defaults = Q.defaults, je($.defaults), $;
+}, $.getDefaults = Ae, $.defaults = R, $.use = function(...e) {
+	return Q.use(...e), $.defaults = Q.defaults, je($.defaults), $;
 }, $.walkTokens = function(e, t) {
 	return Q.walkTokens(e, t);
-}, $.parseInline = Q.parseInline, $.Parser = Z, $.parser = Z.parse, $.Renderer = Lt, $.TextRenderer = Rt, $.Lexer = X, $.lexer = X.lex, $.Tokenizer = Y, $.Hooks = zt, $.parse = $, $.options, $.setOptions, $.use, $.walkTokens, $.parseInline, Z.parse, X.lex, $.setOptions({
+}, $.parseInline = Q.parseInline, $.Parser = Z, $.parser = Z.parse, $.Renderer = Ft, $.TextRenderer = It, $.Lexer = X, $.lexer = X.lex, $.Tokenizer = Pt, $.Hooks = Lt, $.parse = $, $.options, $.setOptions, $.use, $.walkTokens, $.parseInline, Z.parse, X.lex, $.setOptions({
 	gfm: !0,
 	breaks: !1
 });
-function Bt(e) {
+function Rt(e) {
 	return $.parse(e, { async: !1 });
 }
 //#endregion
 //#region src/ReqScreen.vue?vue&type=script&setup=true&lang.ts
-var Vt = {
+var zt = {
 	key: 0,
 	class: "min-h-screen p-6"
-}, Ht = { class: "mb-5 flex items-center gap-4 rounded-lg border border-gray-200 bg-white px-5 py-3 text-gray-800 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100" }, Ut = { class: "text-lg font-bold" }, Wt = { class: "ml-auto flex items-center gap-3" }, Gt = { class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)] gap-6" }, Kt = { class: "rounded-lg border border-gray-300 bg-white p-6 dark:border-gray-700 dark:bg-gray-800" }, qt = { class: "mb-3 flex items-center justify-between" }, Jt = {
+}, Bt = { class: "mb-5 flex items-center gap-4 rounded-lg border border-gray-200 bg-white px-5 py-3 text-gray-800 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100" }, Vt = { class: "text-lg font-bold" }, Ht = { class: "ml-auto flex items-center gap-3" }, Ut = { class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)] gap-6" }, Wt = { class: "rounded-lg border border-gray-300 bg-white p-6 dark:border-gray-700 dark:bg-gray-800" }, Gt = { class: "mb-3 flex items-center justify-between" }, Kt = {
 	key: 0,
 	class: "inline-flex overflow-hidden rounded-md border border-gray-300 text-xs font-bold dark:border-gray-600"
-}, Yt = ["onClick"], Xt = { class: "rounded-md bg-white p-4 transition-colors dark:bg-gray-800" }, Zt = {
+}, qt = ["onClick"], Jt = { class: "rounded-md bg-white p-4 transition-colors dark:bg-gray-800" }, Yt = {
 	key: 0,
 	class: "w-full"
-}, Qt = { class: "rounded-[2.5rem] bg-black p-3 shadow-xl" }, $t = { class: "relative overflow-hidden rounded-[1.8rem]" }, en = {
+}, Xt = { class: "rounded-[2.5rem] bg-black p-3 shadow-xl" }, Zt = { class: "relative overflow-hidden rounded-[1.8rem]" }, Qt = {
 	key: 0,
 	class: "pointer-events-none absolute left-1/2 top-0 z-10 h-6 w-28 -translate-x-1/2 rounded-b-2xl bg-black"
-}, tn = {
+}, $t = {
 	key: 1,
 	class: "w-full overflow-hidden rounded-xl border-2 border-gray-300 shadow-sm dark:border-gray-700"
-}, nn = { class: "rounded-lg border border-gray-300 bg-white p-6 dark:border-gray-700 dark:bg-gray-800" }, rn = ["innerHTML"], an = /* @__PURE__ */ l({
+}, en = { class: "rounded-lg border border-gray-300 bg-white p-6 dark:border-gray-700 dark:bg-gray-800" }, tn = ["innerHTML"], nn = /* @__PURE__ */ l({
 	__name: "ReqScreen",
 	props: {
 		title: {},
 		doc: {}
 	},
 	setup(n) {
-		let r = n, l = t(() => Bt(r.doc)), { isDark: te, toggle: re } = ue(), ie = ae(), S = oe(), C = h(S[0]?.id ?? ""), w = t(() => S.find((e) => e.id === C.value) ?? S[0]);
+		let r = n, l = t(() => Rt(r.doc)), { isDark: te, toggle: re } = le(), ie = ae(), S = oe(), C = h(S[0]?.id ?? ""), w = t(() => S.find((e) => e.id === C.value) ?? S[0]);
 		function T(e) {
 			return `${e}px`;
 		}
 		let E = se(), D = t(() => {
+			if (!E) return {};
 			let e = te.value ? E.dark : E.light;
 			return {
 				background: e.bg,
 				color: e.font
 			};
 		}), O = h(null), k = h(null), A = h(0), j = h(0), M = t(() => {
-			let e = w.value?.width ?? 0;
+			let e = w.value;
+			return e ? A.value ? Math.min(e.maxWidth, Math.max(e.minWidth, A.value)) : e.maxWidth : 0;
+		}), N = t(() => {
+			let e = M.value;
 			return !e || A.value === 0 ? 1 : Math.min(1, A.value / e);
-		}), N = t(() => w.value ? w.value.width * M.value : 0), ce = t(() => j.value * M.value), P = null;
-		function F() {
+		}), P = t(() => M.value ? M.value * N.value : 0), ce = t(() => j.value * N.value), F = null;
+		function I() {
 			O.value && (A.value = O.value.clientWidth), k.value && (j.value = k.value.offsetHeight);
 		}
-		function le() {
-			P?.disconnect(), O.value && P?.observe(O.value), k.value && P?.observe(k.value);
+		function ue() {
+			F?.disconnect(), O.value && F?.observe(O.value), k.value && F?.observe(k.value);
 		}
-		let I = h(!1);
+		let L = h(!1);
 		function de(e) {
-			e.key === "Escape" && (I.value = !1);
+			e.key === "Escape" && (L.value = !1);
 		}
 		return ee(() => {
-			P = new ResizeObserver(() => F()), le(), F(), window.addEventListener("keydown", de);
+			F = new ResizeObserver(() => I()), ue(), I(), window.addEventListener("keydown", de);
 		}), p(() => {
-			P?.disconnect(), window.removeEventListener("keydown", de);
-		}), ne([C, I], () => u(() => {
-			le(), F();
-		})), (t, r) => I.value ? (m(), a("div", {
+			F?.disconnect(), window.removeEventListener("keydown", de);
+		}), ne([C, L], () => u(() => {
+			ue(), I();
+		})), (t, r) => L.value ? (m(), a("div", {
 			key: 1,
 			class: "fixed inset-0 z-50 overflow-auto",
 			style: f(D.value)
 		}, [o("button", {
 			type: "button",
 			class: "fixed right-4 top-4 z-10 rounded-md border border-gray-300 bg-white px-3 py-1 text-xs font-bold text-gray-700 shadow-sm transition hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 dark:hover:bg-gray-700",
-			onClick: r[2] ||= (e) => I.value = !1
+			onClick: r[2] ||= (e) => L.value = !1
 		}, " 閉じる（Esc） "), o("div", {
 			ref_key: "areaRef",
 			ref: O,
@@ -1541,7 +1526,7 @@ var Vt = {
 			key: 0,
 			class: "mx-auto overflow-hidden",
 			style: f({
-				width: N.value ? `${N.value}px` : "",
+				width: P.value ? `${P.value}px` : "",
 				height: j.value ? `${ce.value}px` : "auto"
 			})
 		}, [o("div", {
@@ -1549,10 +1534,12 @@ var Vt = {
 			ref: k,
 			class: "origin-top-left",
 			style: f({
-				width: T(w.value.width),
-				transform: `scale(${M.value})`
+				width: T(M.value),
+				minWidth: T(w.value.minWidth),
+				maxWidth: T(w.value.maxWidth),
+				transform: `scale(${N.value})`
 			})
-		}, [_(t.$slots, "mock")], 4)], 4)) : i("", !0)], 512)], 4)) : (m(), a("div", Vt, [o("header", Ht, [
+		}, [_(t.$slots, "mock")], 4)], 4)) : i("", !0)], 512)], 4)) : (m(), a("div", zt, [o("header", Bt, [
 			c(y(x), {
 				to: "/catalog",
 				class: "text-sm text-gray-500 underline hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-100"
@@ -1560,14 +1547,14 @@ var Vt = {
 				default: b(() => [...r[3] ||= [s(" ← 一覧 ", -1)]]),
 				_: 1
 			}),
-			o("h1", Ut, v(n.title), 1),
-			o("div", Wt, [
+			o("h1", Vt, v(n.title), 1),
+			o("div", Ht, [
 				_(t.$slots, "toolbar"),
 				o("button", {
 					type: "button",
 					class: "rounded-md border border-gray-300 px-3 py-1 text-xs font-bold text-gray-600 transition hover:bg-gray-100 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-700",
-					onClick: r[0] ||= (e) => I.value = !I.value
-				}, v(I.value ? "要件を表示" : "プレビュー"), 1),
+					onClick: r[0] ||= (e) => L.value = !L.value
+				}, v(L.value ? "要件を表示" : "プレビュー"), 1),
 				y(ie) ? (m(), a("button", {
 					key: 0,
 					type: "button",
@@ -1575,19 +1562,19 @@ var Vt = {
 					onClick: r[1] ||= (...e) => y(re) && y(re)(...e)
 				}, v(y(te) ? "ライトモード" : "ダークモード"), 1)) : i("", !0)
 			])
-		]), o("div", Gt, [o("section", Kt, [o("div", qt, [r[4] ||= o("span", { class: "text-xs font-bold uppercase tracking-wide text-gray-400" }, " 画面 mock ", -1), y(S).length > 1 ? (m(), a("div", Jt, [(m(!0), a(e, null, g(y(S), (e) => (m(), a("button", {
+		]), o("div", Ut, [o("section", Wt, [o("div", Gt, [r[4] ||= o("span", { class: "text-xs font-bold uppercase tracking-wide text-gray-400" }, " 画面 mock ", -1), y(S).length > 1 ? (m(), a("div", Kt, [(m(!0), a(e, null, g(y(S), (e) => (m(), a("button", {
 			key: e.id,
 			type: "button",
 			class: d(["px-3 py-1 transition", C.value === e.id ? "bg-gray-800 text-white dark:bg-gray-200 dark:text-gray-900" : "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700"]),
 			onClick: (t) => C.value = e.id
-		}, v(e.label), 11, Yt))), 128))])) : i("", !0)]), o("div", Xt, [o("div", {
+		}, v(e.label), 11, qt))), 128))])) : i("", !0)]), o("div", Jt, [o("div", {
 			ref_key: "areaRef",
 			ref: O
 		}, [w.value ? (m(), a("div", {
 			key: 0,
 			class: "mx-auto overflow-hidden",
 			style: f({
-				width: N.value ? `${N.value}px` : "",
+				width: P.value ? `${P.value}px` : "",
 				height: j.value ? `${ce.value}px` : "auto"
 			})
 		}, [o("div", {
@@ -1595,28 +1582,30 @@ var Vt = {
 			ref: k,
 			class: "origin-top-left",
 			style: f({
-				width: T(w.value.width),
-				transform: `scale(${M.value})`
+				width: T(M.value),
+				minWidth: T(w.value.minWidth),
+				maxWidth: T(w.value.maxWidth),
+				transform: `scale(${N.value})`
 			})
-		}, [w.value.frame === "phone" || w.value.frame === "tablet" ? (m(), a("div", Zt, [o("div", Qt, [o("div", $t, [w.value.frame === "phone" ? (m(), a("div", en)) : i("", !0), o("div", {
+		}, [w.value.frame === "phone" || w.value.frame === "tablet" ? (m(), a("div", Yt, [o("div", Xt, [o("div", Zt, [w.value.frame === "phone" ? (m(), a("div", Qt)) : i("", !0), o("div", {
 			class: d(["px-4 pb-6", w.value.frame === "phone" ? "pt-9" : "pt-6"]),
 			style: f(D.value)
-		}, [_(t.$slots, "mock"), r[5] ||= o("div", { class: "mx-auto mt-6 h-1 w-24 rounded-full bg-gray-300 dark:bg-gray-600" }, null, -1)], 6)])])])) : (m(), a("div", tn, [r[6] ||= o("div", { class: "flex items-center gap-2 border-b border-gray-300 bg-gray-800 px-3 py-2 dark:border-gray-700" }, [
+		}, [_(t.$slots, "mock"), r[5] ||= o("div", { class: "mx-auto mt-6 h-1 w-24 rounded-full bg-gray-300 dark:bg-gray-600" }, null, -1)], 6)])])])) : (m(), a("div", $t, [r[6] ||= o("div", { class: "flex items-center gap-2 border-b border-gray-300 bg-gray-800 px-3 py-2 dark:border-gray-700" }, [
 			o("span", { class: "h-3 w-3 rounded-full bg-red-400" }),
 			o("span", { class: "h-3 w-3 rounded-full bg-yellow-400" }),
 			o("span", { class: "h-3 w-3 rounded-full bg-green-400" })
 		], -1), o("div", {
 			class: "p-4",
 			style: f(D.value)
-		}, [_(t.$slots, "mock")], 4)]))], 4)], 4)) : i("", !0)], 512)])]), o("section", nn, [r[7] ||= o("div", { class: "mb-3 text-xs font-bold uppercase tracking-wide text-gray-400" }, " 要件 ", -1), o("div", {
+		}, [_(t.$slots, "mock")], 4)]))], 4)], 4)) : i("", !0)], 512)])]), o("section", en, [r[7] ||= o("div", { class: "mb-3 text-xs font-bold uppercase tracking-wide text-gray-400" }, " 要件 ", -1), o("div", {
 			class: "req-md",
 			innerHTML: l.value
-		}, null, 8, rn)])])]));
+		}, null, 8, tn)])])]));
 	}
-}), on = { class: "flex items-center gap-2 text-sm" }, sn = ["value"], cn = ["value"], ln = ["innerHTML"], un = {
+}), rn = { class: "flex items-center gap-2 text-sm" }, an = ["value"], on = ["value"], sn = ["innerHTML"], cn = {
 	key: 1,
 	class: "p-8"
-}, dn = { class: "text-gray-600" }, fn = /* @__PURE__ */ l({
+}, ln = { class: "text-gray-600" }, un = /* @__PURE__ */ l({
 	__name: "ReqPageView",
 	props: {
 		kind: {},
@@ -1624,30 +1613,30 @@ var Vt = {
 		ver: {}
 	},
 	setup(n) {
-		let i = n, l = C(), u = t(() => le(i.kind, i.name)), d = t(() => i.ver || u.value?.latest || ""), f = t(() => u.value?.versions[d.value]), p = t(() => u.value ? Object.keys(u.value.versions) : []);
+		let i = n, l = C(), u = t(() => ce(i.kind, i.name)), d = t(() => i.ver || u.value?.latest || ""), f = t(() => u.value?.versions[d.value]), p = t(() => u.value ? Object.keys(u.value.versions) : []);
 		function ee(e) {
 			let t = e.target.value;
 			l.push(`/${i.kind}s/${i.name}/${t}`);
 		}
-		return (t, i) => u.value && f.value ? (m(), r(an, {
+		return (t, i) => u.value && f.value ? (m(), r(nn, {
 			key: 0,
 			title: u.value.title,
 			doc: f.value.req
 		}, {
-			toolbar: b(() => [o("label", on, [i[0] ||= o("span", { class: "text-gray-500 dark:text-gray-400" }, "バージョン", -1), o("select", {
+			toolbar: b(() => [o("label", rn, [i[0] ||= o("span", { class: "text-gray-500 dark:text-gray-400" }, "バージョン", -1), o("select", {
 				value: d.value,
 				class: "rounded border border-gray-300 bg-white px-2 py-1 text-gray-800 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100",
 				onChange: ee
 			}, [(m(!0), a(e, null, g(p.value, (e) => (m(), a("option", {
 				key: e,
 				value: e
-			}, v(e), 9, cn))), 128))], 40, sn)])]),
+			}, v(e), 9, on))), 128))], 40, an)])]),
 			mock: b(() => [typeof f.value.view == "string" ? (m(), a("div", {
 				key: 0,
 				innerHTML: f.value.view
-			}, null, 8, ln)) : (m(), r(te(f.value.view), { key: 1 }))]),
+			}, null, 8, sn)) : (m(), r(te(f.value.view), { key: 1 }))]),
 			_: 1
-		}, 8, ["title", "doc"])) : (m(), a("div", un, [o("p", dn, "該当するアイテムが見つかりません: " + v(n.kind) + " / " + v(n.name), 1), c(y(x), {
+		}, 8, ["title", "doc"])) : (m(), a("div", cn, [o("p", ln, "該当するアイテムが見つかりません: " + v(n.kind) + " / " + v(n.name), 1), c(y(x), {
 			to: "/catalog",
 			class: "text-blue-600 underline"
 		}, {
@@ -1655,28 +1644,24 @@ var Vt = {
 			_: 1
 		})]));
 	}
-}), pn = { class: "min-h-screen p-6" }, mn = { class: "mb-5 flex items-center gap-4 rounded-lg border border-gray-200 bg-white px-5 py-3 text-gray-800 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100" }, hn = { class: "rounded-lg bg-gray-50 p-5 transition-colors dark:bg-gray-900" }, gn = { class: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4" }, _n = { class: "p-3" }, vn = { class: "font-mono text-sm font-bold dark:text-gray-100" }, yn = { class: "mt-1 space-y-0.5 font-mono text-xs" }, bn = {
+}), dn = { class: "min-h-screen p-6" }, fn = { class: "mb-5 flex items-center gap-4 rounded-lg border border-gray-200 bg-white px-5 py-3 text-gray-800 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100" }, pn = { class: "rounded-lg bg-gray-50 p-5 transition-colors dark:bg-gray-900" }, mn = { class: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4" }, hn = { class: "p-3" }, gn = { class: "font-mono text-sm font-bold dark:text-gray-100" }, _n = { class: "mt-1 space-y-0.5 font-mono text-xs" }, vn = {
 	key: 0,
 	class: "mt-1 text-xs text-gray-600 dark:text-gray-400"
-}, xn = /* @__PURE__ */ l({
+}, yn = /* @__PURE__ */ l({
 	__name: "ColorsView",
 	setup(t) {
-		let { isDark: n, toggle: r } = ue(), l = ae(), u = se(), p = [
-			{
-				name: "baseBg",
-				light: u.light.bg,
-				dark: u.dark.bg,
-				desc: "モック画面の背景"
-			},
-			{
-				name: "baseFont",
-				light: u.light.font,
-				dark: u.dark.font,
-				desc: "モックの基本文字色"
-			},
-			...F()
-		];
-		return (t, u) => (m(), a("div", pn, [o("header", mn, [
+		let { isDark: n, toggle: r } = le(), l = ae(), u = se(), p = [...u ? [{
+			name: "baseBg",
+			light: u.light.bg,
+			dark: u.dark.bg,
+			desc: "モック画面の背景"
+		}, {
+			name: "baseFont",
+			light: u.light.font,
+			dark: u.dark.font,
+			desc: "モックの基本文字色"
+		}] : [], ...P()];
+		return (t, u) => (m(), a("div", dn, [o("header", fn, [
 			c(y(x), {
 				to: "/catalog",
 				class: "text-sm text-gray-500 underline hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-100"
@@ -1691,22 +1676,22 @@ var Vt = {
 				class: "ml-auto rounded-md border border-gray-300 px-3 py-1 text-xs font-bold text-gray-600 transition hover:bg-gray-100 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-700",
 				onClick: u[0] ||= (...e) => y(r) && y(r)(...e)
 			}, v(y(n) ? "ライトモード" : "ダークモード"), 1)) : i("", !0)
-		]), o("div", hn, [o("div", gn, [(m(), a(e, null, g(p, (e) => o("div", {
+		]), o("div", pn, [o("div", mn, [(m(), a(e, null, g(p, (e) => o("div", {
 			key: e.name,
 			class: "overflow-hidden rounded-lg border border-gray-300 bg-white dark:border-gray-700 dark:bg-gray-800"
 		}, [o("div", {
 			class: "h-24 w-full border-b border-gray-200 dark:border-gray-700",
 			style: f({ background: y(n) ? e.dark : e.light })
-		}, null, 4), o("div", _n, [
-			o("div", vn, v(e.name), 1),
-			o("div", yn, [o("div", { class: d(y(n) ? "text-gray-500" : "font-bold text-gray-700") }, " light: " + v(e.light), 3), o("div", { class: d(y(n) ? "font-bold text-gray-200" : "text-gray-500") }, " dark: " + v(e.dark), 3)]),
-			e.desc ? (m(), a("div", bn, v(e.desc), 1)) : i("", !0)
+		}, null, 4), o("div", hn, [
+			o("div", gn, v(e.name), 1),
+			o("div", _n, [o("div", { class: d(y(n) ? "text-gray-500" : "font-bold text-gray-700") }, " light: " + v(e.light), 3), o("div", { class: d(y(n) ? "font-bold text-gray-200" : "text-gray-500") }, " dark: " + v(e.dark), 3)]),
+			e.desc ? (m(), a("div", vn, v(e.desc), 1)) : i("", !0)
 		])])), 64))])])]));
 	}
 });
 //#endregion
 //#region src/router.ts
-function Sn() {
+function bn() {
 	return ie({
 		history: S(),
 		routes: [
@@ -1717,17 +1702,17 @@ function Sn() {
 			{
 				path: "/catalog",
 				name: "catalog",
-				component: Me
+				component: ke
 			},
 			{
 				path: "/colors",
 				name: "colors",
-				component: xn
+				component: yn
 			},
 			{
 				path: "/components/:name/:ver?",
 				name: "component",
-				component: fn,
+				component: un,
 				props: (e) => ({
 					kind: "component",
 					name: e.params.name,
@@ -1737,7 +1722,7 @@ function Sn() {
 			{
 				path: "/pages/:name/:ver?",
 				name: "page",
-				component: fn,
+				component: un,
 				props: (e) => ({
 					kind: "page",
 					name: e.params.name,
@@ -1749,10 +1734,10 @@ function Sn() {
 }
 //#endregion
 //#region src/createSpecViewer.ts
-function Cn(e) {
-	N(e);
+function xn(e) {
+	j(e);
 	let t = n(w);
-	return t.use(Sn()), t;
+	return t.use(bn()), t;
 }
 //#endregion
-export { Cn as createSpecViewer };
+export { xn as createSpecViewer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "required-doc",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "type": "module",
   "files": ["dist", "style.css", "types.d.ts"],
   "main": "./dist/index.js",

package/types.d.ts

@@ -27,7 +27,8 @@ export interface DeviceConfig {
   id: string
   label: string
   frame: 'pc' | 'phone' | 'tablet'
-  width: number
+  minWidth: number
+  maxWidth: number
 }
 
 export interface BaseColorSet {