astro-dev-mcp 0.4.0 → 0.5.6

package/dist/templates/scssPatterns.js

@@ -0,0 +1,564 @@
+/**
+ * UIパターンに対応するSCSSテンプレート生成
+ * astro-devプロジェクトのmixin・命名規則に準拠
+ */
+/**
+ * UIパターンに基づいてSCSSを生成
+ */
+export function generateScssPattern(config) {
+    switch (config.pattern) {
+        case 'tab':
+            return generateTabScss(config);
+        case 'accordion':
+            return generateAccordionScss(config);
+        case 'grid':
+            return generateGridScss(config);
+        case 'carousel':
+            return generateCarouselScss(config);
+        case 'list':
+            return generateListScss(config);
+        case 'modal':
+            return generateModalScss(config);
+        default:
+            return generateDefaultScss(config);
+    }
+}
+/**
+ * タブUI用SCSS
+ * 注: タブのスタイルは _c_tab.scss で定義済み、追加スタイルのみ記述
+ */
+function generateTabScss(config) {
+    const { pageName, sectionName, options = {} } = config;
+    const { spacing = {} } = options;
+    return `// ================================================
+// ${pageName}ページ - ${sectionName}セクション(タブUI)
+// ================================================
+
+.${sectionName}_section {
+	padding: ${spacing.sectionPadding || '6rem 0'};
+
+	@include mq() {
+		padding: ${spacing.sectionPadding || '8rem 0'};
+	}
+
+	.section_ttl {
+		margin-bottom: 3.2rem;
+		@include fontsize(24, 20);
+		font-weight: bold;
+		color: $color-prime;
+		text-align: center;
+
+		@include mq() {
+			margin-bottom: 4rem;
+		}
+	}
+
+	// タブリストのカスタマイズ（必要に応じて）
+	.c_tab_list {
+		display: flex;
+		gap: 0.8rem;
+		justify-content: center;
+		margin-bottom: 3.2rem;
+
+		@include mq() {
+			gap: 1.6rem;
+			margin-bottom: 4rem;
+		}
+
+		li button {
+			padding: 1.2rem 2.4rem;
+			@include fontsize(16, 14);
+			font-weight: bold;
+			color: $color-txt;
+			background-color: $color-bg;
+			border: 0.2rem solid $color-prime;
+			border-radius: 0.4rem;
+			cursor: pointer;
+			transition: $easing;
+
+			@include mq() {
+				padding: 1.6rem 3.2rem;
+			}
+
+			@include hover() {
+				background-color: rgba($color-prime, 0.1);
+			}
+
+			// アクティブ状態は c_tab.scss で定義済み
+		}
+	}
+
+	// タブコンテンツのカスタマイズ
+	.c_tab_content {
+		padding: 3.2rem 0;
+
+		@include mq() {
+			padding: 4rem 0;
+		}
+	}
+}
+`;
+}
+/**
+ * アコーディオンUI用SCSS
+ * 注: アコーディオンのスタイルは _c_accordion.scss で定義済み、追加スタイルのみ記述
+ */
+function generateAccordionScss(config) {
+    const { pageName, sectionName, options = {} } = config;
+    const { spacing = {} } = options;
+    return `// ================================================
+// ${pageName}ページ - ${sectionName}セクション(アコーディオンUI)
+// ================================================
+
+.${sectionName}_section {
+	padding: ${spacing.sectionPadding || '6rem 0'};
+
+	@include mq() {
+		padding: ${spacing.sectionPadding || '8rem 0'};
+	}
+
+	.section_ttl {
+		margin-bottom: 3.2rem;
+		@include fontsize(24, 20);
+		font-weight: bold;
+		color: $color-prime;
+		text-align: center;
+
+		@include mq() {
+			margin-bottom: 4rem;
+		}
+	}
+
+	.accordion_list {
+		display: grid;
+		gap: ${spacing.itemGap || '1.6rem'};
+	}
+
+	.accordion_item {
+		background: $color-bg;
+		border: 0.1rem solid rgba($color-prime, 0.2);
+		border-radius: 0.8rem;
+
+		// タイトル部分のカスタマイズ（必要に応じて）
+		&_ttl {
+			padding: 2rem 5rem 2rem 2rem;
+			@include fontsize(18, 16);
+			font-weight: bold;
+			color: $color-txt;
+
+			@include mq() {
+				padding: 2.4rem 6rem 2.4rem 2.4rem;
+			}
+
+			@include hover() {
+				background-color: rgba($color-prime, 0.05);
+			}
+
+			&_text {
+				display: block;
+			}
+		}
+
+		// コンテンツ部分のカスタマイズ
+		&_content {
+			&_text {
+				padding: 0 2rem 2rem;
+				@include fontsize(16, 14);
+				line-height: 1.8;
+				color: $color-txt;
+
+				@include mq() {
+					padding: 0 2.4rem 2.4rem;
+				}
+			}
+		}
+	}
+}
+`;
+}
+/**
+ * グリッドUI用SCSS
+ */
+function generateGridScss(config) {
+    const { pageName, sectionName, options = {} } = config;
+    const { columns = 3, spacing = {}, hasImage = true } = options;
+    return `// ================================================
+// ${pageName}ページ - ${sectionName}セクション(グリッドUI)
+// ================================================
+
+.${sectionName}_section {
+	padding: ${spacing.sectionPadding || '6rem 0'};
+
+	@include mq() {
+		padding: ${spacing.sectionPadding || '8rem 0'};
+	}
+
+	.section_ttl {
+		margin-bottom: 3.2rem;
+		@include fontsize(24, 20);
+		font-weight: bold;
+		color: $color-prime;
+		text-align: center;
+
+		@include mq() {
+			margin-bottom: 4rem;
+		}
+	}
+
+	.grid_list {
+		display: grid;
+		grid-template-columns: 1fr;
+		gap: ${spacing.itemGap || '2.4rem'};
+
+		@include mq() {
+			grid-template-columns: repeat(${columns}, 1fr);
+		}
+	}
+
+	.grid_item {
+		background: $color-bg;
+		border: 0.1rem solid rgba($color-prime, 0.2);
+		border-radius: 0.8rem;
+		overflow: hidden;
+		transition: $easing;
+
+		@include hover() {
+			transform: translateY(-0.4rem);
+			box-shadow: 0 0.8rem 2.4rem rgba($color-prime, 0.15);
+		}
+
+		${hasImage
+        ? `&_img {
+			aspect-ratio: 16 / 9;
+			overflow: hidden;
+			background-color: rgba($color-prime, 0.05);
+
+			img {
+				width: 100%;
+				height: 100%;
+				object-fit: cover;
+			}
+		}`
+        : ''}
+
+		&_body {
+			padding: 2rem;
+
+			@include mq() {
+				padding: 2.4rem;
+			}
+		}
+
+		&_ttl {
+			margin-bottom: 0.8rem;
+			@include fontsize(18, 16);
+			font-weight: bold;
+			color: $color-txt;
+		}
+
+		&_desc {
+			@include fontsize(14, 13);
+			line-height: 1.6;
+			color: rgba($color-txt, 0.7);
+		}
+	}
+}
+`;
+}
+/**
+ * カルーセルUI用SCSS
+ */
+function generateCarouselScss(config) {
+    const { pageName, sectionName, options = {} } = config;
+    const { spacing = {} } = options;
+    return `// ================================================
+// ${pageName}ページ - ${sectionName}セクション(カルーセルUI)
+// ================================================
+
+.${sectionName}_section {
+	padding: ${spacing.sectionPadding || '6rem 0'};
+
+	@include mq() {
+		padding: ${spacing.sectionPadding || '8rem 0'};
+	}
+
+	.section_ttl {
+		margin-bottom: 3.2rem;
+		@include fontsize(24, 20);
+		font-weight: bold;
+		color: $color-prime;
+		text-align: center;
+
+		@include mq() {
+			margin-bottom: 4rem;
+		}
+	}
+
+	.carousel_swiper {
+		overflow: hidden;
+
+		.swiper-button-prev,
+		.swiper-button-next {
+			color: $color-prime;
+
+			@include hover() {
+				opacity: 0.7;
+			}
+		}
+
+		.swiper-pagination-bullet {
+			background: $color-prime;
+
+			&-active {
+				background: $color-second;
+			}
+		}
+	}
+
+	.carousel_item {
+		&_img {
+			aspect-ratio: 16 / 9;
+			overflow: hidden;
+			background-color: rgba($color-prime, 0.05);
+
+			img {
+				width: 100%;
+				height: 100%;
+				object-fit: cover;
+			}
+		}
+
+		&_body {
+			padding: 2rem;
+
+			@include mq() {
+				padding: 2.4rem;
+			}
+		}
+
+		&_ttl {
+			margin-bottom: 0.8rem;
+			@include fontsize(18, 16);
+			font-weight: bold;
+			color: $color-txt;
+		}
+
+		&_desc {
+			@include fontsize(14, 13);
+			line-height: 1.6;
+			color: rgba($color-txt, 0.7);
+		}
+	}
+}
+`;
+}
+/**
+ * リストUI用SCSS
+ */
+function generateListScss(config) {
+    const { pageName, sectionName, options = {} } = config;
+    const { spacing = {} } = options;
+    return `// ================================================
+// ${pageName}ページ - ${sectionName}セクション(リストUI)
+// ================================================
+
+.${sectionName}_section {
+	padding: ${spacing.sectionPadding || '6rem 0'};
+
+	@include mq() {
+		padding: ${spacing.sectionPadding || '8rem 0'};
+	}
+
+	.section_ttl {
+		margin-bottom: 3.2rem;
+		@include fontsize(24, 20);
+		font-weight: bold;
+		color: $color-prime;
+		text-align: center;
+
+		@include mq() {
+			margin-bottom: 4rem;
+		}
+	}
+
+	.list {
+		display: grid;
+		gap: ${spacing.itemGap || '1.6rem'};
+	}
+
+	.list_item {
+		padding: 2rem;
+		background: $color-bg;
+		border-left: 0.4rem solid $color-prime;
+		border-radius: 0.4rem;
+		transition: $easing;
+
+		@include mq() {
+			padding: 2.4rem;
+		}
+
+		@include hover() {
+			background-color: rgba($color-prime, 0.05);
+			transform: translateX(0.4rem);
+		}
+
+		&_ttl {
+			margin-bottom: 0.8rem;
+			@include fontsize(16, 15);
+			font-weight: bold;
+			color: $color-txt;
+		}
+
+		&_desc {
+			@include fontsize(14, 13);
+			line-height: 1.6;
+			color: rgba($color-txt, 0.7);
+		}
+	}
+}
+`;
+}
+/**
+ * モーダルUI用SCSS
+ * 注: モーダル基本スタイルは _c_modal.scss で定義済み、追加スタイルのみ記述
+ */
+function generateModalScss(config) {
+    const { pageName, sectionName, options = {} } = config;
+    const { spacing = {}, columns = 3 } = options;
+    return `// ================================================
+// ${pageName}ページ - ${sectionName}セクション(モーダルUI)
+// ================================================
+
+.${sectionName}_section {
+	padding: ${spacing.sectionPadding || '6rem 0'};
+
+	@include mq() {
+		padding: ${spacing.sectionPadding || '8rem 0'};
+	}
+
+	.section_ttl {
+		margin-bottom: 3.2rem;
+		@include fontsize(24, 20);
+		font-weight: bold;
+		color: $color-prime;
+		text-align: center;
+
+		@include mq() {
+			margin-bottom: 4rem;
+		}
+	}
+
+	.modal_list {
+		display: grid;
+		grid-template-columns: 1fr;
+		gap: ${spacing.itemGap || '2.4rem'};
+
+		@include mq() {
+			grid-template-columns: repeat(${columns}, 1fr);
+		}
+	}
+
+	.modal_item {
+		.c_modal_btn {
+			width: 100%;
+			text-align: left;
+			background: $color-bg;
+			border: 0.1rem solid rgba($color-prime, 0.2);
+			border-radius: 0.8rem;
+			overflow: hidden;
+			transition: $easing;
+
+			@include hover() {
+				transform: translateY(-0.4rem);
+				box-shadow: 0 0.8rem 2.4rem rgba($color-prime, 0.15);
+			}
+		}
+	}
+
+	.modal_thumbnail {
+		position: relative;
+		display: block;
+		aspect-ratio: 16 / 9;
+		overflow: hidden;
+		background-color: rgba($color-prime, 0.05);
+
+		img {
+			width: 100%;
+			height: 100%;
+			object-fit: cover;
+		}
+	}
+
+	.modal_play_icon {
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		pointer-events: none;
+
+		svg {
+			filter: drop-shadow(0 0.4rem 0.8rem rgba(0, 0, 0, 0.3));
+		}
+	}
+
+	.modal_body {
+		display: block;
+		padding: 2rem;
+
+		@include mq() {
+			padding: 2.4rem;
+		}
+	}
+
+	.modal_ttl {
+		margin-bottom: 0.8rem;
+		@include fontsize(18, 16);
+		font-weight: bold;
+		color: $color-txt;
+	}
+
+	.modal_desc {
+		@include fontsize(14, 13);
+		line-height: 1.6;
+		color: rgba($color-txt, 0.7);
+	}
+}
+`;
+}
+/**
+ * デフォルトSCSS（カスタムセクション用）
+ */
+function generateDefaultScss(config) {
+    const { pageName, sectionName, options = {} } = config;
+    const { spacing = {} } = options;
+    return `// ================================================
+// ${pageName}ページ - ${sectionName}セクション
+// ================================================
+
+.${sectionName}_section {
+	padding: ${spacing.sectionPadding || '6rem 0'};
+
+	@include mq() {
+		padding: ${spacing.sectionPadding || '8rem 0'};
+	}
+
+	.section_ttl {
+		margin-bottom: 3.2rem;
+		@include fontsize(24, 20);
+		font-weight: bold;
+		color: $color-prime;
+
+		@include mq() {
+			margin-bottom: 4rem;
+		}
+	}
+
+	.section_desc {
+		@include fontsize(16, 14);
+		line-height: 1.8;
+		color: $color-txt;
+	}
+}
+`;
+}
+//# sourceMappingURL=scssPatterns.js.map

