@sellmate/design-system 0.0.1 → 0.0.2

package/dist/cjs/sd-button_4.cjs.entry.js

@@ -0,0 +1,851 @@
+'use strict';
+
+var index = require('./index-Dx2csts8.js');
+
+const primary = "#051d36";
+const secondary = "#555555";
+const accent = "#9c27b0";
+const positive = "#0075ff";
+const negative = "#e30000";
+const info = "#00cd52";
+const warning = "#f2c037";
+const red_99 = "#220000";
+const red_95 = "#440000";
+const red_90 = "#5E0000";
+const red_85 = "#820000";
+const red_80 = "#AD0000";
+const red_75 = "#E30000";
+const red_70 = "#FB4444";
+const red_60 = "#FF7C7C";
+const red_45 = "#FFB5B5";
+const red_30 = "#FFD3D3";
+const red_20 = "#FCE6E6";
+const red_15 = "#FCEFEF";
+const caution_bg = "#FEF1F1";
+const caution_icon = "#fd9595";
+const orange_99 = "#2F1100";
+const orange_95 = "#4D1B00";
+const orange_90 = "#752A00";
+const orange_85 = "#9B3700";
+const orange_75 = "#CE4900";
+const orange_65 = "#FF6B00";
+const orange_60 = "#FF7F22";
+const orange_55 = "#FFA452";
+const orange_45 = "#FFBC81";
+const orange_35 = "#FFD5AF";
+const orange_20 = "#FFEAD7";
+const orange_10 = "#FEF1EA";
+const header_alert = "#FF7A00";
+const yellow_95 = "#322700";
+const yellow_90 = "#453702";
+const yellow_80 = "#6C5602";
+const yellow_70 = "#9C7A00";
+const yellow_60 = "#C49900";
+const yellow_50 = "#EBB800";
+const yellow_45 = "#FFC700";
+const yellow_40 = "#FFD643";
+const yellow_30 = "#FEE17C";
+const yellow_25 = "#FFE99E";
+const yellow_20 = "#FEF1C4";
+const yellow_10 = "#FFF7DD";
+const olive_95 = "#2C2C00";
+const olive_90 = "#454500";
+const olive_80 = "#636300";
+const olive_70 = "#838300";
+const olive_65 = "#A5A500";
+const olive_55 = "#C7C700";
+const olive_45 = "#DDDD12";
+const olive_30 = "#EEEE37";
+const olive_20 = "#F6F65F";
+const olive_15 = "#FAFAA1";
+const olive_10 = "#FBFBBF";
+const olive_05 = "#FEFED9";
+const green_99 = "#001D0B";
+const green_95 = "#003013";
+const green_90 = "#00461C";
+const green_85 = "#006629";
+const green_80 = "#007B31";
+const green_75 = "#00973C";
+const green_70 = "#12B553";
+const green_65 = "#2BCE6C";
+const green_55 = "#6DE39C";
+const green_45 = "#ACF4C9";
+const green_25 = "#D4FAE3";
+const green_15 = "#E8F9EF";
+const steelblue_99 = "#021a25";
+const steelblue_95 = "#02212f";
+const steelblue_90 = "#032d40";
+const steelblue_85 = "#033f59";
+const steelblue_80 = "#06587d";
+const steelblue_75 = "#066d9b";
+const steelblue_70 = "#128fc7";
+const steelblue_65 = "#229fd7";
+const steelblue_60 = "#50bff0";
+const steelblue_45 = "#a4e2fd";
+const steelblue_25 = "#d9f2fd";
+const steelblue_10 = "#ecf8fd";
+const oceanblue_99 = "#011428";
+const oceanblue_95 = "#03172d";
+const oceanblue_90 = "#051d36";
+const oceanblue_85 = "#07284a";
+const oceanblue_80 = "#004177";
+const oceanblue_75 = "#025497";
+const oceanblue_70 = "#006ac1";
+const oceanblue_65 = "#1f8ae1";
+const oceanblue_60 = "#5cb0f3";
+const oceanblue_50 = "#9cd1fc";
+const oceanblue_25 = "#d5ebfe";
+const oceanblue_15 = "#eaf5fe";
+const brilliantblue_99 = "#001226";
+const brilliantblue_95 = "#001b39";
+const brilliantblue_90 = "#002b5e";
+const brilliantblue_85 = "#004290";
+const brilliantblue_80 = "#005cc9";
+const brilliantblue_75 = "#0075ff";
+const brilliantblue_70 = "#2d8dff";
+const brilliantblue_60 = "#64abff";
+const brilliantblue_50 = "#93c4ff";
+const brilliantblue_40 = "#bbdaff";
+const brilliantblue_25 = "#d9eaff";
+const brilliantblue_20 = "#e6f1ff";
+const brilliantblue_10 = "#eff6ff";
+const brilliantblue_05 = "#f5faff";
+const grey_95 = "#222222";
+const grey_90 = "#333333";
+const grey_85 = "#444444";
+const grey_80 = "#555555";
+const grey_70 = "#737373";
+const grey_65 = "#888888";
+const grey_60 = "#999999";
+const grey_55 = "#aaaaaa";
+const grey_50 = "#bbbbbb";
+const grey_45 = "#cccccc";
+const grey_35 = "#D8D8D8";
+const grey_30 = "#e1e1e1";
+const grey_25 = "#E5E5E5";
+const grey_20 = "#eeeeee";
+const grey_10 = "#f6f6f6";
+const grey_05 = "#f9f9f9";
+const white = "#ffffff";
+const black = "#000000";
+var colors$1 = {
+	primary: primary,
+	secondary: secondary,
+	accent: accent,
+	positive: positive,
+	negative: negative,
+	info: info,
+	warning: warning,
+	red_99: red_99,
+	red_95: red_95,
+	red_90: red_90,
+	red_85: red_85,
+	red_80: red_80,
+	red_75: red_75,
+	red_70: red_70,
+	red_60: red_60,
+	red_45: red_45,
+	red_30: red_30,
+	red_20: red_20,
+	red_15: red_15,
+	caution_bg: caution_bg,
+	caution_icon: caution_icon,
+	orange_99: orange_99,
+	orange_95: orange_95,
+	orange_90: orange_90,
+	orange_85: orange_85,
+	orange_75: orange_75,
+	orange_65: orange_65,
+	orange_60: orange_60,
+	orange_55: orange_55,
+	orange_45: orange_45,
+	orange_35: orange_35,
+	orange_20: orange_20,
+	orange_10: orange_10,
+	header_alert: header_alert,
+	yellow_95: yellow_95,
+	yellow_90: yellow_90,
+	yellow_80: yellow_80,
+	yellow_70: yellow_70,
+	yellow_60: yellow_60,
+	yellow_50: yellow_50,
+	yellow_45: yellow_45,
+	yellow_40: yellow_40,
+	yellow_30: yellow_30,
+	yellow_25: yellow_25,
+	yellow_20: yellow_20,
+	yellow_10: yellow_10,
+	olive_95: olive_95,
+	olive_90: olive_90,
+	olive_80: olive_80,
+	olive_70: olive_70,
+	olive_65: olive_65,
+	olive_55: olive_55,
+	olive_45: olive_45,
+	olive_30: olive_30,
+	olive_20: olive_20,
+	olive_15: olive_15,
+	olive_10: olive_10,
+	olive_05: olive_05,
+	green_99: green_99,
+	green_95: green_95,
+	green_90: green_90,
+	green_85: green_85,
+	green_80: green_80,
+	green_75: green_75,
+	green_70: green_70,
+	green_65: green_65,
+	green_55: green_55,
+	green_45: green_45,
+	green_25: green_25,
+	green_15: green_15,
+	steelblue_99: steelblue_99,
+	steelblue_95: steelblue_95,
+	steelblue_90: steelblue_90,
+	steelblue_85: steelblue_85,
+	steelblue_80: steelblue_80,
+	steelblue_75: steelblue_75,
+	steelblue_70: steelblue_70,
+	steelblue_65: steelblue_65,
+	steelblue_60: steelblue_60,
+	steelblue_45: steelblue_45,
+	steelblue_25: steelblue_25,
+	steelblue_10: steelblue_10,
+	oceanblue_99: oceanblue_99,
+	oceanblue_95: oceanblue_95,
+	oceanblue_90: oceanblue_90,
+	oceanblue_85: oceanblue_85,
+	oceanblue_80: oceanblue_80,
+	oceanblue_75: oceanblue_75,
+	oceanblue_70: oceanblue_70,
+	oceanblue_65: oceanblue_65,
+	oceanblue_60: oceanblue_60,
+	oceanblue_50: oceanblue_50,
+	oceanblue_25: oceanblue_25,
+	oceanblue_15: oceanblue_15,
+	brilliantblue_99: brilliantblue_99,
+	brilliantblue_95: brilliantblue_95,
+	brilliantblue_90: brilliantblue_90,
+	brilliantblue_85: brilliantblue_85,
+	brilliantblue_80: brilliantblue_80,
+	brilliantblue_75: brilliantblue_75,
+	brilliantblue_70: brilliantblue_70,
+	brilliantblue_60: brilliantblue_60,
+	brilliantblue_50: brilliantblue_50,
+	brilliantblue_40: brilliantblue_40,
+	brilliantblue_25: brilliantblue_25,
+	brilliantblue_20: brilliantblue_20,
+	brilliantblue_10: brilliantblue_10,
+	brilliantblue_05: brilliantblue_05,
+	grey_95: grey_95,
+	grey_90: grey_90,
+	grey_85: grey_85,
+	grey_80: grey_80,
+	grey_70: grey_70,
+	grey_65: grey_65,
+	grey_60: grey_60,
+	grey_55: grey_55,
+	grey_50: grey_50,
+	grey_45: grey_45,
+	grey_35: grey_35,
+	grey_30: grey_30,
+	grey_25: grey_25,
+	grey_20: grey_20,
+	grey_10: grey_10,
+	grey_05: grey_05,
+	white: white,
+	black: black
+};
+
+const colors = colors$1;
+// 주어진 문자열이 color.json의 키이면 매핑된 HEX를 반환하고,
+// 아닐 경우 원문 그대로를 반환합니다. 값이 falsy면 기본 색상으로 대체합니다.
+function resolveColor(input, fallback = '#025497') {
+    if (!input)
+        return fallback;
+    const mapped = colors[input];
+    return mapped || input;
+}
+
+const sdButtonCss = "@font-face{font-family:\"Pretendard\";font-weight:800;font-display:swap;src:local(\"Pretendard-ExtraBold\"), url(\"./fonts/Pretendard-ExtraBold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-ExtraBold.ttf\") format(\"truetype\");}@font-face{font-family:\"Pretendard\";font-weight:700;font-display:swap;src:local(\"Pretendard-Bold\"), url(\"./fonts/Pretendard-Bold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Bold.ttf\") format(\"truetype\");}@font-face{font-family:\"Pretendard\";font-weight:600;font-display:swap;src:local(\"Pretendard-SemiBold\"), url(\"./fonts/Pretendard-SemiBold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-SemiBold.ttf\") format(\"truetype\");}@font-face{font-family:\"Pretendard\";font-weight:500;font-display:swap;src:local(\"Pretendard-Medium\"), url(\"./fonts/Pretendard-Medium.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Medium.ttf\") format(\"truetype\");}@font-face{font-family:\"Pretendard\";font-weight:400;font-display:swap;src:local(\"Pretendard-Regular\"), url(\"./fonts/Pretendard-Regular.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Regular.ttf\") format(\"truetype\");}@font-face{font-family:\"Pretendard\";font-weight:300;font-display:swap;src:local(\"Pretendard-Light\"), url(\"./fonts/Pretendard-Light.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Light.ttf\") format(\"truetype\");}:root{--font-family-base:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}html{font-family:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}.bg-primary{background-color:var(--color-primary, #051d36)}.bg-secondary{background-color:var(--color-secondary, #555555)}.bg-accent{background-color:var(--color-accent, #9c27b0)}.bg-positive{background-color:var(--color-positive, #0075ff)}.bg-negative{background-color:var(--color-negative, #e30000)}.bg-info{background-color:var(--color-info, #00cd52)}.bg-warning{background-color:var(--color-warning, #f2c037)}.bg-red_99{background-color:var(--color-red_99, #220000)}.bg-red_95{background-color:var(--color-red_95, #440000)}.bg-red_90{background-color:var(--color-red_90, #5E0000)}.bg-red_85{background-color:var(--color-red_85, #820000)}.bg-red_80{background-color:var(--color-red_80, #AD0000)}.bg-red_75{background-color:var(--color-red_75, #E30000)}.bg-red_70{background-color:var(--color-red_70, #FB4444)}.bg-red_60{background-color:var(--color-red_60, #FF7C7C)}.bg-red_45{background-color:var(--color-red_45, #FFB5B5)}.bg-red_30{background-color:var(--color-red_30, #FFD3D3)}.bg-red_20{background-color:var(--color-red_20, #FCE6E6)}.bg-red_15{background-color:var(--color-red_15, #FCEFEF)}.bg-caution_bg{background-color:var(--color-caution_bg, #FEF1F1)}.bg-caution_icon{background-color:var(--color-caution_icon, #fd9595)}.bg-orange_99{background-color:var(--color-orange_99, #2F1100)}.bg-orange_95{background-color:var(--color-orange_95, #4D1B00)}.bg-orange_90{background-color:var(--color-orange_90, #752A00)}.bg-orange_85{background-color:var(--color-orange_85, #9B3700)}.bg-orange_75{background-color:var(--color-orange_75, #CE4900)}.bg-orange_65{background-color:var(--color-orange_65, #FF6B00)}.bg-orange_60{background-color:var(--color-orange_60, #FF7F22)}.bg-orange_55{background-color:var(--color-orange_55, #FFA452)}.bg-orange_45{background-color:var(--color-orange_45, #FFBC81)}.bg-orange_35{background-color:var(--color-orange_35, #FFD5AF)}.bg-orange_20{background-color:var(--color-orange_20, #FFEAD7)}.bg-orange_10{background-color:var(--color-orange_10, #FEF1EA)}.bg-header_alert{background-color:var(--color-header_alert, #FF7A00)}.bg-yellow_95{background-color:var(--color-yellow_95, #322700)}.bg-yellow_90{background-color:var(--color-yellow_90, #453702)}.bg-yellow_80{background-color:var(--color-yellow_80, #6C5602)}.bg-yellow_70{background-color:var(--color-yellow_70, #9C7A00)}.bg-yellow_60{background-color:var(--color-yellow_60, #C49900)}.bg-yellow_50{background-color:var(--color-yellow_50, #EBB800)}.bg-yellow_45{background-color:var(--color-yellow_45, #FFC700)}.bg-yellow_40{background-color:var(--color-yellow_40, #FFD643)}.bg-yellow_30{background-color:var(--color-yellow_30, #FEE17C)}.bg-yellow_25{background-color:var(--color-yellow_25, #FFE99E)}.bg-yellow_20{background-color:var(--color-yellow_20, #FEF1C4)}.bg-yellow_10{background-color:var(--color-yellow_10, #FFF7DD)}.bg-olive_95{background-color:var(--color-olive_95, #2C2C00)}.bg-olive_90{background-color:var(--color-olive_90, #454500)}.bg-olive_80{background-color:var(--color-olive_80, #636300)}.bg-olive_70{background-color:var(--color-olive_70, #838300)}.bg-olive_65{background-color:var(--color-olive_65, #A5A500)}.bg-olive_55{background-color:var(--color-olive_55, #C7C700)}.bg-olive_45{background-color:var(--color-olive_45, #DDDD12)}.bg-olive_30{background-color:var(--color-olive_30, #EEEE37)}.bg-olive_20{background-color:var(--color-olive_20, #F6F65F)}.bg-olive_15{background-color:var(--color-olive_15, #FAFAA1)}.bg-olive_10{background-color:var(--color-olive_10, #FBFBBF)}.bg-olive_05{background-color:var(--color-olive_05, #FEFED9)}.bg-green_99{background-color:var(--color-green_99, #001D0B)}.bg-green_95{background-color:var(--color-green_95, #003013)}.bg-green_90{background-color:var(--color-green_90, #00461C)}.bg-green_85{background-color:var(--color-green_85, #006629)}.bg-green_80{background-color:var(--color-green_80, #007B31)}.bg-green_75{background-color:var(--color-green_75, #00973C)}.bg-green_70{background-color:var(--color-green_70, #12B553)}.bg-green_65{background-color:var(--color-green_65, #2BCE6C)}.bg-green_55{background-color:var(--color-green_55, #6DE39C)}.bg-green_45{background-color:var(--color-green_45, #ACF4C9)}.bg-green_25{background-color:var(--color-green_25, #D4FAE3)}.bg-green_15{background-color:var(--color-green_15, #E8F9EF)}.bg-steelblue_99{background-color:var(--color-steelblue_99, #021a25)}.bg-steelblue_95{background-color:var(--color-steelblue_95, #02212f)}.bg-steelblue_90{background-color:var(--color-steelblue_90, #032d40)}.bg-steelblue_85{background-color:var(--color-steelblue_85, #033f59)}.bg-steelblue_80{background-color:var(--color-steelblue_80, #06587d)}.bg-steelblue_75{background-color:var(--color-steelblue_75, #066d9b)}.bg-steelblue_70{background-color:var(--color-steelblue_70, #128fc7)}.bg-steelblue_65{background-color:var(--color-steelblue_65, #229fd7)}.bg-steelblue_60{background-color:var(--color-steelblue_60, #50bff0)}.bg-steelblue_45{background-color:var(--color-steelblue_45, #a4e2fd)}.bg-steelblue_25{background-color:var(--color-steelblue_25, #d9f2fd)}.bg-steelblue_10{background-color:var(--color-steelblue_10, #ecf8fd)}.bg-oceanblue_99{background-color:var(--color-oceanblue_99, #011428)}.bg-oceanblue_95{background-color:var(--color-oceanblue_95, #03172d)}.bg-oceanblue_90{background-color:var(--color-oceanblue_90, #051d36)}.bg-oceanblue_85{background-color:var(--color-oceanblue_85, #07284a)}.bg-oceanblue_80{background-color:var(--color-oceanblue_80, #004177)}.bg-oceanblue_75{background-color:var(--color-oceanblue_75, #025497)}.bg-oceanblue_70{background-color:var(--color-oceanblue_70, #006ac1)}.bg-oceanblue_65{background-color:var(--color-oceanblue_65, #1f8ae1)}.bg-oceanblue_60{background-color:var(--color-oceanblue_60, #5cb0f3)}.bg-oceanblue_50{background-color:var(--color-oceanblue_50, #9cd1fc)}.bg-oceanblue_25{background-color:var(--color-oceanblue_25, #d5ebfe)}.bg-oceanblue_15{background-color:var(--color-oceanblue_15, #eaf5fe)}.bg-brilliantblue_99{background-color:var(--color-brilliantblue_99, #001226)}.bg-brilliantblue_95{background-color:var(--color-brilliantblue_95, #001b39)}.bg-brilliantblue_90{background-color:var(--color-brilliantblue_90, #002b5e)}.bg-brilliantblue_85{background-color:var(--color-brilliantblue_85, #004290)}.bg-brilliantblue_80{background-color:var(--color-brilliantblue_80, #005cc9)}.bg-brilliantblue_75{background-color:var(--color-brilliantblue_75, #0075ff)}.bg-brilliantblue_70{background-color:var(--color-brilliantblue_70, #2d8dff)}.bg-brilliantblue_60{background-color:var(--color-brilliantblue_60, #64abff)}.bg-brilliantblue_50{background-color:var(--color-brilliantblue_50, #93c4ff)}.bg-brilliantblue_40{background-color:var(--color-brilliantblue_40, #bbdaff)}.bg-brilliantblue_25{background-color:var(--color-brilliantblue_25, #d9eaff)}.bg-brilliantblue_20{background-color:var(--color-brilliantblue_20, #e6f1ff)}.bg-brilliantblue_10{background-color:var(--color-brilliantblue_10, #eff6ff)}.bg-brilliantblue_05{background-color:var(--color-brilliantblue_05, #f5faff)}.bg-grey_95{background-color:var(--color-grey_95, #222222)}.bg-grey_90{background-color:var(--color-grey_90, #333333)}.bg-grey_85{background-color:var(--color-grey_85, #444444)}.bg-grey_80{background-color:var(--color-grey_80, #555555)}.bg-grey_70{background-color:var(--color-grey_70, #737373)}.bg-grey_65{background-color:var(--color-grey_65, #888888)}.bg-grey_60{background-color:var(--color-grey_60, #999999)}.bg-grey_55{background-color:var(--color-grey_55, #aaaaaa)}.bg-grey_50{background-color:var(--color-grey_50, #bbbbbb)}.bg-grey_45{background-color:var(--color-grey_45, #cccccc)}.bg-grey_35{background-color:var(--color-grey_35, #D8D8D8)}.bg-grey_30{background-color:var(--color-grey_30, #e1e1e1)}.bg-grey_25{background-color:var(--color-grey_25, #E5E5E5)}.bg-grey_20{background-color:var(--color-grey_20, #eeeeee)}.bg-grey_10{background-color:var(--color-grey_10, #f6f6f6)}.bg-grey_05{background-color:var(--color-grey_05, #f9f9f9)}.bg-white{background-color:var(--color-white, #ffffff)}.bg-black{background-color:var(--color-black, #000000)}.text-primary{color:var(--color-primary, #051d36)}.text-secondary{color:var(--color-secondary, #555555)}.text-accent{color:var(--color-accent, #9c27b0)}.text-positive{color:var(--color-positive, #0075ff)}.text-negative{color:var(--color-negative, #e30000)}.text-info{color:var(--color-info, #00cd52)}.text-warning{color:var(--color-warning, #f2c037)}.text-red_99{color:var(--color-red_99, #220000)}.text-red_95{color:var(--color-red_95, #440000)}.text-red_90{color:var(--color-red_90, #5E0000)}.text-red_85{color:var(--color-red_85, #820000)}.text-red_80{color:var(--color-red_80, #AD0000)}.text-red_75{color:var(--color-red_75, #E30000)}.text-red_70{color:var(--color-red_70, #FB4444)}.text-red_60{color:var(--color-red_60, #FF7C7C)}.text-red_45{color:var(--color-red_45, #FFB5B5)}.text-red_30{color:var(--color-red_30, #FFD3D3)}.text-red_20{color:var(--color-red_20, #FCE6E6)}.text-red_15{color:var(--color-red_15, #FCEFEF)}.text-caution_bg{color:var(--color-caution_bg, #FEF1F1)}.text-caution_icon{color:var(--color-caution_icon, #fd9595)}.text-orange_99{color:var(--color-orange_99, #2F1100)}.text-orange_95{color:var(--color-orange_95, #4D1B00)}.text-orange_90{color:var(--color-orange_90, #752A00)}.text-orange_85{color:var(--color-orange_85, #9B3700)}.text-orange_75{color:var(--color-orange_75, #CE4900)}.text-orange_65{color:var(--color-orange_65, #FF6B00)}.text-orange_60{color:var(--color-orange_60, #FF7F22)}.text-orange_55{color:var(--color-orange_55, #FFA452)}.text-orange_45{color:var(--color-orange_45, #FFBC81)}.text-orange_35{color:var(--color-orange_35, #FFD5AF)}.text-orange_20{color:var(--color-orange_20, #FFEAD7)}.text-orange_10{color:var(--color-orange_10, #FEF1EA)}.text-header_alert{color:var(--color-header_alert, #FF7A00)}.text-yellow_95{color:var(--color-yellow_95, #322700)}.text-yellow_90{color:var(--color-yellow_90, #453702)}.text-yellow_80{color:var(--color-yellow_80, #6C5602)}.text-yellow_70{color:var(--color-yellow_70, #9C7A00)}.text-yellow_60{color:var(--color-yellow_60, #C49900)}.text-yellow_50{color:var(--color-yellow_50, #EBB800)}.text-yellow_45{color:var(--color-yellow_45, #FFC700)}.text-yellow_40{color:var(--color-yellow_40, #FFD643)}.text-yellow_30{color:var(--color-yellow_30, #FEE17C)}.text-yellow_25{color:var(--color-yellow_25, #FFE99E)}.text-yellow_20{color:var(--color-yellow_20, #FEF1C4)}.text-yellow_10{color:var(--color-yellow_10, #FFF7DD)}.text-olive_95{color:var(--color-olive_95, #2C2C00)}.text-olive_90{color:var(--color-olive_90, #454500)}.text-olive_80{color:var(--color-olive_80, #636300)}.text-olive_70{color:var(--color-olive_70, #838300)}.text-olive_65{color:var(--color-olive_65, #A5A500)}.text-olive_55{color:var(--color-olive_55, #C7C700)}.text-olive_45{color:var(--color-olive_45, #DDDD12)}.text-olive_30{color:var(--color-olive_30, #EEEE37)}.text-olive_20{color:var(--color-olive_20, #F6F65F)}.text-olive_15{color:var(--color-olive_15, #FAFAA1)}.text-olive_10{color:var(--color-olive_10, #FBFBBF)}.text-olive_05{color:var(--color-olive_05, #FEFED9)}.text-green_99{color:var(--color-green_99, #001D0B)}.text-green_95{color:var(--color-green_95, #003013)}.text-green_90{color:var(--color-green_90, #00461C)}.text-green_85{color:var(--color-green_85, #006629)}.text-green_80{color:var(--color-green_80, #007B31)}.text-green_75{color:var(--color-green_75, #00973C)}.text-green_70{color:var(--color-green_70, #12B553)}.text-green_65{color:var(--color-green_65, #2BCE6C)}.text-green_55{color:var(--color-green_55, #6DE39C)}.text-green_45{color:var(--color-green_45, #ACF4C9)}.text-green_25{color:var(--color-green_25, #D4FAE3)}.text-green_15{color:var(--color-green_15, #E8F9EF)}.text-steelblue_99{color:var(--color-steelblue_99, #021a25)}.text-steelblue_95{color:var(--color-steelblue_95, #02212f)}.text-steelblue_90{color:var(--color-steelblue_90, #032d40)}.text-steelblue_85{color:var(--color-steelblue_85, #033f59)}.text-steelblue_80{color:var(--color-steelblue_80, #06587d)}.text-steelblue_75{color:var(--color-steelblue_75, #066d9b)}.text-steelblue_70{color:var(--color-steelblue_70, #128fc7)}.text-steelblue_65{color:var(--color-steelblue_65, #229fd7)}.text-steelblue_60{color:var(--color-steelblue_60, #50bff0)}.text-steelblue_45{color:var(--color-steelblue_45, #a4e2fd)}.text-steelblue_25{color:var(--color-steelblue_25, #d9f2fd)}.text-steelblue_10{color:var(--color-steelblue_10, #ecf8fd)}.text-oceanblue_99{color:var(--color-oceanblue_99, #011428)}.text-oceanblue_95{color:var(--color-oceanblue_95, #03172d)}.text-oceanblue_90{color:var(--color-oceanblue_90, #051d36)}.text-oceanblue_85{color:var(--color-oceanblue_85, #07284a)}.text-oceanblue_80{color:var(--color-oceanblue_80, #004177)}.text-oceanblue_75{color:var(--color-oceanblue_75, #025497)}.text-oceanblue_70{color:var(--color-oceanblue_70, #006ac1)}.text-oceanblue_65{color:var(--color-oceanblue_65, #1f8ae1)}.text-oceanblue_60{color:var(--color-oceanblue_60, #5cb0f3)}.text-oceanblue_50{color:var(--color-oceanblue_50, #9cd1fc)}.text-oceanblue_25{color:var(--color-oceanblue_25, #d5ebfe)}.text-oceanblue_15{color:var(--color-oceanblue_15, #eaf5fe)}.text-brilliantblue_99{color:var(--color-brilliantblue_99, #001226)}.text-brilliantblue_95{color:var(--color-brilliantblue_95, #001b39)}.text-brilliantblue_90{color:var(--color-brilliantblue_90, #002b5e)}.text-brilliantblue_85{color:var(--color-brilliantblue_85, #004290)}.text-brilliantblue_80{color:var(--color-brilliantblue_80, #005cc9)}.text-brilliantblue_75{color:var(--color-brilliantblue_75, #0075ff)}.text-brilliantblue_70{color:var(--color-brilliantblue_70, #2d8dff)}.text-brilliantblue_60{color:var(--color-brilliantblue_60, #64abff)}.text-brilliantblue_50{color:var(--color-brilliantblue_50, #93c4ff)}.text-brilliantblue_40{color:var(--color-brilliantblue_40, #bbdaff)}.text-brilliantblue_25{color:var(--color-brilliantblue_25, #d9eaff)}.text-brilliantblue_20{color:var(--color-brilliantblue_20, #e6f1ff)}.text-brilliantblue_10{color:var(--color-brilliantblue_10, #eff6ff)}.text-brilliantblue_05{color:var(--color-brilliantblue_05, #f5faff)}.text-grey_95{color:var(--color-grey_95, #222222)}.text-grey_90{color:var(--color-grey_90, #333333)}.text-grey_85{color:var(--color-grey_85, #444444)}.text-grey_80{color:var(--color-grey_80, #555555)}.text-grey_70{color:var(--color-grey_70, #737373)}.text-grey_65{color:var(--color-grey_65, #888888)}.text-grey_60{color:var(--color-grey_60, #999999)}.text-grey_55{color:var(--color-grey_55, #aaaaaa)}.text-grey_50{color:var(--color-grey_50, #bbbbbb)}.text-grey_45{color:var(--color-grey_45, #cccccc)}.text-grey_35{color:var(--color-grey_35, #D8D8D8)}.text-grey_30{color:var(--color-grey_30, #e1e1e1)}.text-grey_25{color:var(--color-grey_25, #E5E5E5)}.text-grey_20{color:var(--color-grey_20, #eeeeee)}.text-grey_10{color:var(--color-grey_10, #f6f6f6)}.text-grey_05{color:var(--color-grey_05, #f9f9f9)}.text-white{color:var(--color-white, #ffffff)}.text-black{color:var(--color-black, #000000)}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-size:inherit}:target{scroll-margin-block:5ex}button{background:none;border:none;cursor:pointer;padding:0;outline:0}button:focus{outline:0 !important}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}input[type=text],input[type=number],input[type=password],input[type=email],input[type=tel],textarea{padding-block:0px;padding-inline:0px}.sd-hoverable:hover>.sd-focus-helper{background:currentColor;opacity:0.15}.sd-hoverable:hover>.sd-focus-helper:before{opacity:0.1}.sd-hoverable:hover>.sd-focus-helper:after{opacity:0.4}.sd-focus-helper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before,.sd-focus-helper:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:inherit;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before{background:#000000}.sd-focus-helper:after{background:#ffffff}.sd-tooltip-menu{width:fit-content;padding:8px 16px;border-radius:4px;color:white;background:#07284a;font-size:12px;position:relative;box-sizing:border-box;display:flex;align-items:start;justify-content:center;gap:12px}.sd-tooltip-menu--with-close{padding-right:12px !important}.sd-tooltip-menu__arrow{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-tooltip-menu__arrow svg{width:100%;height:100%}.sd-tooltip-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-tooltip-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-tooltip-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-tooltip-menu__arrow--right{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-tooltip-menu__content{line-height:20px;font-weight:500}.sd-tooltip-menu__close-button{padding-top:4px;display:flex}.sd-tooltip-menu__close-button button{padding:0;background:none;border:none;cursor:pointer}.sd-popover-menu{width:fit-content;padding:12px 20px;border-radius:4px;color:white;background:#07284a;font-size:12px;position:relative;box-sizing:border-box}.sd-popover-menu__arrow{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-popover-menu__arrow svg{width:100%;height:100%}.sd-popover-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-popover-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-popover-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-popover-menu__arrow--right{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-popover-menu__content{font-size:12px;line-height:20px}.sd-popover-menu__content .sd-popover-menu__title{font-weight:700;margin-bottom:4px}.sd-popover-menu__content .sd-popover-menu__messages{font-weight:500}.sd-popover-menu__content .sd-popover-menu__buttons{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-popover-menu__content .sd-popover-menu__buttons--1{justify-content:flex-end}.sd-popover-menu__content .sd-popover-menu__buttons--2{justify-content:space-between}.sd-popover-menu__close-button{position:absolute;top:16px;right:12px;padding:0;background:none;border:none;cursor:pointer}.sd-button{text-decoration:none;cursor:pointer;border-radius:4px;transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.sd-button--xs{padding:0 8px;font-size:12px;font-weight:500;line-height:20px;min-height:24px}.sd-button--sm{padding:0 12px;font-size:12px;font-weight:500;line-height:20px;min-height:28px}.sd-button--md{padding:0 20px;font-size:16px;font-weight:500;line-height:26px;min-height:34px}.sd-button--lg{padding:0 28px;font-size:18px;font-weight:500;line-height:30px;min-height:62px}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:\"\";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background-color:white;border:1px solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:\"\";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:\"\";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:1px solid #cccccc;background:#e1e1e1;color:#888888;cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:fit-content;height:fit-content;aspect-ratio:1/1}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:4px;z-index:1;font-weight:500}";
+
+const ICON_SIZES = {
+    xs: 12,
+    sm: 16,
+    md: 20,
+    lg: 24,
+};
+const SdButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.sdClick = index.createEvent(this, "sdClick");
+    }
+    get el() { return index.getElement(this); }
+    variant = 'primary';
+    size = 'sm';
+    color = '#025497';
+    label = '';
+    disabled = false;
+    type = 'button';
+    icon;
+    iconColor;
+    iconSize;
+    iconRight;
+    noHover = false;
+    buttonStyle = {};
+    iconStyle = {};
+    sdClick;
+    handleClick = (event) => {
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        this.sdClick.emit(event);
+    };
+    getButtonClasses() {
+        const classes = ['sd-button'];
+        classes.push(`sd-button--${this.variant}`);
+        classes.push(`sd-button--${this.size}`);
+        classes.push(`sd-button--color-${this.color}`);
+        if (this.disabled) {
+            classes.push('sd-button--disabled');
+        }
+        if (!this.label && (this.icon || this.iconRight)) {
+            classes.push('sd-button--icon-only');
+        }
+        if (this.noHover) {
+            classes.push('sd-button--no-hover');
+        }
+        return classes.join(' ');
+    }
+    render() {
+        const buttonClasses = this.getButtonClasses();
+        // 유틸로 색상 키 -> HEX 매핑 (없으면 원본 그대로)
+        const resolvedColor = resolveColor(this.color);
+        return (index.h("button", { key: '141a9b5faad4e3201cd213ac8d083d1619da8f3a', class: buttonClasses, type: this.type, disabled: this.disabled, onClick: this.handleClick, style: { '--button-color': resolvedColor, ...this.buttonStyle } }, index.h("div", { key: '5d00b000552539b9396ff472d693726fd9527e7f', class: "sd-button__content" }, this.icon && (index.h("sd-icon", { key: 'a3b1b9b5e2db53cff6f004fdd4d85c9e06ff9af4', class: "sd-button__icon sd-button__icon--left", name: this.icon, size: this.iconSize ? this.iconSize : ICON_SIZES[this.size], color: this.iconColor ? this.iconColor : this.variant === 'primary' ? '#fff' : resolvedColor })), this.label && index.h("div", { key: 'f40e01da25a5a7f8f6e6b0de805f0af8269c5413', class: "sd-button__label" }, this.label), this.iconRight && (index.h("sd-icon", { key: '3fb38d666bbd6619a59266dafb1706c1e79dbc25', class: "sd-button__icon sd-button__icon--right", name: this.iconRight, size: ICON_SIZES[this.size], color: this.variant === 'primary' ? '#fff' : resolvedColor })))));
+    }
+};
+SdButton.style = sdButtonCss;
+
+const sdGuideCss = "@charset \"UTF-8\";@font-face{font-family:\"Pretendard\";font-weight:800;font-display:swap;src:local(\"Pretendard-ExtraBold\"), url(\"./fonts/Pretendard-ExtraBold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-ExtraBold.ttf\") format(\"truetype\");}@font-face{font-family:\"Pretendard\";font-weight:700;font-display:swap;src:local(\"Pretendard-Bold\"), url(\"./fonts/Pretendard-Bold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Bold.ttf\") format(\"truetype\");}@font-face{font-family:\"Pretendard\";font-weight:600;font-display:swap;src:local(\"Pretendard-SemiBold\"), url(\"./fonts/Pretendard-SemiBold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-SemiBold.ttf\") format(\"truetype\");}@font-face{font-family:\"Pretendard\";font-weight:500;font-display:swap;src:local(\"Pretendard-Medium\"), url(\"./fonts/Pretendard-Medium.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Medium.ttf\") format(\"truetype\");}@font-face{font-family:\"Pretendard\";font-weight:400;font-display:swap;src:local(\"Pretendard-Regular\"), url(\"./fonts/Pretendard-Regular.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Regular.ttf\") format(\"truetype\");}@font-face{font-family:\"Pretendard\";font-weight:300;font-display:swap;src:local(\"Pretendard-Light\"), url(\"./fonts/Pretendard-Light.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Light.ttf\") format(\"truetype\");}:root{--font-family-base:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}html{font-family:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}.bg-primary{background-color:var(--color-primary, #051d36)}.bg-secondary{background-color:var(--color-secondary, #555555)}.bg-accent{background-color:var(--color-accent, #9c27b0)}.bg-positive{background-color:var(--color-positive, #0075ff)}.bg-negative{background-color:var(--color-negative, #e30000)}.bg-info{background-color:var(--color-info, #00cd52)}.bg-warning{background-color:var(--color-warning, #f2c037)}.bg-red_99{background-color:var(--color-red_99, #220000)}.bg-red_95{background-color:var(--color-red_95, #440000)}.bg-red_90{background-color:var(--color-red_90, #5E0000)}.bg-red_85{background-color:var(--color-red_85, #820000)}.bg-red_80{background-color:var(--color-red_80, #AD0000)}.bg-red_75{background-color:var(--color-red_75, #E30000)}.bg-red_70{background-color:var(--color-red_70, #FB4444)}.bg-red_60{background-color:var(--color-red_60, #FF7C7C)}.bg-red_45{background-color:var(--color-red_45, #FFB5B5)}.bg-red_30{background-color:var(--color-red_30, #FFD3D3)}.bg-red_20{background-color:var(--color-red_20, #FCE6E6)}.bg-red_15{background-color:var(--color-red_15, #FCEFEF)}.bg-caution_bg{background-color:var(--color-caution_bg, #FEF1F1)}.bg-caution_icon{background-color:var(--color-caution_icon, #fd9595)}.bg-orange_99{background-color:var(--color-orange_99, #2F1100)}.bg-orange_95{background-color:var(--color-orange_95, #4D1B00)}.bg-orange_90{background-color:var(--color-orange_90, #752A00)}.bg-orange_85{background-color:var(--color-orange_85, #9B3700)}.bg-orange_75{background-color:var(--color-orange_75, #CE4900)}.bg-orange_65{background-color:var(--color-orange_65, #FF6B00)}.bg-orange_60{background-color:var(--color-orange_60, #FF7F22)}.bg-orange_55{background-color:var(--color-orange_55, #FFA452)}.bg-orange_45{background-color:var(--color-orange_45, #FFBC81)}.bg-orange_35{background-color:var(--color-orange_35, #FFD5AF)}.bg-orange_20{background-color:var(--color-orange_20, #FFEAD7)}.bg-orange_10{background-color:var(--color-orange_10, #FEF1EA)}.bg-header_alert{background-color:var(--color-header_alert, #FF7A00)}.bg-yellow_95{background-color:var(--color-yellow_95, #322700)}.bg-yellow_90{background-color:var(--color-yellow_90, #453702)}.bg-yellow_80{background-color:var(--color-yellow_80, #6C5602)}.bg-yellow_70{background-color:var(--color-yellow_70, #9C7A00)}.bg-yellow_60{background-color:var(--color-yellow_60, #C49900)}.bg-yellow_50{background-color:var(--color-yellow_50, #EBB800)}.bg-yellow_45{background-color:var(--color-yellow_45, #FFC700)}.bg-yellow_40{background-color:var(--color-yellow_40, #FFD643)}.bg-yellow_30{background-color:var(--color-yellow_30, #FEE17C)}.bg-yellow_25{background-color:var(--color-yellow_25, #FFE99E)}.bg-yellow_20{background-color:var(--color-yellow_20, #FEF1C4)}.bg-yellow_10{background-color:var(--color-yellow_10, #FFF7DD)}.bg-olive_95{background-color:var(--color-olive_95, #2C2C00)}.bg-olive_90{background-color:var(--color-olive_90, #454500)}.bg-olive_80{background-color:var(--color-olive_80, #636300)}.bg-olive_70{background-color:var(--color-olive_70, #838300)}.bg-olive_65{background-color:var(--color-olive_65, #A5A500)}.bg-olive_55{background-color:var(--color-olive_55, #C7C700)}.bg-olive_45{background-color:var(--color-olive_45, #DDDD12)}.bg-olive_30{background-color:var(--color-olive_30, #EEEE37)}.bg-olive_20{background-color:var(--color-olive_20, #F6F65F)}.bg-olive_15{background-color:var(--color-olive_15, #FAFAA1)}.bg-olive_10{background-color:var(--color-olive_10, #FBFBBF)}.bg-olive_05{background-color:var(--color-olive_05, #FEFED9)}.bg-green_99{background-color:var(--color-green_99, #001D0B)}.bg-green_95{background-color:var(--color-green_95, #003013)}.bg-green_90{background-color:var(--color-green_90, #00461C)}.bg-green_85{background-color:var(--color-green_85, #006629)}.bg-green_80{background-color:var(--color-green_80, #007B31)}.bg-green_75{background-color:var(--color-green_75, #00973C)}.bg-green_70{background-color:var(--color-green_70, #12B553)}.bg-green_65{background-color:var(--color-green_65, #2BCE6C)}.bg-green_55{background-color:var(--color-green_55, #6DE39C)}.bg-green_45{background-color:var(--color-green_45, #ACF4C9)}.bg-green_25{background-color:var(--color-green_25, #D4FAE3)}.bg-green_15{background-color:var(--color-green_15, #E8F9EF)}.bg-steelblue_99{background-color:var(--color-steelblue_99, #021a25)}.bg-steelblue_95{background-color:var(--color-steelblue_95, #02212f)}.bg-steelblue_90{background-color:var(--color-steelblue_90, #032d40)}.bg-steelblue_85{background-color:var(--color-steelblue_85, #033f59)}.bg-steelblue_80{background-color:var(--color-steelblue_80, #06587d)}.bg-steelblue_75{background-color:var(--color-steelblue_75, #066d9b)}.bg-steelblue_70{background-color:var(--color-steelblue_70, #128fc7)}.bg-steelblue_65{background-color:var(--color-steelblue_65, #229fd7)}.bg-steelblue_60{background-color:var(--color-steelblue_60, #50bff0)}.bg-steelblue_45{background-color:var(--color-steelblue_45, #a4e2fd)}.bg-steelblue_25{background-color:var(--color-steelblue_25, #d9f2fd)}.bg-steelblue_10{background-color:var(--color-steelblue_10, #ecf8fd)}.bg-oceanblue_99{background-color:var(--color-oceanblue_99, #011428)}.bg-oceanblue_95{background-color:var(--color-oceanblue_95, #03172d)}.bg-oceanblue_90{background-color:var(--color-oceanblue_90, #051d36)}.bg-oceanblue_85{background-color:var(--color-oceanblue_85, #07284a)}.bg-oceanblue_80{background-color:var(--color-oceanblue_80, #004177)}.bg-oceanblue_75{background-color:var(--color-oceanblue_75, #025497)}.bg-oceanblue_70{background-color:var(--color-oceanblue_70, #006ac1)}.bg-oceanblue_65{background-color:var(--color-oceanblue_65, #1f8ae1)}.bg-oceanblue_60{background-color:var(--color-oceanblue_60, #5cb0f3)}.bg-oceanblue_50{background-color:var(--color-oceanblue_50, #9cd1fc)}.bg-oceanblue_25{background-color:var(--color-oceanblue_25, #d5ebfe)}.bg-oceanblue_15{background-color:var(--color-oceanblue_15, #eaf5fe)}.bg-brilliantblue_99{background-color:var(--color-brilliantblue_99, #001226)}.bg-brilliantblue_95{background-color:var(--color-brilliantblue_95, #001b39)}.bg-brilliantblue_90{background-color:var(--color-brilliantblue_90, #002b5e)}.bg-brilliantblue_85{background-color:var(--color-brilliantblue_85, #004290)}.bg-brilliantblue_80{background-color:var(--color-brilliantblue_80, #005cc9)}.bg-brilliantblue_75{background-color:var(--color-brilliantblue_75, #0075ff)}.bg-brilliantblue_70{background-color:var(--color-brilliantblue_70, #2d8dff)}.bg-brilliantblue_60{background-color:var(--color-brilliantblue_60, #64abff)}.bg-brilliantblue_50{background-color:var(--color-brilliantblue_50, #93c4ff)}.bg-brilliantblue_40{background-color:var(--color-brilliantblue_40, #bbdaff)}.bg-brilliantblue_25{background-color:var(--color-brilliantblue_25, #d9eaff)}.bg-brilliantblue_20{background-color:var(--color-brilliantblue_20, #e6f1ff)}.bg-brilliantblue_10{background-color:var(--color-brilliantblue_10, #eff6ff)}.bg-brilliantblue_05{background-color:var(--color-brilliantblue_05, #f5faff)}.bg-grey_95{background-color:var(--color-grey_95, #222222)}.bg-grey_90{background-color:var(--color-grey_90, #333333)}.bg-grey_85{background-color:var(--color-grey_85, #444444)}.bg-grey_80{background-color:var(--color-grey_80, #555555)}.bg-grey_70{background-color:var(--color-grey_70, #737373)}.bg-grey_65{background-color:var(--color-grey_65, #888888)}.bg-grey_60{background-color:var(--color-grey_60, #999999)}.bg-grey_55{background-color:var(--color-grey_55, #aaaaaa)}.bg-grey_50{background-color:var(--color-grey_50, #bbbbbb)}.bg-grey_45{background-color:var(--color-grey_45, #cccccc)}.bg-grey_35{background-color:var(--color-grey_35, #D8D8D8)}.bg-grey_30{background-color:var(--color-grey_30, #e1e1e1)}.bg-grey_25{background-color:var(--color-grey_25, #E5E5E5)}.bg-grey_20{background-color:var(--color-grey_20, #eeeeee)}.bg-grey_10{background-color:var(--color-grey_10, #f6f6f6)}.bg-grey_05{background-color:var(--color-grey_05, #f9f9f9)}.bg-white{background-color:var(--color-white, #ffffff)}.bg-black{background-color:var(--color-black, #000000)}.text-primary{color:var(--color-primary, #051d36)}.text-secondary{color:var(--color-secondary, #555555)}.text-accent{color:var(--color-accent, #9c27b0)}.text-positive{color:var(--color-positive, #0075ff)}.text-negative{color:var(--color-negative, #e30000)}.text-info{color:var(--color-info, #00cd52)}.text-warning{color:var(--color-warning, #f2c037)}.text-red_99{color:var(--color-red_99, #220000)}.text-red_95{color:var(--color-red_95, #440000)}.text-red_90{color:var(--color-red_90, #5E0000)}.text-red_85{color:var(--color-red_85, #820000)}.text-red_80{color:var(--color-red_80, #AD0000)}.text-red_75{color:var(--color-red_75, #E30000)}.text-red_70{color:var(--color-red_70, #FB4444)}.text-red_60{color:var(--color-red_60, #FF7C7C)}.text-red_45{color:var(--color-red_45, #FFB5B5)}.text-red_30{color:var(--color-red_30, #FFD3D3)}.text-red_20{color:var(--color-red_20, #FCE6E6)}.text-red_15{color:var(--color-red_15, #FCEFEF)}.text-caution_bg{color:var(--color-caution_bg, #FEF1F1)}.text-caution_icon{color:var(--color-caution_icon, #fd9595)}.text-orange_99{color:var(--color-orange_99, #2F1100)}.text-orange_95{color:var(--color-orange_95, #4D1B00)}.text-orange_90{color:var(--color-orange_90, #752A00)}.text-orange_85{color:var(--color-orange_85, #9B3700)}.text-orange_75{color:var(--color-orange_75, #CE4900)}.text-orange_65{color:var(--color-orange_65, #FF6B00)}.text-orange_60{color:var(--color-orange_60, #FF7F22)}.text-orange_55{color:var(--color-orange_55, #FFA452)}.text-orange_45{color:var(--color-orange_45, #FFBC81)}.text-orange_35{color:var(--color-orange_35, #FFD5AF)}.text-orange_20{color:var(--color-orange_20, #FFEAD7)}.text-orange_10{color:var(--color-orange_10, #FEF1EA)}.text-header_alert{color:var(--color-header_alert, #FF7A00)}.text-yellow_95{color:var(--color-yellow_95, #322700)}.text-yellow_90{color:var(--color-yellow_90, #453702)}.text-yellow_80{color:var(--color-yellow_80, #6C5602)}.text-yellow_70{color:var(--color-yellow_70, #9C7A00)}.text-yellow_60{color:var(--color-yellow_60, #C49900)}.text-yellow_50{color:var(--color-yellow_50, #EBB800)}.text-yellow_45{color:var(--color-yellow_45, #FFC700)}.text-yellow_40{color:var(--color-yellow_40, #FFD643)}.text-yellow_30{color:var(--color-yellow_30, #FEE17C)}.text-yellow_25{color:var(--color-yellow_25, #FFE99E)}.text-yellow_20{color:var(--color-yellow_20, #FEF1C4)}.text-yellow_10{color:var(--color-yellow_10, #FFF7DD)}.text-olive_95{color:var(--color-olive_95, #2C2C00)}.text-olive_90{color:var(--color-olive_90, #454500)}.text-olive_80{color:var(--color-olive_80, #636300)}.text-olive_70{color:var(--color-olive_70, #838300)}.text-olive_65{color:var(--color-olive_65, #A5A500)}.text-olive_55{color:var(--color-olive_55, #C7C700)}.text-olive_45{color:var(--color-olive_45, #DDDD12)}.text-olive_30{color:var(--color-olive_30, #EEEE37)}.text-olive_20{color:var(--color-olive_20, #F6F65F)}.text-olive_15{color:var(--color-olive_15, #FAFAA1)}.text-olive_10{color:var(--color-olive_10, #FBFBBF)}.text-olive_05{color:var(--color-olive_05, #FEFED9)}.text-green_99{color:var(--color-green_99, #001D0B)}.text-green_95{color:var(--color-green_95, #003013)}.text-green_90{color:var(--color-green_90, #00461C)}.text-green_85{color:var(--color-green_85, #006629)}.text-green_80{color:var(--color-green_80, #007B31)}.text-green_75{color:var(--color-green_75, #00973C)}.text-green_70{color:var(--color-green_70, #12B553)}.text-green_65{color:var(--color-green_65, #2BCE6C)}.text-green_55{color:var(--color-green_55, #6DE39C)}.text-green_45{color:var(--color-green_45, #ACF4C9)}.text-green_25{color:var(--color-green_25, #D4FAE3)}.text-green_15{color:var(--color-green_15, #E8F9EF)}.text-steelblue_99{color:var(--color-steelblue_99, #021a25)}.text-steelblue_95{color:var(--color-steelblue_95, #02212f)}.text-steelblue_90{color:var(--color-steelblue_90, #032d40)}.text-steelblue_85{color:var(--color-steelblue_85, #033f59)}.text-steelblue_80{color:var(--color-steelblue_80, #06587d)}.text-steelblue_75{color:var(--color-steelblue_75, #066d9b)}.text-steelblue_70{color:var(--color-steelblue_70, #128fc7)}.text-steelblue_65{color:var(--color-steelblue_65, #229fd7)}.text-steelblue_60{color:var(--color-steelblue_60, #50bff0)}.text-steelblue_45{color:var(--color-steelblue_45, #a4e2fd)}.text-steelblue_25{color:var(--color-steelblue_25, #d9f2fd)}.text-steelblue_10{color:var(--color-steelblue_10, #ecf8fd)}.text-oceanblue_99{color:var(--color-oceanblue_99, #011428)}.text-oceanblue_95{color:var(--color-oceanblue_95, #03172d)}.text-oceanblue_90{color:var(--color-oceanblue_90, #051d36)}.text-oceanblue_85{color:var(--color-oceanblue_85, #07284a)}.text-oceanblue_80{color:var(--color-oceanblue_80, #004177)}.text-oceanblue_75{color:var(--color-oceanblue_75, #025497)}.text-oceanblue_70{color:var(--color-oceanblue_70, #006ac1)}.text-oceanblue_65{color:var(--color-oceanblue_65, #1f8ae1)}.text-oceanblue_60{color:var(--color-oceanblue_60, #5cb0f3)}.text-oceanblue_50{color:var(--color-oceanblue_50, #9cd1fc)}.text-oceanblue_25{color:var(--color-oceanblue_25, #d5ebfe)}.text-oceanblue_15{color:var(--color-oceanblue_15, #eaf5fe)}.text-brilliantblue_99{color:var(--color-brilliantblue_99, #001226)}.text-brilliantblue_95{color:var(--color-brilliantblue_95, #001b39)}.text-brilliantblue_90{color:var(--color-brilliantblue_90, #002b5e)}.text-brilliantblue_85{color:var(--color-brilliantblue_85, #004290)}.text-brilliantblue_80{color:var(--color-brilliantblue_80, #005cc9)}.text-brilliantblue_75{color:var(--color-brilliantblue_75, #0075ff)}.text-brilliantblue_70{color:var(--color-brilliantblue_70, #2d8dff)}.text-brilliantblue_60{color:var(--color-brilliantblue_60, #64abff)}.text-brilliantblue_50{color:var(--color-brilliantblue_50, #93c4ff)}.text-brilliantblue_40{color:var(--color-brilliantblue_40, #bbdaff)}.text-brilliantblue_25{color:var(--color-brilliantblue_25, #d9eaff)}.text-brilliantblue_20{color:var(--color-brilliantblue_20, #e6f1ff)}.text-brilliantblue_10{color:var(--color-brilliantblue_10, #eff6ff)}.text-brilliantblue_05{color:var(--color-brilliantblue_05, #f5faff)}.text-grey_95{color:var(--color-grey_95, #222222)}.text-grey_90{color:var(--color-grey_90, #333333)}.text-grey_85{color:var(--color-grey_85, #444444)}.text-grey_80{color:var(--color-grey_80, #555555)}.text-grey_70{color:var(--color-grey_70, #737373)}.text-grey_65{color:var(--color-grey_65, #888888)}.text-grey_60{color:var(--color-grey_60, #999999)}.text-grey_55{color:var(--color-grey_55, #aaaaaa)}.text-grey_50{color:var(--color-grey_50, #bbbbbb)}.text-grey_45{color:var(--color-grey_45, #cccccc)}.text-grey_35{color:var(--color-grey_35, #D8D8D8)}.text-grey_30{color:var(--color-grey_30, #e1e1e1)}.text-grey_25{color:var(--color-grey_25, #E5E5E5)}.text-grey_20{color:var(--color-grey_20, #eeeeee)}.text-grey_10{color:var(--color-grey_10, #f6f6f6)}.text-grey_05{color:var(--color-grey_05, #f9f9f9)}.text-white{color:var(--color-white, #ffffff)}.text-black{color:var(--color-black, #000000)}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-size:inherit}:target{scroll-margin-block:5ex}button{background:none;border:none;cursor:pointer;padding:0;outline:0}button:focus{outline:0 !important}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}input[type=text],input[type=number],input[type=password],input[type=email],input[type=tel],textarea{padding-block:0px;padding-inline:0px}.sd-hoverable:hover>.sd-focus-helper{background:currentColor;opacity:0.15}.sd-hoverable:hover>.sd-focus-helper:before{opacity:0.1}.sd-hoverable:hover>.sd-focus-helper:after{opacity:0.4}.sd-focus-helper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before,.sd-focus-helper:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:inherit;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before{background:#000000}.sd-focus-helper:after{background:#ffffff}.sd-tooltip-menu{width:fit-content;padding:8px 16px;border-radius:4px;color:white;background:#07284a;font-size:12px;position:relative;box-sizing:border-box;display:flex;align-items:start;justify-content:center;gap:12px}.sd-tooltip-menu--with-close{padding-right:12px !important}.sd-tooltip-menu__arrow{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-tooltip-menu__arrow svg{width:100%;height:100%}.sd-tooltip-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-tooltip-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-tooltip-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-tooltip-menu__arrow--right{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-tooltip-menu__content{line-height:20px;font-weight:500}.sd-tooltip-menu__close-button{padding-top:4px;display:flex}.sd-tooltip-menu__close-button button{padding:0;background:none;border:none;cursor:pointer}.sd-popover-menu{width:fit-content;padding:12px 20px;border-radius:4px;color:white;background:#07284a;font-size:12px;position:relative;box-sizing:border-box}.sd-popover-menu__arrow{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-popover-menu__arrow svg{width:100%;height:100%}.sd-popover-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-popover-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-popover-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-popover-menu__arrow--right{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-popover-menu__content{font-size:12px;line-height:20px}.sd-popover-menu__content .sd-popover-menu__title{font-weight:700;margin-bottom:4px}.sd-popover-menu__content .sd-popover-menu__messages{font-weight:500}.sd-popover-menu__content .sd-popover-menu__buttons{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-popover-menu__content .sd-popover-menu__buttons--1{justify-content:flex-end}.sd-popover-menu__content .sd-popover-menu__buttons--2{justify-content:space-between}.sd-popover-menu__close-button{position:absolute;top:16px;right:12px;padding:0;background:none;border:none;cursor:pointer}*,*::before{box-sizing:border-box}.sd-guide__popup{position:relative;padding:20px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1)}.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;font-size:16px;font-weight:700;line-height:26px;color:#333333}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:#333333;font-size:12px;font-weight:400}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:\"-\";width:6px;color:#333333;font-size:12px;font-weight:400;margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-2::before{content:\"•\"}.sd-guide__popup__list__item--depth-2{padding-left:26px}";
+
+const SdGuide = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    type = 'help';
+    popupTitle = '';
+    message = '';
+    guideUrl = '';
+    popupWidth;
+    popupShow = false;
+    guideRef;
+    static guideTitle = {
+        help: '활용 Tip',
+        pdf: 'PDF Guide',
+        youtube: 'Video Guide',
+        notion: '사용 가이드',
+        event: 'Event Button',
+    };
+    handleClickGuide = () => {
+        if (this.type === 'help') {
+            this.popupShow = !this.popupShow;
+            return;
+        }
+        if (this.guideUrl) {
+            window.open(this.guideUrl, '_blank');
+        }
+    };
+    getGuideClasses() {
+        const classes = ['sd-guide'];
+        classes.push(`sd-guide--${this.type}`);
+        if (this.popupShow)
+            classes.push('sd-guide--active');
+        return classes.join(' ');
+    }
+    getGuideStyle() {
+        const styles = {};
+        if (this.type === 'help') {
+            styles['--guide-border'] = this.popupShow ? colors$1.green_65 : colors$1.grey_45;
+            styles['--guide-color'] = this.popupShow ? colors$1.white : colors$1.grey_90;
+            styles['--guide-background'] = this.popupShow ? colors$1.green_65 : colors$1.white;
+        }
+        else {
+            styles['--guide-border'] = colors$1.grey_45;
+            styles['--guide-color'] = colors$1.grey_90;
+            styles['--guide-background'] = colors$1.white;
+        }
+        return styles;
+    }
+    getGuidIcon() {
+        if (this.type === 'pdf') {
+            return { name: 'pdf', size: 20, color: colors$1.red_75 };
+        }
+        else if (this.type === 'youtube') {
+            return { name: 'youtube', size: 20, color: colors$1.red_75 };
+        }
+        else if (this.type === 'notion') {
+            return { name: 'notion', size: 16, color: colors$1.black };
+        }
+        else if (this.type === 'event') {
+            return { name: 'event', size: 16, color: colors$1.brilliantblue_70 };
+        }
+        return { name: 'helpOutline', size: 20, color: this.popupShow ? colors$1.white : colors$1.green_65 };
+    }
+    closeDropdown = () => {
+        this.popupShow = false;
+    };
+    render() {
+        const { name: iconName, size: iconSize, color: iconColor } = this.getGuidIcon();
+        return (index.h(index.Host, { key: '4313417f5c41f1126e329bddd46d75f2f571bcbe', style: this.getGuideStyle() }, index.h("sd-button", { key: 'b7ba861de4752828dd7b8747d26b4a8549a409a8', ref: el => (this.guideRef = el), class: this.getGuideClasses(), variant: "outline", label: SdGuide.guideTitle[this.type], size: "md", color: "var(--guide-color)", icon: iconName, iconColor: iconColor, iconSize: iconSize, iconStyle: { marginRight: '4px' }, buttonStyle: {
+                height: '28px',
+                minHeight: '28px',
+                padding: '4px 12px',
+                borderRadius: '16px',
+                borderColor: 'var(--guide-border)',
+                color: 'var(--guide-color)',
+                fontSize: '12px',
+                fontWeight: '400',
+                backgroundColor: 'var(--guide-background)',
+            }, onSdClick: this.handleClickGuide }), this.type === 'help' && this.popupShow && (index.h("sd-portal", { key: '31c52e9aef405c536dfd1a9da8d59450dbf179cf', open: this.popupShow, parentRef: this.guideRef, onSdClose: this.closeDropdown, offset: [0, 24] }, index.h("div", { key: 'b4798202e35dcd232ce66eb6b939b57993d8de6a', class: "sd-guide__popup", style: { width: this.popupWidth ? this.popupWidth + 'px' : '426px' } }, index.h("sd-button", { key: '9aa1f1d5e3bb224f606bb204754843e5cd8f5622', class: "sd-guide__popup__close", icon: "close", color: colors$1.grey_65, size: "md", variant: "ghost", noHover: true, buttonStyle: { padding: '0px', minHeight: '0px' }, onSdClick: this.closeDropdown }), index.h("div", { key: '87322cfaaced49ba6da7a9aa648eeed7403f88ca', class: "sd-guide__popup__header" }, index.h("sd-icon", { key: '231f23a8ceb669a39bd89c2054848f82edafd344', name: "helpOutline", size: 24, color: colors$1.green_65 }), index.h("h3", { key: 'c4dec3314abeb04d7b71962d76c8191c26332e7c', class: "sd-guide__popup__title" }, this.popupTitle || SdGuide.guideTitle[this.type])), index.h("ul", { key: '3c19dc7e2b14e29b3079d34e88e52230c1a16911', class: "sd-guide__popup__list" }, this.renderListItem(this.message)))))));
+    }
+    // 현재 2depth까지만 스타일 적용
+    renderListItem(message, depth = 0) {
+        const listItems = [];
+        if (Array.isArray(message)) {
+            const depthMsg = message.map(msg => this.renderListItem(msg, depth + 1));
+            listItems.push(...depthMsg.flat());
+        }
+        else {
+            listItems.push(this.renderLi(message, depth));
+        }
+        return listItems;
+    }
+    renderLi = (message, depth) => {
+        const listContent = message.replace(/ /gi, ' ');
+        return (index.h("li", { class: `sd-guide__popup__list__item sd-guide__popup__list__item--depth-${depth}` }, index.h("p", { innerHTML: listContent })));
+    };
+};
+SdGuide.style = sdGuideCss;
+
+const Check12 = (props) => {
+    return (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_9693)" }, index.h("path", { d: "M10.5962 3.19745L5.02773 8.76591C4.97891 8.81473 4.89977 8.81473 4.85095 8.76591L1.40381 5.31877", stroke: "currentColor", "stroke-width": "0.75", "stroke-linecap": "round" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_9693" }, index.h("rect", { width: "12", height: "12", fill: "none" })))));
+};
+
+const check = {
+    12: Check12,
+};
+
+var Check = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    check: check
+});
+
+const ArrowRight12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41992)" }, index.h("path", { d: "M3.75 10.6L8.16449 6.08742C8.21202 6.03883 8.21202 5.96118 8.16449 5.91259L3.75 1.40001", stroke: "currentColor", "stroke-linecap": "round", ...props })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41992" }, index.h("rect", { width: "12", height: "12", fill: "white" })))));
+
+const arrowRight = {
+    12: ArrowRight12,
+};
+
+var ArrowRight = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    arrowRight: arrowRight
+});
+
+const ArrowDown12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_42006)" }, index.h("path", { d: "M10.6 3.75L6.08742 8.16449C6.03883 8.21202 5.96118 8.21202 5.91259 8.16449L1.40001 3.75", stroke: "currentColor", "stroke-linecap": "round", ...props })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_42006" }, index.h("rect", { width: "12", height: "12", fill: "white" })))));
+
+const arrowDown = {
+    12: ArrowDown12,
+};
+
+var ArrowDown = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    arrowDown: arrowDown
+});
+
+const ArrowLeft12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_8697_41980)" }, index.h("path", { d: "M8.25 1.39999L3.83551 5.91258C3.78798 5.96117 3.78798 6.03882 3.83551 6.08741L8.25 10.6", stroke: "currentColor", "stroke-linecap": "round", ...props })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41980" }, index.h("rect", { width: "12", height: "12", fill: "white" })))));
+
+const arrowLeft = {
+    12: ArrowLeft12,
+};
+
+var ArrowLeft = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    arrowLeft: arrowLeft
+});
+
+const ArrowLeftEnd12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41999)" }, index.h("path", { d: "M6.4455 0.984946C6.6381 0.855086 6.90185 0.873774 7.07441 1.04256C7.24706 1.21148 7.27156 1.47504 7.1457 1.67049L7.08222 1.74959L2.92499 5.99959L7.08222 10.2506C7.27518 10.448 7.27171 10.7645 7.07441 10.9576C6.87703 11.1506 6.56045 11.1471 6.36738 10.9498L1.95331 6.43709C1.71568 6.19418 1.71568 5.80599 1.95331 5.56307L6.36738 1.05038L6.4455 0.984946ZM9.4455 0.984946C9.6381 0.855086 9.90185 0.873774 10.0744 1.04256C10.2471 1.21148 10.2716 1.47504 10.1457 1.67049L10.0822 1.74959L5.92499 5.99959L10.0822 10.2506C10.2752 10.448 10.2717 10.7645 10.0744 10.9576C9.87704 11.1506 9.56045 11.1471 9.36738 10.9498L4.95331 6.43709C4.71568 6.19418 4.71568 5.80599 4.95331 5.56307L9.36738 1.05038L9.4455 0.984946Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41999" }, index.h("rect", { width: "12", height: "12", fill: "white" })))));
+
+const arrowLeftEnd = {
+    12: ArrowLeftEnd12,
+};
+
+var ArrowLeftEnd = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    arrowLeftEnd: arrowLeftEnd
+});
+
+const ArrowRightEnd12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41977)" }, index.h("path", { d: "M1.92535 1.04258C2.12273 0.849619 2.43931 0.853114 2.63238 1.05039L7.04644 5.56309C7.28396 5.80602 7.28404 6.19423 7.04644 6.43711L2.63238 10.9498L2.55426 11.0152C2.3617 11.1451 2.09791 11.1263 1.92535 10.9576C1.7527 10.7887 1.72824 10.5251 1.85406 10.3297L1.91754 10.2506L6.07477 6.00059L1.91754 1.74961C1.72458 1.55223 1.72807 1.23565 1.92535 1.04258ZM4.92535 1.04258C5.12273 0.849619 5.43931 0.853114 5.63238 1.05039L10.0464 5.56309C10.284 5.80602 10.284 6.19423 10.0464 6.43711L5.63238 10.9498L5.55426 11.0152C5.3617 11.1451 5.09791 11.1263 4.92535 10.9576C4.7527 10.7887 4.72824 10.5251 4.85406 10.3297L4.91754 10.2506L9.07477 6.00059L4.91754 1.74961C4.72458 1.55223 4.72807 1.23565 4.92535 1.04258Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41977" }, index.h("rect", { width: "12", height: "12", fill: "white" })))));
+
+const arrowRightEnd = {
+    12: ArrowRightEnd12,
+};
+
+var ArrowRightEnd = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    arrowRightEnd: arrowRightEnd
+});
+
+const ArrowUp12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_40846)" }, index.h("path", { d: "M10.6 8.25L6.08742 3.83551C6.03883 3.78798 5.96118 3.78798 5.91259 3.83551L1.40001 8.25", stroke: "currentColor", "stroke-linecap": "round" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_40846" }, index.h("rect", { width: "12", height: "12", fill: "white" })))));
+
+const arrowUp = {
+    12: ArrowUp12,
+};
+
+var ArrowUp = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    arrowUp: arrowUp
+});
+
+const Close10 = (props) => (index.h("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8773_6916)" }, index.h("path", { d: "M8.29999 1.13382C8.4562 0.97761 8.71018 0.97761 8.86639 1.13382C9.02255 1.29003 9.02259 1.54403 8.86639 1.70023L5.56561 5.00003L8.86639 8.30081C9.02234 8.45699 9.02237 8.71009 8.86639 8.86624C8.71018 9.02245 8.4562 9.02245 8.29999 8.86624L5.00018 5.56644L1.70038 8.86624C1.54419 9.02243 1.29019 9.0224 1.13397 8.86624C0.977762 8.71003 0.977762 8.45604 1.13397 8.29984L4.43378 5.00003L1.13397 1.70023C0.977762 1.54402 0.977762 1.29003 1.13397 1.13382C1.2902 0.977769 1.54422 0.977663 1.70038 1.13382L4.99921 4.43362L8.29999 1.13382Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8773_6916" }, index.h("rect", { width: "10", height: "10", fill: "white" })))));
+
+const Close12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41957)" }, index.h("path", { d: "M9.94635 1.34637C10.1416 1.15113 10.4581 1.15117 10.6534 1.34637C10.8486 1.54164 10.8486 1.85814 10.6534 2.05341L6.70709 5.99969L10.6534 9.94598C10.8486 10.1412 10.8485 10.4577 10.6534 10.653C10.4581 10.8483 10.1416 10.8483 9.94635 10.653L6.00006 6.70673L2.05377 10.653C1.85851 10.8483 1.542 10.8483 1.34674 10.653C1.15154 10.4577 1.1515 10.1412 1.34674 9.94598L5.29303 5.99969L1.34674 2.05341C1.15148 1.85814 1.15148 1.54164 1.34674 1.34637C1.54201 1.15125 1.85855 1.15116 2.05377 1.34637L6.00006 5.29266L9.94635 1.34637Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41957" }, index.h("rect", { width: "12", height: "12", fill: "white" })))));
+
+const Close16 = (props) => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41612)" }, index.h("path", { d: "M13.3796 1.91339C13.5749 1.71815 13.8914 1.71819 14.0867 1.91339C14.2819 2.10865 14.2819 2.42516 14.0867 2.62042L8.70679 8.00031L14.0867 13.3802C14.2819 13.5755 14.2819 13.892 14.0867 14.0872C13.8914 14.2823 13.5748 14.2824 13.3796 14.0872L7.99976 8.70734L2.61987 14.0872C2.42458 14.2821 2.10799 14.2824 1.91284 14.0872C1.71775 13.8921 1.71794 13.5755 1.91284 13.3802L7.29272 8.00031L1.91284 2.62042C1.71797 2.42519 1.71786 2.10855 1.91284 1.91339C2.10799 1.71824 2.42458 1.71847 2.61987 1.91339L7.99976 7.29327L13.3796 1.91339Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41612" }, index.h("rect", { width: "16", height: "16", fill: "white" })))));
+
+const Close20 = (props) => (index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41134)" }, index.h("path", { d: "M16.7246 2.39161C16.9686 2.14755 17.3643 2.14757 17.6084 2.39161C17.8524 2.63569 17.8524 3.03133 17.6084 3.2754L10.8837 10L17.6084 16.7246C17.8524 16.9687 17.8524 17.3643 17.6084 17.6084C17.3643 17.8523 16.9686 17.8524 16.7246 17.6084L9.99995 10.8838L3.27534 17.6084L3.17769 17.6885C2.9351 17.8486 2.60509 17.8219 2.39155 17.6084C2.17805 17.3949 2.15139 17.0649 2.31148 16.8223L2.39155 16.7246L9.11616 10L2.39155 3.2754L2.31148 3.17677C2.15152 2.93427 2.17822 2.60512 2.39155 2.39161C2.60509 2.17808 2.9351 2.15144 3.17769 2.31154L3.27534 2.39161L9.99995 9.11622L16.7246 2.39161Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41134" }, index.h("rect", { width: "20", height: "20", fill: "white" })))));
+
+const Close24 = (props) => (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_503_5510)" }, index.h("path", { d: "M20.0694 2.86981C20.3622 2.577 20.837 2.57717 21.1299 2.86981C21.4228 3.16271 21.4228 3.63747 21.1299 3.93036L13.0596 11.9997L21.1299 20.07C21.4228 20.3629 21.4228 20.8377 21.1299 21.1306C20.837 21.4233 20.3622 21.4234 20.0694 21.1306L12.0001 13.0602L3.93073 21.1306C3.63791 21.4234 3.16309 21.4232 2.87018 21.1306C2.57729 20.8377 2.57728 20.3629 2.87018 20.07L10.9395 11.9997L2.87018 3.93036C2.57734 3.63746 2.5773 3.16269 2.87018 2.86981C3.16308 2.57728 3.63794 2.57709 3.93073 2.86981L12.0001 10.9391L20.0694 2.86981Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_503_5510" }, index.h("rect", { width: "24", height: "24", fill: "white" })))));
+
+const Close8 = (props) => (index.h("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8773_8715)" }, index.h("path", { d: "M6.65509 0.921539C6.77226 0.804535 6.96181 0.804433 7.07892 0.921539C7.19585 1.03866 7.19586 1.22826 7.07892 1.34537L4.42365 3.99966L7.07892 6.65494C7.19583 6.77207 7.19588 6.96167 7.07892 7.07877C6.96183 7.19585 6.77226 7.19571 6.65509 7.07877L3.99982 4.42349L1.34552 7.07877C1.22835 7.19575 1.03782 7.19587 0.920715 7.07877C0.804001 6.96172 0.80406 6.77202 0.920715 6.65494L3.57501 3.99966L0.920715 1.34537C0.804023 1.2283 0.804038 1.03861 0.920715 0.921539C1.03782 0.804439 1.22835 0.804552 1.34552 0.921539L3.99982 3.57584L6.65509 0.921539Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8773_8715" }, index.h("rect", { width: "8", height: "8", fill: "white" })))));
+
+const close = {
+    8: Close8,
+    10: Close10,
+    12: Close12,
+    16: Close16,
+    20: Close20,
+    24: Close24,
+};
+
+var Close = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    close: close
+});
+
+const Date16 = (props) => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41600)" }, index.h("path", { d: "M11.3333 1.36655C11.6093 1.36672 11.8333 1.59051 11.8333 1.86655V2.83334H13.4661C14.1105 2.83334 14.6331 3.356 14.6331 4.00034V13.4671C14.6328 14.1112 14.1103 14.6331 13.4661 14.6331H2.53351C1.88938 14.6331 1.36683 14.1112 1.36652 13.4671V4.00034C1.36652 3.35601 1.88919 2.83335 2.53351 2.83334H4.16632V1.86655C4.16632 1.59048 4.39028 1.36667 4.66632 1.36655C4.94246 1.36655 5.16632 1.5904 5.16632 1.86655V2.83334H10.8333V1.86655C10.8333 1.59048 11.0573 1.36667 11.3333 1.36655ZM2.36652 13.4671C2.36683 13.5589 2.44167 13.6331 2.53351 13.6331H13.4661C13.558 13.6331 13.6328 13.5589 13.6331 13.4671V6.00034H2.36652V13.4671ZM12.0003 9.33334C12.3683 9.33357 12.6663 9.63229 12.6663 10.0003V12.0003C12.6661 12.3682 12.3681 12.6661 12.0003 12.6664H10.0003C9.63227 12.6664 9.33356 12.3683 9.33331 12.0003V10.0003C9.33331 9.63215 9.63212 9.33334 10.0003 9.33334H12.0003Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41600" }, index.h("rect", { width: "16", height: "16", fill: "white" })))));
+
+const date = {
+    16: Date16,
+};
+
+var Date = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    date: date
+});
+
+const Event16 = (props) => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M2 14V4C2 3.44772 2.44772 3 3 3H13C13.5523 3 14 3.44772 14 4V14C14 14.5523 13.5523 15 13 15H3C2.44772 15 2 14.5523 2 14Z", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }), index.h("path", { d: "M2 5V4C2 3.44772 2.44772 3 3 3H13C13.5523 3 14 3.44772 14 4V5C14 5.55228 13.5523 6 13 6H3C2.44772 6 2 5.55228 2 5Z", fill: "currentColor" }), index.h("path", { d: "M4 1V3M12 1V3", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }), index.h("path", { d: "M7.71468 7.87812C7.80449 7.60172 8.19551 7.60172 8.28532 7.87812L8.60619 8.86565C8.64635 8.98926 8.76154 9.07295 8.8915 9.07295H9.92986C10.2205 9.07295 10.3413 9.44483 10.1062 9.61565L9.26615 10.226C9.161 10.3024 9.11701 10.4378 9.15717 10.5614L9.47804 11.5489C9.56784 11.8253 9.2515 12.0552 9.01639 11.8843L8.17634 11.274C8.07119 11.1976 7.92881 11.1976 7.82366 11.274L6.98361 11.8843C6.7485 12.0552 6.43216 11.8253 6.52196 11.5489L6.84283 10.5614C6.88299 10.4378 6.839 10.3024 6.73385 10.226L5.8938 9.61565C5.65869 9.44483 5.77952 9.07295 6.07014 9.07295H7.1085C7.23846 9.07295 7.35365 8.98926 7.39381 8.86565L7.71468 7.87812Z", fill: "currentColor" })));
+
+const event = {
+    16: Event16,
+};
+
+var Event = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    event: event
+});
+
+const HelpOutline8 = (props) => {
+    return (index.h("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8773_8710)" }, index.h("path", { d: "M4.00031 0.30014C6.04358 0.300351 7.69952 1.95701 7.69952 4.00034C7.69931 6.04348 6.04345 7.69934 4.00031 7.69955C1.95699 7.69954 0.300326 6.0436 0.30011 4.00034C0.30011 1.95689 1.95686 0.300151 4.00031 0.30014ZM4.00031 0.89975C2.28823 0.899761 0.899719 2.28826 0.899719 4.00034C0.899936 5.71223 2.28836 7.09993 4.00031 7.09995C5.71208 7.09973 7.0997 5.7121 7.09991 4.00034C7.09991 2.28838 5.71221 0.899961 4.00031 0.89975ZM4.00031 5.25034C4.18423 5.25053 4.33331 5.39937 4.33331 5.58334C4.33327 5.76728 4.18421 5.91615 4.00031 5.91635C3.81623 5.91635 3.66636 5.76741 3.66632 5.58334C3.66632 5.39925 3.81621 5.25034 4.00031 5.25034ZM4.00031 1.82553C4.48624 1.82563 4.82534 2.01447 5.03546 2.27963C5.23483 2.5316 5.30011 2.82894 5.30011 3.03452C5.29993 3.36696 5.11532 4.00419 4.40753 4.19272C4.36786 4.20327 4.33607 4.22386 4.31769 4.2435C4.30128 4.26106 4.30013 4.27198 4.30011 4.2767V4.62534C4.2999 4.79072 4.16569 4.92494 4.00031 4.92514C3.83475 4.92514 3.70071 4.79084 3.7005 4.62534V4.2767C3.70058 3.91122 3.99384 3.68264 4.25323 3.61362C4.59849 3.52163 4.70032 3.21436 4.7005 3.03452C4.7005 2.93729 4.66488 2.77934 4.56476 2.65268C4.47494 2.53931 4.31372 2.42523 4.00031 2.42514C3.68665 2.42514 3.5257 2.53927 3.43585 2.65268C3.33552 2.7794 3.30011 2.93719 3.30011 3.03452C3.29985 3.19986 3.16566 3.33412 3.00031 3.33432C2.83478 3.33432 2.70076 3.19998 2.7005 3.03452C2.7005 2.82884 2.76556 2.53167 2.96515 2.27963C3.17532 2.0144 3.51417 1.82553 4.00031 1.82553Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8773_8710" }, index.h("rect", { width: "8", height: "8", fill: "white" })))));
+};
+
+const HelpOutline10 = (props) => {
+    return (index.h("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8773_6912)" }, index.h("path", { d: "M4.99994 0.349518C7.56805 0.349529 9.65032 2.4318 9.65033 4.99991C9.65033 7.56803 7.56805 9.65029 4.99994 9.6503C2.43181 9.6503 0.349548 7.56803 0.349548 4.99991C0.349554 2.43179 2.43182 0.349518 4.99994 0.349518ZM4.99994 1.1503C2.87365 1.1503 1.15034 2.87362 1.15033 4.99991C1.15033 7.1262 2.87364 8.84952 4.99994 8.84952C7.12623 8.84951 8.84955 7.1262 8.84955 4.99991C8.84954 2.87362 7.12622 1.15031 4.99994 1.1503ZM4.99994 6.56241C5.23005 6.56242 5.41693 6.74929 5.41693 6.9794C5.41676 7.20937 5.22995 7.39541 4.99994 7.39542C4.76992 7.39542 4.58311 7.20938 4.58295 6.9794C4.58295 6.74928 4.76982 6.56241 4.99994 6.56241ZM4.99994 2.25577C5.61491 2.25577 6.0457 2.49592 6.31342 2.83389C6.56708 3.15418 6.65033 3.53125 6.65033 3.79288C6.6502 4.21478 6.4159 5.02593 5.51556 5.26553C5.47005 5.27764 5.43446 5.30037 5.41498 5.3212C5.40617 5.33063 5.40266 5.33761 5.40131 5.34073C5.40027 5.34315 5.40033 5.34427 5.40033 5.34561V5.78116C5.40033 6.00207 5.22085 6.18154 4.99994 6.18155C4.77903 6.18155 4.59955 6.00207 4.59955 5.78116V5.34561C4.59956 4.87358 4.97845 4.58023 5.30951 4.4921C5.72636 4.38119 5.84941 4.01133 5.84955 3.79288C5.84954 3.67578 5.80764 3.48411 5.68646 3.33096C5.57918 3.1955 5.3849 3.05655 4.99994 3.05655C4.61499 3.05655 4.42071 3.1955 4.31342 3.33096C4.19224 3.48411 4.15033 3.67578 4.15033 3.79288C4.15014 4.01362 3.97073 4.19228 3.74994 4.19229C3.52914 4.19229 3.34974 4.01363 3.34955 3.79288C3.34955 3.53125 3.4328 3.15418 3.68646 2.83389C3.95418 2.49592 4.38497 2.25577 4.99994 2.25577Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8773_6912" }, index.h("rect", { width: "10", height: "10", fill: "white" })))));
+};
+
+const HelpOutline12 = (props) => {
+    return (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41960)" }, index.h("path", { d: "M5.99951 0.399902C9.09218 0.399902 11.5999 2.9069 11.6001 5.99951C11.6001 9.09231 9.09231 11.6001 5.99951 11.6001C2.9069 11.5999 0.399902 9.09218 0.399902 5.99951C0.400113 2.90703 2.90703 0.400113 5.99951 0.399902ZM5.99951 1.3999C3.45931 1.40011 1.40011 3.45931 1.3999 5.99951C1.3999 8.53989 3.45918 10.5999 5.99951 10.6001C8.54002 10.6001 10.6001 8.54002 10.6001 5.99951C10.5999 3.45918 8.53989 1.3999 5.99951 1.3999ZM5.99951 7.87451C6.27552 7.87451 6.4993 8.09855 6.49951 8.37451C6.49951 8.65065 6.27565 8.87451 5.99951 8.87451C5.72355 8.8743 5.49951 8.65052 5.49951 8.37451C5.49973 8.09868 5.72368 7.87473 5.99951 7.87451ZM5.99951 2.68701C6.74304 2.68701 7.26602 2.97773 7.59131 3.38818C7.89874 3.77639 7.99935 4.23278 7.99951 4.55029C7.99951 5.06152 7.71621 6.04653 6.62354 6.3374C6.57233 6.35108 6.53275 6.37696 6.51221 6.39893C6.50335 6.40842 6.50024 6.41485 6.49951 6.4165V6.93701C6.49951 7.21315 6.27565 7.43701 5.99951 7.43701C5.72355 7.4368 5.49951 7.21302 5.49951 6.93701V6.41455C5.49972 5.8364 5.96318 5.4779 6.36572 5.37061C6.85414 5.24067 6.99951 4.8073 6.99951 4.55029C6.99933 4.41327 6.94911 4.18859 6.80713 4.00928C6.68232 3.85192 6.4553 3.68701 5.99951 3.68701C5.54361 3.68711 5.3166 3.85185 5.19189 4.00928C5.04992 4.18859 4.99969 4.41327 4.99951 4.55029C4.99951 4.82644 4.77565 5.05029 4.49951 5.05029C4.22355 5.05008 3.99951 4.8263 3.99951 4.55029C3.99967 4.23278 4.10029 3.77639 4.40771 3.38818C4.73293 2.97759 5.25596 2.68711 5.99951 2.68701Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41960" }, index.h("rect", { width: "12", height: "12", fill: "white" })))));
+};
+
+const HelpOutline16 = (props) => {
+    return (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41627)" }, index.h("path", { d: "M8 0.700195C12.0316 0.700206 15.2997 3.96842 15.2998 8C15.2998 12.0317 12.0317 15.2998 8 15.2998C3.96841 15.2997 0.700195 12.0316 0.700195 8C0.700307 3.96848 3.96848 0.700301 8 0.700195ZM8 1.7002C4.52076 1.7003 1.70031 4.52076 1.7002 8C1.7002 11.4793 4.52069 14.2997 8 14.2998C11.4794 14.2998 14.2998 11.4794 14.2998 8C14.2997 4.52071 11.4793 1.70021 8 1.7002ZM8 10.5C8.36819 10.5 8.66699 10.7988 8.66699 11.167C8.66693 11.5351 8.36815 11.834 8 11.834C7.63193 11.8339 7.33404 11.5351 7.33398 11.167C7.33398 10.7989 7.63189 10.5001 8 10.5ZM8 3.75C8.94361 3.75 9.5919 4.11586 9.99219 4.62109C10.3748 5.10423 10.5 5.67504 10.5 6.06836C10.4999 6.70766 10.1451 7.92808 8.78906 8.28906C8.69333 8.31456 8.61222 8.36377 8.56152 8.41797C8.51397 8.46883 8.50012 8.51442 8.5 8.55273V9.25C8.5 9.52614 8.27614 9.75 8 9.75C7.72394 9.7499 7.5 9.52608 7.5 9.25V8.55273C7.50027 7.88247 8.03974 7.45313 8.53125 7.32227C9.28312 7.12224 9.49993 6.45344 9.5 6.06836C9.49995 5.85561 9.42522 5.51645 9.20801 5.24219C9.00824 4.9901 8.65597 4.75 8 4.75C7.34399 4.75004 6.99172 4.99006 6.79199 5.24219C6.57478 5.51645 6.50005 5.85561 6.5 6.06836C6.4999 6.34442 6.27608 6.56836 6 6.56836C5.724 6.56826 5.5001 6.34436 5.5 6.06836C5.50005 5.67504 5.62517 5.10423 6.00781 4.62109C6.40806 4.1158 7.05638 3.75005 8 3.75Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41627" }, index.h("rect", { width: "16", height: "16", fill: "white" })))));
+};
+
+const HelpOutline20 = (props) => {
+    return (index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41108)" }, index.h("path", { d: "M9.99982 0.874832C15.0394 0.874832 19.1248 4.96024 19.1248 9.99983C19.1248 15.0394 15.0394 19.1248 9.99982 19.1248C4.96023 19.1248 0.874817 15.0394 0.874817 9.99983C0.87482 4.96024 4.96023 0.874843 9.99982 0.874832ZM9.99982 2.12483C5.65059 2.12484 2.12482 5.6506 2.12482 9.99983C2.12482 14.3491 5.65058 17.8748 9.99982 17.8748C14.3491 17.8748 17.8748 14.3491 17.8748 9.99983C17.8748 5.65059 14.3491 2.12483 9.99982 2.12483ZM9.99982 13.1248C10.4599 13.1248 10.8326 13.4978 10.8328 13.9578C10.8328 14.4181 10.4601 14.7918 9.99982 14.7918C9.53959 14.7918 9.16681 14.4181 9.16681 13.9578C9.16699 13.4978 9.53971 13.1248 9.99982 13.1248ZM9.99982 4.68733C11.1795 4.68733 11.9897 5.14452 12.4901 5.7762C12.9684 6.38012 13.1248 7.09315 13.1248 7.58479C13.1248 8.38394 12.6808 9.91006 10.9852 10.3612C10.8657 10.393 10.7653 10.4546 10.702 10.5223C10.6423 10.5861 10.6248 10.6432 10.6248 10.6912V11.5623C10.6248 11.9075 10.345 12.1873 9.99982 12.1873C9.65465 12.1873 9.37482 11.9075 9.37482 11.5623V10.6912C9.37482 9.85305 10.0493 9.31678 10.6639 9.15315C11.6039 8.90308 11.8748 8.06611 11.8748 7.58479C11.8748 7.31886 11.7811 6.89539 11.5096 6.55257C11.2599 6.2374 10.8199 5.93733 9.99982 5.93733C9.17973 5.93734 8.73974 6.2374 8.49005 6.55257C8.21854 6.89539 8.12488 7.31886 8.12482 7.58479C8.12482 7.92997 7.845 8.20979 7.49982 8.20979C7.15465 8.20978 6.87482 7.92996 6.87482 7.58479C6.87487 7.09315 7.03129 6.38012 7.50958 5.7762C8.00992 5.14452 8.82015 4.68734 9.99982 4.68733Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41108" }, index.h("rect", { width: "20", height: "20", fill: "white" })))));
+};
+
+const HelpOutline24 = (props) => {
+    return (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_430_2823)" }, index.h("path", { d: "M12 1.0498C18.0474 1.04991 22.9502 5.95255 22.9502 12C22.9501 18.0474 18.0474 22.9501 12 22.9502C5.95255 22.9502 1.04991 18.0474 1.0498 12C1.0498 5.95248 5.95248 1.0498 12 1.0498ZM12 2.5498C6.78091 2.5498 2.5498 6.78091 2.5498 12C2.54991 17.219 6.78097 21.4502 12 21.4502C17.2189 21.4501 21.4501 17.2189 21.4502 12C21.4502 6.78097 17.219 2.54991 12 2.5498ZM12 15.75C12.5522 15.7501 13 16.1978 13 16.75C12.9999 17.3021 12.5521 17.7499 12 17.75C11.4478 17.75 11.0001 17.3022 11 16.75C11 16.1977 11.4477 15.75 12 15.75ZM12 5.625C13.4155 5.62505 14.3879 6.17365 14.9883 6.93164C15.5622 7.65643 15.75 8.51261 15.75 9.10254C15.7498 10.0616 15.2169 11.8923 13.1826 12.4336C13.039 12.4719 12.9188 12.5466 12.8428 12.6279C12.7715 12.7043 12.7501 12.7716 12.75 12.8291V13.875C12.7499 14.2891 12.4141 14.6249 12 14.625C11.5859 14.625 11.2501 14.2891 11.25 13.875V12.8291C11.2502 11.8236 12.0595 11.1807 12.7969 10.9844C13.9244 10.6843 14.2498 9.68018 14.25 9.10254C14.25 8.78353 14.1382 8.27475 13.8125 7.86328C13.5129 7.48502 12.9842 7.12504 12 7.125C11.0157 7.125 10.4871 7.485 10.1875 7.86328C9.86168 8.27478 9.75 8.78348 9.75 9.10254C9.74975 9.51648 9.41397 9.85244 9 9.85254C8.58594 9.85254 8.25025 9.51654 8.25 9.10254C8.25 8.51256 8.43767 7.65647 9.01172 6.93164C9.61212 6.17361 10.5844 5.625 12 5.625Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_430_2823" }, index.h("rect", { width: "24", height: "24", fill: "white" })))));
+};
+
+const helpOutline = {
+    8: HelpOutline8,
+    10: HelpOutline10,
+    12: HelpOutline12,
+    16: HelpOutline16,
+    20: HelpOutline20,
+    24: HelpOutline24,
+};
+
+var HelpOutline = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    helpOutline: helpOutline
+});
+
+const PageMove12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M5.53955 0.899902C5.81566 0.899902 6.0395 1.1238 6.03955 1.3999C6.03955 1.67604 5.81569 1.8999 5.53955 1.8999H1.8999V10.1001H10.1001V6.45947C10.1004 6.1836 10.3242 5.95953 10.6001 5.95947C10.876 5.95958 11.0998 6.18363 11.1001 6.45947V10.1001C11.1 10.6522 10.6522 11.1 10.1001 11.1001H1.8999C1.34773 11.1 0.900008 10.6523 0.899902 10.1001V1.8999C0.899952 1.34769 1.34769 0.899956 1.8999 0.899902H5.53955ZM10.0005 1.50049C10.2764 1.50075 10.5005 1.72451 10.5005 2.00049V4.29248C10.5 4.56809 10.2761 4.79222 10.0005 4.79248C9.72462 4.79248 9.50093 4.56825 9.50049 4.29248V3.20752L4.854 7.854C4.6589 8.0491 4.34227 8.04878 4.14697 7.854C3.95171 7.65874 3.95171 7.34223 4.14697 7.14697L8.79346 2.50049H7.25049C6.97451 2.50049 6.75075 2.27641 6.75049 2.00049C6.75049 1.72435 6.97435 1.50049 7.25049 1.50049H10.0005Z", fill: "currentColor" })));
+
+const pageMove = {
+    12: PageMove12,
+};
+
+var PageMove = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    pageMove: pageMove
+});
+
+const Notion16 = (props) => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M3.47562 3.3239C3.92362 3.68764 4.09108 3.6599 4.93268 3.60337L12.8612 3.12764C13.0298 3.12764 12.89 2.96017 12.8335 2.93244L11.5162 1.9799C11.2644 1.78364 10.9284 1.55964 10.2842 1.61617L2.60628 2.17617C2.32682 2.2039 2.27028 2.34364 2.38228 2.45564L3.47562 3.3239ZM3.95135 5.17137V13.5138C3.95135 13.9618 4.17535 14.1303 4.67988 14.1026L13.3946 13.598C13.898 13.5703 13.9546 13.262 13.9546 12.8983V4.61137C13.9546 4.2487 13.8148 4.05137 13.5066 4.0791L4.39935 4.61137C4.06335 4.6391 3.95135 4.80764 3.95135 5.17137ZM12.554 5.61937C12.6095 5.8711 12.554 6.12284 12.3012 6.15164L11.881 6.23484V12.3938C11.5172 12.59 11.1802 12.7031 10.8996 12.7031C10.4516 12.7031 10.3396 12.5623 10.0036 12.142L7.25695 7.83057V12.0023L8.12628 12.1986C8.12628 12.1986 8.12628 12.702 7.42548 12.702L5.49268 12.814C5.43615 12.702 5.49268 12.4226 5.68895 12.366L6.19242 12.2274V6.71057L5.49375 6.6551C5.43722 6.40337 5.57695 6.03964 5.96948 6.01084L8.04308 5.87217L10.9018 10.2391V6.37564L10.1732 6.29137C10.1167 5.9831 10.3407 5.7591 10.6212 5.73137L12.5551 5.61937H12.554ZM1.96202 1.4199L9.94815 0.832171C10.9284 0.746838 11.1802 0.804437 11.7967 1.25244L14.346 3.04444C14.7674 3.35164 14.9071 3.4359 14.9071 3.7719V13.598C14.9071 14.2146 14.6831 14.5794 13.898 14.6338L4.62442 15.1938C4.03562 15.2226 3.75508 15.1383 3.44682 14.7458L1.56948 12.3106C1.23348 11.8626 1.09375 11.5266 1.09375 11.134V2.3991C1.09375 1.89564 1.31775 1.47537 1.96202 1.4199Z", fill: "currentColor" })));
+
+const notion = {
+    16: Notion16,
+};
+
+var Notion = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    notion: notion
+});
+
+const Pdf10 = (props) => (index.h("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_8773_6892)" }, index.h("path", { d: "M5.89941 0.766602C6.11512 0.766607 6.32258 0.852825 6.47559 1.00488L8.15918 2.67773C8.31334 2.83098 8.40034 3.03947 8.40039 3.25684V8.41699C8.40039 8.86802 8.03403 9.23339 7.58301 9.2334H2.41699C1.96596 9.2334 1.59961 8.86803 1.59961 8.41699V1.58398C1.59962 1.13296 1.96597 0.766602 2.41699 0.766602H5.89941ZM2.41699 1.56738C2.40779 1.56738 2.4004 1.57479 2.40039 1.58398V8.41699C2.40039 8.4262 2.40779 8.43359 2.41699 8.43359H7.58301C7.5922 8.43358 7.59961 8.42619 7.59961 8.41699V3.52539H6.14648C5.86804 3.52539 5.6416 3.29895 5.6416 3.02051V1.56738H2.41699ZM4.6582 2.86523C4.7525 2.84395 4.86332 2.8614 4.94824 2.94434C4.97308 2.96861 4.99172 2.99904 5.00195 3.03223C5.17578 3.59832 5.13808 4.19926 4.99023 4.76562C5.0425 4.83484 5.09992 4.90681 5.16504 4.97949C5.31383 5.14556 5.45413 5.28322 5.58398 5.39844C5.87696 5.33672 6.1275 5.31682 6.33984 5.33008C6.84796 5.36188 7.16675 5.58223 7.27637 5.84961C7.30421 5.9179 7.29368 5.99603 7.24902 6.05469C7.0907 6.26085 6.77722 6.40317 6.36133 6.31445C6.10346 6.25933 5.80814 6.11605 5.47559 5.85156C5.15002 5.93763 4.75929 6.08235 4.29492 6.30762C4.04381 6.69513 3.77277 7.01599 3.53613 7.21191C3.41289 7.31389 3.27722 7.40084 3.14648 7.42969C3.07796 7.44475 2.99116 7.44802 2.90723 7.40723C2.81905 7.36423 2.76596 7.28895 2.73926 7.21094C2.67222 7.0143 2.72168 6.83085 2.81934 6.68359C2.91296 6.54266 3.05555 6.42492 3.20215 6.33008C3.45955 6.16371 3.77752 6.03747 4.02246 5.96094C4.22885 5.62281 4.41252 5.23887 4.53613 4.83984C4.1983 4.32254 4.12377 3.86071 4.18848 3.50586C4.2284 3.28778 4.32124 3.10785 4.43848 2.99316C4.49623 2.93685 4.57112 2.88503 4.6582 2.86523ZM3.42773 6.68066C3.30384 6.76088 3.21551 6.84118 3.16699 6.91406C3.14896 6.94125 3.13796 6.96609 3.13184 6.98828C3.1677 6.96745 3.21492 6.93662 3.27051 6.89062C3.35531 6.82038 3.4478 6.72485 3.54688 6.6123C3.50639 6.63474 3.46507 6.65654 3.42773 6.68066ZM6.06055 5.75C6.21015 5.83529 6.33965 5.88303 6.44824 5.90625C6.60076 5.93881 6.71206 5.92193 6.79004 5.89062C6.70435 5.8263 6.55672 5.76132 6.31348 5.74609C6.23776 5.74139 6.15345 5.74345 6.06055 5.75ZM4.83887 5.23828C4.77897 5.39731 4.71068 5.55138 4.63867 5.69922C4.80504 5.63148 4.96185 5.57206 5.11035 5.52441C5.02749 5.44237 4.94127 5.35369 4.85449 5.25684C4.84909 5.2508 4.8442 5.2443 4.83887 5.23828ZM4.66016 3.3916C4.63543 3.44037 4.6128 3.50364 4.59863 3.58105C4.57018 3.7371 4.57875 3.95078 4.67578 4.20996C4.71097 3.93328 4.70954 3.65725 4.66016 3.3916ZM6.44238 2.72461H7.07129L6.44238 2.09961V2.72461Z", fill: "currentColor", ...props })), index.h("defs", null, index.h("clipPath", { id: "clip0_8773_6892" }, index.h("rect", { width: "10", height: "10", fill: "white" })))));
+
+const Pdf12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_8697_42008)" }, index.h("path", { d: "M7.07959 0.899902C7.34367 0.899948 7.59735 1.00476 7.78467 1.19092L9.80518 3.19873C9.99386 3.38637 10.1 3.64161 10.1001 3.90771V10.1001C10.1 10.6522 9.65223 11.1 9.1001 11.1001H2.8999C2.34768 11.1001 1.90001 10.6523 1.8999 10.1001V1.8999C1.8999 1.34762 2.34762 0.899902 2.8999 0.899902H7.07959ZM2.8999 10.1001H9.1001V4.24951H7.37451C7.02952 4.2493 6.74951 3.96956 6.74951 3.62451V1.8999H2.8999V10.1001ZM5.58936 3.43896C5.7025 3.41329 5.835 3.43332 5.93701 3.53271C5.96685 3.56186 5.98917 3.59833 6.00146 3.63818C6.21032 4.3182 6.16565 5.03995 5.98779 5.72021C6.0502 5.80277 6.12012 5.88843 6.19775 5.9751C6.37608 6.17411 6.54406 6.3399 6.69971 6.47803C7.05139 6.40389 7.35204 6.38013 7.60693 6.396C8.21682 6.43407 8.59935 6.69816 8.73096 7.01904C8.76455 7.10134 8.7519 7.19561 8.69775 7.26611C8.50761 7.51347 8.13157 7.68339 7.63232 7.57666C7.32303 7.51044 6.96864 7.33912 6.56982 7.02197C6.17935 7.12523 5.71062 7.29779 5.15381 7.56787C4.85221 8.03348 4.5269 8.41854 4.24268 8.65381C4.09467 8.77626 3.93189 8.88103 3.7749 8.91553C3.69268 8.93354 3.58842 8.93714 3.48779 8.88818C3.38211 8.83648 3.31858 8.74548 3.28662 8.65186C3.20639 8.41605 3.26522 8.19662 3.38232 8.02002C3.49461 7.85076 3.6653 7.71008 3.84131 7.59619C4.15033 7.39628 4.53245 7.24574 4.82666 7.15381C5.07382 6.74903 5.29346 6.28969 5.44189 5.81201C5.03508 5.19029 4.94722 4.63392 5.0249 4.20752C5.07275 3.94528 5.18474 3.72909 5.32568 3.59131C5.395 3.52361 5.48473 3.4628 5.58936 3.43896ZM4.11279 8.01611C3.96373 8.11259 3.85752 8.20875 3.79932 8.29639C3.77712 8.32987 3.76355 8.36001 3.75635 8.38721C3.79957 8.36226 3.85581 8.32489 3.92334 8.26904C4.02559 8.18444 4.1368 8.06902 4.25635 7.93311C4.20719 7.96031 4.15807 7.98682 4.11279 8.01611ZM7.27197 6.89893C7.45137 7.00124 7.60655 7.05948 7.73682 7.0874C7.91962 7.12648 8.05337 7.10629 8.14697 7.06885C8.04406 6.99169 7.86752 6.91323 7.57568 6.89502C7.48478 6.88937 7.38352 6.89106 7.27197 6.89893ZM5.80615 6.28662C5.73497 6.47553 5.65723 6.65968 5.57178 6.83545C5.76875 6.75542 5.95432 6.68494 6.13037 6.62842C6.03131 6.53028 5.92843 6.42387 5.82471 6.30811C5.81848 6.30113 5.81231 6.29358 5.80615 6.28662ZM5.59131 4.06885C5.56147 4.12755 5.53414 4.20392 5.51709 4.29736C5.48307 4.48432 5.49397 4.74007 5.60986 5.05029C5.65199 4.71834 5.65065 4.38754 5.59131 4.06885ZM7.74951 3.24951H8.43799L7.74951 2.56494V3.24951Z", fill: "currentColor", ...props })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_42008" }, index.h("rect", { width: "12", height: "12", fill: "white" })))));
+
+const Pdf16 = (props) => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_8697_41592)" }, index.h("path", { d: "M9.43945 1.3667C9.74749 1.3667 10.0432 1.4885 10.2617 1.70557L12.9561 4.3833C13.1763 4.60222 13.2997 4.89993 13.2998 5.21045V13.4663C13.2998 14.1105 12.778 14.6331 12.1338 14.6333H3.86719C3.22286 14.6333 2.7002 14.1106 2.7002 13.4663V2.53369C2.7002 1.88936 3.22286 1.3667 3.86719 1.3667H9.43945ZM3.86719 2.3667C3.77514 2.3667 3.7002 2.44164 3.7002 2.53369V13.4663C3.7002 13.5584 3.77514 13.6333 3.86719 13.6333H12.1338C12.2257 13.6331 12.2998 13.5583 12.2998 13.4663V5.50049H9.83398C9.46595 5.50049 9.16724 5.20148 9.16699 4.8335V2.3667H3.86719ZM7.45312 4.58545C7.58519 4.55551 7.73726 4.57195 7.86426 4.66553L7.91699 4.71045L7.96875 4.77588C7.98305 4.79937 7.99478 4.82458 8.00293 4.85107C8.28155 5.75817 8.22177 6.72103 7.98438 7.62842C8.06756 7.73843 8.16118 7.85082 8.26465 7.96631C8.50291 8.23224 8.72666 8.45375 8.93457 8.63818C9.40344 8.53939 9.80375 8.5076 10.1436 8.52881C10.9569 8.57963 11.4673 8.93088 11.6426 9.35889C11.6874 9.46861 11.6698 9.59396 11.5977 9.68799C11.3443 10.0179 10.8434 10.2452 10.1777 10.103C9.76504 10.0148 9.29204 9.7862 8.75977 9.36279C8.24093 9.50003 7.61891 9.72941 6.87988 10.0874C6.47657 10.7111 6.03748 11.2249 5.65723 11.5396C5.45994 11.7028 5.24343 11.8422 5.03418 11.8882C4.92453 11.9123 4.78565 11.9173 4.65137 11.8521C4.51002 11.7832 4.42551 11.6617 4.38281 11.5366C4.27552 11.222 4.35449 10.9295 4.51074 10.6938C4.66053 10.4681 4.88827 10.2803 5.12305 10.1284C5.53559 9.86161 6.04512 9.66008 6.4375 9.5376C6.7666 8.9984 7.05909 8.38662 7.25684 7.75049C6.71382 6.92101 6.59746 6.17865 6.70117 5.60986C6.76499 5.26021 6.9136 4.97224 7.10156 4.78857C7.19403 4.69828 7.31355 4.61718 7.45312 4.58545ZM5.48535 10.688C5.28617 10.8168 5.14402 10.946 5.06641 11.063C5.03671 11.1078 5.01931 11.1477 5.00977 11.1841C5.06747 11.1508 5.14224 11.1005 5.23242 11.0259C5.37249 10.91 5.52822 10.7539 5.69238 10.5659C5.62072 10.6051 5.55102 10.6455 5.48535 10.688ZM9.69727 9.19971C9.93633 9.33598 10.1428 9.41352 10.3164 9.45068C10.5611 9.50296 10.7404 9.47659 10.8652 9.42627C10.7283 9.32295 10.4923 9.21826 10.1016 9.19385C9.98042 9.18631 9.84593 9.18924 9.69727 9.19971ZM7.74316 8.3833C7.64808 8.63562 7.54288 8.88099 7.42871 9.11572C7.69237 9.00856 7.94023 8.91396 8.17578 8.83838C8.04345 8.70731 7.90616 8.56629 7.76758 8.41162C7.75926 8.40234 7.75137 8.39257 7.74316 8.3833ZM7.45508 5.42627C7.41545 5.50445 7.38007 5.60579 7.35742 5.72998C7.31176 5.9805 7.32372 6.32419 7.48047 6.74072C7.53749 6.29608 7.5345 5.85316 7.45508 5.42627ZM10.167 4.50049H11.6553L10.167 3.021V4.50049Z", fill: "currentColor", ...props })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41592" }, index.h("rect", { width: "16", height: "16", fill: "white" })))));
+
+const Pdf20 = (props) => (index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_8697_41113)" }, index.h("path", { d: "M11.7988 1.7085C12.184 1.7085 12.5539 1.86084 12.8271 2.13232L16.1943 5.479C16.4697 5.75267 16.6249 6.12497 16.625 6.51318V16.8335C16.625 17.6388 15.9723 18.2913 15.167 18.2915H4.83301C4.02775 18.2913 3.375 17.6388 3.375 16.8335V3.1665C3.37518 2.36136 4.02786 1.70868 4.83301 1.7085H11.7988ZM4.83301 2.9585C4.71822 2.95868 4.62518 3.05172 4.625 3.1665V16.8335C4.625 16.9484 4.71811 17.0413 4.83301 17.0415H15.167C15.2819 17.0413 15.375 16.9484 15.375 16.8335V6.87549H12.291C11.8313 6.87512 11.4583 6.5022 11.458 6.04248V2.9585H4.83301ZM9.31543 5.73193C9.48067 5.69443 9.67122 5.71529 9.83008 5.83252L9.89551 5.88818L9.95996 5.97021C9.97784 5.99957 9.99273 6.03086 10.0029 6.06396C10.3511 7.19738 10.2769 8.40084 9.98047 9.53467C10.0846 9.67237 10.2006 9.81393 10.3301 9.9585C10.6265 10.2893 10.9043 10.5655 11.1631 10.7954C11.7507 10.6713 12.2531 10.6351 12.6787 10.6616C13.6954 10.7251 14.3325 11.1638 14.5518 11.6987C14.6079 11.836 14.5874 11.9932 14.4971 12.1108C14.1802 12.5232 13.5529 12.8063 12.7207 12.6284C12.2048 12.518 11.6136 12.233 10.9482 11.7036C10.3 11.8752 9.52265 12.1618 8.59961 12.6089C8.09546 13.3886 7.54664 14.0309 7.07129 14.4243C6.82464 14.6284 6.55359 14.8034 6.29199 14.8608C6.15495 14.8909 5.9812 14.8965 5.81348 14.8149C5.63702 14.7288 5.53088 14.5776 5.47754 14.4214C5.34341 14.0282 5.44251 13.6622 5.6377 13.3677C5.82475 13.0857 6.10916 12.8514 6.40234 12.6616C6.9181 12.328 7.55625 12.0765 8.04688 11.9233C8.45837 11.2492 8.82308 10.4833 9.07031 9.68799C8.39183 8.65143 8.24645 7.72404 8.37598 7.01318C8.4557 6.57596 8.64196 6.2155 8.87695 5.98584C8.99239 5.87317 9.1413 5.77168 9.31543 5.73193ZM6.85547 13.3608C6.60667 13.5218 6.429 13.6824 6.33203 13.8286C6.29511 13.8844 6.27368 13.9347 6.26172 13.98C6.33376 13.9384 6.42756 13.8758 6.54004 13.7827C6.71489 13.638 6.90935 13.443 7.11426 13.2085C7.02482 13.2574 6.93742 13.3078 6.85547 13.3608ZM12.1162 11.4966C12.4173 11.6688 12.6772 11.7673 12.8955 11.814C13.2008 11.8792 13.4241 11.8454 13.5801 11.7827C13.4088 11.6538 13.1146 11.5231 12.627 11.4927C12.4742 11.4832 12.3039 11.4832 12.1162 11.4966ZM9.67773 10.479C9.55963 10.7924 9.42879 11.0975 9.28711 11.3892C9.61468 11.2561 9.92493 11.1433 10.2178 11.0493C10.0524 10.8855 9.88214 10.7084 9.70898 10.5151C9.69838 10.5033 9.6882 10.4908 9.67773 10.479ZM9.31836 6.78271C9.26881 6.88045 9.22363 7.0073 9.19531 7.1626C9.13827 7.47578 9.15461 7.90561 9.35059 8.42627C9.42186 7.87039 9.41768 7.31639 9.31836 6.78271ZM12.708 5.62549H14.5684L12.708 3.77588V5.62549Z", fill: "currentColor", ...props })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41113" }, index.h("rect", { width: "20", height: "20", fill: "white" })))));
+
+const Pdf24 = (props) => (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_2131_9579)" }, index.h("path", { d: "M14.1592 2.0498C14.6213 2.0499 15.0648 2.23283 15.3926 2.55859L19.4336 6.57422C19.764 6.90262 19.9501 7.34957 19.9502 7.81543V20.2002C19.95 21.1664 19.1664 21.95 18.2002 21.9502H5.7998C4.83344 21.9502 4.05002 21.1665 4.0498 20.2002V3.7998C4.0498 2.83331 4.83331 2.0498 5.7998 2.0498H14.1592ZM5.7998 3.5498C5.66173 3.5498 5.5498 3.66173 5.5498 3.7998V20.2002C5.55002 20.3381 5.66186 20.4502 5.7998 20.4502H18.2002C18.338 20.45 18.45 20.338 18.4502 20.2002V8.25H14.75C14.1978 8.25 13.7501 7.8022 13.75 7.25V3.5498H5.7998ZM11.1797 6.87695C11.4061 6.82573 11.6711 6.86636 11.875 7.06543C11.9347 7.12378 11.9793 7.19655 12.0039 7.27637C12.4216 8.63633 12.3322 10.08 11.9766 11.4404C12.1014 11.6056 12.2402 11.7758 12.3955 11.9492C12.7514 12.3465 13.0857 12.6781 13.3965 12.9541C14.1016 12.8052 14.7041 12.7601 15.2148 12.792C16.4346 12.8682 17.1997 13.3953 17.4629 14.0371C17.5303 14.2016 17.5046 14.3901 17.3965 14.5312C17.0163 15.0263 16.2645 15.3668 15.2656 15.1533C14.6465 15.021 13.9371 14.6791 13.1387 14.0439C12.3609 14.2497 11.4279 14.5925 10.3203 15.1289C9.71521 16.0649 9.05595 16.8354 8.48535 17.3076C8.18934 17.5525 7.86476 17.763 7.55078 17.832C7.38638 17.8681 7.17884 17.8751 6.97754 17.7773C6.76533 17.6741 6.6383 17.4923 6.57422 17.3047C6.41329 16.8328 6.53139 16.3944 6.76562 16.041C6.99028 15.7024 7.33148 15.4202 7.68359 15.1924C8.30393 14.7911 9.06997 14.4854 9.65918 14.3018C10.1517 13.4941 10.5887 12.5773 10.8848 11.625C10.0705 10.3811 9.89538 9.2681 10.0508 8.41504C10.1465 7.89052 10.3704 7.45813 10.6523 7.18262C10.7911 7.0472 10.9703 6.92448 11.1797 6.87695ZM8.22656 16.0322C7.92821 16.2253 7.71507 16.4174 7.59863 16.5928C7.55409 16.6599 7.52902 16.7208 7.51465 16.7754C7.60106 16.7255 7.71281 16.6496 7.84766 16.5381C8.05763 16.3643 8.29203 16.1303 8.53809 15.8486C8.43046 15.9074 8.32518 15.9684 8.22656 16.0322ZM14.5391 13.7949C14.9007 14.0019 15.2125 14.1197 15.4746 14.1758C15.8409 14.2541 16.1087 14.2138 16.2959 14.1387C16.0903 13.9839 15.7376 13.8266 15.1523 13.79C14.9689 13.7786 14.7646 13.7788 14.5391 13.7949ZM11.6143 12.5732C11.4727 12.9491 11.3163 13.3152 11.1465 13.665C11.5386 13.5058 11.9101 13.3714 12.2607 13.2588C12.0623 13.0623 11.8592 12.8481 11.6514 12.6162C11.6387 12.6021 11.6267 12.5873 11.6143 12.5732ZM11.1855 8.13574C11.1255 8.25337 11.0695 8.40582 11.0352 8.59375C10.9666 8.96992 10.9859 9.48657 11.2217 10.1123C11.3075 9.4441 11.3052 8.7772 11.1855 8.13574ZM15.25 6.75H17.4814L15.25 4.53125V6.75Z", fill: "currentColor", ...props })), index.h("defs", null, index.h("clipPath", { id: "clip0_2131_9579" }, index.h("rect", { width: "24", height: "24", fill: "white" })))));
+
+const Pdf8 = (props) => (index.h("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_8773_8690)" }, index.h("path", { d: "M4.72003 0.633484C4.88715 0.6336 5.04777 0.699268 5.16632 0.817078L6.513 2.15594C6.63259 2.2748 6.69949 2.43656 6.69952 2.60516V6.73309C6.69951 7.08282 6.41643 7.36681 6.06671 7.36688H1.93292C1.58331 7.3667 1.30012 7.08275 1.30011 6.73309V1.2663C1.30029 0.916781 1.58341 0.633671 1.93292 0.633484H4.72003ZM1.93292 1.23309C1.91478 1.23328 1.89989 1.24815 1.89972 1.2663V6.73309C1.89973 6.75138 1.91468 6.76611 1.93292 6.7663H6.06671C6.08505 6.76623 6.0999 6.75145 6.09991 6.73309V2.7995H4.91632C4.70487 2.79932 4.53368 2.62814 4.53351 2.41669V1.23309H1.93292ZM3.72687 2.29169C3.80217 2.27477 3.89048 2.28906 3.95831 2.35516C3.97808 2.37452 3.99309 2.39905 4.00128 2.42548C4.1403 2.87836 4.10982 3.35911 3.99152 3.81219C4.03329 3.86752 4.0801 3.92499 4.13214 3.98309C4.25104 4.11578 4.36332 4.22596 4.4671 4.31805C4.70147 4.26869 4.90173 4.25276 5.07159 4.26337C5.47778 4.28872 5.73263 4.46477 5.82062 4.67841C5.84302 4.73311 5.83494 4.79644 5.79913 4.84344C5.67242 5.00845 5.42115 5.12166 5.0882 5.05048C4.88208 5.00632 4.64593 4.89264 4.38019 4.68134C4.12014 4.75009 3.80755 4.8639 3.43683 5.04364C3.23555 5.3546 3.01816 5.61217 2.82843 5.76923C2.72981 5.85081 2.62151 5.92101 2.51691 5.94403C2.46208 5.95605 2.39262 5.95813 2.3255 5.92548C2.25506 5.89111 2.21309 5.83058 2.19171 5.76825C2.13819 5.61102 2.1771 5.46413 2.25519 5.34637C2.33 5.23376 2.44372 5.13997 2.56085 5.06415C2.76665 4.93106 3.02111 4.82953 3.2171 4.76825C3.3824 4.49747 3.52736 4.1894 3.62628 3.86981C3.35735 3.45693 3.29825 3.08772 3.34991 2.80438C3.38186 2.62971 3.45717 2.486 3.55109 2.39423C3.59731 2.34914 3.65714 2.30751 3.72687 2.29169ZM2.74249 5.34344C2.64308 5.40776 2.57139 5.47251 2.53253 5.53094C2.5181 5.55277 2.50905 5.57271 2.50421 5.59052C2.53297 5.5739 2.57071 5.54946 2.61554 5.51239C2.68353 5.4561 2.75776 5.37905 2.83722 5.28876C2.8048 5.30671 2.77238 5.32413 2.74249 5.34344ZM4.84796 4.5993C4.96775 4.66764 5.07157 4.70669 5.15851 4.72528C5.27954 4.7511 5.36769 4.73627 5.42999 4.71161C5.36123 4.66053 5.24424 4.60847 5.05109 4.59637C4.99033 4.59258 4.92257 4.59403 4.84796 4.5993ZM3.87042 4.18817C3.8224 4.31583 3.76805 4.43963 3.71027 4.55829C3.84324 4.50414 3.96851 4.45674 4.08722 4.41864C4.02118 4.35322 3.95324 4.28195 3.88409 4.20477C3.87938 4.19948 3.87508 4.19344 3.87042 4.18817ZM3.72687 2.71259C3.70718 2.75148 3.68935 2.80232 3.67804 2.86395C3.6553 2.98866 3.66315 3.15984 3.74054 3.36688C3.76861 3.14565 3.7664 2.92498 3.72687 2.71259ZM5.13312 2.19989H5.70636L5.13312 1.62958V2.19989Z", fill: "currentColor", ...props })), index.h("defs", null, index.h("clipPath", { id: "clip0_8773_8690" }, index.h("rect", { width: "8", height: "8", fill: "white" })))));
+
+const pdf = {
+    8: Pdf8,
+    10: Pdf10,
+    12: Pdf12,
+    16: Pdf16,
+    20: Pdf20,
+    24: Pdf24,
+};
+
+var Pdf = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    pdf: pdf
+});
+
+const Search8 = (props) => {
+    return (index.h("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M3.71375 0.633606C5.25991 0.633869 6.51354 1.88718 6.51355 3.43341V3.71368C6.51345 4.37867 6.27983 4.98827 5.89246 5.46857L7.27917 6.85529C7.39584 6.97247 7.39614 7.16211 7.27917 7.27911C7.16218 7.39611 6.97254 7.39579 6.85535 7.27911L5.46863 5.8924C4.98833 6.2798 4.37875 6.51338 3.71375 6.51349H3.43347C1.88722 6.51349 0.633907 5.25988 0.633667 3.71368V3.43341C0.633678 1.88702 1.88708 0.633606 3.43347 0.633606H3.71375ZM3.43347 1.23322C2.21845 1.23322 1.23329 2.21839 1.23328 3.43341V3.71368C1.23352 4.92851 2.21859 5.9129 3.43347 5.9129H3.71375C4.9284 5.91264 5.91272 4.92834 5.91296 3.71368V3.43341C5.91295 2.21856 4.92854 1.23348 3.71375 1.23322H3.43347Z", fill: "currentColor" })));
+};
+
+const Search10 = (props) => {
+    return (index.h("svg", { width: "10", height: "10", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M9.28284 1.70862C13.0798 1.70864 16.1578 4.78668 16.1578 8.58362V9.28284C16.1578 10.956 15.5586 12.4882 14.5651 13.6803L18.108 17.2242C18.3521 17.4683 18.3521 17.864 18.108 18.108C17.864 18.3521 17.4683 18.3521 17.2242 18.108L13.6803 14.5651C12.4882 15.5586 10.956 16.1578 9.28284 16.1578H8.58362C4.78666 16.1578 1.70863 13.0798 1.70862 9.28284V8.58362C1.70862 4.78666 4.78666 1.70862 8.58362 1.70862H9.28284ZM8.58362 2.95862C5.47702 2.95862 2.95862 5.47702 2.95862 8.58362V9.28284C2.95863 12.3894 5.47702 14.9078 8.58362 14.9078H9.28284C12.3894 14.9078 14.9078 12.3894 14.9078 9.28284V8.58362C14.9078 5.47703 12.3894 2.95864 9.28284 2.95862H8.58362Z", fill: "currentColor" })));
+};
+
+const Search12 = (props) => {
+    return (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M5.57007 0.900146C7.91719 0.900244 9.82006 2.803 9.82007 5.15015V5.57007C9.82003 6.56334 9.47705 7.47537 8.90601 8.19897L10.9539 10.2468C11.1488 10.4421 11.149 10.7587 10.9539 10.9539C10.7587 11.149 10.4421 11.1488 10.2468 10.9539L8.19897 8.90601C7.47536 9.47706 6.56335 9.82003 5.57007 9.82007H5.15015C2.803 9.82007 0.900245 7.91719 0.900146 5.57007V5.15015C0.900155 2.80294 2.80294 0.900147 5.15015 0.900146H5.57007ZM5.15015 1.90015C3.35523 1.90015 1.90016 3.35523 1.90015 5.15015V5.57007C1.90024 7.36491 3.35528 8.82007 5.15015 8.82007H5.57007C7.36485 8.81997 8.81997 7.36485 8.82007 5.57007V5.15015C8.82006 3.35529 7.3649 1.90024 5.57007 1.90015H5.15015Z", fill: "currentColor" })));
+};
+
+const Search16 = (props) => {
+    return (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M7.70959 1.37372C10.6156 1.52106 12.9264 3.92426 12.9264 6.86688V7.42645C12.9264 8.76518 12.447 9.99127 11.652 10.945L14.4869 13.78C14.6818 13.9753 14.6821 14.2919 14.4869 14.487C14.2918 14.6821 13.9752 14.6819 13.7799 14.487L10.9449 11.652C9.99121 12.4471 8.7651 12.9265 7.42639 12.9265H6.86682C3.92422 12.9264 1.521 10.6156 1.37366 7.70966L1.36682 7.42645V6.86688C1.36682 3.82933 3.82927 1.3669 6.86682 1.36688H7.42639L7.70959 1.37372ZM6.86682 2.36688C4.38156 2.3669 2.36682 4.38161 2.36682 6.86688V7.42645L2.37268 7.6579C2.4931 10.0356 4.45915 11.9264 6.86682 11.9265H7.42639C9.91167 11.9265 11.9264 9.91173 11.9264 7.42645V6.86688C11.9264 4.4592 10.0356 2.49316 7.65784 2.37274L7.42639 2.36688H6.86682Z", fill: "currentColor" })));
+};
+
+const Search20 = (props) => {
+    return (index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M9.28284 1.70862C13.0798 1.70864 16.1578 4.78668 16.1578 8.58362V9.28284C16.1578 10.956 15.5586 12.4882 14.5651 13.6803L18.108 17.2242C18.3521 17.4683 18.3521 17.864 18.108 18.108C17.864 18.3521 17.4683 18.3521 17.2242 18.108L13.6803 14.5651C12.4882 15.5586 10.956 16.1578 9.28284 16.1578H8.58362C4.78666 16.1578 1.70863 13.0798 1.70862 9.28284V8.58362C1.70862 4.78666 4.78666 1.70862 8.58362 1.70862H9.28284ZM8.58362 2.95862C5.47702 2.95862 2.95862 5.47702 2.95862 8.58362V9.28284C2.95863 12.3894 5.47702 14.9078 8.58362 14.9078H9.28284C12.3894 14.9078 14.9078 12.3894 14.9078 9.28284V8.58362C14.9078 5.47703 12.3894 2.95864 9.28284 2.95862H8.58362Z", fill: "currentColor" })));
+};
+
+const Search24 = (props) => (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M11.1401 2.05032C15.6963 2.05052 19.3901 5.7441 19.3901 10.3003V11.1402C19.3901 13.1482 18.6716 14.9879 17.479 16.4185L21.73 20.6695C22.0229 20.9624 22.0229 21.4371 21.73 21.73C21.4371 22.0229 20.9623 22.0229 20.6694 21.73L16.4185 17.479C14.9878 18.6716 13.1481 19.3901 11.1401 19.3902H10.3003C5.74407 19.3902 2.05049 15.6963 2.05029 11.1402V10.3003C2.05029 5.74398 5.74395 2.05033 10.3003 2.05032H11.1401ZM10.3003 3.55032C6.57237 3.55033 3.55029 6.5724 3.55029 10.3003V11.1402C3.55049 14.8679 6.57249 17.8902 10.3003 17.8902H11.1401C14.8678 17.89 17.8899 14.8678 17.8901 11.1402V10.3003C17.8901 6.57252 14.8679 3.55052 11.1401 3.55032H10.3003Z", fill: "currentColor" })));
+
+const search = {
+    8: Search8,
+    10: Search10,
+    12: Search12,
+    16: Search16,
+    20: Search20,
+    24: Search24,
+};
+
+var Search = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    search: search
+});
+
+const Youtube20 = (props) => (index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_13895_22389)" }, index.h("path", { d: "M16.668 5C17.5884 5 18.335 5.74652 18.335 6.66699V13.333C18.335 14.2535 17.5884 15 16.668 15H3.33496C2.41449 15 1.66797 14.2535 1.66797 13.333V6.66699C1.66797 5.74652 2.41449 5 3.33496 5H16.668ZM9.0752 7.71582C8.93675 7.62356 8.75098 7.72327 8.75098 7.88965V12.1104C8.75098 12.2767 8.93675 12.3764 9.0752 12.2842L12.2412 10.1738C12.3649 10.0914 12.3649 9.90864 12.2412 9.82617L9.0752 7.71582Z", fill: "currentColor", ...props })), index.h("defs", null, index.h("clipPath", { id: "clip0_13895_22389" }, index.h("rect", { width: "20", height: "20", fill: "white" })))));
+
+const youtube = {
+    20: Youtube20,
+};
+
+var Youtube = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    youtube: youtube
+});
+
+const Icons = {
+    ...ArrowDown,
+    ...ArrowLeft,
+    ...ArrowLeftEnd,
+    ...ArrowRight,
+    ...ArrowRightEnd,
+    ...ArrowUp,
+    ...Check,
+    ...Close,
+    ...Date,
+    ...Event,
+    ...HelpOutline,
+    ...PageMove,
+    ...Notion,
+    ...Pdf,
+    ...Search,
+    ...Youtube,
+};
+
+const sdIconCss = ".sc-sd-icon-h{line-height:0}.sd-icon.sc-sd-icon{line-height:0;vertical-align:middle}.sd-icon--rotate-90.sc-sd-icon{transform:rotate(90deg)}.sd-icon--rotate-180.sc-sd-icon{transform:rotate(180deg)}.sd-icon--rotate-270.sc-sd-icon{transform:rotate(270deg)}";
+
+const SdIcon = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** 아이콘명 */
+    name;
+    /** 아이콘 크기 */
+    size = 12;
+    /** 아이콘 색상 */
+    color;
+    /** 회전 각도 (0, 90, 180, 270) */
+    rotate;
+    /** 접근성을 위한 라벨 */
+    label;
+    iconStyle = {};
+    getIconClasses() {
+        const classes = ['sd-icon'];
+        if (this.rotate) {
+            classes.push(`sd-icon--rotate-${this.rotate}`);
+        }
+        return classes.join(' ');
+    }
+    get resolvedColor() {
+        return resolveColor(this.color);
+    }
+    render() {
+        const IconComponent = Icons[this.name]?.[this.size];
+        return (index.h("i", { key: 'e4a18e5410daf717d400488c1d68f1dd20017e71', class: this.getIconClasses(), style: this.iconStyle }, index.h(IconComponent, { key: '1300823f018f8f63a23b9caf1529beafb0b3583c', color: this.resolvedColor })));
+    }
+};
+SdIcon.style = sdIconCss;
+
+const SdPortal = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.sdClose = index.createEvent(this, "sdClose");
+    }
+    get hostEl() { return index.getElement(this); }
+    to = 'body';
+    parentRef = null;
+    offset = [0, 4];
+    zIndex = 9999;
+    open = false;
+    sdClose;
+    container;
+    wrapper;
+    rafId;
+    isInsideClick = false;
+    resizeObserver;
+    mutationObserver;
+    componentDidLoad() {
+        this.container = this.resolveContainer();
+        this.createWrapper();
+        this.moveSlotContent();
+        this.updatePosition();
+        this.observeParent();
+    }
+    componentDidRender() {
+        if (!this.wrapper)
+            return;
+        this.wrapper.style.display = this.open ? 'block' : 'none';
+        if (this.open)
+            this.updatePosition();
+    }
+    disconnectedCallback() {
+        this.unobserveParent();
+        this.wrapper?.remove();
+    }
+    resolveContainer() {
+        const el = typeof this.to === 'string' ? document.querySelector(this.to) : this.to;
+        return el instanceof HTMLElement ? el : document.body;
+    }
+    createWrapper() {
+        this.wrapper = document.createElement('div');
+        Object.assign(this.wrapper.style, {
+            position: 'absolute',
+            zIndex: this.zIndex.toString(),
+            transition: 'opacity 0.4s',
+        });
+        this.container.appendChild(this.wrapper);
+    }
+    moveSlotContent() {
+        if (!this.wrapper)
+            return;
+        const nodes = Array.from(this.hostEl.childNodes).filter(n => n.nodeType !== Node.COMMENT_NODE);
+        nodes.forEach(n => this.wrapper.appendChild(n));
+    }
+    // 위치 갱신 (scroll / resize)
+    updatePosition() {
+        if (this.rafId)
+            cancelAnimationFrame(this.rafId);
+        this.rafId = requestAnimationFrame(() => {
+            if (!this.parentRef || !this.wrapper)
+                return;
+            const rect = this.parentRef.getBoundingClientRect();
+            this.wrapper.style.top = `${rect.bottom + window.scrollY + this.offset[1]}px`;
+            this.wrapper.style.left = `${rect.left + window.scrollX + this.offset[0]}px`;
+        });
+    }
+    // parentRef의 이동 / 크기변경 감지
+    observeParent() {
+        if (!this.parentRef)
+            return;
+        this.resizeObserver = new ResizeObserver(() => this.updatePosition());
+        this.resizeObserver.observe(this.parentRef);
+        this.mutationObserver = new MutationObserver(() => this.updatePosition());
+        this.mutationObserver.observe(document.body, {
+            childList: true,
+            subtree: true,
+        });
+    }
+    unobserveParent() {
+        this.resizeObserver?.disconnect();
+        this.mutationObserver?.disconnect();
+    }
+    // 외부 클릭 감지
+    handleMouseDown(e) {
+        this.isInsideClick = !!(this.wrapper && this.wrapper.contains(e.target));
+    }
+    handleWindowClick(e) {
+        if (this.isInsideClick) {
+            this.isInsideClick = false;
+            return;
+        }
+        if (this.wrapper?.contains(e.target))
+            return;
+        this.sdClose.emit();
+    }
+    render() {
+        return index.h("slot", { key: '32b0689ed1ad8c20bc400292b63597bc3e56ce2b' });
+    }
+};
+
+exports.sd_button = SdButton;
+exports.sd_guide = SdGuide;
+exports.sd_icon = SdIcon;
+exports.sd_portal = SdPortal;
+//# sourceMappingURL=sd-button.sd-guide.sd-icon.sd-portal.entry.cjs.js.map