package/dist/templates/scssPatterns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scssPatterns.js","sourceRoot":"","sources":["../../src/templates/scssPatterns.ts"],"names":[],"mappings":"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"}

package/dist/templates/sectionTemplates.js

@@ -86,10 +86,12 @@ const { hero } = Astro.props;
 ---
 
 <section class="hero_section">
-	<div class="hero_content">
-		<h1 class="hero_ttl" set:html={hero.ttl} />
-		{hero.subtitle && <p class="hero_subtitle" set:html={hero.subtitle} />}
-		{hero.desc && <p class="hero_desc" set:html={hero.desc} />}
+	<div class="contentInner">
+		<div class="hero_content">
+			<h1 class="hero_ttl" set:html={hero.ttl} />
+			{hero.subtitle && <p class="hero_subtitle" set:html={hero.subtitle} />}
+			{hero.desc && <p class="hero_desc" set:html={hero.desc} />}
+		</div>
 	</div>
 </section>
 `;
@@ -110,12 +112,14 @@ const { features } = Astro.props;
 ---
 
 <section class="features_section">
-	<h2 class="section_ttl" set:html={features.ttl} />
-	<ul class="feature_list">
-		{features.items.map((item) => (
-			<li class="feature_item" set:html={item} />
-		))}
-	</ul>
+	<div class="contentInner">
+		<h2 class="section_ttl" set:html={features.ttl} />
+		<ul class="feature_list">
+			{features.items.map((item) => (
+				<li class="feature_item" set:html={item} />
+			))}
+		</ul>
+	</div>
 </section>
 `;
 }
@@ -139,18 +143,20 @@ const { tech } = Astro.props;
 ---
 
 <section class="tech_section">
-	<h2 class="section_ttl" set:html={tech.ttl} />
-	{tech.desc && <p class="section_desc" set:html={tech.desc} />}
-	<ul class="tech_list">
-		{
-			tech.items.map((item) => (
-				<li class="tech_item">
-					<h3 class="tech_name">{item.name}</h3>
-					<p class="tech_desc" set:html={item.desc} />
-				</li>
-			))
-		}
-	</ul>
+	<div class="contentInner">
+		<h2 class="section_ttl" set:html={tech.ttl} />
+		{tech.desc && <p class="section_desc" set:html={tech.desc} />}
+		<ul class="tech_list">
+			{
+				tech.items.map((item) => (
+					<li class="tech_item">
+						<h3 class="tech_name">{item.name}</h3>
+						<p class="tech_desc" set:html={item.desc} />
+					</li>
+				))
+			}
+		</ul>
+	</div>
 </section>
 `;
 }
@@ -170,8 +176,10 @@ const { concept } = Astro.props;
 ---
 
 <section class="concept_section">
-	<h2 class="section_ttl" set:html={concept.ttl} />
-	<p class="section_desc" set:html={concept.desc} />
+	<div class="contentInner">
+		<h2 class="section_ttl" set:html={concept.ttl} />
+		<p class="section_desc" set:html={concept.desc} />
+	</div>
 </section>
 `;
 }
@@ -191,8 +199,10 @@ const { ${type} } = Astro.props;
 ---
 
 <section class="${type}_section">
-	<h2 class="section_ttl" set:html={${type}.ttl} />
-	{/* カスタムコンテンツをここに追加 */}
+	<div class="contentInner">
+		<h2 class="section_ttl" set:html={${type}.ttl} />
+		{/* カスタムコンテンツをここに追加 */}
+	</div>
 </section>
 `;
 }

package/dist/templates/sectionTemplates.js.map

@@ -1 +1 @@
-{"version":3,"file":"sectionTemplates.js","sourceRoot":"","sources":["../../src/templates/sectionTemplates.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"sectionTemplates.js","sourceRoot":"","sources":["../../src/templates/sectionTemplates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAkB,MAAM,iBAAiB,CAAC;AAUpE;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,MAAqB;IAC5D,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;IAExD,gCAAgC;IAChC,IAAI,SAAS,EAAE,CAAC;QACf,OAAO,iBAAiB,CAAC;YACxB,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,OAAO;YACb,UAAU;YACV,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC;SAClC,CAAC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACnB,QAAQ,IAAI,EAAE,CAAC;QACd,KAAK,MAAM;YACV,OAAO,mBAAmB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QACjD,KAAK,UAAU;YACd,OAAO,iBAAiB,CAAC;gBACxB,OAAO,EAAE,MAAM;gBACf,IAAI,EAAE,OAAO;gBACb,UAAU;gBACV,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC;aAClC,CAAC,CAAC;QACJ,KAAK,YAAY;YAChB,OAAO,iBAAiB,CAAC;gBACxB,OAAO,EAAE,KAAK;gBACd,IAAI,EAAE,OAAO;gBACb,UAAU;gBACV,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC;aAClC,CAAC,CAAC;QACJ,KAAK,IAAI;YACR,OAAO,iBAAiB,CAAC;gBACxB,OAAO,EAAE,WAAW;gBACpB,IAAI,EAAE,OAAO;gBACb,UAAU;gBACV,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC;aAClC,CAAC,CAAC;QACJ,KAAK,OAAO,CAAC;QACb,KAAK,SAAS,CAAC;QACf,KAAK,QAAQ;YACZ,OAAO,iBAAiB,CAAC;gBACxB,OAAO,EAAE,OAAO;gBAChB,IAAI,EAAE,OAAO;gBACb,UAAU;gBACV,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC;aAClC,CAAC,CAAC;QACJ,KAAK,UAAU;YACd,OAAO,uBAAuB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QACrD,KAAK,MAAM;YACV,OAAO,mBAAmB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QACjD,KAAK,SAAS;YACb,OAAO,sBAAsB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QACpD;YACC,OAAO,qBAAqB,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;IAC1D,CAAC;AACF,CAAC;AAED;;GAEG;AACH,SAAS,gBAAgB,CAAC,OAAY;IACrC,OAAO;QACN,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,CAAC;QAC7B,GAAG,EAAE,OAAO,CAAC,GAAG,IAAI,QAAQ;QAC5B,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,KAAK;QACnC,SAAS,EAAE,OAAO,CAAC,SAAS,KAAK,KAAK;QACtC,QAAQ,EAAE,OAAO,CAAC,QAAQ,KAAK,KAAK;KACpC,CAAC;AACH,CAAC;AAED,SAAS,mBAAmB,CAC3B,OAA4B,EAC5B,UAAoB;IAEpB,OAAO;;;;;;;;;;;;;;;;;;;;;;;;CAwBP,CAAC;AACF,CAAC;AAED,SAAS,uBAAuB,CAC/B,OAA4B,EAC5B,UAAoB;IAEpB,OAAO;;;;;;;;;;;;;;;;;;;;;;;;CAwBP,CAAC;AACF,CAAC;AAED,SAAS,mBAAmB,CAC3B,OAA4B,EAC5B,UAAoB;IAEpB,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCP,CAAC;AACF,CAAC;AAED,SAAS,sBAAsB,CAC9B,OAA4B,EAC5B,UAAoB;IAEpB,OAAO;;;;;;;;;;;;;;;;;;;;CAoBP,CAAC;AACF,CAAC;AAED,SAAS,qBAAqB,CAC7B,IAAY,EACZ,OAA4B,EAC5B,UAAoB;IAEpB,OAAO;;KAEH,IAAI;;;GAGN,IAAI;;;;;;UAMG,IAAI;;;kBAGI,IAAI;;sCAEgB,IAAI;;;;CAIzC,CAAC;AACF,CAAC"}

package/dist/templates/uiPatterns.d.ts

@@ -13,9 +13,6 @@ export interface UIPatternConfig {
         autoplay?: boolean;
         openFirst?: boolean;
         hasImage?: boolean;
-        hasPicture?: boolean;
-        useContainer?: boolean;
-        useStandardButton?: boolean;
     };
 }
 /**

package/dist/templates/uiPatterns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uiPatterns.d.ts","sourceRoot":"","sources":["../../src/templates/uiPatterns.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,MAAM,SAAS,GAClB,KAAK,GACL,WAAW,GACX,MAAM,GACN,UAAU,GACV,MAAM,GACN,OAAO,CAAC;AAEX,MAAM,WAAW,eAAe;IAC/B,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC5B,CAAC;CACF;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,CAiBjE"}
+{"version":3,"file":"uiPatterns.d.ts","sourceRoot":"","sources":["../../src/templates/uiPatterns.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,MAAM,SAAS,GAClB,KAAK,GACL,WAAW,GACX,MAAM,GACN,UAAU,GACV,MAAM,GACN,OAAO,CAAC;AAEX,MAAM,WAAW,eAAe;IAC/B,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;CACF;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,CAiBjE"}